/* Sector-conversion section styles, extracted verbatim from page-sector.php on 2026-07-24
   so SERVICE pages can reuse the same selling sections (.sect-lp scope).
   NOTE: page-sector.php still carries its own inline copy - deliberately untouched to
   avoid any risk to the 5 live sector pages. Unify later if desired. */

.sect-lp{--mbg:#0c0b0a;--ms1:#131211;--ms2:#191716;--mink:#f5f4f2;--mink2:#c6c3bf;--mmut:#8a8783;--mhair:rgba(255,255,255,.11);--mhair2:rgba(255,255,255,.18);--mdot:#6ab8f7;--mease:cubic-bezier(.22,1,.36,1);--mrlg:22px;--mrsm:15px;--mlite:#f5f5f7;--mlink:#1d1d1f;--mlink2:#3a3a3e;--mlmut:#6e6e73;--mlhair:#e2e2e6;background:var(--mbg);color:var(--mink2);font-weight:300;line-height:1.6;font-size:17px}
.sect-lp *{box-sizing:border-box}
.sect-lp .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(22px,5vw,48px)}
.sect-lp h1,.sect-lp h2,.sect-lp h3{color:var(--mink);letter-spacing:-.035em;line-height:1.06;font-weight:400;margin:0}
.sect-lp p{margin:0}
.sect-lp a{color:inherit;text-decoration:none}
.sect-lp .eyebrow{font:600 11px/1 'Poppins',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mmut);display:block}
.sect-lp .lede{font-size:20px;font-weight:300;color:var(--mink2);line-height:1.6}
.sect-lp a:focus-visible,.sect-lp button:focus-visible,.sect-lp summary:focus-visible{outline:2px solid var(--mink);outline-offset:3px;border-radius:5px}
.sect-lp .btnrow{display:flex;gap:14px 18px;flex-wrap:wrap;align-items:center}
.sect-lp .btn{display:inline-flex;align-items:center;gap:10px;border-radius:9999px;font:600 14px/1 'Poppins',sans-serif;padding:16px 30px;cursor:pointer;border:none;transition:transform .25s var(--mease),background .25s}
.sect-lp .btn.primary{background:var(--mink);color:#0a0a0a}
.sect-lp .btn.primary:hover{transform:translateY(-2px)}
.sect-lp .btn.ghost{background:transparent;color:var(--mink);border:1px solid var(--mhair2)}
.sect-lp .btn.ghost:hover{border-color:var(--mink)}
.sect-lp .lightsec .btn.ghost{color:var(--mlink);border-color:rgba(0,0,0,.18)}
.sect-lp .lightsec .btn.ghost:hover{border-color:var(--mlink)}
.sect-lp .ctasoft{font:600 12px/1.6 'Poppins',sans-serif;color:var(--mmut)}
.sect-lp section{padding:clamp(76px,9.5vw,120px) 0;position:relative}
.sect-lp .rule{border-top:1px solid var(--mhair)}
.sect-lp .shead{max-width:760px;margin-bottom:52px}
.sect-lp .shead .eyebrow{margin-bottom:22px}
.sect-lp .shead h2{font-size:clamp(30px,4.2vw,52px);max-width:20ch}
.sect-lp .shead .lede{margin-top:28px}
.sect-lp .lightsec{background:var(--mlite);color:var(--mlink2)}
.sect-lp .lightsec h1,.sect-lp .lightsec h2,.sect-lp .lightsec h3{color:var(--mlink)}
.sect-lp .lightsec .eyebrow{color:var(--mlmut)}
.sect-lp .lightsec .lede{color:var(--mlink2)}
.sect-lp .lightsec .cards{background:var(--mlhair);border-color:var(--mlhair)}
.sect-lp .lightsec .cards .c{background:var(--mlite)}
.sect-lp .lightsec .cards .c .n{color:var(--mlmut)}
.sect-lp .lightsec .cards .c h3{color:var(--mlink)}
.sect-lp .lightsec .cards .c p{color:var(--mlink2)}
.sect-lp .mhero{position:relative;padding:clamp(150px,20vh,240px) 0 clamp(88px,11vw,128px);overflow:hidden;min-height:86vh;display:flex;align-items:center}
.sect-lp .mhero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.sect-lp .mhero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.03);transform-origin:center 42%;will-change:transform}
.sect-lp .mhero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,7,.5),rgba(5,5,7,.34) 42%,rgba(5,5,7,.8))}
.sect-lp .mhero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,5,7,.6),rgba(5,5,7,.22) 55%,rgba(5,5,7,0) 82%)}
.sect-lp .mhero .wrap{position:relative;z-index:2;width:100%}
.sect-lp .mhero .eyebrow{margin-bottom:28px;color:#d6d6da}
.sect-lp .mhero h1{font-size:clamp(38px,6vw,74px);max-width:16ch;margin-bottom:28px;color:#fff}
.sect-lp .mhero .lede{font-size:clamp(19px,2.3vw,23px);max-width:50ch;margin-bottom:40px;color:#eaeaee}
.sect-lp .reelfeat{background:#000;border-top:1px solid var(--mhair);border-bottom:1px solid var(--mhair);padding:clamp(80px,10vw,120px) 0}
.sect-lp .reelfeat .eyebrow{margin-bottom:22px;text-align:center}
.sect-lp .reelfeat h2{font-size:clamp(26px,3.6vw,42px);text-align:center;max-width:24ch;margin:0 auto 42px}
.sect-lp .reelstage{position:relative;max-width:1020px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--mrlg);overflow:hidden;border:1px solid var(--mhair2);cursor:pointer;display:block;width:100%;padding:0;background:#0d0d10}
.sect-lp .reelstage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--mease)}
.sect-lp .reelstage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.5))}
.sect-lp .reelstage:hover img{transform:scale(1.03)}
.sect-lp .reelstage .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.8);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:transform .3s var(--mease),background .3s}
.sect-lp .reelstage:hover .play{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.24)}
.sect-lp .reelstage .play svg{width:30px;height:30px;margin-left:4px;fill:#fff}
.sect-lp .reelstage .rl{position:absolute;left:24px;bottom:22px;z-index:2;font:600 11px/1 'Poppins',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.9}
.sect-lp .reelnote{text-align:center;color:var(--mmut);font-size:14px;margin-top:26px}
.sect-lp .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--mhair);border:1px solid var(--mhair);border-radius:16px;overflow:hidden;margin-top:8px}
.sect-lp .cards.three{grid-template-columns:repeat(3,1fr)}
.sect-lp .cards .c{background:var(--ms1);padding:36px 30px 42px;min-height:210px;display:flex;flex-direction:column}
.sect-lp .cards .c .n{font-size:13px;color:var(--mmut);margin-bottom:20px}
.sect-lp .cards .c h3{font-size:19px;font-weight:400;margin:0 0 13px;color:var(--mink)}
.sect-lp .cards .c p{font-size:14.5px;color:var(--mink2);line-height:1.6}
@media(max-width:900px){.sect-lp .cards,.sect-lp .cards.three{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sect-lp .cards,.sect-lp .cards.three{grid-template-columns:1fr}}
.sect-lp .offer{background:#000;border-top:1px solid var(--mhair);border-bottom:1px solid var(--mhair)}
.sect-lp .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:54px 0 0;background:var(--mhair);border:1px solid var(--mhair);border-radius:18px;overflow:hidden}
.sect-lp .metrics .m{background:#000;padding:38px 32px}
.sect-lp .metrics .mn{display:block;font-size:clamp(38px,5vw,60px);font-weight:400;letter-spacing:-.04em;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.sect-lp .metrics .mu{display:block;margin-top:14px;color:var(--mmut);font-size:14px;max-width:22ch;line-height:1.5}
.sect-lp .ownline{margin-top:40px;font-size:18px;color:var(--mink);padding-left:18px;border-left:2px solid var(--mink2);max-width:64ch;line-height:1.5}
@media(max-width:700px){.sect-lp .metrics{grid-template-columns:1fr}}
.sect-lp .films{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:8px}
.sect-lp .film{position:relative;aspect-ratio:16/9;border-radius:var(--mrsm);overflow:hidden;background:#1a1a1e;border:1px solid var(--mhair2);cursor:pointer;display:block;width:100%;padding:0}
.sect-lp .film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sect-lp .film::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.42))}
.sect-lp .film .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;transition:transform .3s var(--mease)}
@media(max-width:600px){.sect-lp .film .play{width:48px;height:48px}.sect-lp .film .play svg{width:16px;height:16px}}
.sect-lp .film:hover .play{transform:translate(-50%,-50%) scale(1.08)}
.sect-lp .film .play svg{width:22px;height:22px;margin-left:3px;fill:#fff}
.sect-lp .filmcap{display:flex;gap:10px;margin-top:18px;font-size:14.5px;color:var(--mink2);line-height:1.5}
.sect-lp .filmcap .pip{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--mink);margin-top:8px}
@media(max-width:760px){.sect-lp .films{grid-template-columns:1fr}}
.sect-lp .workgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.sect-lp .wcard{display:block;border:1px solid var(--mhair);border-radius:var(--mrsm);overflow:hidden;background:var(--ms1);transition:border-color .3s,transform .3s var(--mease)}
.sect-lp .wcard:hover{border-color:var(--mhair2);transform:translateY(-3px)}
.sect-lp .wcard .frame{aspect-ratio:16/9;overflow:hidden;background:#1a1a1e}
.sect-lp .wcard .frame img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--mease)}
.sect-lp .wcard:hover .frame img{transform:scale(1.05)}
.sect-lp .wcard .b{padding:18px 20px 22px}
.sect-lp .wcard h3{font-size:16px;font-weight:400;color:var(--mink);letter-spacing:-.02em}
@media(max-width:900px){.sect-lp .workgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sect-lp .workgrid{grid-template-columns:1fr}}
.sect-lp .credstrip{padding:56px 0;border-top:1px solid var(--mhair);border-bottom:1px solid var(--mhair);background:var(--ms1)}
.sect-lp .credstrip .line{font-size:15px;color:var(--mmut);max-width:900px;margin:0 auto 34px;text-align:center;line-height:1.6}
.sect-lp .credstrip .line b{color:var(--mink2);font-weight:500}
.sect-lp .credwall{display:grid;grid-template-columns:repeat(5,1fr);gap:26px 22px;max-width:940px;margin:0 auto;align-items:center;justify-items:center}
.sect-lp .credwall .lw{height:56px;display:flex;align-items:center;justify-content:center}
.sect-lp .credwall .lw img{width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.68;transition:opacity .3s ease}
.sect-lp .credwall .lw:hover img{opacity:1}
@media(max-width:760px){.sect-lp .credwall{grid-template-columns:repeat(3,1fr);gap:24px 16px}}
.sect-lp .proofline{padding:52px 0;border-top:1px solid var(--mhair);border-bottom:1px solid var(--mhair);background:var(--ms1)}
.sect-lp .proofline p{font-size:clamp(17px,2.2vw,22px);color:var(--mink2);max-width:900px;margin:0 auto;text-align:center;line-height:1.55;letter-spacing:-.01em}
.sect-lp .proofline p b{color:var(--mink);font-weight:500}
.sect-lp .make .deliv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--mlhair);border:1px solid var(--mlhair);border-radius:var(--mrsm);overflow:hidden;margin-top:8px}
.sect-lp .make .deliv .d{background:var(--mlite);padding:34px 30px 40px;min-height:174px}
.sect-lp .make .deliv .d h3{font-size:20px;font-weight:400;margin:0 0 13px}
.sect-lp .make .deliv .d p{font-size:14.5px;color:var(--mlink2);line-height:1.55}
@media(max-width:820px){.sect-lp .make .deliv{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sect-lp .make .deliv{grid-template-columns:1fr}}
.sect-lp .pilot{background:#000;border-top:1px solid var(--mhair);border-bottom:1px solid var(--mhair)}
.sect-lp .pilot .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,64px);align-items:start}
.sect-lp .pilot .panel{background:var(--ms2);border:1px solid var(--mhair2);border-radius:var(--mrlg);padding:clamp(32px,4vw,48px)}
.sect-lp .pilot .panel .eyebrow{margin-bottom:20px}
.sect-lp .pilot .panel h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:22px}
.sect-lp .pilot .panel .price{font-size:clamp(40px,6vw,62px);font-weight:400;letter-spacing:-.04em;color:#fff;line-height:1;margin:6px 0 20px;font-variant-numeric:tabular-nums}
.sect-lp .pilot .panel .price small{font-size:17px;color:var(--mmut);letter-spacing:0;margin-left:10px}
.sect-lp .pilot .panel p{font-size:16.5px;color:var(--mink2);max-width:52ch;line-height:1.6;margin-bottom:28px}
.sect-lp .tqs{display:flex;flex-direction:column;gap:18px}
.sect-lp .tq{background:var(--ms1);border:1px solid var(--mhair);border-radius:var(--mrsm);padding:28px}
.sect-lp .tq blockquote{margin:0;font-size:16px;line-height:1.55;color:var(--mink);letter-spacing:-.01em}
.sect-lp .tq figcaption{margin-top:20px;display:flex;align-items:center;gap:12px}
.sect-lp .tq img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.sect-lp .tq .tn{display:block;font-size:14px;color:var(--mink)}
.sect-lp .tq .tr{display:block;margin-top:3px;font:600 10px/1.3 'Poppins';letter-spacing:.08em;text-transform:uppercase;color:var(--mmut)}
.sect-lp .tqhead{margin-bottom:18px}
@media(max-width:860px){.sect-lp .pilot .grid{grid-template-columns:1fr}}
.sect-lp .faq .qs{border-top:1px solid var(--mlhair);margin-top:8px}
.sect-lp .faq details{border-bottom:1px solid var(--mlhair)}
.sect-lp .faq summary{list-style:none;cursor:pointer;padding:28px 0;display:flex;justify-content:space-between;gap:26px;align-items:center;color:var(--mlink);font-size:20px;letter-spacing:-.02em}
.sect-lp .faq summary::-webkit-details-marker{display:none}
.sect-lp .faq summary .ic{flex:0 0 auto;width:20px;height:20px;position:relative}
.sect-lp .faq summary .ic::before,.sect-lp .faq summary .ic::after{content:"";position:absolute;background:var(--mlink);border-radius:2px}
.sect-lp .faq summary .ic::before{top:9px;left:1px;right:1px;height:2px}
.sect-lp .faq summary .ic::after{left:9px;top:1px;bottom:1px;width:2px;transition:transform .3s var(--mease)}
.sect-lp .faq details[open] summary .ic::after{transform:scaleY(0)}
.sect-lp .faq .a{padding:0 0 30px;max-width:820px;font-size:16px;line-height:1.65;color:var(--mlink2)}
.sect-lp .faq .a a{color:var(--mlink);border-bottom:1px solid rgba(0,0,0,.25)}
.sect-lp .close{text-align:center;background:#000}
.sect-lp .close h2{font-size:clamp(30px,4.4vw,56px);max-width:18ch;margin:0 auto 22px}
.sect-lp .close .lede{max-width:54ch;margin:0 auto 38px}
.sect-lp .close .btnrow{justify-content:center}
.sect-lp .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--mease),transform .7s var(--mease)}
.sect-lp .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sect-lp .reveal{opacity:1;transform:none;transition:none}.sect-lp .mhero-bg img{transform:none!important}}
#sectVmodal{position:fixed;inset:0;z-index:9999;background:rgba(4,4,6,.93);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:clamp(16px,4vw,54px);opacity:0;transition:opacity .3s ease}
#sectVmodal.open{display:flex}
#sectVmodal.show{opacity:1}
#sectVmodal .inner{position:relative;width:100%;max-width:1180px;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.6)}
#sectVmodal video,#sectVmodal iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#sectVmodal .vclose{position:absolute;top:-46px;right:0;background:transparent;border:0;color:#fff;cursor:pointer;font:600 12px/1 'Poppins',sans-serif;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:9px;opacity:.85}
#sectVmodal .vclose:hover{opacity:1}
#sectVmodal .vclose svg{width:15px;height:15px}
@media(max-width:560px){#sectVmodal .vclose{top:-40px}}

/* FAIL-SAFE (2026-07-24): .reveal starts at opacity:0 and only becomes visible when the
   IntersectionObserver adds .in. If that script does not run, the whole block renders as
   blank dark space (this happened live on the corporate page). The reveal JS now stamps
   .reveal-ready on the .sect-lp wrapper first, so until it does, content stays visible. */
.sect-lp:not(.reveal-ready) .reveal{opacity:1;transform:none}

/* service pages render the pilot panel without the quotes column beside it */
.sect-lp .pilot .grid.onecol{grid-template-columns:1fr}
.sect-lp .pilot .grid.onecol .panel{max-width:760px}