/* NX.motions, built on visual brand guidelines v2 (Xander, 29 Oct 2026) */
:root{
  --blue:#3857FF; --ink:#10131B; --ice:#F1F4FF; --peri:#B9C8FF; --white:#FFFFFF;
  --meta:#585A5F; --rule:rgba(16,19,27,.12); --ink2:#1B1F2B; --ink3:#262B3A;
  --ease:cubic-bezier(.22,1,.36,1);
  --serif:"Instrument Serif",Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--white);color:var(--ink);font:400 1.125rem/1.5 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block}
a{color:inherit}
.wrap{max-width:1248px;margin:0 auto;padding:0 24px}

/* Type scale: H1 64/40, H2 48/32, H3 32/24, body 18/16, caption 14, label 12 */
h1,h2,h3{margin:0;font-weight:400}
h1{font-size:4rem;line-height:1.08;letter-spacing:-.01em}
h2{font-size:3rem;line-height:1.15;letter-spacing:-.005em}
h3{font-size:1.5rem;line-height:1.2;font-weight:700}
em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.2em;line-height:1;letter-spacing:0}
p{margin:0}
.lead{font-size:1.25rem;max-width:720px;margin-top:24px}
.body{max-width:720px;margin-top:24px}
.label{font-size:.75rem;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
.note{font-size:.875rem;line-height:1.4;color:var(--meta);margin-top:16px}

/* Buttons: 48px, radius 8, Arial Bold 16 */
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:8px;background:var(--blue);color:var(--white);font-weight:700;font-size:1rem;text-decoration:none;border:2px solid var(--blue);transition:border-color 180ms var(--ease),background-color 180ms var(--ease)}
.btn:hover{border-color:var(--ink)}
.btn-2{background:var(--white);color:var(--blue)}
.btn-sm{min-height:48px;padding:0 20px}
a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:8px}
.ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}

/* Nav */
.nav{position:fixed;inset:16px 0 auto;z-index:10;pointer-events:none}
.nav-in{pointer-events:auto;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:32px;background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:8px 8px 8px 16px;width:calc(100% - 48px);transition:background-color 280ms var(--ease),border-color 280ms var(--ease),backdrop-filter 280ms var(--ease)}
.nav.scrolled .nav-in{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.6);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.125rem}
.brand img{width:48px;height:auto}
.word b{font-weight:700}
.links{display:flex;gap:24px;margin-left:auto;font-size:1rem}
.links a{text-decoration:none;padding:12px 0}
.links a:hover{color:var(--blue)}

/* Hero */
.hero{position:relative;padding:160px 0 64px;isolation:isolate}
.hero::before{display:none;content:"";position:absolute;inset:0;z-index:-1;opacity:.6;
  background:repeating-linear-gradient(0deg,transparent 0 63px,var(--rule) 63px 64px),repeating-linear-gradient(90deg,transparent 0 63px,var(--rule) 63px 64px);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%)}
.pill{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--ice);border:1px solid var(--peri);border-radius:8px;padding:8px 12px;margin-bottom:24px}
.reel{margin-top:64px}
.reel .note{text-align:center}

/* Placeholder clip (used in hero, work grid) */
.ph{position:relative;flex:0 0 auto;width:200px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:var(--ink)}
.ph::before{content:"";position:absolute;left:50%;top:22%;width:46%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:var(--ink3)}
.ph::after{content:"";position:absolute;left:50%;top:48%;width:92%;height:60%;border-radius:45% 45% 0 0;transform:translateX(-50%);background:var(--ink2)}
.ph .tag{position:absolute;z-index:2;top:12px;left:12px;font-size:.75rem;font-weight:700;color:var(--ink);background:var(--white);border-radius:6px;padding:4px 8px}
.ph .cap{position:absolute;z-index:2;left:10%;right:10%;bottom:20%;text-align:center;color:var(--white);font-weight:700;font-size:1.125rem;line-height:1.2}
.ph .cap b{color:var(--peri)}
.ph.big{width:240px}
button.ph{padding:0;border:0;cursor:pointer;font:inherit;text-align:left}
.ph video,.clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ph.has-video::before,.ph.has-video::after{display:none}
.ph .snd{position:absolute;z-index:2;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:rgba(16,19,27,.6)}
.ph .snd::before{content:"";position:absolute;left:9px;top:11px;width:5px;height:10px;background:var(--white);box-shadow:0 0 0 0 var(--white)}
.ph .snd::after{content:"";position:absolute;left:12px;top:7px;border-right:9px solid var(--white);border-top:9px solid transparent;border-bottom:9px solid transparent}
.ph.loud .snd{background:var(--blue)}
.ph:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.ph .bar{position:absolute;z-index:2;left:0;bottom:0;height:3px;background:var(--peri);width:0;animation:play 6s linear infinite}
@keyframes play{to{width:100%}}

/* Sections */
.sec{padding:128px 0}
.sec.ice{background:var(--ice)}
.sec.dark{background:var(--ink);color:var(--white)}
.sec.dark .label{color:var(--peri)}
.sec.dark em{color:var(--peri)}

/* What you get */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:64px}
.card{background:var(--ice);border-radius:12px;padding:24px}
.card h3{margin-top:24px}
.card p{margin-top:8px;max-width:48ch}
.demo{height:176px;border-radius:8px;background:var(--white);position:relative;overflow:hidden}
.demo-moments{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 24px}
.demo-moments span{height:10px;border-radius:4px;background:var(--ice);width:88%}
.demo-moments span:nth-child(2){width:72%}.demo-moments span:nth-child(4){width:80%}.demo-moments span:nth-child(5){width:56%}
.demo-moments .hit{height:14px;width:94%;background:linear-gradient(90deg,var(--blue) 0 0) no-repeat var(--ice);background-size:0 100%;animation:hit 4s var(--ease) infinite}
@keyframes hit{0%,15%{background-size:0 100%}45%,85%{background-size:100% 100%}100%{background-size:0 100%}}
.demo-edit{display:grid;place-items:center}
.mini-phone{width:84px;aspect-ratio:9/16;border-radius:10px;background:var(--ink);position:relative}
.mini-phone .cap{position:absolute;left:8px;right:8px;bottom:22%;text-align:center;font-size:.75rem;line-height:1.2;color:var(--white)}
.mini-phone .cap b{opacity:.25;animation:word 3.5s infinite}
.mini-phone .cap b:nth-child(2){animation-delay:.3s}.mini-phone .cap b:nth-child(3){animation-delay:.6s}.mini-phone .cap b:nth-child(4){animation-delay:.9s;color:var(--peri)}.mini-phone .cap b:nth-child(5){animation-delay:1.2s}.mini-phone .cap b:nth-child(6){animation-delay:1.5s}.mini-phone .cap b:nth-child(7){animation-delay:1.8s}
@keyframes word{0%,5%{opacity:.25}12%,80%{opacity:1}100%{opacity:.25}}
.demo-post{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 24px}
.demo-post div{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border:1px solid var(--rule);border-radius:8px;font-size:.875rem}
.demo-post span{font-weight:700;width:56px}
.demo-post i{font-style:normal;color:var(--meta)}
.demo-post u{margin-left:auto;width:20px;height:20px;border-radius:50%;border:2px solid var(--rule);position:relative;animation:sched 4.5s infinite}
.demo-post div:nth-child(2) u{animation-delay:.5s}.demo-post div:nth-child(3) u{animation-delay:1s}
@keyframes sched{0%,15%{background:transparent;border-color:var(--rule)}30%,85%{background:var(--blue);border-color:var(--blue)}100%{background:transparent;border-color:var(--rule)}}
.demo-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:center;padding:0 24px}
.demo-week span{aspect-ratio:1;border-radius:8px;border:1px solid var(--rule);display:grid;place-items:center;font-size:.75rem;font-weight:700;color:var(--meta);animation:day 7s infinite}
.demo-week span:nth-child(2){animation-delay:.4s}.demo-week span:nth-child(3){animation-delay:.8s}.demo-week span:nth-child(4){animation-delay:1.2s}.demo-week span:nth-child(5){animation-delay:1.6s}.demo-week span:nth-child(6){animation-delay:2s}.demo-week span:nth-child(7){animation-delay:2.4s}
@keyframes day{0%,10%{background:var(--white);color:var(--meta)}20%,80%{background:var(--ice);color:var(--blue);border-color:var(--peri)}100%{background:var(--white);color:var(--meta)}}

/* How it works (scroll story) */
.how-track{height:400vh;position:relative}
.how-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.how-grid{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center;width:100%;padding-top:64px}
.how-text h2{font-size:2.5rem}
.steps{list-style:none;margin:32px 0 0;padding:0}
.steps li{position:relative;padding:12px 0 12px 48px;border-top:1px solid var(--rule);color:var(--meta);transition:color 180ms var(--ease)}
.steps li::before{content:attr(data-n);position:absolute;left:0;top:14px;font-size:.75rem;font-weight:700;letter-spacing:.08em}
.steps h3{font-size:1.25rem}
.steps p{font-size:1rem;max-height:0;opacity:0;overflow:hidden;transition:max-height 280ms var(--ease),opacity 280ms var(--ease)}
.steps li.on{color:var(--ink)}
.steps li.on::before{color:var(--blue)}
.steps li.on p{max-height:96px;opacity:1;margin-top:4px}
.stage{position:relative;height:min(600px,68vh);background:var(--ice);border-radius:12px}
.video{position:absolute;left:24px;right:24px;top:24px;height:30%;border-radius:8px;background:var(--ink);overflow:hidden}
.video{background:var(--ink) url(assets/placeholders/episode.svg) center/cover no-repeat}
.video::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(16,19,27,.55),rgba(16,19,27,.1) 40%)}
.video-meta{position:absolute;left:12px;top:12px;z-index:2;font-size:.75rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:8px}
.video-meta .dur{color:var(--peri)}
.video-meta .dot{width:8px;height:8px;border-radius:50%;background:var(--peri)}
.play{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);transform:translate(-50%,-50%);z-index:2}
.play::after{content:"";position:absolute;left:19px;top:15px;border-left:14px solid var(--white);border-top:9px solid transparent;border-bottom:9px solid transparent}
.strip{position:absolute;left:24px;right:24px;top:calc(30% + 40px);height:40px;border-radius:6px;background:var(--white);border:1px solid var(--rule)}
.frames{position:absolute;inset:0;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 23px,var(--rule) 23px 24px)}
.seg{position:absolute;top:-1px;bottom:-1px;left:var(--l);width:var(--w);border-radius:6px;background:var(--blue);opacity:var(--o,0)}
.head{position:absolute;top:-8px;bottom:-8px;width:2px;background:var(--ink);left:0}
.clip{position:absolute;left:0;top:0;border-radius:10px;background:var(--ink);opacity:0;will-change:transform}
.clip .plat,.clip .when{z-index:2}
.clip video{opacity:var(--capo,0)}
.clip .cap{position:absolute;left:8%;right:8%;bottom:10%;text-align:center;color:var(--white);font-size:.75rem;line-height:1.2;font-weight:700;opacity:var(--capo,0)}
.clip .cap b{color:var(--peri)}
.clip .plat,.clip .when{position:absolute;left:8px;font-size:.75rem;font-weight:700;border-radius:6px;padding:3px 6px;opacity:var(--posto,0);transition:opacity 280ms var(--ease)}
.clip .plat{top:8px;background:var(--white);color:var(--ink)}
.clip .when{top:34px;color:var(--white);background:rgba(16,19,27,.75)}
.clip .res{position:absolute;left:-8px;right:-8px;top:calc(100% + 8px);font-size:.6875rem;line-height:1.2;font-weight:700;text-align:center;border-radius:6px;padding:5px 4px;background:var(--ink3);color:var(--white);opacity:var(--reso,0);transition:opacity 280ms var(--ease)}
.clip .res.ok{background:var(--peri);color:var(--ink)}
.next{position:absolute;left:24px;right:24px;bottom:16px;text-align:center;font-size:.875rem;font-weight:700;color:var(--blue);opacity:0;transition:opacity 280ms var(--ease)}
.next.on{opacity:1}

