/* DDM Design & Marketing — V6.0 (Oct 2026). Dark, glass, premium. No inline styles (CSP-safe). */
@font-face{font-family:"Instrument Serif";src:url("../assets/fonts/instrument-serif-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../assets/fonts/instrument-serif-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

:root{
  --bg:#050505;--bg-2:#0b0b0e;--bg-3:#121216;
  --ink:#f7f3ec;--mute:#c4beb3;--dim:#8f8a80;
  --orange:#f6931d;--gold:#f0b429;--ember:#ff6a1a;
  --line:rgba(255,255,255,.12);--glass:rgba(255,255,255,.055);--glass-2:rgba(255,255,255,.09);
  --r:22px;--r-sm:14px;
  --serif:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --max:1280px;--gut:clamp(1.1rem,4.5vw,4rem);
  --ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg);overflow-anchor:none}
@media(hover:hover) and (pointer:fine){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:clamp(1.0625rem,.35vw + 1rem,1.2rem);line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
p{margin:0 0 1.1em}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.9rem,7.2vw,6.6rem)}
h2{font-size:clamp(2.3rem,5vw,4.6rem)}
h3{font-size:clamp(1.55rem,2.2vw,2.05rem);line-height:1.1}
em{font-style:italic;color:var(--orange)}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:6px}
.skip{position:fixed;left:1rem;top:-6rem;z-index:100;padding:.8rem 1.1rem;background:var(--gold);color:#000;font-weight:700;border-radius:var(--r-sm)}
.skip:focus{top:1rem}
.wrap{width:min(var(--max),calc(100% - 2*var(--gut)));margin-inline:auto}
.eyebrow{display:flex;align-items:center;gap:.9rem;margin:0 0 1.4rem;color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.eyebrow::before{content:"";width:2.6rem;height:1px;background:linear-gradient(90deg,var(--orange),transparent)}
.lede{font-size:clamp(1.15rem,1.2vw + .9rem,1.45rem);color:var(--mute);max-width:40rem;line-height:1.6}
.muted{color:var(--mute)}

/* Buttons — rounded rectangles, no pills */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;padding:.85rem 1.6rem;border-radius:var(--r-sm);border:1px solid var(--line);color:var(--ink);font:700 1rem var(--sans);text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),border-color .3s,background .3s,box-shadow .35s}
.btn:hover{transform:translateY(-3px)}
.btn svg{width:1.1em;height:1.1em;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn--primary{background:linear-gradient(135deg,var(--orange),var(--ember));border-color:transparent;color:#120800;box-shadow:0 10px 40px -10px rgba(246,147,29,.7)}
.btn--primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn--primary:hover::after{transform:translateX(120%)}
.btn--primary:hover{box-shadow:0 16px 54px -8px rgba(246,147,29,.85)}
.btn--ghost{background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.btn--ghost:hover{border-color:rgba(240,180,41,.6);background:var(--glass-2)}

/* Glass */
.glass{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 30px 80px -40px #000,inset 0 1px 0 rgba(255,255,255,.14)}
.spot::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(246,147,29,.18),transparent 60%);opacity:0;transition:opacity .4s}
.spot:hover::before{opacity:1}

/* Header */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;padding:.9rem var(--gut);pointer-events:none;transition:padding .3s}
.hdr__bar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(var(--max),100%);margin-inline:auto;padding:.6rem .7rem .6rem 1.3rem;border:1px solid var(--line);border-radius:18px;background:rgba(8,8,10,.55);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);transition:background .3s,box-shadow .3s}
.hdr.is-scrolled .hdr__bar{background:rgba(6,6,8,.82);box-shadow:0 20px 60px -30px #000}
.brand img{width:132px;height:auto}
.nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}
.nav a:not(.btn){font-size:.95rem;font-weight:600;text-decoration:none;color:var(--mute);position:relative;padding:.4rem 0;transition:color .25s}
.nav a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:not(.btn):hover,.nav a[aria-current="page"]{color:var(--ink)}
.nav a:not(.btn):hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav .btn{min-height:46px;padding:.5rem 1.2rem;font-size:.92rem}
.menu-btn{display:none;pointer-events:auto;width:46px;height:46px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--glass);color:var(--ink);cursor:pointer}
.menu-btn span,.menu-btn span::before{display:block;width:20px;height:2px;background:currentColor;margin:auto;position:relative;transition:transform .3s}
.menu-btn span::before{content:"";position:absolute;top:-6px;left:0}
@media(max-width:1400px){
  .menu-btn{display:block}
  .nav{position:absolute;left:var(--gut);right:var(--gut);top:calc(100% + .3rem);flex-direction:column;align-items:stretch;gap:.2rem;padding:1rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(8,8,10,.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .3s var(--ease),visibility .25s;pointer-events:auto}
  .nav.is-open{opacity:1;visibility:visible;transform:none}
  .nav a:not(.btn){padding:.9rem .5rem;font-size:1.1rem;border-bottom:1px solid var(--line)}
  .nav a:not(.btn)::after{display:none}
  .nav .btn{margin-top:.6rem}
  .hdr__bar{position:relative}
}

/* Sections: blocks fit the screen */
.screen{position:relative;min-height:100svh;display:grid;align-content:center;padding:clamp(5rem,11vh,8rem) 0;scroll-margin-top:0}
.sec{position:relative;overflow-x:clip;padding:clamp(4.5rem,10vw,8.5rem) 0}
.sec--alt{background:linear-gradient(180deg,var(--bg),var(--bg-2) 20%,var(--bg-2) 80%,var(--bg))}
.glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.5;background:radial-gradient(circle,rgba(246,147,29,.55),transparent 65%)}
.sec>.wrap,.screen>.wrap{position:relative;z-index:1}

/* Hero */
.hero{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;padding:7.5rem 0 5rem;background:#050505}
.hero__media{position:absolute;inset:0;z-index:0;background:radial-gradient(80% 60% at 75% 35%,rgba(246,147,29,.35),transparent 60%),radial-gradient(60% 50% at 15% 90%,rgba(255,106,26,.18),transparent 60%),linear-gradient(180deg,#0a0a0c,#050505)}
.hero__media video,.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.7) 38%,rgba(5,5,5,.25) 70%,rgba(5,5,5,.55) 100%),linear-gradient(180deg,rgba(5,5,5,.5),transparent 25%,transparent 70%,var(--bg))}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.hero h1{margin-bottom:1.6rem}
.hero .lede{margin-bottom:2.2rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem}
.hero__note{margin-top:1.6rem;font-size:.9rem;color:var(--dim)}
.flow{padding:1.6rem;display:grid;gap:0}
.flow__top{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:.4rem}
.flow__top b{color:var(--gold);font-weight:700}
.flow__row{position:relative;display:grid;grid-template-columns:2.8rem 1fr;gap:1rem;padding:1.05rem 0;align-items:center}
.flow__row+.flow__row{border-top:1px dashed var(--line)}
.flow__ico{width:2.8rem;height:2.8rem;display:grid;place-items:center;border:1px solid rgba(246,147,29,.45);border-radius:12px;background:rgba(246,147,29,.1);color:var(--orange)}
.flow__ico svg{width:1.3rem;height:1.3rem}
.flow__row h3{font-family:var(--sans);font-size:1.02rem;font-weight:700;letter-spacing:0;line-height:1.3}
.flow__row p{margin:.15rem 0 0;font-size:.9rem;color:var(--mute);line-height:1.45}
.flow__bar{grid-column:2;height:3px;margin-top:.7rem;border-radius:3px;background:var(--line);overflow:hidden}
.flow__bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--orange),var(--gold));animation:fill 3.6s var(--ease) infinite}
.flow__row:nth-child(3) .flow__bar i{animation-delay:.5s}
.flow__row:nth-child(4) .flow__bar i{animation-delay:1s}
@keyframes fill{0%{transform:scaleX(0)}55%,85%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:.2}}
.scroll-cue{position:absolute;z-index:2;left:50%;bottom:1.6rem;width:26px;height:42px;border:1px solid var(--line);border-radius:14px;transform:translateX(-50%)}
.scroll-cue::after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--orange);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* Proof frames (corner brackets) */
.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.8rem,2vw,1.6rem)}
.frame{position:relative;padding:1.8rem 1.4rem;text-align:left}
.frame::before,.frame::after{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--orange);transition:width .5s var(--ease),height .5s var(--ease)}
.frame::before{top:0;left:0;border-right:0;border-bottom:0}
.frame::after{right:0;bottom:0;border-left:0;border-top:0}
.frame:hover::before,.frame:hover::after{width:34px;height:34px}
.frame b{display:block;font:400 clamp(2.6rem,5vw,4.4rem)/1 var(--serif);color:var(--ink)}
.frame span{display:block;margin-top:.6rem;color:var(--mute);font-size:.95rem;line-height:1.45}

/* Scroll-lit statement */
.statement{font:400 clamp(1.9rem,4.4vw,3.9rem)/1.12 var(--serif);letter-spacing:-.015em;max-width:62rem}
.statement .w{opacity:.2;transition:opacity .35s,color .35s}
.statement .w.on{opacity:1}
.statement .w.hl.on{color:var(--orange)}

/* Pain cards */
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,1.6vw,1.4rem);margin-top:clamp(2.5rem,5vw,4rem)}
.pain{padding:1.8rem 1.6rem 1.7rem;display:flex;flex-direction:column;gap:1rem;transition:transform .5s var(--ease),border-color .4s}
.pain:hover{transform:translateY(-6px);border-color:rgba(246,147,29,.5)}
.pain__ico{width:3rem;height:3rem;display:grid;place-items:center;border-radius:14px;color:var(--orange);background:rgba(246,147,29,.1);border:1px solid rgba(246,147,29,.35)}
.pain__ico svg{width:1.5rem;height:1.5rem}
.pain h3{font-size:clamp(1.5rem,1.9vw,1.85rem)}
.pain p{margin:0;color:var(--mute);font-size:1rem;line-height:1.6}
.pain .fix{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);color:var(--ink)}
.pain .fix b{display:block;margin-bottom:.2rem;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

/* Services */
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.sticky{position:sticky;top:7rem}
.level{display:inline-grid;grid-auto-flow:column;gap:.3rem;padding:.35rem;margin-top:2rem;border:1px solid var(--line);border-radius:16px;background:var(--glass)}
.level button{padding:.75rem 1.1rem;border:0;border-radius:12px;background:transparent;color:var(--mute);font:700 .92rem var(--sans);cursor:pointer;transition:background .3s,color .3s}
.level button[aria-pressed="true"]{background:linear-gradient(135deg,var(--orange),var(--ember));color:#120800}
.no-js .level{display:none}
.svc-list{display:grid;gap:1rem}
.svc{padding:2rem 1.8rem;display:grid;grid-template-columns:3.4rem 1fr;gap:1.3rem}
.svc__ico{width:3.4rem;height:3.4rem;display:grid;place-items:center;border-radius:16px;color:var(--orange);border:1px solid rgba(246,147,29,.4);background:rgba(246,147,29,.1)}
.svc__ico svg{width:1.6rem;height:1.6rem}
.svc h3{margin-bottom:.6rem}
.svc p{margin:0 0 .8rem;color:var(--mute);font-size:1rem}
.svc ul{margin:.4rem 0 0;padding:0;list-style:none;display:grid;gap:.35rem;font-size:.98rem}
.svc li{position:relative;padding-left:1.4rem;color:var(--ink)}
.svc li::before{content:"";position:absolute;left:0;top:.7em;width:.55rem;height:1px;background:var(--orange);box-shadow:0 0 8px var(--orange)}
.lvl{display:none}
.lvl.is-on{display:block}
.no-js .lvl{display:block}
.no-js .lvl+.lvl{color:var(--dim)}

/* Search visibility */
.vid{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:radial-gradient(70% 70% at 50% 40%,rgba(246,147,29,.3),transparent 70%),#08080a;aspect-ratio:16/9;box-shadow:0 40px 100px -40px rgba(246,147,29,.4)}
.vid video,.vid img{width:100%;height:100%;object-fit:cover}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,5,5,.7));pointer-events:none}
.search3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,1.6vw,1.4rem);margin-top:clamp(1.5rem,3vw,2.5rem)}
.search3 article{padding:1.7rem 1.5rem}
.search3 h3{font-family:var(--sans);font-weight:800;font-size:1.05rem;letter-spacing:.04em;color:var(--gold);margin-bottom:.2rem}
.search3 h4{font-size:1.5rem;margin-bottom:.8rem}
.search3 p{margin:0;color:var(--mute);font-size:1rem;line-height:1.6}

/* Process */
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2rem);margin-top:clamp(2.5rem,5vw,4rem)}
.steps::before{content:"";position:absolute;left:0;right:0;top:.55rem;height:1px;background:var(--line)}
.steps::after{content:"";position:absolute;left:0;top:.55rem;height:1px;width:100%;background:linear-gradient(90deg,var(--orange),var(--gold));transform:scaleX(var(--p,0));transform-origin:left;box-shadow:0 0 14px var(--orange)}
.step{position:relative;padding-top:2.2rem}
.step::before{content:"";position:absolute;left:0;top:0;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--bg);border:1px solid var(--orange);box-shadow:0 0 0 6px rgba(246,147,29,.12)}
.step h3{margin-bottom:.6rem}
.step p{margin:0;color:var(--mute);font-size:1rem}

