/* Homepage free X-Ray section (#xray). Same offer, form and player as /xray,
   in the homepage's own section. Order on a phone: headline, trust chips,
   video, form. Desktop: headline, video, form side by side. */
.xh{background:#fff7ec;border-top:3px solid #1f1f1d;border-bottom:3px solid #1f1f1d;scroll-margin-top:72px}
.xh-grid{display:grid;grid-template-columns:minmax(0,1fr) 17rem minmax(0,25rem);grid-template-areas:"head vid form";gap:clamp(1.5rem,3vw,2.5rem);align-items:start}
.xh-head{grid-area:head}
.xh-vid{grid-area:vid}
.xh-form{grid-area:form}
.xh h2 span{color:#e5531a}
.xh-head>p{color:#5a5249;line-height:1.6;margin:0}
.xh [hidden]{display:none!important}
.xh-chips{list-style:none;margin:1.25rem 0 0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:.5rem}
.xh-chips li{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:2px solid #1f1f1d;border-radius:999px;padding:.42rem .85rem .42rem .45rem;font-weight:800;font-size:.86rem;line-height:1.1;color:#1f1f1d}
.xh-chips li::before{content:"";width:1.2rem;height:1.2rem;flex:none;border-radius:50%;background:#ef5a12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/68% no-repeat}
.xh-checks{list-style:none;counter-reset:xh;margin:1.5rem 0 0!important;padding:0!important;display:grid;gap:.7rem}
.xh-checks li{counter-increment:xh;display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.6rem;font-size:.92rem;line-height:1.45;color:#5a5249}
.xh-checks li::before{content:counter(xh);width:1.6rem;height:1.6rem;border-radius:50%;background:#1f1f1d;color:#ffd166;display:grid;place-items:center;font-weight:900;font-size:.78rem}
.xh-checks b{display:block;color:#1f1f1d}
.xh-more{margin:1.25rem 0 0!important;font-size:.9rem;font-weight:700}
.xh-more a{color:#1f1f1d;text-decoration:underline;text-underline-offset:3px}
/* player, same as /xray */
.xh .vid{margin:0}
.xh .vid-box{position:relative;aspect-ratio:9/16;border:3px solid #1f1f1d;border-radius:18px;overflow:hidden;background:#1f1f1d;box-shadow:0 26px 50px -24px rgba(217,70,15,.7)}
.xh .vid-box video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}
.xh .vid-sound{position:absolute;left:50%;top:.8rem;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .95rem;border:0;border-radius:999px;background:rgba(31,31,29,.84);color:#fff;font-weight:800;font-size:.92rem;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.xh .vid-sound b{font-weight:700;color:#ffd166;font-size:.8rem}
.xh .vid-box.still .vid-sound{top:50%;transform:translate(-50%,-50%);padding:1rem 1.3rem;font-size:1.05rem;background:#ef5a12}
.xh .vid-box.on .vid-sound{display:none}
.xh .vid figcaption{font-size:.8rem;color:#5a5249;margin-top:.6rem;font-weight:600;text-align:center}
/* form, same fields as /xray */
.xh-form{background:#fff;border:3px solid #1f1f1d;border-radius:18px;padding:clamp(1.2rem,2.5vw,1.6rem);display:grid;gap:.9rem;box-shadow:0 22px 44px -26px rgba(31,31,29,.55);scroll-margin-top:84px}
.xh-form h3{margin:0;font-size:1.4rem;letter-spacing:-.03em;line-height:1.15}
.xh-form .sub{margin:-.45rem 0 0;font-size:.85rem;color:#5a5249}
.xh-who{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.xh-who legend{font-weight:700;font-size:.78rem;letter-spacing:.04em;margin-bottom:.35rem;padding:0}
.xh-who label{position:relative;cursor:pointer}
.xh-who input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.xh-who span{display:block;text-align:center;border:2px solid #1f1f1d;border-radius:12px;padding:.6rem .4rem;font-weight:800;font-size:.86rem;line-height:1.2;background:#fff;color:#1f1f1d}
.xh-who input:checked+span{background:#1f1f1d;color:#fff}
.xh-who input:focus-visible+span{outline:3px solid #E8A33D;outline-offset:2px}
.xh-form .field{display:grid;gap:.3rem}
.xh-form .field label{font-weight:700;font-size:.78rem;letter-spacing:.04em}
.xh-form .opt{font-weight:500;color:#5a5249;letter-spacing:0}
.xh-form .field input,.xh-form .field select{font:inherit;font-size:1rem;color:#1f1f1d;background:#fff7ec;border:1.5px solid #e8cfb2;border-radius:10px;padding:.72rem .8rem;width:100%}
.xh-form .field input:focus,.xh-form .field select:focus{border-color:#e5531a;box-shadow:rgba(184,74,37,.16) 0 0 0 3px;outline:none}
.xh-form .hp{position:absolute;left:-9999px}
.xh-form .sms{display:grid;gap:.6rem;background:#fff7ec;border-radius:10px;padding:.75rem .85rem}
.xh-form .chk{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.4;cursor:pointer}
.xh-form .chk input{width:20px;height:20px;margin:.1rem 0 0;flex:none;accent-color:#e5531a}
.xh-form .legal{font-size:.7rem;line-height:1.5;color:#5a5249;margin:0}
.xh-form .legal a{text-decoration:underline}
.xh-form .btn{width:100%;justify-content:center}
.xh-form .note{font-size:.75rem;color:#5a5249;text-align:center;margin:0}
@media (max-width:1150px){
.xh-grid{grid-template-columns:17rem minmax(0,1fr);grid-template-areas:"head head" "vid form"}
.xh-head{max-width:44rem}
}
@media (max-width:760px){
.xh-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "vid" "form"}
.xh-checks{display:none}
.xh-vid .vid{width:min(100%,20rem,calc(84vh * .5625));width:min(100%,20rem,calc(84svh * .5625));margin:0 auto}
.xh-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:1rem}
.xh-chips li{border-radius:12px;padding:.45rem .45rem;font-size:12px;gap:.3rem;margin:0}
.xh-chips li::before{width:1rem;height:1rem}
}
/* One call to action at a time: the floating "Let's talk" button steps
   aside while the X-Ray form section is on screen. */
html.xh-in .trd-contact-launcher{opacity:0;pointer-events:none;transition:opacity .2s}