/* Plan */
.plan-grid{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:center}
.plan-grid .body{color:var(--white)}
.report{background:var(--ink2);border-radius:12px;padding:24px;font-size:1rem}
.report-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.report-top span{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--peri)}
.report table{width:100%;border-collapse:collapse}
.report th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--peri);text-align:left;padding:8px 8px 8px 0;font-weight:700}
.report td{padding:12px 8px 12px 0;border-top:1px solid rgba(255,255,255,.12)}
.report i{font-style:normal;font-size:.875rem;font-weight:700;border-radius:6px;padding:4px 8px;border:1px solid rgba(255,255,255,.28);color:var(--white)}
.report i.k{background:var(--peri);border-color:var(--peri);color:var(--ink)}
.report-next{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.report-next b{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--peri);margin-bottom:4px}

/* Who */
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}
.who article{border-top:2px solid var(--ink);padding-top:24px}
.who p{margin-top:8px}

/* Work */
.work{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:64px}
.work .ph{width:100%}

/* Offer */
.offer{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:end}
.offer .body{margin-top:0}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px}
.faq details{border-top:1px solid var(--rule)}
.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;font-weight:700;font-size:1.125rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 12px;height:12px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-4px);transition:transform 180ms var(--ease)}
.faq details[open] summary::after{transform:rotate(225deg) translateY(-2px)}
.faq details p{padding:0 0 24px;max-width:60ch}

/* Closing + footer */
.close{padding:128px 0;background:var(--ice)}
.foot{padding:48px 0;border-top:1px solid var(--rule)}
.foot-in{display:flex;gap:48px;align-items:flex-start;flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column;gap:8px;font-size:.875rem}
.foot-col a{text-decoration:none}
.foot-col a:hover{color:var(--blue)}
.foot-col.meta{color:var(--meta);margin-left:auto}

/* Reveal: opacity + 12px, 280ms */
.js .reveal{opacity:0;transform:translateY(12px);transition:opacity 280ms var(--ease),transform 280ms var(--ease)}
.js .reveal.in{opacity:1;transform:none}

/* ---------- Premium layer (30 Oct) ---------- */
/* Soft light in brand blues, drifting slowly (decorative, never touches the logo) */
.hero,.close,.state{position:relative;isolation:isolate;overflow:hidden}
.glow{position:absolute;inset:0;z-index:-1;pointer-events:none}
.glow i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:drift 22s ease-in-out infinite alternate}
.glow i:nth-child(1){width:46vw;height:46vw;left:-8vw;top:-12vw;background:#B9C8FF}
.glow i:nth-child(2){width:38vw;height:38vw;right:-6vw;top:4vw;background:#7FD3F5;opacity:.45;animation-duration:28s}
.glow i:nth-child(3){width:30vw;height:30vw;left:30vw;top:22vw;background:#C9D4FF;animation-duration:34s}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(4vw,3vw,0) scale(1.12)}}
.hero .glow i{opacity:.85}
.hero .glow i:nth-child(2){opacity:.6}
.glow-blue i:nth-child(1){background:#6F86FF;opacity:.7}
.glow-blue i:nth-child(2){background:#55C7F0;opacity:.5}
.glow-blue i:nth-child(3){background:#2A45E6;opacity:.6}

/* Arrow in buttons */
.arr{display:inline-block;width:14px;height:10px;margin-left:10px;position:relative;transition:transform 180ms var(--ease)}
.arr::before{content:"";position:absolute;left:0;top:4px;width:12px;height:2px;background:currentColor}
.arr::after{content:"";position:absolute;right:1px;top:1px;width:6px;height:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.btn:hover .arr{transform:translateX(4px)}

/* Hero clip row in a gentle 3D arc */

/* Platforms */
.platforms{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 32px;margin-top:48px;font-size:1rem}
.platforms span{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--meta)}
.platforms b{font-size:1.25rem}

/* Showreel: grows to full size as it scrolls in */
.show{padding:32px 0 128px}
.show-frame{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:var(--ice);transform:scale(var(--s,.88));transform-origin:50% 0;will-change:transform}
.show-frame video{width:100%;height:100%;object-fit:cover;display:block}
.show-tag{position:absolute;left:16px;top:16px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--white);color:var(--ink);border-radius:8px;padding:8px 12px}

/* Statement on a bright blue field, words light up while scrolling */
.state{background:var(--blue);color:var(--white);padding:160px 0}
.state-text{font-size:4rem;line-height:1.1;max-width:18ch;letter-spacing:-.01em}
.state-text .w{opacity:.28;transition:opacity 180ms var(--ease)}
.state-text .w.on{opacity:1}
.state-text em{color:var(--white)}

/* Trust */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}
.trust article{background:var(--ice);border-radius:12px;padding:32px 24px}
.trust svg{width:48px;height:48px;padding:12px;border-radius:12px;background:var(--white);fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.trust h3{margin-top:24px}
.trust p{margin-top:8px}

/* Closing: soft arch on top */
.close{border-radius:50% 50% 0 0 / 96px 96px 0 0;margin-top:-1px}

/* Sticky booking button (appears after the hero) */
.sticky-cta{position:fixed;left:50%;bottom:24px;z-index:9;transform:translate(-50%,24px);opacity:0;pointer-events:none;display:inline-flex;align-items:center;min-height:56px;padding:0 28px;border-radius:999px;background:var(--ink);color:var(--white);font-weight:700;font-size:1rem;text-decoration:none;transition:opacity 280ms var(--ease),transform 280ms var(--ease)}
.sticky-cta.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.sticky-cta:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

/* Footer wordmark */
.foot{overflow:hidden;padding-bottom:0}
.bigmark{display:inline-block;font-size:12vw;line-height:.8;letter-spacing:-.04em;color:var(--ink);white-space:nowrap;margin:64px 0 0;padding:0 24px;transform:translateY(12%)}
.bigmark b{font-weight:700}

@media (max-width:767px){
  .platforms{gap:8px 20px;margin-top:32px}
  .platforms span{width:100%;text-align:center}
  .platforms b{font-size:1rem}
  .show{padding:16px 0 96px}
  .show-frame{border-radius:16px}
  .state{padding:112px 0}
  .state-text{font-size:2.25rem}
  .trust{grid-template-columns:1fr;margin-top:48px}
  .close{border-radius:50% 50% 0 0 / 40px 40px 0 0}
  .sticky-cta{bottom:12px}
  .linkbar{min-height:56px;padding:6px 6px 6px 14px}
  .linkbar button{padding:0 16px;font-size:.9375rem}
  .linkbar input{font-size:1rem}
  .hero-form{gap:12px}
  .chips li{font-size:.75rem;padding:6px 10px}
  .logos{gap:20px 28px}
  .logos li{font-size:1rem}
  .logos svg{width:24px;height:24px}
  .faces-in{gap:24px}
  .faces li{width:96px}
  .reel-in{--cw:150px;--lift:96px}
  .car-nav .note{font-size:.75rem}
  .nav .btn-sm{white-space:nowrap;padding:0 16px}
  .nav .btn-sm .arr{display:none}
  .glow i{filter:blur(56px)}
}
@media (prefers-reduced-motion:reduce){
  html:not(.motion-on) .show-frame{transform:none}
  html:not(.motion-on) .state-text .w{opacity:1}
}

/* ---------- Carousel, U-curve, interactive grid, centred layout (30 Oct, round 2) ---------- */
.reel-in{position:relative;height:calc(var(--cw,200px) * 16 / 9 + var(--lift,170px) + 24px);overflow:hidden;perspective:1600px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.reel-in.drag{cursor:grabbing}
.reel-in .ph{position:absolute;left:0;top:var(--lift,170px);width:var(--cw,200px);will-change:transform;transform-origin:50% 100%}
.reel-in .ph video{pointer-events:none}
.car-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}
.car-nav .note{margin:0}
.car-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--rule);background:var(--white);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:border-color 180ms var(--ease)}
.car-btn:hover{border-color:var(--ink)}
.car-btn .arr{margin:0}
.arr-l{transform:scaleX(-1)}
.car-btn:hover .arr-l{transform:scaleX(-1) translateX(4px)}

.cells{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}

/* Centred layout */
.hero .wrap{text-align:center}
.pill{display:inline-block}
.lead,.body{margin-left:auto;margin-right:auto}
.ctas{justify-content:center}
#what .wrap,#trust .wrap,#who .wrap,#work .wrap,.close .wrap,.state .wrap{text-align:center}
.state-text{margin:0 auto}
.card,.trust article,.who article{text-align:center}
.card p,.trust p,.who p{margin-left:auto;margin-right:auto;max-width:44ch}
.trust svg{display:block;margin:0 auto}
.plan-grid{grid-template-columns:1fr;text-align:center;justify-items:center;gap:48px}
.report{width:100%;max-width:720px;text-align:left}
.offer{grid-template-columns:1fr;text-align:center;justify-items:center;gap:24px}
.faq-grid{grid-template-columns:1fr;text-align:center;gap:48px}
.faq{width:100%;max-width:760px;margin:0 auto;text-align:left}
.foot{text-align:center}
.foot-in{flex-direction:column;align-items:center;gap:24px}
.foot-col,.foot-col.meta{align-items:center;margin-left:0}

/* The work: pinned while you scroll, the clips bend from a straight row into a U */
.work-track{height:260vh;position:relative}
.work-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden;padding-top:72px}
.work-sticky .wrap{width:100%}
.work-sticky .work{margin-top:0;padding-top:var(--ulift,150px);max-width:960px;margin-left:auto;margin-right:auto}
.work-sticky .work .ph{transform-origin:50% 100%;will-change:transform}
.work-sticky h2{margin-bottom:0}
.work-sticky .body{margin-top:12px}
@media (max-width:767px){.work-track{height:240vh}.work-sticky .body{display:none}.work-sticky .work{--ulift:56px;row-gap:64px}}
@media (prefers-reduced-motion:reduce){
  html:not(.motion-on) .work-track{height:auto}
  html:not(.motion-on) .work-sticky{position:relative;height:auto;padding:96px 0}
}

/* Link bar (like opus.pro): paste a link, get three free clips */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero-form{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:40px}
.or{color:var(--meta);font-size:1rem}
.linkbar{display:flex;align-items:center;gap:8px;width:min(560px,100%);min-height:64px;padding:8px 8px 8px 20px;border-radius:999px;background:var(--white);border:1px solid var(--peri);box-shadow:0 0 0 6px rgba(185,200,255,.35);transition:border-color 180ms var(--ease),box-shadow 180ms var(--ease)}
.linkbar:focus-within{border-color:var(--blue);box-shadow:0 0 0 6px rgba(56,87,255,.18)}
.lb-ico{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:var(--meta);stroke-width:2;stroke-linecap:round}
.linkbar input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1rem;color:var(--ink);outline:none;padding:12px 4px}
.linkbar input::placeholder{color:var(--meta)}
.linkbar button{flex:0 0 auto;min-height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--blue);color:var(--white);font:700 1rem Arial,Helvetica,sans-serif;cursor:pointer;transition:background-color 180ms var(--ease)}
.linkbar button:hover{background:#2A45E6}
.linkbar.shake{animation:shake 280ms var(--ease)}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.linkbar-dark{background:rgba(16,19,27,.78);border-color:rgba(255,255,255,.14);box-shadow:0 12px 40px rgba(16,19,27,.25);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);width:100%}
.linkbar-dark input{color:var(--white)}
.linkbar-dark input::placeholder{color:rgba(255,255,255,.62)}
.linkbar-dark .lb-ico{stroke:rgba(255,255,255,.62)}
.linkbar-dark button{background:var(--white);color:var(--ink)}
.linkbar-dark button:hover{background:var(--ice)}
.sticky-cta{width:min(640px,calc(100% - 32px));padding:0;min-height:0;background:none;border-radius:999px;display:block}