/* Audiences */
.aud{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.6rem);margin-top:clamp(2rem,4vw,3rem)}
.aud article{padding:2.2rem 2rem}
.aud h3{margin-bottom:.8rem}
.aud p{color:var(--mute);margin-bottom:1rem}
.aud ul{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}
.aud li{padding-left:1.4rem;position:relative}
.aud li::before{content:"";position:absolute;left:0;top:.72em;width:.55rem;height:1px;background:var(--orange)}

/* Work */
.work{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.6rem);margin-top:clamp(2rem,4vw,3rem)}
.shot{margin:0;overflow:hidden;padding:0}
.shot__img{overflow:hidden;background:#0c0c0e;clip-path:inset(0 0 100% 0 round 18px);transition:clip-path 1.1s var(--ease)}
.shot.in .shot__img{clip-path:inset(0 0 0 0 round 18px)}
.shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform 1.4s var(--ease)}
.shot:hover img{transform:scale(1.04)}
.shot figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem}
.shot figcaption b{font:400 1.4rem var(--serif)}
.shot a{color:var(--gold);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.7rem,1.6vw,1.4rem);margin-top:clamp(1.5rem,3vw,2.4rem);perspective:1400px}
.piece{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0c0c0e;aspect-ratio:611/791;opacity:0;transform:translateY(60px) rotateX(14deg) scale(.96);transition:opacity .9s var(--ease),transform 1.1s var(--ease),box-shadow .5s}
.piece.in{opacity:1;transform:none}
.piece:nth-child(2){transition-delay:.12s}.piece:nth-child(3){transition-delay:.24s}.piece:nth-child(4){transition-delay:.36s}
.piece:hover{transform:translateY(-10px);box-shadow:0 30px 60px -20px rgba(246,147,29,.45);border-color:rgba(246,147,29,.5)}
.piece img{width:100%;height:100%;object-fit:cover}

/* Founder */
.founder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.founder .glass{padding:clamp(1.8rem,3.5vw,3rem)}
.founder blockquote{margin:0;font:italic 400 clamp(1.7rem,3vw,2.6rem)/1.15 var(--serif);color:var(--ink)}
.founder cite{display:block;margin-top:1.4rem;font:600 .9rem var(--sans);font-style:normal;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}

/* Offer (quiet) */
.offer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(1.8rem,4vw,3.2rem)}
.offer h2{font-size:clamp(1.9rem,3.4vw,3rem);margin-bottom:1rem}
.offer p{color:var(--mute)}
.offer ul{margin:0;padding:0;list-style:none;display:grid;gap:.7rem}
.offer li{display:grid;grid-template-columns:1.4rem 1fr;gap:.7rem;align-items:start;font-size:1rem}
.offer li svg{width:1.2rem;height:1.2rem;margin-top:.35rem;color:var(--gold)}

/* Reach */
.cities{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.cities a{padding:.8rem 1.2rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--glass);text-decoration:none;font-weight:600;font-size:.98rem;transition:border-color .3s,transform .3s var(--ease)}
.cities a:hover{border-color:var(--orange);transform:translateY(-3px)}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem)}
details{border-top:1px solid var(--line);padding:1.3rem 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;cursor:pointer;list-style:none;font:400 clamp(1.3rem,1.9vw,1.65rem)/1.2 var(--serif)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--line);border-radius:10px;color:var(--orange);font:400 1.4rem var(--sans);transition:transform .35s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:1rem 0 0;color:var(--mute);max-width:42rem;font-size:1.02rem}

/* Final CTA */
.final{position:relative;overflow:hidden;text-align:center;padding:clamp(6rem,14vw,11rem) 0;background:radial-gradient(60% 80% at 50% 100%,rgba(246,147,29,.35),transparent 70%),var(--bg)}
.final h2{max-width:16ch;margin:0 auto 1.4rem;font-size:clamp(2.8rem,7vw,6.2rem)}
.final p{margin:0 auto 2.2rem;max-width:36rem;color:var(--mute)}
.final .eyebrow{justify-content:center}
.final .eyebrow::before{display:none}
.pains .pain:nth-child(3n+2){--d:.1s}.pains .pain:nth-child(3n){--d:.2s}
.search3 article:nth-child(2){--d:.1s}.search3 article:nth-child(3){--d:.2s}
.glow--a{width:520px;height:520px;right:-120px;top:10%}
.founder__p{margin:1.4rem 0 1.8rem}
.final .portal{display:block;margin-top:1.4rem;font-size:.95rem;color:var(--dim)}