/* What we do, as chips */
.chips{list-style:none;margin:32px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:820px}
.chips li{font-size:.875rem;font-weight:700;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--rule)}

/* Proof row (like opus.pro): faces that drift by, platform logos underneath */
.proof{margin-top:72px;text-align:center}
.proof-title{font-size:1.125rem;color:var(--meta)}
.faces{margin-top:32px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.faces-in{list-style:none;margin:0;padding:0;display:flex;gap:48px;width:max-content;animation:faces 40s linear infinite}
.faces:hover .faces-in{animation-play-state:paused}
@keyframes faces{to{transform:translateX(-50%)}}
.faces li{display:flex;flex-direction:column;align-items:center;gap:8px;width:120px}
.faces img{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--white),0 0 0 4px var(--peri)}
.faces b{font-size:1rem}
.faces span{font-size:.875rem;color:var(--meta)}
.logos{list-style:none;margin:40px 0 0;padding:0;display:flex;justify-content:center;align-items:center;gap:56px;flex-wrap:wrap}
.logos li{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.25rem;color:var(--ink);opacity:.8}
.logos svg{width:32px;height:32px;fill:currentColor}

/* Docking link bar (like opus.pro): hidden at the top, floats 16px above the bottom, lands in the closing card */
.dock{position:sticky;bottom:16px;z-index:9;width:min(640px,calc(100% - 32px));margin:0 auto;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 280ms var(--ease),transform 280ms var(--ease),visibility 0s 280ms}
.dock.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity 280ms var(--ease),transform 280ms var(--ease)}
.dock .linkbar{width:100%}
.close{padding:96px 0 120px}
.close-card{position:relative;max-width:1040px;margin:0 auto;padding:96px 24px 72px;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(185,200,255,.45));border:1px solid rgba(255,255,255,.8);box-shadow:0 30px 80px rgba(56,87,255,.12)}
.dock-spot{height:64px;max-width:640px;margin:40px auto 0}
.close-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:1rem}
.close-links a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.close-links a:hover{color:var(--blue)}
@media (max-width:767px){.close-card{padding:64px 16px 48px;border-radius:20px}.dock-spot{height:56px;margin-top:32px}.dock{bottom:12px}}

/* The bar lands, then its background unfolds into the closing card (like opus.pro) */
.close{z-index:10;pointer-events:none;background:none;border-radius:0;overflow:visible}
.close .glow{display:none}
.close-card{background:none;border:0;box-shadow:none}
.close-card a{pointer-events:auto}
.close-card h2,.close-card .body,.close-card .close-links{position:relative;z-index:10;color:var(--white);opacity:0;transform:translateY(-32px);transition:opacity 100ms ease-out,transform 100ms ease-out}
.close-card .close-links a{color:var(--white)}
.close.is-animated .close-card h2{opacity:1;transform:none;transition:opacity 280ms var(--ease) 350ms,transform 280ms var(--ease) 350ms}
.close.is-animated .close-card .body,.close.is-animated .close-card .close-links{opacity:1;transform:none;transition:opacity 280ms var(--ease) 450ms,transform 280ms var(--ease) 450ms}
.close-card em{color:var(--white)}
.dock-bg{position:absolute;inset:0;z-index:-1;border-radius:999px;overflow:hidden;background:rgba(16,19,27,.78);box-shadow:0 12px 40px rgba(16,19,27,.25);
  transition:top 250ms ease-out,bottom 250ms ease-out,left 250ms ease-out,right 250ms ease-out,border-radius 250ms ease-out,background-color 250ms ease-out}
.dock-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,87,255,.86),rgba(40,127,255,.72) 55%,rgba(85,199,240,.7));opacity:0;transition:opacity 250ms ease-out}
.dock-bg video{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(22px) saturate(1.2);visibility:hidden}
.dock.is-animated .dock-bg{top:var(--bt,-260px);bottom:var(--bb,-120px);left:var(--bx,-200px);right:var(--bx,-200px);border-radius:28px;background-color:var(--blue);
  transition:top 250ms ease-out 300ms,bottom 250ms ease-out 300ms,left 250ms ease-out 300ms,right 250ms ease-out 300ms,border-radius 250ms ease-out 300ms,background-color 250ms ease-out 300ms}
.dock.is-animated .dock-bg::after{opacity:1;transition:opacity 250ms ease-out 300ms}
.dock.is-animated .dock-bg video{visibility:visible;transition:visibility 0s 500ms}
.dock .linkbar-dark{background:transparent;box-shadow:none;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color 100ms ease-out,border-color 100ms ease-out}
.dock.is-animated .linkbar-dark{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color 100ms ease-out 150ms,border-color 100ms ease-out 150ms}
.dock.is-animated .linkbar-dark input::placeholder{color:rgba(255,255,255,.8)}
@media (max-width:767px){.close-card h2,.close-card .body,.close-card .close-links{transform:translateY(-16px)}}

/* Pill for visitors whose computer asks for less motion: lets them switch the animations on */
.motion-pill{position:fixed;left:16px;bottom:16px;z-index:11;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:999px;background:var(--white);border:1px solid var(--rule);box-shadow:0 8px 24px rgba(16,19,27,.12);font-size:.875rem}
.motion-pill button{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--blue);color:var(--white);font:700 .875rem Arial,Helvetica,sans-serif;cursor:pointer}

/* Mobile: below 768px */
@media (max-width:767px){
  body{font-size:1rem}
  .wrap{padding:0 24px}
  h1{font-size:2.5rem}
  h2{font-size:2rem}
  h3{font-size:1.25rem}
  .lead{font-size:1.125rem}
  .links{display:none}
  .nav{inset:8px 0 auto}
  .nav-in{width:calc(100% - 32px);gap:12px;justify-content:space-between;padding-left:12px}
  .brand img{width:48px}
  .hero{padding:120px 0 48px}
  .sec,.close{padding:96px 0}
  .cards,.who,.plan-grid,.offer,.faq-grid{grid-template-columns:1fr;gap:24px}
  .cards,.who{margin-top:48px}
  .plan-grid,.offer,.faq-grid{gap:48px}
  .work{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;row-gap:28px}
  .work .ph .tag{font-size:.625rem;padding:3px 6px;top:8px;left:8px}
  .work .ph .snd{width:26px;height:26px;right:6px;bottom:6px}
  .how-grid{grid-template-columns:1fr;gap:16px;padding-top:72px}
  .how-text h2{font-size:1.75rem}
  .how-text .label{margin-bottom:8px}
  .steps{margin-top:12px}
  .steps li{padding:8px 0 8px 40px}
  .steps li::before{top:10px}
  .steps h3{font-size:1rem}
  .steps li:not(.on){display:none}
  .stage{height:min(480px,56svh)}
  .video{left:16px;right:16px;top:16px;height:26%}
  .clip .when{display:none}
  .clip .res{font-size:.625rem;padding:4px 2px;left:0;right:0}
  .next{font-size:.75rem;bottom:12px}
  .strip{left:16px;right:16px;top:calc(26% + 28px);height:32px}
  .foot-col.meta{margin-left:0}
  .report{padding:16px}
  .report i{padding:3px 6px;font-size:.75rem}
  .report th{letter-spacing:.04em;padding-right:4px}
  .report td{padding-right:4px;font-size:.875rem}
}

@media (prefers-reduced-motion:reduce){
  html:not(.motion-on){scroll-behavior:auto}
  html:not(.motion-on) .close-card h2,html:not(.motion-on) .close-card .body,html:not(.motion-on) .close-card .close-links{opacity:1;transform:none}
  html:not(.motion-on) *,html:not(.motion-on) *::before,html:not(.motion-on) *::after{animation:none!important;transition-duration:1ms!important}
  html.js:not(.motion-on) .reveal{transform:none}
  html:not(.motion-on) .how-track{height:auto}
  html:not(.motion-on) .how-sticky{position:relative;height:auto;padding:128px 0}
  html:not(.motion-on) .steps li p{max-height:none;opacity:1}
  html:not(.motion-on) .steps li{color:var(--ink)}
  html:not(.motion-on) .steps li:not(.on){display:block}
}