/* Footer */
.ftr{border-top:1px solid var(--line);padding:3.5rem 0 2.5rem;background:#030303;font-size:.98rem}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem}
.ftr img{width:132px;margin-bottom:1rem}
.ftr h2{font:700 .78rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.ftr a{display:block;padding:.25rem 0;color:var(--mute);text-decoration:none;transition:color .25s}
.ftr a:hover{color:var(--ink)}
.ftr p{color:var(--dim);max-width:30rem}
.ftr__legal{margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--line);color:var(--dim);font-size:.88rem}

/* Page hero (inner pages) */
.phero{position:relative;overflow:hidden;padding:clamp(9rem,18vh,12rem) 0 clamp(3rem,7vw,5rem);background:radial-gradient(70% 70% at 80% 10%,rgba(246,147,29,.28),transparent 65%),var(--bg)}
.phero h1{font-size:clamp(2.6rem,6vw,5.4rem);max-width:18ch;margin-bottom:1.4rem}
.crumbs{margin-bottom:1.4rem;font-size:.85rem;color:var(--dim)}
.crumbs a{text-decoration:none;color:var(--mute)}
.crumbs a:hover{color:var(--ink)}
.prose{max-width:46rem}
.prose h2{font-size:clamp(1.9rem,3.4vw,2.9rem);margin:2.6rem 0 1rem}
.prose ul{padding-left:1.2rem}
.prose li{margin-bottom:.4rem}
.prose a{color:var(--gold)}
.two{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.6rem)}
.card{padding:1.8rem}
.card h3{margin-bottom:.6rem}
.card p{margin:0;color:var(--mute);font-size:1rem}
.table{width:100%;border-collapse:collapse;font-size:1rem}
.table th,.table td{padding:.9rem 1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.table th{color:var(--gold);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.table a{color:var(--ink)}

/* Reveal */
.js .rv{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity .9s var(--ease),transform 1s var(--ease),filter .9s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none;filter:none}

/* Scroll-driven parallax (progressive enhancement) */
@supports (animation-timeline:view()){
  .parallax{animation:par linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  @keyframes par{from{transform:translateY(40px)}to{transform:translateY(-40px)}}
}

@media(max-width:1024px){
  .hero__grid,.split,.founder,.faq,.offer{grid-template-columns:1fr}
  .sticky{position:static}
  .pains{grid-template-columns:repeat(2,1fr)}
  .proof{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr);row-gap:2.5rem}
  .steps::before,.steps::after{display:none}
  .shelf{grid-template-columns:repeat(2,1fr)}
  .search3{grid-template-columns:1fr}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .flow{max-width:520px}
}
@media(max-width:640px){
  .screen,.hero{min-height:auto}
  .pains,.work,.aud,.two,.steps{grid-template-columns:1fr}
  .svc{grid-template-columns:1fr;gap:1rem}
  .ftr__grid{grid-template-columns:1fr}
  .btn{width:100%}
  .hero__cta{display:grid}
  .scroll-cue{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .rv{opacity:1;transform:none;filter:none}
  .piece{opacity:1;transform:none}
  .shot__img{clip-path:none}
  .statement .w{opacity:1}
}
.statement{margin-top:clamp(1.6rem,3vw,2.6rem)}
@media(max-width:1400px){.nav{left:0;right:0;background:rgba(8,8,10,.98)}}
h2+.lede,h2+.statement{margin-top:1.3rem}

/* ===================== V6.1: rebuilt home page blocks ===================== */
.hero__micro{margin:1rem 0 0;font-size:.98rem;color:var(--mute)}
.hero__proof{display:flex;flex-wrap:wrap;gap:.5rem 1.8rem;margin:1.8rem 0 0;padding:1.2rem 0 0;border-top:1px solid var(--line);list-style:none;color:var(--mute);font-size:.95rem}
.hero__proof b{color:var(--ink);font-weight:800}
.hero .lede{margin-bottom:1.8rem}
.sec__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:clamp(2rem,4vw,3rem)}

/* Bridge (image replaces the old 2nd video) */
.bridge{position:relative;overflow:hidden;min-height:min(86svh,780px);display:grid;align-items:center;padding:clamp(4.5rem,10vw,8rem) 0;background:#060607}
.bridge__media{position:absolute;inset:-6% 0;background:radial-gradient(70% 60% at 50% 72%,rgba(246,147,29,.4),transparent 70%),linear-gradient(180deg,#07070a,#0b0b0e)}
.bridge__media img{width:100%;height:100%;object-fit:cover}
.bridge__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg),rgba(5,5,5,.4) 28%,rgba(5,5,5,.6) 70%,var(--bg))}
.bridge .wrap{position:relative;z-index:1}
.bridge .statement{max-width:58rem;margin:0 auto;text-align:center}

/* Services: figure + body */
.svc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(2rem,4vw,3.4rem)}
.svc-head h2{max-width:16ch}
.svc-head .lede{margin-bottom:0}
.svc-head .level{margin-top:0}
.svc-list{gap:clamp(1.2rem,2.4vw,2rem)}
.svc{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.4rem,3.4vw,3.2rem);align-items:center;padding:clamp(1.1rem,2.4vw,2rem)}
.svc:nth-child(even) .svc__fig{order:2}
.svc__fig{padding:clamp(.5rem,1.2vw,1rem);border:1px solid var(--line);border-radius:var(--r-sm);background:radial-gradient(80% 80% at 50% 40%,rgba(246,147,29,.14),transparent 70%),#08080a}
.svc__cta{margin-top:1.5rem}
.lead-adv{margin:1.3rem 0 0;padding:1.1rem 1.2rem;border:1px solid rgba(246,147,29,.35);border-left:3px solid var(--orange);border-radius:var(--r-sm);background:rgba(246,147,29,.07)}
.lead-adv h4{font:700 1.02rem var(--sans);letter-spacing:0;color:var(--gold);margin-bottom:.4rem}
.lead-adv p{margin:0 0 .6rem;font-size:.96rem}
.lead-adv ul{margin:0;font-size:.92rem}
.svc__plan{margin:1rem 0 0;font-size:.92rem;color:var(--dim)}
.svc__plan a{color:var(--gold)}

/* Infographics (inline SVG), premium pass. Base state = finished picture; animation only while .is-live */
.ig{position:relative;overflow:hidden}
.ig--wide{padding:clamp(.6rem,2vw,1.4rem)}
.ig-svg{width:100%;height:auto;display:block}
.ig-svg text{font:700 16px var(--sans);fill:var(--ink);letter-spacing:0}
.ig-chip,.ig-card,.ig-pcard,.ig-site,.ig-sheet,.ig-tg{filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}
.ig-line{fill:none;stroke-width:2.4;stroke-linecap:round}
.ig-p{fill:#ffe2b0;opacity:0}
.ig.is-live .ig-p{opacity:1}
.ig-ic{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ig-site-in circle{fill:rgba(255,255,255,.35)}
.ig-bar2{fill:rgba(255,255,255,.22)}
.ig-halo{opacity:.45}
.ig-svg .ig-card-t{fill:var(--gold);font-size:15px;letter-spacing:.08em}
.ig-live{fill:#6ee7a8}
.ig-row text{fill:var(--mute);font-size:15px}
.ig-tick{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30}
.ig-trk{fill:rgba(255,255,255,.1)}
.ig-sw{opacity:0}
.ig-row,.ig-sheet,.ig-node,.ig-dot,.ig-fchip,.ig-pl,.ig-ft,.ig-vf,.ig-rp,.ig-fill,.ig-halo,.ig-tg{transform-box:fill-box}
.ig-sheet,.ig-dot,.ig-ft,.ig-vf,.ig-rp,.ig-halo{transform-origin:center}
.ig-pl,.ig-fill{transform-origin:left center}
.ig-orbit{transform-box:view-box;transform-origin:270px 150px}
.ig-orb2{transform-box:view-box;transform-origin:410px 134px}
.ig-shd{fill:rgba(0,0,0,.5)}
.ig-paper{fill:#17171b;stroke:rgba(255,255,255,.28);stroke-width:1.5}
.ig-fold{fill:rgba(255,255,255,.12)}
.ig-head{fill:var(--orange)}.ig-logo{fill:#fff}.ig-ln{fill:rgba(255,255,255,.3)}.ig-ln-a{fill:var(--orange)}
.ig-brace{opacity:.7}
.ig-nd{fill:var(--orange)}
.ig-ban-b{fill:#2a2a30}
.ig-av{fill:#1b1b20;stroke:var(--orange);stroke-width:3}.ig-av2{fill:var(--orange)}
.ig-pl{fill:rgba(255,255,255,.28)}.ig-ft{fill:rgba(255,255,255,.14)}
.ig-ring-b{fill:none;stroke:rgba(255,255,255,.1);stroke-width:12}
.ig-ring{fill:none;stroke-width:12;stroke-linecap:round;stroke-dasharray:365;stroke-dashoffset:30}
.ig-tk{stroke:var(--orange);stroke-width:3;stroke-linecap:round}
.ig-tkoff{stroke:rgba(255,255,255,.2)}
.ig-svg .ig-g-weak{fill:#ff8a7a;opacity:0}
.ig-svg .ig-g-weak,.ig-svg .ig-g-strong{font-size:28px;font-weight:800}
.ig-svg .ig-g-strong{fill:var(--gold)}
.ig-svg .ig-g-cap{fill:var(--mute);font-size:15px}
.ig-dot{fill:rgba(255,255,255,.45)}.ig-x{fill:rgba(255,255,255,.13)}
.ig-m{fill:var(--orange)}
.ig-rp{fill:none;stroke:var(--orange);stroke-width:1.5;opacity:0}
.ig-scan{opacity:0}
.ig-fchip text{font-size:15px}
.ig-svg .ig-res text{fill:var(--gold);font-size:16px}
.ig-star{fill:#fff;opacity:.55}
.ig-win{fill:rgba(246,147,29,.35)}
.ig-core{fill:none;stroke:#ffd9a0;stroke-width:1.4;stroke-opacity:.8}
.ig-beam{opacity:.95}
.ig-dark{fill:#101014;stroke:rgba(255,255,255,.14);stroke-width:1.5}
.ig-shop{fill:#f6931d}.ig-door{fill:#ffd9a0}.ig-awn{fill:#ff6a1a}.ig-ground{fill:rgba(255,255,255,.2)}
.ig-refl{fill:#f6931d;opacity:.22}
.ig-pin{fill:#f0b429;opacity:.9}
.ig-svg .ig-tg text{fill:var(--gold);font-size:18px;font-weight:800;letter-spacing:.1em}

@keyframes ig-flow{to{stroke-dashoffset:-28}}
@keyframes ig-swp{0%{transform:translateX(0)}60%,100%{transform:translateX(780px)}}
@keyframes ig-halo{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.12);opacity:.12}}
@keyframes ig-spin{to{transform:rotate(360deg)}}
@keyframes ig-in{0%,6%{opacity:0;transform:translateX(14px)}18%,86%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes ig-draw{0%,10%{stroke-dashoffset:30}24%,86%{stroke-dashoffset:0}100%{stroke-dashoffset:30}}
@keyframes ig-fl{0%,6%{transform:scaleX(.04)}52%,88%{transform:scaleX(1)}100%{transform:scaleX(.04)}}
@keyframes ig-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes ig-sh0{0%,4%{transform:translate(10px,30px) rotate(-16deg)}28%,84%{transform:none}100%{transform:translate(10px,30px) rotate(-16deg)}}
@keyframes ig-sh1{0%,4%{transform:translate(-4px,-26px) rotate(9deg)}28%,84%{transform:none}100%{transform:translate(-4px,-26px) rotate(9deg)}}
@keyframes ig-sh2{0%,4%{transform:translate(-12px,24px) rotate(15deg)}28%,84%{transform:none}100%{transform:translate(-12px,24px) rotate(15deg)}}
@keyframes ig-hd{0%,4%{fill:#6d6d73}28%,84%{fill:#f6931d}100%{fill:#6d6d73}}
@keyframes ig-fan{0%,30%{stroke-dashoffset:300}46%,86%{stroke-dashoffset:0}100%{stroke-dashoffset:300}}
@keyframes ig-nd{0%,34%{opacity:0;transform:translateX(-10px)}50%,86%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ig-ba{0%,8%{opacity:0}34%,86%{opacity:1}100%{opacity:0}}
@keyframes ig-pl{0%,8%{transform:scaleX(.18)}34%,86%{transform:scaleX(1)}100%{transform:scaleX(.18)}}
@keyframes ig-ft{0%,28%{opacity:0;transform:scale(.6)}44%,86%{opacity:1;transform:none}100%{opacity:0;transform:scale(.6)}}
@keyframes ig-vf{0%,40%{opacity:0;transform:scale(0)}52%,86%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}
@keyframes ig-ring{0%,6%{stroke-dashoffset:330}34%,86%{stroke-dashoffset:30}100%{stroke-dashoffset:330}}
@keyframes ig-weak{0%,22%{opacity:1}30%,84%{opacity:0}96%,100%{opacity:1}}
@keyframes ig-strong{0%,22%{opacity:0}30%,84%{opacity:1}96%,100%{opacity:0}}
@keyframes ig-tkl{0%,6%{stroke:rgba(255,255,255,.2)}30%,86%{stroke:#f6931d}100%{stroke:rgba(255,255,255,.2)}}
@keyframes ig-dim{0%,14%{fill:rgba(255,255,255,.5)}38%,86%{fill:rgba(255,255,255,.13)}100%{fill:rgba(255,255,255,.5)}}
@keyframes ig-hit{0%,14%{fill:rgba(255,255,255,.5);transform:scale(1)}38%,86%{fill:#f6931d;transform:scale(1.3)}100%{fill:rgba(255,255,255,.5);transform:scale(1)}}
@keyframes ig-rip{0%,36%{opacity:0;transform:scale(1)}42%{opacity:.9}70%,100%{opacity:0;transform:scale(3.2)}}
@keyframes ig-scn{0%{transform:translateX(0);opacity:0}6%{opacity:1}44%{transform:translateX(250px);opacity:1}50%,100%{transform:translateX(250px);opacity:0}}
@keyframes ig-pop{0%,4%{opacity:0;transform:translateX(-10px)}16%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ig-rs{0%,40%{opacity:0}52%,88%{opacity:1}100%{opacity:0}}
@keyframes ig-bm{0%,6%{opacity:0}26%,86%{opacity:.95}100%{opacity:0}}
@keyframes ig-sp{0%,16%{opacity:.35}34%,86%{opacity:1}100%{opacity:.35}}
@keyframes ig-tw{0%,100%{opacity:.15}50%{opacity:.9}}
@keyframes ig-bl{0%,100%{opacity:.55}50%{opacity:1}}
.ig.is-live .ig-sw{opacity:1;animation:ig-swp 7s linear infinite}
.ig.is-live .ig-line{stroke-dasharray:6 8;animation:ig-flow 1.2s linear infinite}
.ig.is-live .ig-halo{animation:ig-halo 3s ease-in-out infinite}
.ig.is-live .ig-orbit{animation:ig-spin 8s linear infinite}
.ig.is-live .ig-orb2{animation:ig-spin 7s linear infinite}
.ig.is-live .ig-live{animation:ig-pulse 1.4s ease-in-out infinite}
.ig.is-live .ig-fill{animation:ig-fl 7s var(--ease) infinite}
.ig.is-live .ig-fan{stroke-dasharray:300;animation:ig-fan 8s ease-in-out infinite}
.ig.is-live .ig-row{animation:ig-in 7s ease-out infinite}
.ig.is-live .ig-tick{animation:ig-draw 7s ease-out infinite}
.ig.is-live .ig-row1,.ig.is-live .ig-row1 .ig-tick{animation-delay:.35s}
.ig.is-live .ig-row2,.ig.is-live .ig-row2 .ig-tick{animation-delay:.7s}
.ig.is-live .ig-row3,.ig.is-live .ig-row3 .ig-tick{animation-delay:1.05s}
.ig.is-live .ig-row4,.ig.is-live .ig-row4 .ig-tick{animation-delay:1.4s}
.ig.is-live .ig-sheet0{animation:ig-sh0 8s var(--ease) infinite}
.ig.is-live .ig-sheet1{animation:ig-sh1 8s var(--ease) infinite}
.ig.is-live .ig-sheet2{animation:ig-sh2 8s var(--ease) infinite}
.ig.is-live .ig-head{animation:ig-hd 8s ease-in-out infinite}
.ig.is-live .ig-node{animation:ig-nd 8s ease-out infinite}
.ig.is-live .ig-ban-a{animation:ig-ba 8s ease-in-out infinite}
.ig.is-live .ig-pl{animation:ig-pl 8s var(--ease) infinite}
.ig.is-live .ig-pl1{animation-delay:.2s}.ig.is-live .ig-pl2{animation-delay:.4s}
.ig.is-live .ig-ft{animation:ig-ft 8s var(--ease) infinite}
.ig.is-live .ig-ft1{animation-delay:.2s}.ig.is-live .ig-ft2{animation-delay:.4s}
.ig.is-live .ig-vf{animation:ig-vf 8s var(--ease) infinite}
.ig.is-live .ig-ring{animation:ig-ring 8s ease-in-out infinite}
.ig.is-live .ig-g-weak{animation:ig-weak 8s infinite}
.ig.is-live .ig-g-strong{animation:ig-strong 8s infinite}
.ig.is-live .ig-tk{animation:ig-tkl 8s ease-in-out infinite}
.ig.is-live .ig-tkoff{animation:none}
.ig.is-live .ig-tk0{animation-delay:0.00s}
.ig.is-live .ig-tk1{animation-delay:0.04s}
.ig.is-live .ig-tk2{animation-delay:0.09s}
.ig.is-live .ig-tk3{animation-delay:0.14s}
.ig.is-live .ig-tk4{animation-delay:0.18s}
.ig.is-live .ig-tk5{animation-delay:0.22s}
.ig.is-live .ig-tk6{animation-delay:0.27s}
.ig.is-live .ig-tk7{animation-delay:0.32s}
.ig.is-live .ig-tk8{animation-delay:0.36s}
.ig.is-live .ig-tk9{animation-delay:0.40s}
.ig.is-live .ig-tk10{animation-delay:0.45s}
.ig.is-live .ig-tk11{animation-delay:0.49s}
.ig.is-live .ig-tk12{animation-delay:0.54s}
.ig.is-live .ig-tk13{animation-delay:0.58s}
.ig.is-live .ig-tk14{animation-delay:0.63s}
.ig.is-live .ig-tk15{animation-delay:0.67s}
.ig.is-live .ig-tk16{animation-delay:0.72s}
.ig.is-live .ig-tk17{animation-delay:0.77s}
.ig.is-live .ig-tk18{animation-delay:0.81s}
.ig.is-live .ig-tk19{animation-delay:0.85s}
.ig.is-live .ig-tk20{animation-delay:0.90s}
.ig.is-live .ig-tk21{animation-delay:0.94s}
.ig.is-live .ig-x{animation:ig-dim 8s ease-in-out infinite}
.ig.is-live .ig-m{animation:ig-hit 8s ease-in-out infinite}
.ig.is-live .ig-rp{animation:ig-rip 8s ease-out infinite}
.ig.is-live .ig-rp1{animation-delay:.25s}.ig.is-live .ig-rp2{animation-delay:.5s}
.ig.is-live .ig-scan{animation:ig-scn 8s linear infinite}
.ig.is-live .ig-fchip{animation:ig-pop 8s ease-out infinite}
.ig.is-live .ig-fchip .ig-tick{animation:ig-draw 8s ease-out infinite}
.ig.is-live .ig-fchip1,.ig.is-live .ig-fchip1 .ig-tick{animation-delay:.6s}
.ig.is-live .ig-fchip2,.ig.is-live .ig-fchip2 .ig-tick{animation-delay:1.2s}
.ig.is-live .ig-res{animation:ig-rs 8s ease-out infinite}
.ig.is-live .ig-beam{animation:ig-bm 7s ease-in-out infinite}
.ig.is-live .ig-beam1{animation-delay:.4s}.ig.is-live .ig-beam2{animation-delay:.8s}
.ig.is-live .ig-shop{animation:ig-sp 7s ease-in-out infinite}
.ig.is-live .ig-bloom{animation:ig-bl 3.5s ease-in-out infinite}
.ig.is-live .ig-star{animation:ig-tw 3s ease-in-out infinite}
.ig.is-live .ig-star1{animation-delay:.8s}.ig.is-live .ig-star2{animation-delay:1.6s}
.ig.is-live .ig-pin{animation:ig-bl 2.6s ease-in-out infinite}
.ig.is-live .ig-pin1{animation-delay:.6s}.ig.is-live .ig-pin2{animation-delay:1.2s}.ig.is-live .ig-pin3{animation-delay:1.8s}
.ig.is-live .ig-tg{animation:ig-pop 7s ease-out infinite}
.ig.is-live .ig-tg1{animation-delay:.3s}.ig.is-live .ig-tg2{animation-delay:.6s}

/* Collateral thumbnail shelf */
.svc__fig--stack{display:grid;gap:.8rem;align-content:start}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;perspective:900px}
.thumbs figure{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#0c0c0e;aspect-ratio:611/791;box-shadow:0 18px 30px -16px #000;transition:transform .5s var(--ease),border-color .3s,box-shadow .5s}
.thumbs figure:hover{transform:translateY(-8px) rotateX(6deg);border-color:rgba(246,147,29,.6);box-shadow:0 26px 40px -16px rgba(246,147,29,.45)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.dui__dot{display:inline-block;width:7px;height:7px;margin-right:.5rem;border-radius:50%;background:#6ee7a8;vertical-align:middle}
.deeper__ui.is-live .dui__dot{animation:ig-pulse 1.4s ease-in-out infinite}
.dui__bar::after{box-shadow:0 0 14px rgba(246,147,29,.65)}

/* Why DDM */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:clamp(.9rem,1.6vw,1.4rem);margin-top:clamp(1.4rem,3vw,2.4rem)}
.why__c{padding:1.6rem 1.4rem;display:flex;flex-direction:column;gap:.8rem}
.why__c h3{font-size:clamp(1.35rem,1.7vw,1.6rem)}
.why__c p{margin:0;color:var(--mute);font-size:.98rem;line-height:1.55}
.deeper{margin-top:clamp(1.4rem,3vw,2.4rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:clamp(1.6rem,3.6vw,3rem);border-color:rgba(246,147,29,.4);background:radial-gradient(60% 90% at 100% 0%,rgba(246,147,29,.16),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.03))}
.deeper h3{font-size:clamp(2rem,3.6vw,3.2rem);margin-bottom:1rem}
.deeper p{color:var(--mute)}
.deeper ul{margin:0 0 1.5rem;padding:0;list-style:none;display:grid;gap:.4rem;font-size:.98rem}
.deeper li{position:relative;padding-left:1.4rem}
.deeper li::before{content:"";position:absolute;left:0;top:.72em;width:.55rem;height:1px;background:var(--orange);box-shadow:0 0 8px var(--orange)}
.deeper__links{display:flex;flex-wrap:wrap;gap:.8rem}
.deeper__note{margin:.9rem 0 0;font-size:.85rem;color:var(--dim)}
.deeper__ui{padding:1.3rem;border:1px solid var(--line);border-radius:var(--r-sm);background:rgba(5,5,7,.7);display:grid;gap:1.05rem}
.dui__top{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding-bottom:.8rem;border-bottom:1px solid var(--line)}
.dui__top b{color:var(--gold);font-weight:700}
.dui__row{display:grid;grid-template-columns:7.6rem 1fr;gap:1rem;align-items:center;font-size:.92rem;color:var(--mute)}
.dui__bar{position:relative;display:block;height:9px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden}
.dui__bar::after{content:"";position:absolute;inset:0;width:var(--w,80%);border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--gold));transform-origin:left}
.dui__bar--a{--w:86%}.dui__bar--b{--w:72%}.dui__bar--c{--w:93%}.dui__bar--d{--w:78%}.dui__bar--e{--w:64%}
@keyframes dui{0%{transform:scaleX(.1)}45%,88%{transform:scaleX(1)}100%{transform:scaleX(.1)}}
.deeper__ui.is-live .dui__bar::after{animation:dui 7s var(--ease) infinite}
.deeper__ui.is-live .dui__row:nth-child(3) .dui__bar::after{animation-delay:.25s}
.deeper__ui.is-live .dui__row:nth-child(4) .dui__bar::after{animation-delay:.5s}
.deeper__ui.is-live .dui__row:nth-child(5) .dui__bar::after{animation-delay:.75s}
.deeper__ui.is-live .dui__row:nth-child(6) .dui__bar::after{animation-delay:1s}
.proof{margin-top:clamp(1.6rem,3vw,2.6rem)}

/* Industries */
.ind{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.9rem,1.6vw,1.4rem);margin-top:clamp(1.6rem,3vw,2.6rem)}
.ind--s{grid-template-columns:repeat(2,1fr);margin-top:clamp(.9rem,1.6vw,1.4rem)}
.ind__c{padding:1.6rem 1.4rem;display:flex;flex-direction:column;gap:.8rem}
.ind__c h3{font-size:clamp(1.4rem,1.8vw,1.7rem)}
.ind__c p{margin:0;color:var(--mute);font-size:.98rem;line-height:1.55}
.ind__c .ind__fix{color:var(--ink)}
.ind__c .ind__note{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--line);font-size:.88rem;color:var(--gold);line-height:1.45}
.ind__src{margin:1.1rem 0 0;font-size:.82rem;color:var(--dim);max-width:60rem;line-height:1.55}

/* Plans */
.plans{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1rem,2vw,1.6rem);margin-top:clamp(1.8rem,3.5vw,3rem);align-items:stretch}
.plan{padding:clamp(1.6rem,3vw,2.4rem)}
.plan--main{border-color:rgba(246,147,29,.55);box-shadow:0 30px 90px -40px rgba(246,147,29,.55),inset 0 1px 0 rgba(255,255,255,.14)}
.plan__tag{margin:0 0 .8rem;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.plan__tag--q{color:var(--mute)}
.plan h3{font-size:clamp(1.8rem,2.8vw,2.5rem);margin-bottom:.9rem}
.plan>p{color:var(--mute)}
.plan ul{margin:1.2rem 0 0;padding:0;list-style:none;display:grid;gap:.7rem}
.plan li{display:grid;grid-template-columns:1.4rem 1fr;gap:.7rem;align-items:start;font-size:1rem}
.plan li svg{width:1.2rem;height:1.2rem;margin-top:.35rem;color:var(--gold)}

/* Reach */
.reach__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.6rem,5vw,5rem);align-items:center}
.imgf{margin:0;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:radial-gradient(60% 70% at 50% 100%,rgba(246,147,29,.35),transparent 70%),#08080a;box-shadow:0 40px 100px -40px rgba(246,147,29,.4)}
.imgf img{width:100%;height:100%;object-fit:cover}

/* Final CTA + form */
.final{text-align:left;padding:clamp(5rem,11vw,9rem) 0}
.final__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(70% 70% at 50% 100%,rgba(246,147,29,.4),transparent 70%),var(--bg)}
.final__bg img{width:100%;height:100%;object-fit:cover}
.final__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.9),rgba(5,5,5,.6) 55%,rgba(5,5,5,.8)),linear-gradient(180deg,var(--bg),transparent 25%,transparent 75%,var(--bg))}
.final__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.6rem,5vw,5rem);align-items:center}
.final h2{max-width:14ch;margin:0 0 1.4rem;font-size:clamp(2.6rem,5.6vw,5.2rem)}
.final p{margin:0 0 1.6rem;max-width:34rem}
.final .eyebrow{justify-content:flex-start}
.final .eyebrow::before{display:block}
.final__micro{font-size:.95rem;color:var(--mute);margin:1rem 0 0!important}
.final .portal{margin-top:1.2rem}
.final__form{padding:clamp(1.4rem,3vw,2.4rem)}
.final__form h3{font-size:clamp(1.6rem,2.4vw,2.1rem);margin-bottom:1.3rem}

/* Mobile quick action bar */
.mbar{display:none}
@media(max-width:960px){
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:block;padding:.7rem var(--gut) calc(.7rem + env(safe-area-inset-bottom));background:rgba(5,5,7,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .4s var(--ease)}
  .mbar.is-on{transform:none}
  .mbar .btn{width:100%;min-height:52px}
  .ftr{padding-bottom:6rem}
}

@media(max-width:1024px){
  .svc,.deeper,.reach__grid,.final__grid,.plans{grid-template-columns:1fr}
  .svc:nth-child(even) .svc__fig{order:0}
  .ind{grid-template-columns:repeat(2,1fr)}
  .final h2{max-width:none}
}
@media(max-width:640px){
  .ind,.ind--s{grid-template-columns:1fr}
  .dui__row{grid-template-columns:6.4rem 1fr}
  .svc-head .level{width:100%}
  .level button{flex:1}
}
@media(prefers-reduced-motion:reduce){
  .ig-p{display:none}
  .ig.is-live *,.deeper__ui.is-live *{animation:none!important}
}
@media(min-width:1100px){.why{grid-template-columns:repeat(5,1fr)}}
.demo .lede{max-width:44rem}
.demo__note{margin:1.2rem 0 0;color:var(--mute)}
.demo__note a{color:var(--gold)}
.phero .hero__cta{margin-top:1.8rem}

/* ===== V6.4 Collateral showcase + viewer ===== */
.cx{display:grid;gap:.8rem}
.cx__stage{position:relative;display:grid;place-items:center;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),#0a0a0c;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 50px -28px #000;cursor:zoom-in;isolation:isolate;transition:border-color .3s,box-shadow .5s}
.cx__stage:hover,.cx__stage:focus-visible{border-color:rgba(246,147,29,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 60px -26px rgba(246,147,29,.5)}
.cx__glow{position:absolute;inset:-20%;background:radial-gradient(45% 45% at 50% 55%,rgba(246,147,29,.28),transparent 70%);z-index:-1;animation:cxGlow 7s ease-in-out infinite alternate}
@keyframes cxGlow{to{transform:scale(1.12);opacity:.7}}
.cx__img{max-width:86%;max-height:90%;width:auto;height:auto;border-radius:6px;box-shadow:0 30px 50px -18px #000,0 0 0 1px rgba(255,255,255,.1);transform:perspective(1100px) rotateY(-7deg) rotateX(2deg);transition:transform .7s var(--ease),opacity .25s,filter .25s}
.cx__stage:hover .cx__img{transform:perspective(1100px) rotateY(0) rotateX(0) scale(1.02)}
.cx__stage.is-land .cx__img{max-width:92%;transform:perspective(1100px) rotateY(-4deg)}
.cx__stage.is-swap .cx__img{opacity:0;filter:blur(6px)}
.cx__open{position:absolute;left:50%;bottom:.8rem;transform:translate(-50%,6px);display:inline-flex;gap:.45rem;align-items:center;padding:.5rem .95rem;border-radius:999px;font-size:.82rem;font-weight:700;color:#fff;background:rgba(10,10,12,.62);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .3s,transform .4s var(--ease);white-space:nowrap}
.cx__open svg{width:.9rem;height:.9rem}
.cx__stage:hover .cx__open,.cx__stage:focus-visible .cx__open{opacity:1;transform:translate(-50%,0)}
.cx__meta{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;flex-wrap:wrap;padding:0 .2rem}
.cx__title{font-size:1rem}
.cx__kind{font-size:.85rem;color:var(--gold);letter-spacing:.04em}
.cx__rail{list-style:none;margin:0;padding:.2rem .1rem .5rem;display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;align-items:flex-end}
.cx__rail::-webkit-scrollbar{display:none}
.cx__rail li{flex:0 0 auto;scroll-snap-align:start}
.cx__t{display:block;padding:0;height:5.6rem;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#0c0c0e;cursor:pointer;opacity:.62;transition:opacity .3s,transform .4s var(--ease),border-color .3s,box-shadow .4s}
.cx__t img{height:100%;width:auto;display:block}
.cx__t:hover{opacity:1;transform:translateY(-4px)}
.cx__t[aria-current="true"]{opacity:1;border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),0 12px 24px -10px rgba(246,147,29,.55)}
.cx__t:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cv-lock{overflow:hidden}
.cv{margin:0;padding:0;border:0;width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:rgba(8,8,10,.94)}
.cv[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
.cv::backdrop{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.cv__bar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.8rem 1rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03)}
.cv__id{display:grid;gap:.1rem;min-width:0}
.cv__title{font-size:1rem}
.cv__count{font-size:.8rem;color:var(--gold);letter-spacing:.05em}
.cv__act{display:flex;gap:.5rem;align-items:center}
.cv__b{font:inherit;font-size:.85rem;font-weight:700;color:var(--ink);padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);cursor:pointer;text-decoration:none;transition:background .25s,border-color .25s}
.cv__b:hover{background:rgba(246,147,29,.18);border-color:rgba(246,147,29,.6)}
.cv__dl{background:linear-gradient(135deg,var(--orange),#e07a00);color:#150a00;border-color:transparent}
.cv__stage{position:relative;min-height:0;min-width:0;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr)}
.cv__scroll{min-height:0;min-width:0;overflow:auto;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:1rem;overscroll-behavior:contain;touch-action:pan-y}
.cv__img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:6px;box-shadow:0 30px 70px -20px #000,0 0 0 1px rgba(255,255,255,.12);opacity:0;transform:scale(.985);transition:opacity .35s,transform .5s var(--ease);-webkit-user-select:none;user-select:none}
.cv__img.is-in{opacity:1;transform:none}
.cv:not(.is-zoom) .cv__scroll{overflow:hidden}
.cv.is-zoom .cv__scroll{display:block;overflow:auto;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(246,147,29,.55) transparent;-webkit-user-select:none;user-select:none}
.cv.is-zoom .cv__scroll.is-pan{cursor:grabbing}
.cv.is-zoom .cv__img{-webkit-user-drag:none}
.cv.is-zoom .cv__img{display:block;margin:0 auto;max-width:none;max-height:none;width:min(190vw,1500px)}
.cv.is-zoom.is-land .cv__img{width:min(260vw,2000px)}
.cv__nav{position:absolute;top:50%;z-index:2;width:3rem;height:3rem;margin-top:-1.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(10,10,12,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:background .25s,opacity .25s}
.cv__nav::before{content:"";position:absolute;inset:0;margin:auto;width:.7rem;height:.7rem;border:solid #fff;border-width:2px 2px 0 0}
.cv__prev{left:.8rem}.cv__prev::before{transform:translateX(.12rem) rotate(-135deg)}
.cv__next{right:.8rem}.cv__next::before{transform:translateX(-.12rem) rotate(45deg)}
.cv__nav:hover:not(:disabled){background:rgba(246,147,29,.35)}
.cv__nav:disabled{opacity:.25;cursor:default}
.cv.is-single .cv__nav,.cv.is-single .cv__dots{display:none}
.cv__dots{display:flex;justify-content:center;gap:.4rem;padding:.6rem}
.cv__dots i{width:.45rem;height:.45rem;border-radius:99px;background:rgba(255,255,255,.25);transition:width .3s var(--ease),background .3s}
.cv__dots i.on{width:1.4rem;background:var(--orange);box-shadow:0 0 10px var(--orange)}
.cv__cta{margin:0;padding:.6rem 1rem .9rem;text-align:center;font-size:.9rem;color:var(--mute)}
.cv__cta a{color:var(--gold);font-weight:700}
@media (min-width:900px){
  .cv{width:min(1180px,94vw);height:min(94dvh,980px);margin:auto;border-radius:24px;border:1px solid rgba(255,255,255,.16);box-shadow:0 60px 140px -30px #000,0 0 80px -30px rgba(246,147,29,.35);overflow:hidden}
  .cx__t{height:6.4rem}
}
@media (max-width:560px){
  .cv__bar{padding:.6rem .7rem}
  .cv__scroll{padding:.5rem}
  .cv__nav{width:2.6rem;height:2.6rem;margin-top:-1.3rem}
  .cv__prev{left:.4rem}.cv__next{right:.4rem}
  .cv__b{padding:.5rem .75rem}
  .cx__open{opacity:1;transform:translate(-50%,0)}
}
@media (prefers-reduced-motion:reduce){.cx__glow{animation:none}.cx__img,.cv__img{transition:none}}
.svc .cx__rail{display:flex;gap:.6rem;margin:0;padding:.2rem .1rem .5rem}
.svc .cx__rail li{padding:0;color:inherit}
.svc .cx__rail li::before{content:none}
/* thumbnail rail: drag, arrows, edge fades, hint (JS wraps the rail in .cx__rw) */
.cx__rw{position:relative;min-width:0}
.svc .cx__rw .cx__rail{padding:.3rem .25rem .6rem;cursor:grab;scrollbar-width:none;-webkit-user-select:none;user-select:none}
.cx__rw .cx__rail::after{content:"";flex:0 0 .6rem}
.cx__rw.is-drag .cx__rail{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.cx__rw.is-drag .cx__t{pointer-events:none}
.cx__rw .cx__t img{-webkit-user-drag:none}
.cx__rw::before,.cx__rw::after{content:"";position:absolute;top:0;bottom:.6rem;width:3.4rem;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s}
.cx__rw::before{left:0;background:linear-gradient(90deg,rgba(10,10,12,.95),rgba(10,10,12,0))}
.cx__rw::after{right:0;background:linear-gradient(270deg,rgba(10,10,12,.95),rgba(10,10,12,0))}
.cx__rw.has-l::before,.cx__rw.has-r::after{opacity:1}
.cx__arr{position:absolute;top:calc(50% - .3rem);z-index:2;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(10,10,12,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 20px -8px #000;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .3s,transform .4s var(--ease),background .25s,border-color .25s}
.cx__arr::before{content:"";position:absolute;inset:0;margin:auto;width:.62rem;height:.62rem;border:solid #fff;border-width:2px 2px 0 0}
.cx__arr--l{left:.3rem}.cx__arr--l::before{transform:translateX(.1rem) rotate(-135deg)}
.cx__arr--r{right:.3rem}.cx__arr--r::before{transform:translateX(-.1rem) rotate(45deg)}
.cx__rw.has-l .cx__arr--l,.cx__rw.has-r .cx__arr--r{opacity:1;pointer-events:auto;transform:none}
.cx__arr:hover{background:rgba(246,147,29,.42);border-color:rgba(246,147,29,.85)}
.cx__arr:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cx__rw:not(.is-seen).has-r .cx__arr--r{animation:cxNudge 1.8s ease-in-out infinite}
@keyframes cxNudge{0%,100%{box-shadow:0 8px 20px -8px #000,0 0 0 0 rgba(246,147,29,.6)}50%{box-shadow:0 8px 20px -8px #000,0 0 0 .6rem rgba(246,147,29,0)}}
.svc .cx__hint{margin:-.15rem 0 0;text-align:center;font-size:.82rem;color:var(--mute);letter-spacing:.02em}
.cx__hint[hidden]{display:none}
@media (hover:none){.cx__arr{display:none}}
@media (prefers-reduced-motion:reduce){.cx__rw:not(.is-seen).has-r .cx__arr--r{animation:none}.cx__arr{transition:none}}
/* Marketing collateral service (desktop): infographic as a full-width premium stage on top, text and viewer side by side below.
   CSS only: .svc__fig--stack dissolves (display:contents) so .ig, .svc__body and .cx become grid items of the card. */
@media (min-width:1025px){
  .svc:has(.svc__fig--stack){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"ig ig" "body cx";align-items:center;gap:clamp(1.6rem,3vw,2.6rem) clamp(1.8rem,4vw,3.6rem)}
  .svc:has(.svc__fig--stack) .svc__fig--stack{display:contents}
  .svc:has(.svc__fig--stack) .ig{grid-area:ig;position:relative;isolation:isolate;display:grid;place-items:center;padding:clamp(1.2rem,2.4vw,2rem) clamp(1rem,3vw,2.4rem);border-radius:var(--r);border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),#07070a;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 40px 80px -44px #000,0 0 90px -50px rgba(246,147,29,.5)}
  .svc:has(.svc__fig--stack) .ig::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(46% 90% at 50% 46%,rgba(246,147,29,.2),transparent 72%),radial-gradient(30% 70% at 0% 50%,rgba(246,147,29,.09),transparent 75%),radial-gradient(30% 70% at 100% 50%,rgba(246,147,29,.09),transparent 75%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/46px 46px;-webkit-mask-image:radial-gradient(90% 120% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(90% 120% at 50% 50%,#000 35%,transparent 100%)}
  .svc:has(.svc__fig--stack) .ig::after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,176,80,.8),transparent);box-shadow:0 0 18px rgba(246,147,29,.7)}
  .svc:has(.svc__fig--stack) .ig-svg{width:auto;max-width:100%;height:clamp(250px,31vw,400px);aspect-ratio:520/300}
  .svc:has(.svc__fig--stack) .svc__body{grid-area:body}
  .svc:has(.svc__fig--stack) .cx{grid-area:cx}
}

/* V6.9: scroll-driven hero film. The page scroll plays the storm-to-clarity video (pinned stage). */
.hero.filmhero{display:block;min-height:0;padding:0;overflow:visible;background:#050505}
.film{position:relative}
.film__stick{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#050505}
.film--on .film{height:340svh}
.film--on .film__stick{position:sticky;top:0}
.film__ambient{position:absolute;inset:-12%;z-index:0;filter:blur(64px) saturate(1.35) brightness(.75);opacity:.95;pointer-events:none}
.film__ambient video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film__screen{position:absolute;z-index:1;left:50%;top:50%;width:min(calc(100% - 3rem),1500px,calc((100svh - 2rem)*1.754));aspect-ratio:1344/766;transform:translate(-50%,-50%);border-radius:28px;overflow:hidden;background:#07070a;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 70px 170px -30px rgba(246,147,29,.5),0 40px 80px -30px rgba(0,0,0,.9)}
.film__screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.film__screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 30%),radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.45))}
.film__stick::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity 1.1s var(--ease);background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.6) 36%,transparent 64%),linear-gradient(0deg,rgba(5,5,5,.88),transparent 34%)}
.film__stick.is-final::after,.film--static .film__stick::after{opacity:1}
.film__flash{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .45s;background:radial-gradient(55% 60% at 54% 55%,rgba(255,226,170,.6),rgba(246,147,29,.28) 42%,transparent 72%)}
.film__flash.on{opacity:1}
.film__caps{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:0 var(--gut);pointer-events:none}
.cap{grid-area:1/1;margin:0;max-width:15ch;text-align:center;font:400 clamp(2.5rem,6vw,5.6rem)/1.04 var(--serif);letter-spacing:-.015em;color:var(--ink);text-shadow:0 6px 60px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.6);opacity:0;filter:blur(14px);transform:translateY(22px) scale(.98);transition:opacity .7s var(--ease),filter .7s var(--ease),transform .9s var(--ease)}
.cap.on{opacity:1;filter:none;transform:none}
.cap--2{color:var(--orange)}
.film__final{position:absolute;inset:0;z-index:5;display:flex;align-items:stretch;opacity:1;transform:none;transition:opacity .9s var(--ease),transform 1s var(--ease)}
.film--on .film__final{opacity:0;transform:translateY(26px);pointer-events:none}
.film--on .is-final .film__final{opacity:1;transform:none;pointer-events:auto}
.film__final>.wrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:1fr auto;column-gap:3rem;height:100%;padding:6.2rem 0 1.6rem;align-items:center}
.film__final .lede{font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.55;margin-bottom:1.5rem;max-width:34rem}
.film__final .hero__proof{margin-top:1.4rem}
.film__final .eyebrow{font-size:.72rem;letter-spacing:.16em}
@media(max-height:860px) and (min-width:1025px){.film__final .flow__row p,.film__final .flow__bar,.film__final .hero__micro{display:none}.film__final .flow__row{align-items:center}.film__final .flow__ico{grid-row:auto}}
.film__final h1{font-size:clamp(2.5rem,4.4vw,4.6rem)}
.film__final .flow{grid-column:1/-1;grid-row:2;width:100%;padding:1.1rem 1.4rem 1.2rem;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.4rem;box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.film__final .flow__top{grid-column:1/-1;padding-bottom:.8rem;margin-bottom:.7rem}
.film__final .flow__row{grid-template-columns:2.4rem 1fr;gap:.2rem .9rem;padding:0;align-items:start}
.film__final .flow__row+.flow__row{border-top:0;border-left:1px dashed var(--line);padding-left:1.3rem}
.film__final .flow__ico{width:2.4rem;height:2.4rem;grid-row:1/3}
.film__final .flow__row h3{font-size:.98rem}
.film__final .flow__row p{font-size:.84rem;line-height:1.4;margin:0}
.film__final .flow__bar{grid-column:2;margin-top:.5rem}
.film__cue{position:absolute;z-index:5;left:50%;bottom:1.4rem;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:.7rem;transform:translateX(-50%);color:var(--mute);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;opacity:0;transition:opacity .6s}
.film--on .film__cue{opacity:1}
.film--on .film__cue.off,.film--static .film__cue{opacity:0;pointer-events:none}
.film__cue i{display:block;width:1px;height:46px;background:linear-gradient(var(--orange),transparent);transform-origin:top;animation:cue 1.8s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0)}60%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.film__bar{position:absolute;z-index:6;left:0;bottom:0;height:3px;width:100%;transform-origin:left;transform:scaleX(var(--p,0));background:linear-gradient(90deg,#46687a,var(--orange),var(--gold));opacity:0;transition:opacity .6s}
.film--on .film__bar{opacity:.9}
.film--on .is-final .film__bar,.film--static .film__bar{opacity:0}
.film-live .mbar.is-on{transform:translateY(120%)}
@media(max-width:1024px){
  .film__ambient{display:none}
  .film__screen{left:0;top:0;width:100%;height:60svh;aspect-ratio:auto;transform:none;border-radius:0 0 30px 30px}
  .film__screen video{object-position:62% 50%}
  .film__screen{transition:height .9s var(--ease),border-radius .9s var(--ease)}
  .film--on .is-final .film__screen,.film--static .film__screen{height:100%;border-radius:0}
  .film__stick::after{background:linear-gradient(0deg,rgba(5,5,5,.9),rgba(5,5,5,.5) 38%,transparent 62%)}
  .film__caps{inset:58svh 0 0 0;align-items:start;padding-top:1.4rem}
  .cap{font-size:clamp(2.2rem,9vw,3.6rem);max-width:13ch}
  .film__final>.wrap{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:end;row-gap:1rem;padding:0 0 1.2rem}
  .film__final .eyebrow,.film__final .hero__micro,.film__final .hero__proof{display:none}
  .film__final h1{font-size:clamp(2.1rem,8.4vw,3.2rem);margin-bottom:.8rem}
  .film__final .lede{font-size:.98rem;line-height:1.5;margin-bottom:1.1rem}
  .film__final .flow{grid-column:1;grid-row:auto;padding:.7rem .9rem;grid-template-columns:repeat(3,1fr);column-gap:.5rem}
  .film__final .flow__top,.film__final .flow__row p,.film__final .flow__bar{display:none}
  .film__final .flow__row{grid-template-columns:1fr;gap:.35rem;justify-items:center;text-align:center}
  .film__final .flow__row+.flow__row{border-left:1px dashed var(--line);padding-left:.5rem}
  .film__final .flow__ico{grid-row:auto}
  .film__final .flow__row h3{font-size:.9rem}
  .film__final .hero__cta{display:grid}
  .film__final .btn--ghost{display:none}
  .film__cue{bottom:.9rem}
}
@media(max-width:1024px) and (max-height:540px){.film__final .lede{display:none}}
@media(prefers-reduced-motion:reduce){.film__cue i{animation:none}}

/* ===== V6.13: cinematic offer block. The page scroll ignites the free-demo clip (pinned stage). ===== */
.sizzle{position:relative;background:var(--bg)}
.sz{position:relative}
.sz__stick{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--bg);isolation:isolate}
.sz--on .sz{height:260svh}
.sz--on .sz__stick{position:sticky;top:0}
.sz__screen{position:absolute;z-index:0;top:0;bottom:0;right:0;left:14%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%);mask-image:linear-gradient(90deg,transparent,#000 26%)}
.sz__screen video,.sz__still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.sz__still{display:none}
.no-js .sz__screen video,.sz--static .sz__screen video{display:none}
.no-js .sz__still,.sz--static .sz__still{display:block}
.sz__stick::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,var(--bg),rgba(5,5,5,0) 15%,rgba(5,5,5,0) 85%,var(--bg)),linear-gradient(90deg,var(--bg),rgba(5,5,5,0) 34%)}
.sz__stick::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity 1.1s var(--ease);background:linear-gradient(90deg,rgba(5,5,5,.9),rgba(5,5,5,.55) 34%,transparent 60%)}
.sz__stick.is-final::after,.sz--static .sz__stick::after,.no-js .sz__stick::after{opacity:1}
.sz__flash{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .6s;background:radial-gradient(46% 52% at 62% 62%,rgba(255,196,120,.26),rgba(246,147,29,.16) 45%,transparent 74%)}
.sz__flash.on{opacity:1}
.sz__caps{position:absolute;inset:0;z-index:4;display:grid;align-items:center;pointer-events:none}
.sz__capwrap{display:grid}
.szc{grid-area:1/1;margin:0;max-width:min(15ch,40vw);font:400 clamp(2.3rem,4.4vw,4.4rem)/1.04 var(--serif);letter-spacing:-.015em;color:var(--ink);text-shadow:0 6px 60px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.6);opacity:0;filter:blur(14px);transform:translateY(22px) scale(.98);transition:opacity .7s var(--ease),filter .7s var(--ease),transform .9s var(--ease)}
.szc.on{opacity:1;filter:none;transform:none}
.szc--2{color:var(--orange)}
.sz__final{position:absolute;inset:0;z-index:5;display:flex;align-items:stretch}
.sz__grid{display:flex;flex-direction:column;justify-content:center;height:100%;padding:6rem 0 2.5rem}
.sz__col{max-width:min(28rem,37vw)}
.sz__head h2{font-size:clamp(2.2rem,4.2vw,3.9rem);margin-bottom:1.1rem}
.sz__head .eyebrow{font-size:.72rem;letter-spacing:.16em}
.sz__head .lede{font-size:clamp(1rem,1.1vw,1.1rem);line-height:1.55;margin-bottom:1.1rem}
.sz__head .demo__note{margin:0 0 1.5rem;font-size:.98rem}
.sz__micro{margin:1rem 0 0;font-size:.98rem;color:var(--mute)}
.sz--on .sz__final{pointer-events:none}
.sz--on .sz__head,.sz--on .sz__act{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
.sz--on .is-act .sz__act{opacity:1;transform:none;pointer-events:auto}
.sz--on .is-final .sz__head{opacity:1;transform:none;pointer-events:auto}
.sz__cue{position:absolute;z-index:5;left:50%;bottom:1.4rem;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:.7rem;transform:translateX(-50%);color:var(--mute);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;opacity:0;transition:opacity .6s}
.sz--on .sz__cue{opacity:1}
.sz--on .sz__cue.off,.sz--static .sz__cue,.no-js .sz__cue{opacity:0;pointer-events:none}
.sz__cue i{display:block;width:1px;height:46px;background:linear-gradient(var(--orange),transparent);transform-origin:top;animation:cue 1.8s var(--ease) infinite}
.sz__bar{position:absolute;z-index:6;left:0;bottom:0;height:3px;width:100%;transform-origin:left;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--ember),var(--orange),var(--gold));opacity:0;transition:opacity .6s}
.sz--on .sz__bar{opacity:.9}
.sz--on .is-final .sz__bar,.sz--static .sz__bar,.no-js .sz__bar{opacity:0}
.sz-live .mbar.is-on{transform:translateY(120%)}
@media(max-width:1024px){
  .sz__screen{left:0;right:0;bottom:auto;height:56svh;border-radius:0 0 30px 30px;-webkit-mask-image:none;mask-image:none}
  .sz__screen video,.sz__still{object-position:68% 50%}
  .sz__stick::before{display:none}
  .sz__stick::after{background:linear-gradient(0deg,rgba(5,5,5,.9),rgba(5,5,5,.4) 30%,transparent 55%)}
  .sz__flash{bottom:auto;height:56svh;border-radius:0 0 30px 30px;background:radial-gradient(60% 70% at 62% 72%,rgba(255,196,120,.28),rgba(246,147,29,.16) 45%,transparent 76%)}
  .sz__caps{inset:56svh 0 0 0;align-items:start;padding-top:1.3rem}
  .szc{font-size:clamp(2rem,8.6vw,3.4rem);max-width:14ch}
  .sz__col{max-width:none}
  .sz__grid{justify-content:flex-start;padding:calc(56svh + 1rem) 0 .9rem}
  .sz__head h2{font-size:clamp(2rem,8.2vw,3rem);margin-bottom:.8rem}
  .sz__head .eyebrow,.sz__head .demo__note{display:none}
  .sz__head .lede{font-size:.98rem;line-height:1.5;margin-bottom:1rem}
  .sz__act .btn{width:100%}
  .sz__micro{font-size:.88rem;line-height:1.5;margin-top:.6rem}
  .sz__cue{bottom:.9rem}
  .sz__cue i{animation:none}
}
@media(max-width:1024px) and (max-height:779px){.sz__head .lede{display:none}}
@media(prefers-reduced-motion:reduce){.sz__cue i{animation:none}}

/* ===== V6.14: explainer captions, rebuilt search graphic, cinematic "Where we work" stage ===== */
@property --ra{syntax:"<angle>";inherits:false;initial-value:0deg}
/* What you are looking at (under every infographic) */
.ig-cap{position:relative;display:flex;flex-direction:column;gap:.35rem;margin:.85rem .15rem .1rem;padding:.8rem 1rem .85rem 1.1rem;border:1px solid rgba(255,255,255,.1);border-left:2px solid var(--orange);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-size:.9rem;line-height:1.55;color:var(--mute);text-align:left}
.ig-cap__k{display:flex;align-items:center;gap:.55rem;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.ig-cap__k::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px 2px rgba(246,147,29,.7)}
.ig-cap__t b{color:var(--ink);font-weight:700}
.ig.is-live .ig-cap__k::before{animation:ig-pulse 2.4s ease-in-out infinite}
@media(min-width:900px){.ig--wide .ig-cap,.svc:has(.svc__fig--stack) .ig-cap{flex-direction:row;align-items:baseline;gap:1.2rem;width:100%;max-width:56rem;margin-inline:auto}.ig--wide .ig-cap__k,.svc:has(.svc__fig--stack) .ig-cap__k{flex:none}}
/* Search visibility graphic (rebuilt): beams start below the labels, nothing crosses them */
.sx text{font:700 17px var(--sans);fill:var(--ink)}
.sx .sx-k{fill:var(--gold);font-size:17px;font-weight:800;letter-spacing:.14em}
.sx .sx-s{fill:#d5cebf;font-size:11.5px;font-weight:600;letter-spacing:.01em}
.sx-card{filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}
.sx-ic{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sx-core{fill:none;stroke-width:1.6;stroke-linecap:round}
.sx-stem{fill:none;stroke:rgba(255,217,160,.6);stroke-width:1.2;stroke-linecap:round}
.sx-node{fill:#ffe2b0}
.sx-star{fill:#fff;opacity:.5}
.sx-bld{fill:url(#sxb);stroke:rgba(255,255,255,.12);stroke-width:1.2}
.sx-win{fill:rgba(246,147,29,.38)}
.sx-pin{fill:#f0b429;opacity:.95}
.sx-rip{fill:none;stroke:#f0b429;stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center}
.sx-halo{transform-box:fill-box;transform-origin:center;opacity:.5}
.ig.is-live .sx-vol{animation:ig-bm 7s ease-in-out infinite}
.ig.is-live .sx-vol1{animation-delay:.4s}.ig.is-live .sx-vol2{animation-delay:.8s}
.ig.is-live .sx-shop{animation:ig-sp 7s ease-in-out infinite}
.ig.is-live .sx-bloom{animation:ig-bl 3.5s ease-in-out infinite}
.ig.is-live .sx-halo{animation:ig-halo 3.4s ease-in-out infinite}
.ig.is-live .sx-star{animation:ig-tw 3s ease-in-out infinite}
.ig.is-live .sx-star1{animation-delay:.8s}.ig.is-live .sx-star2{animation-delay:1.6s}
.ig.is-live .sx-rip{animation:sx-rip 3.4s ease-out infinite}
.ig.is-live .sx-rip1{animation-delay:.8s}.ig.is-live .sx-rip2{animation-delay:1.6s}.ig.is-live .sx-rip3{animation-delay:2.4s}
@keyframes sx-rip{0%{opacity:.8;transform:scale(.5)}100%{opacity:0;transform:scale(3.6)}}
/* Where we work: cinematic stage */
.reach{padding-block:clamp(4rem,8vw,7rem)}
.rstage{position:relative;isolation:isolate;border-radius:36px;background:#07070a;box-shadow:0 70px 160px -60px rgba(246,147,29,.5),0 30px 80px -40px #000}
.rstage::before{content:"";position:absolute;inset:0;z-index:7;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ra),rgba(255,255,255,.06),rgba(246,147,29,.95) 12%,rgba(255,255,255,.06) 32%,rgba(255,255,255,.06) 62%,rgba(240,180,41,.8) 78%,rgba(255,255,255,.06) 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;animation:rst-spin 16s linear infinite}
@keyframes rst-spin{to{--ra:360deg}}
.rstage__fig{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:36px;background:#05060a}
.rstage__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
.rstage__fig::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 100% at 62% 46%,transparent 42%,rgba(3,3,6,.72)),linear-gradient(0deg,rgba(3,3,6,.55),transparent 38%)}
.rstage__fig::after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,rgba(255,176,80,.9),transparent);box-shadow:0 0 22px rgba(246,147,29,.8)}
.rstage__ping{position:absolute;z-index:3;left:49.8%;top:55.5%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#ffe2b0;box-shadow:0 0 16px 5px rgba(255,170,80,.85)}
.rstage__ping::before,.rstage__ping::after{content:"";position:absolute;inset:-1px;border:1.5px solid rgba(255,190,110,.9);border-radius:50%;opacity:0;animation:rst-ping 3.2s ease-out infinite}
.rstage__ping::after{animation-delay:1.6s}
@keyframes rst-ping{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(9)}}
.rstage__tag{position:absolute;z-index:4;display:flex;align-items:center;gap:.55rem;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(8,8,12,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);line-height:1}
.rstage__tag--tl{left:1.6rem;top:1.6rem}.rstage__tag--tr{right:1.6rem;top:1.6rem;color:var(--gold)}
.rstage__tag--tl::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px 2px rgba(246,147,29,.8);animation:ig-pulse 2.4s ease-in-out infinite}
.rstage__c{position:absolute;z-index:4;width:18px;height:18px;border:0 solid rgba(255,255,255,.4);pointer-events:none}
.rstage__c--tl{left:.8rem;top:.8rem;border-left-width:1.5px;border-top-width:1.5px;border-top-left-radius:6px}
.rstage__c--tr{right:.8rem;top:.8rem;border-right-width:1.5px;border-top-width:1.5px;border-top-right-radius:6px}
.rstage__c--bl{left:.8rem;bottom:.8rem;border-left-width:1.5px;border-bottom-width:1.5px;border-bottom-left-radius:6px}
.rstage__c--br{right:.8rem;bottom:.8rem;border-right-width:1.5px;border-bottom-width:1.5px;border-bottom-right-radius:6px}
.rstage__card{position:relative;z-index:5;margin:-3.2rem 1rem 1rem;padding:clamp(1.3rem,4vw,2rem);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.035)),rgba(8,8,12,.55)}
.rstage__card .eyebrow{margin-bottom:1rem}
.rstage__card h2{font-size:clamp(2.1rem,8vw,3.2rem)}
.rstage__card .lede{margin:1rem 0 0;font-size:1rem;line-height:1.6}
.rstage__card .cities{margin-top:1.3rem;gap:.6rem}
.rstage__card .cities a{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem .95rem;font-size:.92rem;background:rgba(255,255,255,.06)}
.rstage__card .cities a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px 1px rgba(246,147,29,.8)}
.rstage__card .sec__cta{margin-top:1.4rem}
@media(min-width:1100px){
  .rstage__fig{aspect-ratio:16/9}
  .rstage__card{position:absolute;left:clamp(1.2rem,3vw,2.6rem);bottom:clamp(1.2rem,3vw,2.6rem);width:min(33rem,44%);margin:0;padding:clamp(1.5rem,2.4vw,2.2rem);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.035)),rgba(8,8,12,.5)}
  .rstage__card h2{font-size:clamp(2.1rem,3.3vw,3.2rem)}
  .rstage__card .lede{font-size:.98rem;line-height:1.55}
  .rstage__fig::before{background:radial-gradient(120% 100% at 66% 46%,transparent 42%,rgba(3,3,6,.7)),linear-gradient(90deg,rgba(3,3,6,.7),transparent 52%),linear-gradient(0deg,rgba(3,3,6,.5),transparent 36%)}
}
@media(max-width:560px){.rstage{border-radius:28px}.rstage__fig{border-radius:28px}.rstage__tag{left:auto;right:auto;font-size:.6rem;padding:.42rem .62rem}.rstage__tag--tl{left:1.2rem;top:1.2rem}.rstage__tag--tr{display:none}}
/* Scroll-driven entrance where supported (no JavaScript): the image opens up and settles */
@supports (animation-timeline:view()){
  .rstage__fig{animation:rst-open linear both;animation-timeline:view();animation-range:entry 0% cover 42%}
  .rstage__fig img{animation:rst-zoom linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
}
@keyframes rst-open{from{clip-path:inset(12% 9% 12% 9% round 44px)}to{clip-path:inset(0 round 36px)}}
@keyframes rst-zoom{from{transform:scale(1.28)}to{transform:scale(1.03)}}
@media(prefers-reduced-motion:reduce){.rstage::before{animation:none}.rstage__ping::before,.rstage__ping::after,.rstage__tag--tl::before,.ig-cap__k::before{animation:none}.rstage__fig,.rstage__fig img{animation:none}}
/* V6.51: Search visibility graphic sits in a fixed-ratio frame (no reliance on SVG auto-height, which collapsed in some browsers); phones get their own portrait version */
.sxbox{position:relative;display:block;width:100%;height:0;overflow:hidden}
.sxbox--d{padding-bottom:53.125%}
.sxbox--m{display:none;padding-bottom:105.5556%}
.sxbox>svg{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none}
.sxm text{font:700 17px var(--sans);fill:var(--ink)}
.sxm .sx-k{fill:var(--gold);font-size:18px;font-weight:800;letter-spacing:.12em}
.sxm .sx-s{fill:#d5cebf;font-size:12px;font-weight:600;letter-spacing:0}
@media(max-width:600px){.sxbox--d{display:none}.sxbox--m{display:block}.ig--wide:has(.sxbox--m){padding:.5rem}}
/* V6.15: floating "slump" callout + search verdict panel */
.sxwrap{position:relative;padding-top:1.3rem}
.sxfloat{position:absolute;z-index:5;top:0;left:50%;margin:0;display:flex;align-items:center;gap:.6rem;max-width:min(30rem,calc(100% - 1.5rem));padding:.7rem 1.15rem;border-radius:999px;font-size:.92rem;font-weight:700;line-height:1.3;color:var(--ink);background:linear-gradient(135deg,rgba(246,147,29,.28),rgba(20,16,10,.78));border:1px solid rgba(246,147,29,.55);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 10px 34px rgba(0,0,0,.5),0 0 28px rgba(246,147,29,.35);transform:translateX(-50%);animation:sx-float 5s ease-in-out infinite}
.sxfloat__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px 3px rgba(246,147,29,.8);animation:ig-pulse 2.4s ease-in-out infinite}
@keyframes sx-float-m{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes sx-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-7px)}}
.sxverdict{position:relative;margin-top:clamp(1.2rem,2.4vw,2rem);padding:clamp(1.6rem,3.4vw,2.8rem);text-align:center;overflow:hidden;isolation:isolate}
.sxverdict::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ra),rgba(255,255,255,.06),rgba(246,147,29,.95) 12%,rgba(255,255,255,.06) 32%,rgba(255,255,255,.06) 62%,rgba(240,180,41,.8) 78%,rgba(255,255,255,.06) 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:rst-spin 16s linear infinite}
.sxverdict::after{content:"";position:absolute;left:50%;top:-40%;width:70%;height:80%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(246,147,29,.2),transparent);pointer-events:none;z-index:-1}
.sxverdict__k{margin:0 0 .6rem;font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sxverdict__h{margin:0 0 1.2rem;font-size:clamp(1.6rem,3.6vw,2.6rem);line-height:1.1}
.sxverdict__l{list-style:none;margin:0 auto 1.3rem;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.sxverdict__l li{position:relative;text-align:left;display:flex;align-items:center;gap:.55rem;padding:.55rem 1rem;border-radius:999px;font-size:.95rem;color:var(--mute);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.sxverdict__l li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(var(--orange),var(--orange)) padding-box;box-shadow:0 0 12px rgba(246,147,29,.6);clip-path:circle(50%)}
.sxverdict__l li::after{content:"";position:absolute;left:calc(1rem + 5.5px);top:50%;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-62%) rotate(45deg)}
.sxverdict__l b{color:var(--ink)}
.sxverdict__t{margin:0 auto;max-width:44rem;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6;color:var(--mute)}
@media(max-width:600px){.sxwrap{padding-top:0}.sxfloat{position:relative;left:auto;top:auto;transform:none;margin:0 auto .8rem;max-width:100%;justify-content:center;text-align:left;font-size:.85rem;padding:.65rem 1rem;border-radius:20px;animation:sx-float-m 5s ease-in-out infinite}.sxverdict__l{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.sxfloat,.sxfloat__dot,.sxverdict::before{animation:none}}

/* V6.19: jump target for "Build my free demo" (lands on the finished "Free to see first" block) */
.sz__jump{position:absolute;left:0;top:0;width:1px;height:1px;pointer-events:none}
.sz--on .sz__jump{top:calc(100% - 100svh)}

/* ===== V6.20: iPhone smoothness. No smooth-scroll animation, no heavy blur layers, no pinned/scrubbed films on touch screens ===== */
@media(pointer:coarse){
  html{scroll-behavior:auto}
  .btn--ghost,.glass,.rstage__tag,.sxfloat,.cx__open,.cx__arr,.cv__nav,.ct-chips li,.ctc-tags li,.ctm-float{-webkit-backdrop-filter:none;backdrop-filter:none}
  .glass{background:linear-gradient(160deg,rgba(26,26,32,.92),rgba(14,14,18,.92))}
}
/* Offer block without the scroll film (phones, tablets, reduced motion on small screens): the three lines first, then the picture, then the offer. */
@media(max-width:1024px){
  .sz--static .sz__stick,.no-js .sz__stick{height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible}
  .sz--static .sz__stick::before,.sz--static .sz__stick::after,.no-js .sz__stick::before,.no-js .sz__stick::after{display:none}
  .sz--static .sz__caps,.no-js .sz__caps{position:static;order:0;display:block;padding:6.6rem 0 1.4rem}
  .sz--static .sz__capwrap,.no-js .sz__capwrap{display:block}
  .sz--static .szc,.no-js .szc{opacity:1;filter:none;transform:none;max-width:none;margin:0 0 .6rem;font-size:clamp(2rem,9vw,3.3rem);transition:none}
  .sz--static .sz__screen,.no-js .sz__screen{position:relative;order:1;left:auto;right:auto;height:min(52svh,26rem);border-radius:24px;margin:0 var(--gut);overflow:hidden}
  .sz--static .sz__flash,.no-js .sz__flash{display:none}
  .sz--static .sz__final,.no-js .sz__final{position:static;order:2;pointer-events:auto}
  .sz--static .sz__grid,.no-js .sz__grid{height:auto;padding:1.6rem 0 3.5rem}
}

/* ===== V6.20: small demo launcher (replaces the full-width bottom bar). Opens only when tapped. ===== */
.dock{display:none}
@media(max-width:960px){
  .mbar{display:none}
  .ftr{padding-bottom:4.5rem}
  .dock{position:fixed;right:max(.9rem,env(safe-area-inset-right));bottom:max(.9rem,calc(.6rem + env(safe-area-inset-bottom)));z-index:45;display:block;opacity:0;transform:translateY(16px) scale(.8);pointer-events:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}
  .dock.is-on{opacity:1;transform:none;pointer-events:auto}
  .film-live .dock.is-on,.sz-live .dock.is-on{opacity:0;pointer-events:none}
  .dock__btn{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#1a0d00;cursor:pointer;background:conic-gradient(from 210deg,var(--gold),var(--orange),var(--ember),var(--gold));box-shadow:0 8px 22px -6px rgba(246,147,29,.65),0 0 0 1px rgba(255,255,255,.18) inset;-webkit-tap-highlight-color:transparent}
  .dock__btn::before{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(70% 70% at 35% 30%,#ffd48a,var(--orange) 70%,#e8760f)}
  .dock__btn::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(246,147,29,.55);animation:dock-ping 3.2s var(--ease) infinite}
  .dock__btn svg{position:relative;z-index:1;width:20px;height:20px;transition:transform .45s var(--ease)}
  .dock.is-open .dock__btn svg{transform:rotate(135deg) scale(.9)}
  .dock__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
  .dock__panel{position:absolute;right:0;bottom:calc(100% + .7rem);width:min(16.5rem,calc(100vw - 1.8rem));padding:1rem 1rem .95rem;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,rgba(32,26,20,.97),rgba(12,12,16,.97));box-shadow:0 24px 60px -18px #000,0 0 40px -18px rgba(246,147,29,.6);transform-origin:100% 100%;opacity:0;transform:translateY(10px) scale(.88);visibility:hidden;transition:opacity .25s var(--ease),transform .35s var(--ease),visibility 0s .35s}
  .dock.is-open .dock__panel{opacity:1;transform:none;visibility:visible;transition:opacity .25s var(--ease),transform .35s var(--ease),visibility 0s}
  .dock__k{margin:0 0 .35rem;font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
  .dock__t{margin:0 0 .85rem;font-size:.95rem;line-height:1.45;color:var(--ink)}
  .dock__panel .btn{width:100%;min-height:46px;padding:.6rem 1rem;font-size:.95rem}
}
@keyframes dock-ping{0%{opacity:.7;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.5)}}
@media(prefers-reduced-motion:reduce){.dock__btn::after{animation:none;opacity:0}.dock,.dock__panel,.dock__btn svg{transition:none}}

/* ===== V6.23: smooth flick scroll over the infographics and the collateral (PDF) area on touch screens ===== */
@media(pointer:coarse){
  .ig.ig-paused *,.ig.ig-paused *::before,.ig.ig-paused *::after,.is-scrolling .ig *,.is-scrolling .ig *::before,.is-scrolling .ig *::after,.is-scrolling .deeper__ui *,.is-scrolling .deeper__ui *::before,.is-scrolling .deeper__ui *::after,.is-scrolling .cx__glow,.is-scrolling .film__cue i,.is-scrolling .sz__cue i{animation-play-state:paused!important}
  .cx__glow{animation:none}
  .cx__rail{overscroll-behavior-x:contain}
}

/* ===== V6.27: iPhone Safari. Pinned film stages follow the visible screen (dvh) so they still fill it when Safari's toolbars slide away.
   Phones and tablets only; desktop and TV unchanged. Static (no-film) layouts are untouched because their rules are more specific. ===== */
.film__still{display:none}
@supports (height:100dvh){
  @media(max-width:1024px){
    .film__stick{height:100dvh}
    .film__screen{height:60dvh}
    .film__caps{inset:58dvh 0 0 0}
    .sz__stick{height:100dvh;--szh:clamp(34dvh,calc(100dvh - 22rem),56dvh)}
    .sz__screen,.sz__flash{height:var(--szh)}
    .sz__caps{inset:var(--szh) 0 0 0}
    .sz__grid{padding-top:calc(var(--szh) + 1rem)}
  }
}
/* V6.33: hero end on phones. The still is the SAME picture as the last video frame: same box (top 60% of the screen), same rounded corners, same crop (62% 50%) and same light overlay, so the swap is invisible and the picture never moves or zooms. Only the copy fades in, a beat after the picture locks. No animated resize of the video (that stutters on iPhone). */
@media(max-width:1024px){
  .film--on .is-final .film__screen,.film--static .film__screen{height:60svh;height:60dvh;border-radius:0 0 30px 30px}
  .film__still{display:block;position:absolute;z-index:1;left:0;top:0;width:100%;height:60svh;height:60dvh;border-radius:0 0 30px 30px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .3s linear}
  .film__still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;display:block}
  .film__still::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 30%),radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.45))}
  .film--on .is-final .film__still,.film--static .film__still{opacity:1}
  .film--static .film__still{transition:none}
  .film--on .is-final .film__final{transition-delay:.3s}
}
@media(max-width:1024px) and (prefers-reduced-motion:reduce){.film__still{transition:none}}
/* Offer end on phones: the paragraph under the headline stays visible (hidden only on very short landscape screens). The picture above shrinks a little on shorter phones to make room. */
@media(max-width:1024px) and (min-height:541px){.sz__head .lede{display:block}}
/* "Build my free demo" links (round button, menu, hero) land where the offer film STARTS, so the visitor watches it play as they scroll (V6.19-V6.26 landed on the finished block, which skipped the film). */
.sz--on .sz__jump{top:0}
/* V6.27: no flash of the finished hero/offer copy on reload. Until the film script has switched the section into film mode (or the calm still), the finished copy stays invisible.
   Safety: if the script never starts (blocked, slow, data saver), the copy appears by itself after 3.5 s, exactly like the old fallback. Only with JavaScript on (.js). */
.js .filmhero:not(.film--on):not(.film--static) .film__final,
.js .sizzle:not(.sz--on):not(.sz--static) .sz__final{opacity:0;pointer-events:none;animation:ddm-reveal .01s linear 3.5s forwards}
@keyframes ddm-reveal{to{opacity:1;pointer-events:auto}}

/* V6.28: hero closing state fits any laptop / TV window height on desktop (nothing clipped), and no color flash along the bottom edge. Phones and tablets are untouched. */
@media(min-width:1025px){
  .film__stick{min-height:0}
  .film{background:#050505}
  .film__final>.wrap{grid-template-rows:minmax(0,1fr) auto;padding-top:clamp(4.7rem,13svh,6.2rem);padding-bottom:clamp(.7rem,2.2svh,1.6rem);row-gap:clamp(.4rem,1.4svh,1rem)}
  .film__final>.wrap>div:first-child{min-height:0}
  .film__ambient{filter:blur(64px) saturate(1.2) brightness(.55);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 90%);mask-image:linear-gradient(180deg,#000 55%,transparent 90%)}
  .film__stick::before{content:"";position:absolute;left:0;right:0;bottom:0;height:16%;z-index:3;pointer-events:none;background:linear-gradient(0deg,#050505 14%,rgba(5,5,5,0))}
  .film__bar{display:none}
}
@media(min-width:1025px) and (max-height:860px){
  .film__final h1{font-size:clamp(2rem,min(4.4vw,6.6svh),4.6rem);margin-bottom:.7rem}
  .film__final .lede{font-size:.98rem;line-height:1.5;margin-bottom:1rem}
  .film__final .hero__proof{margin-top:.9rem}
  .film__final .flow{padding:.8rem 1.2rem .9rem}
  .film__final .flow__top{padding-bottom:.6rem;margin-bottom:.55rem}
}
@media(min-width:1025px) and (max-height:760px){
  .film__final .hero__proof{display:none}
  .film__final .flow{padding:.65rem 1.2rem .75rem}
  .film__final .flow__top{padding-bottom:.45rem;margin-bottom:.45rem}
}
@media(min-width:1025px) and (max-height:640px){
  .film__final .lede{display:none}
  .film__final .eyebrow{display:none}
  .film__final h1{margin-bottom:.9rem}
}
@media(min-width:1025px) and (max-height:540px){
  .film__final .flow__top{display:none}
  .film__final .hero__cta{margin-top:0}
  .film__final .flow__row h3{font-size:.9rem}
}

/* V6.35: contact experience. Final block = short intro, then the form straight away with a two-way start choice; "Contact us" link in header, menu, footer and phone dock. */
.final__grid{grid-template-areas:"txt form" "more form";grid-template-rows:auto auto;align-content:center}
.final__txt{grid-area:txt;align-self:end}
.final__form{grid-area:form;align-self:center}
.final__more{grid-area:more;align-self:start}
.final__more .final__micro:first-child{margin-top:0!important}
.cstart{margin:0 0 1.4rem}
.cstart__k{margin:0 0 .6rem!important;max-width:none!important;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.cstart__row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.cstart__b{display:grid;align-content:start;gap:.25rem;min-height:72px;margin:0;padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--glass);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
.cstart__b b{font-size:1.02rem;font-weight:800;line-height:1.25}
.cstart__b span{font-size:.86rem;line-height:1.35;color:var(--mute)}
.cstart__b:hover{border-color:rgba(240,180,41,.6);background:var(--glass-2)}
.cstart__b:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cstart__b.is-on{border-color:var(--orange);background:rgba(246,147,29,.13);box-shadow:0 0 0 3px rgba(246,147,29,.2)}
.dock__alt{display:block;margin-top:.55rem;padding:.55rem .4rem;text-align:center;font-size:.92rem;font-weight:700;color:var(--mute);text-decoration:underline;text-underline-offset:4px}
.dock__alt:hover{color:var(--ink)}
@media(max-width:1024px){
  .final__grid{grid-template-areas:"txt" "form" "more";grid-template-rows:none;gap:1.4rem}
  .final__txt,.final__form,.final__more{align-self:auto}
  .final{padding:clamp(5.5rem,16vw,7rem) 0 clamp(4rem,10vw,6rem)}
  .final h2{margin-bottom:1rem}
  .final__txt p:not(.eyebrow){margin-bottom:0}
  .final__more{padding-top:.4rem}
}

/* V6.42 mobile/tablet: hero film card sits below the menu bar instead of under it, and is sized so the final headline and button always fit under it. Same box in every state, so nothing jumps or zooms. */
@media(max-width:1024px){
  .film{--fh:max(260px,min(52svh,calc(100svh - 30.6rem)))}
  .film__screen,.film__still,.film--on .is-final .film__screen,.film--static .film__screen{top:5.6rem;left:var(--gut);width:calc(100% - 2*var(--gut));height:var(--fh);border-radius:26px}
  .film__caps{inset:calc(5.6rem + var(--fh)) 0 0 0}
}
.plans--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.plans--3 .plan h2{font-size:clamp(1.35rem,1.9vw,1.75rem);margin-bottom:.9rem}
.plan--both{border-color:rgba(246,147,29,.3)}
.plan__tag--b{color:var(--gold)}
@media (max-width:1100px){.plans--3{grid-template-columns:1fr}}

/* V6.63 next-step chip (after the free demo) */
.nx{position:relative;display:inline-flex;align-items:center;gap:.8rem;margin-top:1.1rem;padding:.8rem 1.1rem .8rem 1rem;border-radius:999px;background:var(--glass);border:1px solid rgba(255,140,40,.45);box-shadow:0 0 28px rgba(255,120,30,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);text-decoration:none;overflow:hidden;isolation:isolate;max-width:100%;transition:transform .5s var(--ease),border-color .4s}
.nx::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,170,80,.22) 50%,transparent 70%);background-size:250% 100%;animation:nxSheen 4.5s linear infinite}
.nx:hover,.nx:focus-visible{transform:translateY(-2px);border-color:var(--orange)}
.nx:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.nx__dot{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,140,40,.6);animation:nxPulse 2.4s ease-out infinite}
.nx__t{display:flex;flex-direction:column;gap:.1rem;text-align:left;line-height:1.3}
.nx__t strong{font-weight:800;font-size:.98rem}
.nx__t span{color:var(--mute);font-size:.85rem}
.nx svg{flex:none;width:1.1rem;height:1.1rem;color:var(--gold);transition:transform .5s var(--ease)}
.nx:hover svg{transform:translateX(4px)}
@keyframes nxSheen{to{background-position:-250% 0}}
@keyframes nxPulse{70%{box-shadow:0 0 0 .7rem rgba(255,140,40,0)}100%{box-shadow:0 0 0 0 rgba(255,140,40,0)}}
@media(prefers-reduced-motion:reduce){.nx::before,.nx__dot{animation:none}.nx,.nx svg{transition:none}}
@media(max-width:640px){.nx{display:flex;width:100%;padding:.7rem .9rem}.nx__t span{font-size:.8rem}}

/* V6.74 plans link: header, dock, footer band */
.nav a.nav__plans:not(.btn){color:var(--gold);font-weight:700}
.nav a.nav__plans:not(.btn)::after{background:var(--gold)}
@media(max-width:1400px){
  .nav a.nav__plans:not(.btn){display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:56px;margin:.5rem 0 .2rem;padding:.8rem 1.1rem;font-size:1.1rem;color:var(--ink);border:1px solid rgba(240,180,41,.55);border-radius:var(--r-sm);background:linear-gradient(135deg,rgba(246,147,29,.22),rgba(240,180,41,.08));box-shadow:0 0 28px -12px rgba(246,147,29,.7)}
  .nav a.nav__plans:not(.btn)::after{display:block;position:static;content:"\2192";width:auto;height:auto;background:none;transform:none;color:var(--gold);font-size:1.3rem}
}
.dock__plans{margin-top:.55rem}
.btn--plans{border-color:rgba(240,180,41,.55);color:var(--gold)}
.ftr{position:relative;padding-top:3rem;background:radial-gradient(60% 50% at 50% 0,rgba(246,147,29,.10),transparent 70%),#030303}
.ftr__cta{display:flex;align-items:center;justify-content:space-between;gap:1.6rem 2.4rem;flex-wrap:wrap;padding:clamp(1.4rem,3vw,2.2rem);margin-bottom:3rem;border-color:rgba(240,180,41,.4);box-shadow:0 30px 80px -40px #000,0 0 60px -30px rgba(246,147,29,.6),inset 0 1px 0 rgba(255,255,255,.14)}
.ftr__cta-t{flex:1 1 22rem}
.ftr__k{margin:0 0 .4rem;font:800 .72rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.ftr__big{margin:0;max-width:none;font-family:"Instrument Serif",serif;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.15;color:var(--ink)}
.ftr p.ftr__sub{margin:.6rem 0 0;color:var(--mute);max-width:34rem}
.ftr__btns{display:flex;flex-wrap:wrap;gap:.8rem}
.ftr a.btn{display:inline-flex;padding:.85rem 1.6rem}
.ftr a.btn--primary{color:#120800}
.ftr a.btn--ghost{color:var(--ink)}
.ftr__facts{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.1rem 0 0;padding:0}
.ftr__facts li{padding:.3rem .75rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--glass);font-size:.82rem;font-weight:700;color:var(--mute)}
.ftr a.ftr__feat{display:inline-flex;align-items:center;gap:.5rem;margin:.1rem 0 .5rem;padding:.55rem .9rem;border:1px solid rgba(240,180,41,.5);border-radius:var(--r-sm);background:linear-gradient(135deg,rgba(246,147,29,.2),rgba(240,180,41,.06));color:var(--ink);font-weight:700}
.ftr a.ftr__feat::after{content:"\2192";color:var(--gold)}
.ftr__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 2rem}
.ftr__legal p{margin:0;max-width:44rem;color:var(--dim)}
.ftr__links{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem}
.ftr__links a{padding:.3rem 0}
@media(max-width:1180px){.ftr__brand{grid-column:1/-1}}
@media(max-width:640px){.ftr__btns{width:100%}.ftr__btns .btn{width:100%}}
.nav a,.nav .btn{white-space:nowrap}
@media(min-width:1401px){.nav{gap:clamp(.8rem,1.3vw,1.8rem)}.nav a:not(.btn){font-size:.92rem}.nav .btn{padding:.5rem 1.05rem;font-size:.9rem}}

/* V6.74 plans band after the demo film (phones and tablets, where the pinned stage cuts the link off) */
.plb{display:none}
@media(max-width:960px){
  .plb{display:block;padding:2.2rem 0 1rem}
  .plb__c{padding:clamp(1.4rem,5vw,2rem);text-align:center;border-color:rgba(240,180,41,.5);box-shadow:0 30px 80px -40px #000,0 0 60px -26px rgba(246,147,29,.7),inset 0 1px 0 rgba(255,255,255,.14)}
  .plb__k{margin:0 0 .5rem;font:800 .72rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
  .plb__h{margin:0;font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(1.8rem,7vw,2.4rem);line-height:1.15}
  .plb__p{margin:.8rem auto 1.3rem;max-width:30rem;color:var(--mute);line-height:1.6}
  .plb .btn{width:100%;max-width:26rem;min-height:60px;font-size:1.05rem}
  .sz__act .nx{display:none}
}