/* NX.motions — v5. Existing brand tokens and source assets are retained. */
body{overflow-x:clip}
button{ -webkit-tap-highlight-color:transparent }
button:focus-visible,.trust article:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
.hero{padding:0 0 64px;overflow:hidden}
.hero-stage{position:relative;min-height:1060px;height:1060px;display:grid;place-items:center;isolation:isolate}
.hero-stage>.glow,.hero-stage>.cells{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero-copy{position:relative;z-index:4;max-width:670px;padding:0 24px;pointer-events:none}
.hero-copy a,.hero-copy form,.hero-copy input,.hero-copy button{pointer-events:auto}
.hero-copy .pill{font-size:10px;letter-spacing:.055em;margin-bottom:22px}
.hero-copy h1{font-size:48px;line-height:1.08;letter-spacing:-.035em}
.hero-copy .lead{font-size:17px;line-height:1.6;max-width:490px;margin-top:24px}
.hero-copy .hero-form{gap:12px;margin-top:28px}
.hero-copy .linkbar{min-height:56px;width:440px;padding:5px 5px 5px 16px;box-shadow:0 0 0 4px #b9c8ff35}
.hero-copy .linkbar button{min-height:44px;padding:0 18px;font-size:14px}
.hero-copy .linkbar input{font-size:14px}
.hero-copy .or{display:none}
.hero-copy .hero-form>.btn{min-height:38px;background:transparent;border:0;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.hero-copy .chips{max-width:440px;gap:5px;margin-top:20px}
.hero-copy .chips li{font-size:11px;padding:5px 9px;background:#ffffff80}
.hero-stage .reel{position:absolute;inset:0;margin:0;z-index:2;pointer-events:none}
.hero-stage .reel-in{position:absolute;inset:0;height:100%;overflow:visible;perspective:none;pointer-events:auto;touch-action:pan-y}
.hero-stage .reel-in .ph{left:0;top:0;border-radius:15px;transform-origin:center;box-shadow:0 14px 28px #10131b20;outline:3px solid #ffffff;outline-offset:0;aspect-ratio:9/16}
.hero-stage .reel-in .ph:hover{box-shadow:0 20px 40px #3857ff35}
.hero-stage .reel-in .tag{left:6px;top:6px;font-size:8px;padding:3px 5px;border-radius:4px}
.hero-stage .reel-in .snd{transform:scale(.65);transform-origin:bottom right;bottom:5px;right:5px}
.hero-stage .car-nav{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);z-index:40;width:min(420px,90%);pointer-events:auto;gap:16px}
.hero-stage .car-nav .note{font-size:12px;margin:0}
.hero-stage .car-btn{width:36px;height:36px;min-width:36px}
.hero-stage .reel>.note{position:absolute;bottom:-26px;width:100%;max-width:none;font-size:11px;pointer-events:none}
.hero .proof{margin-top:90px}
.proof-title{font-size:14px;text-transform:uppercase;letter-spacing:.09em}
.faces{margin-top:28px}
.faces-in{gap:36px;animation-duration:48s}
.faces li{width:136px}
.faces img{width:52px;height:52px}
.faces b{font-size:13px}.faces span{font-size:12px}
.format-marquee{margin-top:30px;overflow:hidden;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.format-marquee>ul{display:flex;width:max-content;list-style:none;padding:0;margin:0;animation:format-drift 38s linear infinite}
.format-group{flex:none}.format-group>ul{list-style:none;display:flex;gap:48px;margin:0;padding:20px 24px}
.format-group>ul>li{white-space:nowrap;display:flex;gap:28px;align-items:center;font-family:var(--serif);font-style:italic;font-size:28px}
.format-group span{font:18px Arial;color:var(--blue)}
@keyframes format-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.format-marquee:hover>ul{animation-play-state:paused}
.logos{margin-top:32px}.logos li{font-size:15px}.logos svg{width:24px;height:24px}

/* A working edit desk: wide source, vertical outcome, selectable creative treatments. */
.show{padding:100px 0 120px}
.show-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}
.show-heading h2{font-size:48px;letter-spacing:-.025em}
.show-play{display:flex;align-items:center;gap:16px;cursor:pointer;padding:12px 0;background:none;border:0;border-bottom:1px solid var(--rule);font:14px Arial;color:var(--ink)}
.play-glyph{display:grid;place-items:center;width:40px;height:40px;background:var(--ice);color:var(--blue);border-radius:50%;font-size:12px}
.show-play:hover .play-glyph{background:var(--blue);color:white}
.edit-desk{position:relative;border-radius:20px;background:#10131b;color:white;padding:24px;min-height:680px;overflow:hidden;box-shadow:0 25px 70px #10131b12}
.desk-top{display:flex;align-items:center;justify-content:space-between;font:10px Arial;letter-spacing:.13em;color:#b9c8ff;position:relative;z-index:2}
.desk-top>span:first-child{display:flex;align-items:center;gap:8px}.desk-top i{width:5px;height:5px;background:#55c7f0;border-radius:50%}
.desk-screen{position:absolute;left:24px;top:65px;width:57%;height:360px;border-radius:10px;overflow:hidden;background:#262b3a}
.desk-screen video{width:100%;height:100%;object-fit:cover;opacity:.65}
.desk-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10131b90,transparent 60%)}
.source-label{position:absolute;top:16px;left:16px;font-size:10px;letter-spacing:.12em;z-index:1}
.desk-caption{position:absolute;left:6%;bottom:145px;width:48%;z-index:2;pointer-events:none}
.desk-caption .label{font-size:10px;color:var(--peri)}
.desk-caption h3{font-size:42px;line-height:1.03;letter-spacing:-.025em;font-weight:400;margin:12px 0 16px}
.desk-caption p{font-size:14px;max-width:345px;color:#c6c8d1;line-height:1.5}
.desk-phone{position:absolute;top:74px;right:12%;width:220px;aspect-ratio:9/16;border:5px solid #33394e;border-radius:28px;overflow:hidden;box-shadow:0 24px 55px #0008;transform:rotate(4deg)}
.desk-phone video{width:100%;height:100%;object-fit:cover}
.desk-phone>span{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.12em;color:white;text-shadow:0 1px 10px black}
.edit-selector{display:flex;position:absolute;bottom:74px;left:24px;right:24px;gap:8px}
.edit-selector button{cursor:pointer;flex:1;display:flex;gap:16px;align-items:center;color:#b7bccd;background:#1b1f2b;border:1px solid #ffffff1c;border-radius:8px;padding:17px 20px;font:14px Arial;text-align:left;transition:background .3s,color .3s}
.edit-selector button span{font-size:10px;color:#7d88a8}
.edit-selector button[aria-pressed=true]{background:var(--ice);color:var(--ink)}
.edit-selector button[aria-pressed=true] span{color:var(--blue)}
.desk-timeline{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;gap:16px;color:#818aa3;font-size:9px}
.desk-timeline>div{height:15px;display:flex;gap:4px;flex:1;position:relative}
.desk-timeline i{background:#b9c8ff44;flex:1;border-radius:2px}.desk-timeline i:nth-child(3n){background:#3857ff;flex:2}
.desk-timeline>div:after{content:"";position:absolute;top:-4px;bottom:-4px;left:40%;width:1px;background:#fff;animation:desk-scan 12s linear infinite}
@keyframes desk-scan{from{left:0}to{left:100%}}
.show>.wrap>.note{text-align:right;font-size:11px}
.reel-dialog{width:min(1100px,94vw);padding:54px 12px 12px;border:1px solid #ffffff33;border-radius:16px;background:var(--ink);color:white;overflow:hidden}
.reel-dialog::backdrop{background:#10131bdd;backdrop-filter:blur(12px)}
.reel-dialog video{width:100%;max-height:78vh;display:block;background:black}
.reel-dialog>button{position:absolute;right:16px;top:14px;background:none;color:white;border:0;cursor:pointer;font:14px Arial;padding:4px}

/* Same cursor cells, deliberately only in two additional sections. */
.grid-section{position:relative;isolation:isolate;overflow:hidden}
.grid-section>.cells{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.grid-section .trust article{background:#f1f4ffcc}
.icon-window{display:block;width:56px;height:56px;overflow:hidden;margin:auto;background:white;border-radius:12px}
.icon-roll{display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.trust .icon-roll svg{display:block;flex:none;width:56px;height:56px;border-radius:0;padding:15px;background:transparent;margin:0}
.trust .icon-roll svg+svg{background:var(--blue);stroke:white}
.trust article:hover .icon-roll,.trust article:focus-visible .icon-roll{transform:translateY(-56px)}

/* Channel selector: a source window turns into a vertical output. */
#who{padding-top:80px;padding-bottom:140px}
.channel-studio{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;margin-top:70px;align-items:center;text-align:left}
.channel-choices{display:flex;flex-direction:column;border-bottom:1px solid var(--rule)}
.channel-choice{border:0;border-top:1px solid var(--rule);background:transparent;color:var(--ink);padding:28px 8px;display:flex;align-items:start;gap:20px;text-align:left;font:inherit;cursor:pointer}
.channel-index{padding-top:9px;font-size:10px;color:var(--meta)}
.channel-choice strong{font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:400;display:block;transition:color .25s}
.channel-choice small{display:block;max-width:290px;font-size:14px;color:var(--meta);line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s,margin .35s}
.channel-choice[aria-pressed=true] small{max-height:70px;opacity:1;margin-top:14px}
.channel-choice[aria-pressed=true] strong{color:var(--blue)}
.channel-arrow{margin-left:auto;font-size:24px;transition:transform .35s,color .35s}
.channel-choice[aria-pressed=true] .channel-arrow{transform:rotate(45deg);color:var(--blue)}
.channel-preview{position:relative;margin-right:52px;border:1px solid #dce3ff;border-radius:14px;background:var(--ice);padding:0 14px 18px;min-height:380px;box-shadow:0 30px 70px #3857ff12}
.channel-browser{height:44px;display:flex;align-items:center;gap:5px;padding:0 4px}
.channel-browser>span{width:5px;height:5px;background:#b9c8ff;border-radius:50%}
.channel-browser b{margin-left:auto;color:#6c789e;font:8px Arial;letter-spacing:.08em}
.channel-source{height:270px;border-radius:8px;overflow:hidden;position:relative;background:var(--ink)}
.channel-source img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);opacity:.85}
.channel-source-label{position:absolute;bottom:14px;left:14px;background:#10131b8c;padding:5px 8px;color:white;font-size:9px;letter-spacing:.08em;border-radius:4px}
.channel-result{position:absolute;right:-52px;top:96px;width:142px;aspect-ratio:9/16;transform:rotate(5deg);border:4px solid white;border-radius:18px;overflow:hidden;background:var(--ink);box-shadow:0 20px 45px #10131b35}
.channel-result video{width:100%;height:100%;object-fit:cover}
.channel-result>span{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:white;font-size:7px;letter-spacing:.03em;text-shadow:0 1px 8px black}
.channel-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;padding:18px 5px 0;color:#6c789e}
.channel-bottom>span:first-child{max-width:210px}.channel-bottom>span:last-child{font-size:9px;white-space:nowrap}

/* Seven upright clips. Scroll moves only Y; centre is almost anchored. */
.work-track{height:205vh}
.work-sticky{padding-top:80px}
.work-sticky .wrap{max-width:1500px;padding:0 28px}
.work-sticky .work{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;max-width:1340px;margin:40px auto 0;padding:0 0 118px}
.work-sticky .work .ph{width:100%;border-radius:14px;transform:none;transition:transform 650ms cubic-bezier(.22,1,.36,1);box-shadow:0 12px 26px #10131b12}
.work-sticky .work .tag{font-size:9px;left:8px;top:8px;padding:4px 6px}
.work-sticky .work .snd{transform:scale(.8);transform-origin:bottom right}
.work-sticky .note{margin:0;font-size:11px}

@media(min-width:1500px){.hero-stage{height:1100px;min-height:1100px}.hero-copy h1{font-size:52px}}
@media(max-width:1000px) and (min-width:768px){.hero-copy{max-width:540px}.hero-copy h1{font-size:40px}.hero-copy .lead{max-width:400px;font-size:15px}.hero-copy .chips{max-width:380px}.desk-phone{right:7%;width:200px}.desk-caption h3{font-size:36px}.channel-studio{gap:35px}.channel-choice strong{font-size:23px}.work-sticky .work{gap:10px}}
@media(max-width:767px){
  .nav-in>.btn{font-size:11px;padding:0 12px;min-height:40px}.nav-in>.btn .arr{display:none}.brand{gap:8px;font-size:15px}.brand img{width:32px}.nav-in{padding:7px 7px 7px 12px}
  .hero-stage{height:1100px;min-height:1100px}
  .hero-copy{width:100%;max-width:340px;padding:0 32px}
  .hero-copy .pill{font-size:8px;line-height:1.5;letter-spacing:.02em;padding:5px 8px;margin-bottom:18px;max-width:215px}
  .hero-copy h1{font-size:32px;line-height:1.12;letter-spacing:-.035em}
  .hero-copy h1 br{display:none}
  .hero-copy .lead{font-size:13px;line-height:1.6;margin-top:18px;max-width:238px}
  .hero-copy .hero-form{margin-top:22px;gap:10px}
  .hero-copy .linkbar{width:250px;min-height:48px;padding:4px 4px 4px 10px;gap:2px}
  .hero-copy .lb-ico{display:none}.hero-copy .linkbar input{font-size:11px;padding:8px 3px}
  .hero-copy .linkbar button{font-size:10px;padding:0 10px;min-height:36px}
  .hero-copy .hero-form>.btn{font-size:12px;min-height:30px;padding:0 5px}
  .hero-copy .chips{gap:4px;margin-top:16px;max-width:240px}
  .hero-copy .chips li{font-size:9px;padding:4px 6px}
  .hero-stage .reel-in .ph{border-radius:10px;outline-width:2px}.hero-stage .reel-in .tag{font-size:6px;padding:2px 3px}.hero-stage .reel-in .snd{transform:scale(.45)}
  .hero-stage .reel>.note{font-size:9px;bottom:-30px;padding:0 20px}
  .hero-stage .car-nav{bottom:0;width:300px}.hero-stage .car-nav .note{font-size:10px}
  .hero .proof{margin-top:85px}.proof-title{font-size:10px}.faces-in{gap:20px}.faces li{width:114px}.faces img{width:44px;height:44px}
  .format-group>ul{gap:26px;padding:16px 13px}.format-group>ul>li{font-size:23px;gap:20px}
  .logos{gap:18px}.logos li{font-size:10px;gap:6px}.logos svg{width:20px;height:20px}
  .show{padding:60px 0 80px}.show-heading{display:block;margin-bottom:28px}.show-heading h2{font-size:36px}.show-play{margin-top:24px}
  .edit-desk{padding:16px;min-height:740px;border-radius:14px}.desk-screen{left:16px;right:16px;top:58px;width:auto;height:220px}
  .desk-phone{top:172px;right:28px;width:132px;border-width:3px;border-radius:18px;transform:rotate(5deg)}
  .desk-caption{left:22px;bottom:168px;max-width:calc(100% - 44px);width:auto}.desk-caption h3{font-size:32px}.desk-caption .label{font-size:8px}.desk-caption p{font-size:12px;max-width:250px}
  .edit-selector{left:16px;right:16px;bottom:80px;gap:4px}.edit-selector button{padding:14px 8px;font-size:10px;gap:6px}.edit-selector button span{font-size:8px}
  .desk-timeline{left:16px;right:16px;gap:8px}.show>.wrap>.note{font-size:9px}
  .channel-studio{grid-template-columns:1fr;gap:36px;margin-top:40px}.channel-choice{padding:22px 4px;gap:14px}.channel-choice strong{font-size:24px}.channel-choice small{font-size:13px}.channel-preview{min-height:325px;margin-right:24px;padding:0 10px 12px}.channel-source{height:220px}.channel-result{width:115px;right:-25px;top:100px;border-width:3px;border-radius:14px}.channel-bottom{font-size:9px}.channel-bottom>span:first-child{max-width:150px}
  #who{padding-top:45px;padding-bottom:90px}
  .work-track{height:185vh}.work-sticky{padding-top:70px}.work-sticky .wrap{padding:0 12px}.work-sticky h2{font-size:30px;max-width:310px;margin:auto}.work-sticky .body{display:block;font-size:12px;max-width:310px;margin:16px auto 0}
  .work-sticky .work{grid-template-columns:repeat(7,minmax(0,1fr));width:740px;max-width:none;position:relative;left:50%;margin:44px 0 0 -370px;gap:10px;padding:0 0 125px}
  .work-pan{overflow-x:auto;overflow-y:hidden;width:calc(100% + 24px);margin-left:-12px;scrollbar-width:none;overscroll-behavior-x:contain}
  .work-pan::-webkit-scrollbar{display:none}
  .work-sticky .work-pan .work{left:0;margin:44px 0 0;padding-left:12px;padding-right:12px;width:764px}
  .work-sticky .work .tag{font-size:7px;left:5px;top:5px;padding:3px}.work-sticky .work .snd{transform:scale(.6)}.work-sticky .work .ph{border-radius:10px}
  .work-sticky .note{max-width:300px;margin:auto;font-size:9px}
  .motion-pill{max-width:calc(100% - 32px);font-size:10px;bottom:86px;gap:8px}.motion-pill button{font-size:10px}
}
@media(max-width:360px){.hero-copy{padding:0 44px}.hero-copy h1{font-size:29px}.hero-copy .lead{font-size:12px}.hero-copy .linkbar{width:220px}.hero-copy .chips li{font-size:8px}.dock-time{display:none}.channel-choice strong{font-size:21px}.call-agenda{gap:7px}}
@media(prefers-reduced-motion:reduce){
  html:not(.motion-on) .work-track{height:auto}html:not(.motion-on) .work-sticky{height:auto;padding:90px 0 45px}
  html:not(.motion-on) .format-marquee>ul{transform:translateX(-25%)}
}
/* v6: motion refinements on the existing NX.motions concept. */
.intro-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.13em .025em;margin:-.13em -.025em}
.intro-word{display:inline-block;animation:headline-entry 1100ms cubic-bezier(.16,1,.3,1) var(--word-delay,660ms) both}
@keyframes headline-entry{from{transform:translateY(115%) rotate(3deg);filter:blur(5px);opacity:0}to{transform:none;filter:blur(0);opacity:1}}
.hero-copy>.pill{animation:copy-entry 1s var(--ease) 450ms both}
.hero-copy>.lead{animation:copy-entry 1s var(--ease) 1120ms both}
.hero-copy>.hero-form{animation:copy-entry 1s var(--ease) 1350ms both}
.hero-copy>.chips{animation:copy-entry 1s var(--ease) 1500ms both}
@keyframes copy-entry{from{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

.faces-in,.faces:hover .faces-in,.format-marquee>ul,.format-marquee:hover>ul{animation:none;will-change:transform}
.kinetic-marquee{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.kinetic-marquee.is-dragging{cursor:grabbing}
.faces li,.format-group>ul>li{transition:transform 380ms var(--ease);transform-origin:center}
.faces{padding:14px 0;margin-top:14px}
.faces li:hover{transform:scale(1.075)}
.format-group>ul>li:hover{transform:scale(1.065)}
.format-group>ul>li svg{width:22px;height:22px;fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.format-group>ul{padding-top:25px;padding-bottom:25px}

.text-halo{position:relative;isolation:isolate}
.text-halo:before{content:"";position:absolute;z-index:-1;inset:-20px;pointer-events:none;background:radial-gradient(70px circle at calc(var(--halo-x,-200px) + 20px) calc(var(--halo-y,-200px) + 20px),#55c7f03b,#3857ff1c 40%,transparent 72%);opacity:0;filter:blur(9px);transition:opacity 250ms}
.text-halo:hover:before{opacity:1}
.state-text em{color:#dcf8ff;text-shadow:0 0 14px #55c7f050,0 0 35px #b9c8ff40}
@supports(background-clip:text){.state-text em{background:linear-gradient(110deg,#fff 0%,#e2eeff 38%,#bfefff 72%,#fff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
.state-text em .w{opacity:.7}.state-text em .w.on{opacity:1}
#faq h2 em{color:var(--blue)}

.desk-phone,.channel-result{transform:perspective(900px) translate3d(var(--phone-x,0px),var(--phone-y,0px),0) rotateX(var(--phone-rx,0deg)) rotateY(var(--phone-ry,0deg)) rotate(var(--phone-base,4deg)) scale(var(--phone-scale,1));transition:transform 600ms cubic-bezier(.22,1,.36,1);will-change:transform}
.channel-result{--phone-base:5deg}
.channel-choices{position:relative;background:var(--white)}

/* Normal page flow: no scroll pin. Only the individual screens trail the scroll slightly. */
.work-track{height:auto;position:relative}
.work-sticky{position:relative;top:auto;height:auto;min-height:0;display:block;padding:110px 0 85px;overflow:hidden}
.work-sticky>.wrap{max-width:none;padding:0;text-align:center}
.work-sticky h2,.work-sticky>.wrap>.label,.work-sticky .body{padding-left:24px;padding-right:24px}
.work-sticky .work-pan{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);margin:0}
.work-sticky .work{position:relative;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:max(1460px,112%);max-width:1720px;padding:80px 0 105px;margin:0;gap:20px}
.work-sticky .work .ph{border-radius:18px;transition:transform 700ms cubic-bezier(.22,1,.36,1)}
.work-sticky .work .tag{font-size:10px}
.work-sticky .note{margin:0 auto;max-width:600px;padding:0 24px}
@media(max-width:767px){
 .work-track{height:auto}.work-sticky{padding:85px 0 60px}.work-sticky h2{font-size:32px;max-width:360px}
 .work-sticky .body{font-size:13px;max-width:350px}
 .work-sticky .work-pan{overflow-x:auto;overflow-y:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
 .work-sticky .work-pan .work{left:0;transform:none;width:930px;max-width:none;padding:64px 12px 85px;margin:0;gap:14px}
 .work-sticky .work .ph{border-radius:14px}.work-sticky .work .tag{font-size:8px}
 .format-group>ul>li svg{width:19px;height:19px}
}
@media(prefers-reduced-motion:reduce){
 html:not(.motion-on) .intro-word,html:not(.motion-on) .hero-copy>.pill,html:not(.motion-on) .hero-copy>.lead,html:not(.motion-on) .hero-copy>.hero-form,html:not(.motion-on) .hero-copy>.chips{opacity:1;transform:none;filter:none}
 html:not(.motion-on) .desk-phone,html:not(.motion-on) .channel-result{transform:rotate(var(--phone-base,4deg))}
 html:not(.motion-on) .work-track{height:auto}html:not(.motion-on) .work-sticky{height:auto;padding:85px 0 60px}
 html:not(.motion-on) .faces li:hover,html:not(.motion-on) .format-group>ul>li:hover{transform:none}
}

/* Restored original v4 docking and expansion */
/* Docking link bar (like opus.pro): hidden at the top, floats 16px above the bottom, lands in the closing card */
.dock{position:sticky;bottom:16px;z-index:9;width:min(640px,calc(100% - 32px));margin:0 auto;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 280ms var(--ease),transform 280ms var(--ease),visibility 0s 280ms}
.dock.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity 280ms var(--ease),transform 280ms var(--ease)}
.dock .linkbar{width:100%}
.close{padding:96px 0 120px}
.close-card{position:relative;max-width:1040px;margin:0 auto;padding:96px 24px 72px;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(185,200,255,.45));border:1px solid rgba(255,255,255,.8);box-shadow:0 30px 80px rgba(56,87,255,.12)}
.dock-spot{height:64px;max-width:640px;margin:40px auto 0}
.close-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:1rem}
.close-links a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.close-links a:hover{color:var(--blue)}
@media (max-width:767px){.close-card{padding:64px 16px 48px;border-radius:20px}.dock-spot{height:56px;margin-top:32px}.dock{bottom:12px}}

/* The bar lands, then its background unfolds into the closing card (like opus.pro) */
.close{z-index:10;pointer-events:none;background:none;border-radius:0;overflow:visible}
.close .glow{display:none}
.close-card{background:none;border:0;box-shadow:none}
.close-card a{pointer-events:auto}
.close-card h2,.close-card .body,.close-card .close-links{position:relative;z-index:10;color:var(--white);opacity:0;transform:translateY(-32px);transition:opacity 100ms ease-out,transform 100ms ease-out}
.close-card .close-links a{color:var(--white)}
.close.is-animated .close-card h2{opacity:1;transform:none;transition:opacity 280ms var(--ease) 350ms,transform 280ms var(--ease) 350ms}
.close.is-animated .close-card .body,.close.is-animated .close-card .close-links{opacity:1;transform:none;transition:opacity 280ms var(--ease) 450ms,transform 280ms var(--ease) 450ms}
.close-card em{color:var(--white)}
.dock-bg{position:absolute;inset:0;z-index:-1;border-radius:999px;overflow:hidden;background:rgba(16,19,27,.78);box-shadow:0 12px 40px rgba(16,19,27,.25);
  transition:top 250ms ease-out,bottom 250ms ease-out,left 250ms ease-out,right 250ms ease-out,border-radius 250ms ease-out,background-color 250ms ease-out}
.dock-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,87,255,.86),rgba(40,127,255,.72) 55%,rgba(85,199,240,.7));opacity:0;transition:opacity 250ms ease-out}
.dock-bg video{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(22px) saturate(1.2);visibility:hidden}
.dock.is-animated .dock-bg{top:var(--bt,-260px);bottom:var(--bb,-120px);left:var(--bx,-200px);right:var(--bx,-200px);border-radius:28px;background-color:var(--blue);
  transition:top 250ms ease-out 300ms,bottom 250ms ease-out 300ms,left 250ms ease-out 300ms,right 250ms ease-out 300ms,border-radius 250ms ease-out 300ms,background-color 250ms ease-out 300ms}
.dock.is-animated .dock-bg::after{opacity:1;transition:opacity 250ms ease-out 300ms}
.dock.is-animated .dock-bg video{visibility:visible;transition:visibility 0s 500ms}
.dock .linkbar-dark{background:transparent;box-shadow:none;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color 100ms ease-out,border-color 100ms ease-out}
.dock.is-animated .linkbar-dark{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color 100ms ease-out 150ms,border-color 100ms ease-out 150ms}
.dock.is-animated .linkbar-dark input::placeholder{color:rgba(255,255,255,.8)}
@media (max-width:767px){.close-card h2,.close-card .body,.close-card .close-links{transform:translateY(-16px)}}


/* The requested copy change uses the original input/button proportions. */
.booking-linkbar{text-decoration:none;color:white}
.booking-prompt{flex:1;min-width:0;padding:12px 4px;font-size:16px;text-align:left;color:rgba(255,255,255,.8)}
.booking-action{flex:none;display:grid;place-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:white;color:var(--ink);font-size:16px;font-weight:700;transition:background .18s}
.booking-linkbar:hover .booking-action{background:var(--ice)}
.dock:not(.is-animated) .booking-linkbar{background:rgba(16,19,27,.55);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
.dock-bg{background:rgba(16,19,27,.91);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
.close-card .body{max-width:650px;font-size:18px;line-height:1.5}
@media(max-width:767px){.booking-prompt{font-size:13px}.booking-action{font-size:12px;padding:0 16px}.booking-linkbar{padding-left:14px;gap:5px}.booking-linkbar .lb-ico{width:16px;flex-basis:16px}.close-card .body{font-size:16px}.close-links{font-size:13px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .close-card h2,html:not(.motion-on) .close-card .body,html:not(.motion-on) .close-card .close-links{opacity:1;transform:none}}

/* v6.1 — exactly one 40% charcoal fill; labels and action stay fully opaque. */
.dock:not(.is-animated) .dock-bg{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.dock:not(.is-animated) .booking-linkbar{background:rgba(24,26,32,.4);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}

/* NX.motions v7 — a light, editorial strategy section in the established palette. */
.strategy-section{position:relative;background:white;color:var(--ink);padding:128px 0 112px;overflow:hidden;isolation:isolate}
.strategy-section:before{content:"";position:absolute;inset:25% -15% -25%;z-index:-1;background:radial-gradient(ellipse at 70% 70%,#f1f4ff 0%,#f1f4ff00 62%);pointer-events:none}
.strategy-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:64px;text-align:left}
.strategy-intro h2{font-size:58px;line-height:1.04;letter-spacing:-.035em;max-width:520px}
.strategy-intro h2 em{color:var(--blue)}
.strategy-intro .label{font-size:10px;letter-spacing:.09em;margin-bottom:22px}
.strategy-copy{padding-bottom:2px;max-width:470px}
.strategy-copy .body{font-size:17px;line-height:1.65;margin:0;max-width:470px}
.strategy-promise{font-size:13px;line-height:1.6;color:var(--meta);margin-top:20px;max-width:420px}
.strategy-lab{position:relative;padding:26px 32px 30px;background:var(--ice);border:1px solid #e0e6ff;border-radius:20px;box-shadow:0 24px 60px #3857ff09;text-align:left}
.strategy-lab:before{content:"";position:absolute;left:35%;right:5%;bottom:-40px;height:180px;background:linear-gradient(120deg,#3857ff20,#55c7f028);filter:blur(55px);z-index:-1;pointer-events:none}
.strategy-lab-top{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dce3fa;padding-bottom:24px;margin-bottom:26px}
.strategy-platforms{display:flex;gap:5px;background:#e4eaff;border:1px solid #dce3fa;padding:5px;border-radius:12px}
.strategy-platforms button{border:0;background:transparent;color:#5d6685;font:14px Arial;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:8px;cursor:pointer;transition:background 280ms var(--ease),color 280ms,box-shadow 280ms}
.strategy-platforms button img{width:16px;height:16px;object-fit:contain;opacity:.55;transition:opacity 280ms}
.strategy-platforms button[aria-selected=true]{background:white;color:var(--ink);box-shadow:0 3px 8px #3857ff0c}
.strategy-platforms button[aria-selected=true] img{opacity:1}
.strategy-platforms button:hover{color:var(--blue)}
.strategy-platforms button:focus-visible,.strategy-lab [role=tabpanel]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.strategy-example{display:flex;gap:25px;align-items:center;color:#697496;font-size:11px}
.strategy-example>span{color:var(--blue);font-size:20px}
.strategy-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.04em;color:#7380a2;margin-bottom:20px}
.strategy-caption>span:first-child{text-transform:uppercase;color:#465889}
.strategy-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:10px}
.strategy-signal{padding:22px 23px;background:#ffffffaa;border:1px solid #dce3fa;border-radius:12px;min-width:0;transition:transform 550ms var(--ease),border-color 350ms,background 350ms,box-shadow 550ms}
.signal-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7a85a1;font-size:9px;letter-spacing:.05em;text-transform:uppercase}
.signal-top svg{width:24px;height:24px;stroke:#8391b9;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.strategy-signal h3{font-size:29px;font-weight:400;letter-spacing:-.035em;margin-top:17px;line-height:1.1;white-space:nowrap}
.signal-wave{display:flex;align-items:center;gap:4px;height:65px;padding:10px 0;margin:21px 0 12px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.signal-wave i{flex:1;min-width:2px;height:34%;border-radius:3px;background:#bdcafa;transition:height 600ms var(--ease),background 350ms,opacity 350ms}
.signal-wave i:nth-child(3n){height:65%}.signal-wave i:nth-child(4n){height:95%}.signal-wave i:nth-child(5n){height:45%}.signal-wave i:nth-child(7n){height:85%}
.signal-result{display:flex;align-items:center;gap:7px;font-size:11px;color:#61719b;line-height:1.4}
.signal-dot{width:5px;height:5px;flex:none;background:#8391b9;border-radius:50%}
.strategy-signal[data-kept=false] .signal-wave i{background:#cdd3e3;height:17%;opacity:.7}
.strategy-signal[data-kept=false] .signal-wave i:nth-child(-n+6){height:55%;opacity:1}
.strategy-signal[data-chosen=true]{background:white;border-color:#9badff;transform:translateY(-8px);box-shadow:0 12px 24px #3857ff10}
.strategy-signal[data-chosen=true] h3{color:var(--blue)}
.strategy-signal[data-chosen=true] .signal-top svg{stroke:var(--blue)}
.strategy-signal[data-chosen=true] .signal-wave i{background:linear-gradient(0deg,#3857ff,#55c7f0)}
.strategy-signal[data-kept=true] .signal-dot{background:var(--blue)}
.strategy-route{height:75px;position:relative;margin:0 5px}
.strategy-route svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#ced8f5;stroke-width:1.2}
.strategy-route path{transition:stroke 350ms;vector-effect:non-scaling-stroke}
.strategy-route path.on{stroke:var(--blue);stroke-width:1.6;stroke-dasharray:5 5;animation:strategy-flow 2s linear infinite}
@keyframes strategy-flow{to{stroke-dashoffset:-20}}
.strategy-route>span{position:absolute;left:50%;top:28px;transform:translateX(-50%);background:var(--ice);padding:5px 10px;color:#66779f;font-size:9px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.strategy-next{display:flex;align-items:center;gap:20px;padding:24px 28px;background:white;border:1px solid #dce3fa;border-radius:12px;position:relative}
.strategy-next-symbol{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--ice);flex:none}
.strategy-next-symbol svg{width:25px;height:25px;fill:none;stroke:var(--blue);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.strategy-next p{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#6376a1;margin-bottom:8px}
.strategy-next h3{font-size:28px;line-height:1.1;font-weight:400;letter-spacing:-.025em}
.strategy-next h3 em{color:var(--blue)}
.strategy-again{margin-left:auto;padding-left:25px;border-left:1px solid #e0e6f7;font-size:11px;color:#7681a0;line-height:1.6;white-space:nowrap}
.strategy-again b{font-weight:400;color:var(--blue)}
.strategy-disclaimer{margin-top:20px;text-align:right;font-size:10px;color:#7e869d;line-height:1.5}
@media(max-width:1000px) and (min-width:768px){.strategy-intro{gap:40px}.strategy-intro h2{font-size:49px}.strategy-copy .body{font-size:15px}.strategy-lab{padding:24px}.strategy-signal{padding:18px}.strategy-signal h3{font-size:25px}.signal-wave{gap:3px}.strategy-next h3{font-size:25px}}
@media(max-width:767px){
 .strategy-section{padding:85px 0 75px}.strategy-section>.wrap{padding:0 20px}
 .strategy-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.strategy-intro h2{font-size:43px;max-width:330px;line-height:1.05}.strategy-intro .label{font-size:9px;margin-bottom:18px;letter-spacing:.05em}
 .strategy-copy .body{font-size:15px;line-height:1.65}.strategy-promise{font-size:12px;margin-top:15px;line-height:1.6}
 .strategy-lab{padding:18px 12px 16px;border-radius:16px}.strategy-lab-top{flex-direction:column;align-items:stretch;gap:13px;padding-bottom:17px;margin-bottom:19px}.strategy-platforms{gap:2px;padding:4px}.strategy-platforms button{flex:1;padding:10px 7px;font-size:11px;gap:6px}.strategy-platforms button img{width:14px;height:14px}
 .strategy-example{justify-content:space-between;padding:0 5px;font-size:9px}.strategy-example>span{font-size:15px}.strategy-caption{font-size:8px;gap:12px;padding:0 3px}.strategy-caption>span:last-child{max-width:100px;text-align:right}
 .strategy-signals{grid-template-columns:1fr;gap:10px;padding-top:0}.strategy-signal{display:grid;grid-template-columns:1fr 90px;gap:5px 12px;padding:16px;border-radius:10px}.signal-top{grid-column:1/3;font-size:8px;letter-spacing:.03em}.signal-top svg{width:18px;height:18px}.strategy-signal h3{grid-column:1;grid-row:2;font-size:23px;margin-top:5px;letter-spacing:-.03em;min-height:0}
 .signal-wave{grid-column:2;grid-row:2/4;height:45px;gap:2px;padding:5px 0;margin:0}.signal-wave i{min-width:1px}.signal-wave i:nth-child(even){display:none}.signal-result{grid-column:1;grid-row:3;font-size:10px;gap:5px;line-height:1.4}.signal-dot{width:4px;height:4px}.strategy-signal[data-chosen=true]{transform:translateX(2px)}
 .strategy-route{height:61px}.strategy-route svg{display:none}.strategy-route:before{content:"";position:absolute;left:50%;inset-block:0;border-left:1px dashed var(--blue)}.strategy-route>span{font-size:8px;top:24px;padding:4px 7px;letter-spacing:.03em}
 .strategy-next{gap:11px;padding:18px 13px;align-items:center}.strategy-next-symbol{width:32px;height:32px;border-radius:8px}.strategy-next-symbol svg{width:20px;height:20px}.strategy-next p{font-size:7px;letter-spacing:.04em;margin-bottom:7px}.strategy-next h3{font-size:21px;max-width:220px;line-height:1.12}.strategy-again{display:none}
 .strategy-disclaimer{text-align:left;font-size:9px;margin-top:15px}
}
@media(max-width:359px){.strategy-section>.wrap{padding:0 14px}.strategy-intro h2{font-size:39px}.strategy-signal{padding:14px}.strategy-platforms button{font-size:10px;gap:5px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .strategy-route path.on{animation:none}html:not(.motion-on) .strategy-signal{transition:none}}

/* Neutral presenters and original graphics, drawn in code and animated locally. */
.preview-fill{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.media-demo{position:absolute;inset:0;overflow:hidden;container-type:inline-size;background:#161c2b;color:white;isolation:isolate;--demo-play:paused;font-family:Arial,Helvetica,sans-serif}
.media-demo.is-playing{--demo-play:running}.media-demo.is-paused{--demo-play:paused}
.media-demo *, .media-demo *:before,.media-demo *:after{animation-play-state:var(--demo-play)!important}
.demo-background-grid{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff09,transparent 60%),repeating-linear-gradient(90deg,transparent 0 14%,#ffffff04 14% 14.3%),repeating-linear-gradient(0deg,transparent 0 8%,#ffffff04 8% 8.2%)}
.demo-preview-label{position:absolute;top:7%;left:8%;z-index:3;font:400 max(4px,2.7cqi)/1 Arial;letter-spacing:.13em;opacity:.65;white-space:nowrap}
.demo-art{position:absolute;inset:0}
.demo-person{position:absolute;left:50%;bottom:-5%;width:70%;height:68%;transform:translateX(-50%);animation:presenter-breathe 7s ease-in-out infinite}
.demo-person i{position:absolute;width:49%;height:40%;left:25.5%;top:0;border-radius:48% 48% 46% 46%;background:linear-gradient(125deg,#d5dae6,#9aa4b8);box-shadow:inset -5px -2px 18px #3f4b6420}
.demo-person b{position:absolute;left:0;right:0;top:35%;bottom:0;border-radius:46% 46% 6% 6%;background:linear-gradient(135deg,#a4afc3,#68748e);box-shadow:inset 0 10px 15px #ffffff0a}
@keyframes presenter-breathe{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-1.2%)}}
.demo-caption{position:absolute;left:6%;right:6%;bottom:19%;z-index:4;text-align:center;font-size:8.6cqi;font-weight:700;letter-spacing:-.035em;line-height:1.08;text-shadow:0 2px 14px #10131ba0;animation:preview-caption 6s cubic-bezier(.22,1,.36,1) infinite}
.demo-caption em{font-family:Arial,sans-serif;font-style:normal;font-weight:700;font-size:1em;color:#b9c8ff;line-height:1}
@keyframes preview-caption{0%,8%{opacity:0;transform:translateY(8px)}18%,86%{opacity:1;transform:translateY(0)}98%,100%{opacity:0;transform:translateY(-4px)}}
.preview-wave{position:absolute;left:20%;right:20%;height:6%;bottom:6%;display:flex;align-items:center;justify-content:center;gap:3%;opacity:.55}
.preview-wave i{height:var(--bar-height);width:3%;border-radius:10px;background:#b9c8ff;animation:preview-wave 1.7s ease-in-out var(--bar-delay) infinite alternate;transform-origin:50%}
@keyframes preview-wave{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
.demo-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#3857ff,#55c7f0);width:100%;transform-origin:left;animation:preview-progress 6s linear infinite}
@keyframes preview-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.demo-story-card{position:absolute;top:17%;width:43%;height:24%;border:1px solid #ffffff25;border-radius:6px;background:#f1f4ff;color:#10131b;padding:6%;z-index:1;box-shadow:0 8px 20px #0002;animation:preview-insert 6s var(--ease) infinite}
.demo-story-card small{font-size:2.7cqi;font-weight:700;letter-spacing:.06em}.card-a{left:9%;transform:rotate(-8deg)}.card-b{right:7%;top:22%;transform:rotate(7deg);animation-delay:-3s;background:#b9c8ff}
.demo-line-art{position:absolute;left:15%;right:15%;top:43%;height:28%;border-top:2px solid #3857ff;border-bottom:2px solid #3857ff;transform:skewY(-8deg);opacity:.6}
@keyframes preview-insert{0%,100%{opacity:.4;translate:0 5px}25%,75%{opacity:1;translate:0 0}}
.demo-story .demo-person{height:51%;width:64%;bottom:-2%}.demo-story .demo-caption{bottom:19%}
.demo-explainer{background:#e8edff;color:#10131b}
.demo-explainer .demo-preview-label{color:#3857ff}
.demo-board{position:absolute;top:16%;left:8%;right:8%;height:40%;background:#fff;border:1px solid #dce3ff;border-radius:7px;padding:10%;box-shadow:0 8px 25px #3857ff10}
.demo-board>small{display:block;font-size:3.1cqi;font-weight:700;color:#6b789b;letter-spacing:.06em}
.demo-chart{position:absolute;left:14%;right:14%;top:37%;height:45%;display:flex;align-items:end;gap:9%}
.demo-chart i{width:22%;height:35%;background:#b9c8ff;border-radius:3px 3px 0 0;transform-origin:bottom;animation:preview-grow 6s var(--ease) infinite}
.demo-chart i:nth-child(2){height:60%;animation-delay:-.15s;background:#6f8bff}.demo-chart i:nth-child(3){height:80%;animation-delay:-.3s;background:#3857ff}.demo-chart i:nth-child(4){height:100%;animation-delay:-.45s;background:#55c7f0}
@keyframes preview-grow{0%,8%{transform:scaleY(.1)}35%,92%{transform:scaleY(1)}100%{transform:scaleY(.1)}}
.demo-presenter-panel{position:absolute;left:8%;right:8%;bottom:8%;height:32%;background:#cbd7f5;border-radius:7px;overflow:hidden}
.demo-presenter-panel .demo-person{height:98%;bottom:-28%;width:52%}
.demo-explainer .demo-caption{font-size:7.5cqi;bottom:15%;text-shadow:0 1px 5px #fff8}.demo-explainer .demo-caption em{color:#3857ff}
.demo-conversation .demo-preview-label{top:6%}
.demo-room{position:absolute;left:6%;right:6%;height:37%;top:13%;background:linear-gradient(140deg,#343f58,#1e2739);border:1px solid #ffffff14;border-radius:7px;overflow:hidden}
.demo-room-b{top:52%;background:linear-gradient(140deg,#4b5a78,#28344c)}
.demo-room .demo-person{height:90%;width:58%;bottom:-30%;left:54%}.demo-room-b .demo-person{left:43%}
.demo-conversation .demo-caption{bottom:37%;font-size:7.7cqi}.demo-conversation>.demo-art>.preview-wave{bottom:5%;height:3%}
.demo-captions{background:linear-gradient(145deg,#121724,#313d56)}
.demo-captions .demo-person{height:75%;bottom:-6%;width:84%}
.big-caption{bottom:22%;font-size:17cqi;line-height:.95;letter-spacing:-.055em}.big-caption>span{display:block}.big-caption>em{font-size:9cqi;color:#cbeaff;line-height:1.5}
.demo-number{background:linear-gradient(140deg,#f1f4ff,#d4ddfc);color:#10131b}
.demo-number .demo-person{height:52%;width:70%;bottom:-2%}.demo-big-number{position:absolute;left:0;right:0;top:14%;text-align:center;font-weight:700;font-size:47cqi;line-height:1;color:#3857ff;letter-spacing:-.07em}
.demo-big-number>span{display:block;font:400 3cqi Arial;letter-spacing:.12em;color:#6b789b;margin-top:3%}
.demo-number .demo-caption{bottom:19%;text-shadow:0 1px 10px #10131b45}.demo-number .demo-caption em{color:#fff}
.demo-steps{background:#172038}.demo-step-stack{position:absolute;left:8%;right:8%;top:15%;display:grid;gap:6cqi;z-index:2}
.demo-step-stack i{display:flex;gap:7%;align-items:center;border:1px solid #ffffff24;background:#ffffff0b;border-radius:5px;padding:6%;font-style:normal;font-size:4cqi;color:#a5baff;animation:preview-step 6s ease-in-out infinite}
.demo-step-stack b{font-size:4.1cqi;font-weight:400;color:white}.demo-step-stack i:nth-child(2){animation-delay:-4s}.demo-step-stack i:nth-child(3){animation-delay:-2s}
@keyframes preview-step{0%,25%,100%{background:#3857ff55;border-color:#6f8bff}40%,85%{background:#ffffff0b;border-color:#ffffff24}}
.demo-steps .demo-person{height:40%;bottom:-1%;width:60%}.demo-steps .demo-caption{bottom:14%;font-size:8cqi}
.demo-collage{background:linear-gradient(140deg,#26314a,#141b2d)}
.demo-tile{position:absolute;width:40%;height:25%;border-radius:5px;background:#b9c8ff;color:#10131b;z-index:2;box-shadow:0 8px 15px #0002;animation:preview-insert 6s ease-in-out infinite}
.tile-a{left:7%;top:16%;rotate:-7deg;background:linear-gradient(45deg,#3857ff,#55c7f0)}.tile-a>i{position:absolute;inset:22%;border:1px solid #ffffff8a;rotate:45deg}
.tile-b{top:21%;right:6%;rotate:8deg;font-size:8cqi;line-height:.95;padding:8%;background:#f1f4ff}.tile-b em{font-size:1.1em}
.tile-c{left:16%;top:42%;height:16%;width:42%;rotate:-4deg;background:#374563}.tile-c .preview-wave{inset:25% 15%;height:auto}
.demo-collage .demo-person{height:48%;bottom:-3%;width:65%}
.episode-speaker{position:absolute;inset:0 50% 0 0;overflow:hidden;background:linear-gradient(130deg,#34435f,#1a2334)}
.episode-speaker-b{inset:0 0 0 50%;background:linear-gradient(140deg,#566888,#2d3c57)}
.episode-speaker .demo-person{height:90%;bottom:-26%;width:65%}.episode-speaker-b .demo-person{width:60%}
.episode-seam{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff26}
.episode-caption{position:absolute;left:6%;bottom:10%;font-size:4.5cqi;line-height:1.05;font-weight:700;text-shadow:0 2px 8px #10131b90}.episode-caption em{font-size:1.15em;font-family:var(--serif);font-weight:400}
.demo-episode>.demo-art>.preview-wave{left:70%;right:7%;bottom:10%;height:10%}
.demo-episode .demo-preview-label{font-size:1.5cqi;top:8%;left:6%}
.demo-reel{background:radial-gradient(ellipse at 80% 30%,#3857ff25,transparent 60%),#10131b}
.demo-reel-title{position:absolute;left:6%;top:24%;width:43%;z-index:2}.demo-reel-title>small{font-size:1.2cqi;letter-spacing:.12em;color:#b9c8ff}.demo-reel-title>strong{display:block;font-size:5.8cqi;font-weight:400;line-height:1.04;letter-spacing:-.035em;margin-top:4%}.demo-reel-title em{font-size:1.15em;color:#b9c8ff}
.demo-reel-cards{position:absolute;left:49%;right:-5%;top:13%;bottom:13%;display:flex;gap:3%;align-items:center;rotate:5deg}
.demo-reel-cards>div{position:relative;aspect-ratio:9/16;flex:0 0 29%;border-radius:8px;overflow:hidden;box-shadow:0 15px 30px #0005}
.demo-reel-cards>div:nth-child(2){translate:0 -9%}.demo-reel .demo-preview-label{font-size:1.1cqi;top:auto;bottom:8%;left:6%}
.preview-real-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clip .preview-fill{opacity:var(--capo,0)}
.desk-phone>.preview-fill,.channel-result>.preview-fill{border-radius:0}
.preview-indicator{position:absolute;bottom:8px;right:8px;z-index:3;display:grid;place-items:center;width:22px;height:22px;background:#10131b66;color:white;border-radius:50%;font:12px Arial}
.preview-source-tag{font-size:10px;color:#b9c8ff;letter-spacing:.08em}
.video{background:#273650 url('assets/placeholders/episode.svg') center/cover no-repeat}
.demo-gallery-note{font-size:11px;color:var(--meta);margin-top:18px}
.reel-dialog .dialog-preview{position:relative;aspect-ratio:16/9;width:100%;max-height:78vh;border-radius:6px;overflow:hidden}
.dialog-meta{display:flex;justify-content:space-between;gap:16px;padding:15px 3px 5px;color:#b9c8ff;font-size:12px}
.preview-motion-control{background:none;border:0;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit}
.reel-dialog{padding-top:54px}.reel-dialog .dialog-preview>.media-demo:not(.demo-reel){left:50%;right:auto;width:auto;aspect-ratio:9/16;translate:-50% 0;position:absolute}
.reel-dialog .dialog-preview:has(>.media-demo:not(.demo-reel)){aspect-ratio:9/16;width:min(380px,75vw);max-height:75vh;margin:auto}
.dialog-preview[data-shape=portrait]{aspect-ratio:9/16;width:min(380px,75vw);max-height:75vh;margin:auto}
.channel-source>.preview-fill .episode-caption{font-size:5cqi}
.demo-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#e8eeff,#bccbf7);position:relative;overflow:hidden;box-shadow:0 0 0 3px white,0 0 0 4px #b9c8ff;display:block;flex:none}
.demo-avatar i{position:absolute;left:36%;top:20%;width:28%;height:29%;border-radius:48%;background:#8c9dc9}.demo-avatar b{position:absolute;left:20%;right:20%;top:47%;height:60%;border-radius:50% 50% 0 0;background:#7b8fc2}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .media-demo{--demo-play:paused}.media-demo .demo-caption{opacity:1;transform:none}}
html.motion-paused .media-demo{--demo-play:paused!important}
@media(max-width:767px){.demo-avatar{width:44px;height:44px}.preview-indicator{width:16px;height:16px;font-size:9px;right:5px;bottom:5px}.dialog-meta{font-size:10px}.reel-dialog{max-width:95vw}}

@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif-italic.woff2') format('woff2')}
html.font-fallback{--serif:Georgia,serif}
/* A single readiness gate, used by both the copy and the orbit. */
.js:not(.is-ready) .hero-copy,.js:not(.is-ready) .hero-stage .reel-in{opacity:0!important;visibility:hidden}
.js .intro-word{animation:none;opacity:0;transform:translateY(115%)}
.js.is-ready .intro-word{animation:headline-entry 1050ms cubic-bezier(.16,1,.3,1) var(--word-delay,300ms) both}
.js .hero-copy>.pill,.js .hero-copy>.lead,.js .hero-copy>.hero-form,.js .hero-copy>.chips{animation:none;opacity:0}
.js.is-ready .hero-copy>.pill{animation:copy-entry 800ms var(--ease) 150ms both}
.js.is-ready .hero-copy>.lead{animation:copy-entry 900ms var(--ease) 730ms both}
.js.is-ready .hero-copy>.hero-form{animation:copy-entry 900ms var(--ease) 900ms both}
.js.is-ready .hero-copy>.chips{animation:copy-entry 900ms var(--ease) 1050ms both}
.js .hero-stage .reel-in{opacity:0}
.js.is-ready .hero-stage .reel-in{opacity:1;transition:opacity 850ms var(--ease)}
html:not(.js) .hero-copy>.pill,html:not(.js) .hero-copy>.lead,html:not(.js) .hero-copy>.hero-form,html:not(.js) .hero-copy>.chips{animation:none;opacity:1}
html:not(.js) .reel-in{display:flex;gap:22px;align-items:center;justify-content:center;padding:0 24px;overflow:hidden;pointer-events:none}
html:not(.js) .reel-in .ph{position:relative;flex:none;top:0;left:0;width:100px!important;opacity:.2}
html:not(.js) .hero-copy{pointer-events:auto}
/* Groups retain fixed intrinsic geometry while clones cover ultrawide screens. */
.faces-in,#formats{display:flex;flex-wrap:nowrap;gap:0;width:max-content;max-width:none;align-items:center;list-style:none;margin:0;padding:0;direction:ltr;animation:none;will-change:transform}
.marquee-cycle{display:flex;flex:0 0 auto;flex-wrap:nowrap;width:max-content;max-width:none;align-items:center;list-style:none;margin:0}
.faces-cycle{gap:36px;padding:0 36px 0 0}
.faces-cycle>li{flex:0 0 136px;width:136px;min-width:136px;display:flex;flex-direction:column;align-items:center;gap:8px}
.format-cycle{gap:48px;padding:25px 24px}
.format-cycle>li{flex:none;white-space:nowrap;display:flex;gap:28px;align-items:center;font-family:var(--serif);font-style:italic;font-size:28px;transition:transform 380ms var(--ease)}
.format-cycle>li:hover{transform:scale(1.065)}
.format-cycle svg{width:22px;height:22px;fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.faces .demo-avatar{background:linear-gradient(145deg,#f1f4ff,#b9c8ff)}
.faces-cycle>li:nth-child(3n+2) .demo-avatar{background:linear-gradient(145deg,#e8f7ff,#92b8ec)}
.faces-cycle>li:nth-child(3n) .demo-avatar{background:linear-gradient(145deg,#f1f4ff,#b5bbee)}
.hero-stage .reel-in .ph .tag{pointer-events:none}
.hero-stage .reel-in .preview-indicator{width:16px;height:16px;font-size:9px;right:5px;bottom:5px}
.hero-stage .reel>.note{font-size:10px}
.show .demo-gallery-note{font-size:11px;text-align:right}
.hero .demo-gallery-note{font-size:10px;text-align:center}
.form-status{display:block;flex-basis:100%;color:var(--meta);font-size:12px;line-height:1.5;max-width:450px;margin:0 auto}
.motion-toggle{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:4px}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}
.dock-bg .dock-light{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#55c7f0aa,transparent 60%),linear-gradient(135deg,#3857ff,#287fff 60%,#55c7f0);opacity:0;transition:opacity 500ms}
.dock.is-animated .dock-light{opacity:1}
.dock .booking-prompt{color:#fff}.dock.is-animated .booking-prompt{color:#fff}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-200%);background:white;color:var(--blue);padding:12px 18px;border:2px solid var(--blue);border-radius:8px;font-size:14px}
.skip-link:focus{transform:none}
.privacy-page{max-width:760px;margin:0 auto;padding:130px 24px 90px}.privacy-page h1{font-size:48px}.privacy-page h2{font-size:24px;margin-top:35px}.privacy-page p{font-size:16px;line-height:1.7;margin-top:18px}.privacy-page a{color:var(--blue)}
.reel-in button:focus-visible{z-index:50!important;outline:3px solid var(--blue);outline-offset:4px}
.ph.has-video .preview-fill{border-radius:inherit}
@media(max-width:767px){.faces-cycle{gap:20px;padding-right:20px}.faces-cycle>li{flex-basis:114px;width:114px;min-width:114px}.format-cycle{gap:26px;padding:22px 13px}.format-cycle>li{font-size:23px;gap:20px}.format-cycle svg{width:19px;height:19px}.form-status{font-size:10px}.hero .demo-gallery-note{font-size:9px}.privacy-page h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .intro-word,html:not(.motion-on) .hero-copy>.pill,html:not(.motion-on) .hero-copy>.lead,html:not(.motion-on) .hero-copy>.hero-form,html:not(.motion-on) .hero-copy>.chips{animation:none;opacity:1;transform:none;filter:none}html:not(.motion-on) .hero-stage .reel-in{transition:none}}

.media-demo.manual-play{--demo-play:running!important}
.preview-fill>img{display:block;width:100%;height:100%;object-fit:cover}

.desk-screen .demo-reel-title,.desk-screen .demo-preview-label{display:none}.desk-screen>.preview-fill{opacity:.6}

/* Shared vector cast: hair, outfits and accessories stay inside every preview. */
.demo-person>.character-svg{display:block;width:100%;height:100%;overflow:visible}.demo-avatar>.character-svg{display:block;width:100%;height:100%;overflow:hidden}.faces .demo-avatar{isolation:isolate}