/* Assured Outbound. Base: tokens, type, buttons, navigation, modals, footer.
   Identity: the brand's own red and black, wide Archivo display type, ivory panels, dot grid, the four-square mark. */
:root{
  --ink:#0A0606; --ink-2:#120A09; --ink-3:#1A0F0D; --ink-4:#2A1714;
  --bone:#F4EFE9; --bone-2:#EAE3DB; --paper:#FFFDFB;
  --ivory:#F9F4EF; --mute:#C2B4AE; --dim:#93847E;
  --char:#170D0B; --char-2:#55473F; --char-3:#85766E;
  --red:#D2382B; --red-hi:#F0604D; --red-deep:#8F1B15; --ox:#3A0D0B;
  --gold:#DCC19A; --green:#5CC591;
  --line:rgba(255,236,228,.09); --line-2:rgba(255,236,228,.17);
  --f-d:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-b:"DM Sans",-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-w:"Libre Baskerville",Georgia,"Times New Roman",serif;
  --wrap:1280px; --gut:clamp(20px,4.4vw,56px);
  --ease:cubic-bezier(.19,1,.22,1); --ease-2:cubic-bezier(.65,0,.35,1);
  --intro:0ms;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:110px;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--ivory);font:400 17px/1.62 var(--f-b);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
p,h1,h2,h3,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:2px solid var(--red-hi);outline-offset:4px;border-radius:6px}
[hidden]{display:none!important}
.skip{position:fixed;left:16px;top:-80px;z-index:300;background:#fff;color:#000;padding:10px 16px;border-radius:10px;font-weight:600}
.skip:focus{top:16px}
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.i{width:20px;height:20px;flex:none}

/* film grain over everything, very low */
body::after{content:"";position:fixed;inset:0;z-index:150;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- section themes ---------- */
.sec{position:relative;padding-block:clamp(88px,10.5vw,168px);background:var(--bg);color:var(--fg)}
.s-dark{--bg:var(--ink);--fg:var(--ivory);--fg2:var(--mute);--fg3:var(--dim);--rule:var(--line);--rule2:var(--line-2);--card:linear-gradient(180deg,#180E0C 0%,#100908 100%);--acc:var(--gold);--em:var(--red-hi);--soft:rgba(255,236,228,.05)}
.s-light{--bg:var(--bone);--fg:var(--char);--fg2:var(--char-2);--fg3:var(--char-3);--rule:rgba(23,13,11,.11);--rule2:rgba(23,13,11,.2);--card:var(--paper);--acc:var(--red);--em:var(--red);--soft:rgba(23,13,11,.045)}
.s-light,.s-red{margin-inline:clamp(8px,1.1vw,18px);border-radius:clamp(26px,3.2vw,48px)}
.s-red{--bg:#6E130F;--fg:#FFF6F1;--fg2:rgba(255,240,232,.78);--fg3:rgba(255,240,232,.6);--rule:rgba(255,240,232,.16);--rule2:rgba(255,240,232,.28);--acc:#FFD9B8;--em:#fff;--soft:rgba(255,255,255,.06);background:radial-gradient(120% 140% at 12% 0%,#B3271D 0%,#7A1611 42%,#3F0A08 100%)}
.sec + .sec.s-dark,.sec.s-dark + .sec{margin-top:0}
.s-light + .s-light,.s-light + .s-red,.s-red + .s-light{margin-top:clamp(8px,1.1vw,18px)}

/* ---------- type ---------- */
.num{white-space:nowrap}
.h1,.h2,.h3,.num{font-family:var(--f-d);font-stretch:118%;font-weight:720;letter-spacing:-.034em;line-height:.99;text-wrap:balance;margin:0}
.h1{font-size:clamp(2.55rem,6.35vw,6.05rem);letter-spacing:-.04em;line-height:.96}
.h2{font-size:clamp(2.05rem,4.35vw,4.1rem);line-height:1.0}
.h3{font-size:clamp(1.25rem,1.7vw,1.55rem);font-stretch:112%;font-weight:680;letter-spacing:-.02em;line-height:1.14}
.h1 em,.h2 em,.h3 em{font-style:normal;color:var(--em)}
.s-dark .h1 em,.s-dark .h2 em{background:linear-gradient(180deg,#FF8A76 0%,#E8473A 52%,#B8281D 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.s-dark .h1 em .w>span,.s-dark .h2 em .w>span{background:linear-gradient(180deg,#FF8A76 0%,#E8473A 52%,#B8281D 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{font-size:clamp(1.06rem,1.35vw,1.28rem);line-height:1.55;color:var(--fg2);max-width:58ch;text-wrap:pretty}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font:660 12px/1 var(--f-d);font-stretch:122%;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.eyebrow::before{content:"";flex:none;width:5px;height:5px;margin:0 6px 6px 0;background:currentColor;box-shadow:6px 6px 0 currentColor,6px 0 0 color-mix(in srgb,currentColor 42%,transparent),0 6px 0 color-mix(in srgb,currentColor 42%,transparent)}
.head{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;max-width:920px;margin-bottom:clamp(44px,5.4vw,84px)}
.head.center{margin-inline:auto;text-align:center;justify-items:center}
.head.center .lede{margin-inline:auto}
.head-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,88px);align-items:end;margin-bottom:clamp(44px,5.4vw,84px)}
.head-split .head{margin-bottom:0}
.small{font-size:14.5px;color:var(--fg3)}
.cap{font:620 11.5px/1.3 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}

/* word-by-word headline reveal */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.w>span{display:inline-block;transform:translate3d(0,112%,0);transition:transform 1.15s var(--ease);transition-delay:calc(var(--intro) + var(--i,0)*42ms)}
.is-in .w>span,.is-in.w>span{transform:none}
.js .reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--intro) + var(--rd,0ms))}
.js .reveal.is-in{opacity:1;transform:none}
.js [data-split].reveal{opacity:1;transform:none}
.still *,.still *::before,.still *::after{transition-duration:0s!important;transition-delay:0s!important}

/* ---------- mark, tag ---------- */
.mark{width:28px;height:28px;flex:none}
.mark .mk-a{fill:#fff}.mark .mk-b{fill:#8C8C8C}
.mark-sm{width:14px;height:14px}
.tag{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px 0 11px;border-radius:999px;border:1px solid var(--rule2,var(--line-2));background:rgba(255,236,228,.045);font:640 11.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--fg2,var(--mute));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* ---------- buttons ---------- */
.btn{--h:56px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:14px;height:var(--h);padding:0 8px 0 28px;border-radius:999px;font:640 15.5px/1 var(--f-d);font-stretch:110%;letter-spacing:.002em;white-space:nowrap;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background-color .4s,border-color .4s,color .4s;-webkit-tap-highlight-color:transparent}
.btn-ico{width:calc(var(--h) - 16px);height:calc(var(--h) - 16px);border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .5s var(--ease),background-color .4s}
.btn-ico .i{width:18px;height:18px;transition:transform .5s var(--ease)}
.btn:hover .btn-ico .i{transform:translateX(3px)}
.btn:active{transform:scale(.98)}
.btn-primary{color:#fff;background:linear-gradient(180deg,#EA5543 0%,#C92F23 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.28),0 16px 36px -14px rgba(214,56,43,.8),0 2px 6px rgba(0,0,0,.35)}
.btn-primary .btn-ico{background:#fff;color:#C92F23}
.btn-primary::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.34) 48%,transparent 66%);transform:translateX(-120%);transition:transform .9s var(--ease)}
.btn-primary:hover::before{transform:translateX(120%)}
.btn-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.28),0 22px 48px -14px rgba(232,72,56,.95),0 2px 6px rgba(0,0,0,.35);transform:translateY(-2px)}
.btn-ghost{padding:0 26px;color:var(--fg);border:1px solid var(--rule2);background:var(--soft)}
.btn-ghost:hover{border-color:var(--fg);transform:translateY(-2px)}
.btn-ghost .i{width:18px;height:18px}
.btn-sm{--h:46px;font-size:14px;padding-left:20px;gap:10px}
.btn-xl{--h:66px;font-size:17.5px;padding-left:34px;gap:18px}
.link{display:inline-flex;align-items:center;gap:10px;font:640 15px/1 var(--f-d);font-stretch:110%;padding-bottom:8px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:gap .4s var(--ease),color .3s}
.link:hover{gap:16px;color:var(--em)}
.link .i{width:17px;height:17px}

/* ---------- preloader (first visit of a session only) ---------- */
.pre{display:none}
.js:not(.seen) .pre{display:grid;place-items:center;position:fixed;inset:0;z-index:400;background:var(--ink);clip-path:inset(0 0 0 0);animation:pre-out .8s var(--ease-2) .8s forwards}
.pre-in{display:grid;justify-items:center;gap:20px}
.pre-mark{width:58px;height:58px}
.pre-mark rect{transform-box:fill-box;transform-origin:center;animation:pre-sq .8s var(--ease) both}
.pre-mark rect:nth-child(2){animation-delay:.08s}.pre-mark rect:nth-child(3){animation-delay:.16s}.pre-mark rect:nth-child(4){animation-delay:.24s}
.pre-name{font:700 19px/1 var(--f-w);letter-spacing:-.01em;animation:pre-fade .7s .35s both}
@keyframes pre-sq{from{transform:scale(0) rotate(-90deg);opacity:0}}
@keyframes pre-fade{from{opacity:0;transform:translateY(8px)}}
@keyframes pre-out{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
.js:not(.seen){--intro:950ms}

/* ---------- scroll progress ---------- */
.progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:90;pointer-events:none}
.progress i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--red-deep),var(--red-hi))}

/* ---------- navigation ---------- */
.nav{position:fixed;inset:14px 0 auto 0;z-index:80;padding-inline:var(--gut);pointer-events:none;transition:transform .7s var(--ease)}
.nav.is-away{transform:translateY(-140%)}
.nav-in{pointer-events:auto;max-width:1220px;height:66px;margin-inline:auto;padding:0 10px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:999px;background:rgba(18,10,9,.58);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 44px -24px rgba(0,0,0,.95);transition:background-color .5s,border-color .5s}
.nav.is-stuck .nav-in{background:rgba(12,7,6,.84);border-color:var(--line-2)}
.brand{display:inline-flex;align-items:center;gap:12px;flex:none}
.brand-name{font:700 17.5px/1 var(--f-w);letter-spacing:-.012em;color:#fff;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{position:relative;padding:11px 16px;border-radius:999px;font:540 14.5px/1 var(--f-b);color:var(--mute);transition:color .3s,background-color .3s}
.nav-links a:hover{color:#fff;background:rgba(255,236,228,.06)}
.nav-links a[aria-current]{color:#fff}
.nav-links a[aria-current]::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--red-hi)}
.nav-cta{display:flex;align-items:center;gap:8px}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);position:relative}
.burger i{position:absolute;left:14px;right:14px;height:1.6px;background:#fff;border-radius:2px;transition:transform .5s var(--ease),top .5s var(--ease)}
.burger i:first-child{top:18px}.burger i:last-child{top:26px}
.burger[aria-expanded=true] i:first-child{top:22px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:last-child{top:22px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:70;background:var(--ink);padding:120px var(--gut) max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:32px;overflow:auto;background-image:radial-gradient(90% 60% at 100% 100%,rgba(210,56,43,.34),transparent 70%)}
.menu-links{display:grid}
.menu-links a{display:flex;align-items:baseline;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font:700 clamp(2rem,9vw,3rem)/1.05 var(--f-d);font-stretch:116%;letter-spacing:-.035em;color:#fff}
.menu-links a span{font:600 12px var(--f-d);font-stretch:118%;letter-spacing:.14em;color:var(--dim)}
.menu-links a[aria-current]{color:var(--red-hi)}
.menu-foot{display:grid;gap:16px}
.menu-foot .btn{width:100%;justify-content:space-between}
.menu-foot p{font-size:14px;color:var(--dim);text-align:center}
.js .menu a,.js .menu-foot{opacity:0;transform:translateY(22px)}
.menu.is-open a,.menu.is-open .menu-foot{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .8s var(--ease)}
.menu.is-open a:nth-child(2){transition-delay:.05s}.menu.is-open a:nth-child(3){transition-delay:.1s}.menu.is-open a:nth-child(4){transition-delay:.15s}.menu.is-open .menu-foot{transition-delay:.22s}
body.lock{overflow:hidden}

/* ---------- cta strip between sections ---------- */
.cta-strip{position:relative;margin-top:clamp(48px,6vw,88px);display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;padding:clamp(24px,3vw,38px) clamp(24px,3.4vw,46px);border-radius:28px;border:1px solid var(--rule2);background:var(--soft);overflow:hidden}
.s-dark .cta-strip{background:linear-gradient(100deg,rgba(255,236,228,.05) 0%,rgba(255,236,228,.02) 55%,rgba(210,56,43,.2) 100%)}
.cta-q{font:700 clamp(1.3rem,2.2vw,1.9rem)/1.12 var(--f-d);font-stretch:116%;letter-spacing:-.028em}
.cta-cap{margin-top:8px;font:620 11.5px/1.4 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}

/* ---------- final call to action ---------- */
.final{padding-block:clamp(110px,13vw,200px);overflow:hidden;text-align:center}
.final-glow{position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 108%,rgba(226,62,46,.62) 0%,rgba(143,27,21,.3) 38%,transparent 70%),radial-gradient(circle,rgba(255,236,228,.13) 1px,transparent 1.6px) 0 0/26px 26px;-webkit-mask-image:radial-gradient(90% 90% at 50% 100%,#000 30%,transparent 78%);mask-image:radial-gradient(90% 90% at 50% 100%,#000 30%,transparent 78%)}
.final-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px}
.final .h1{max-width:15ch}
.final .lede{max-width:52ch}
.final-cta{margin-top:8px}
.trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;font-size:15px;color:var(--fg2)}
.trust b{color:var(--fg);font-weight:600}
.trust-faces{display:inline-flex;padding-left:10px}
.trust-faces img{width:38px;height:38px;border-radius:50%;object-fit:cover;margin-left:-10px;border:2px solid var(--ink);background:var(--ink-3)}

/* ---------- footer ---------- */
.foot{position:relative;background:var(--ink);color:var(--ivory);padding-top:clamp(40px,5vw,72px);overflow:hidden}
.foot-band{border-block:1px solid var(--line);padding-block:clamp(18px,2.4vw,34px);overflow:hidden}
.foot-band-track{display:flex;align-items:center;gap:clamp(28px,4vw,64px);width:max-content;animation:mq 46s linear infinite}
.foot-band span{font:760 clamp(2.6rem,7.4vw,7rem)/1 var(--f-d);font-stretch:122%;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(255,236,228,.3);white-space:nowrap}
.foot-band span:nth-of-type(3n){color:var(--ivory);-webkit-text-stroke:0}
.foot-band i{width:clamp(14px,1.6vw,22px);height:clamp(14px,1.6vw,22px);background:var(--red);flex:none;transform:rotate(45deg)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.9fr);gap:48px;padding-block:clamp(56px,7vw,96px)}
.foot-brand{display:grid;gap:22px;justify-items:start}
.foot-brand .mark{width:34px;height:34px}.foot-brand .mark-sm{width:14px;height:14px}
.foot-brand .brand-name{font-size:21px}
.foot-brand p{max-width:36ch;color:var(--mute)}
.foot-col{display:grid;gap:14px;align-content:start;justify-items:start}
.foot-col h3{font:640 11.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.foot-col a{color:var(--mute);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:color .3s,background-size .5s var(--ease)}
.foot-col a:hover{color:#fff;background-size:100% 1px}
.foot-base{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-block:26px max(26px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:13.5px;color:var(--dim)}

/* ---------- modals ---------- */
.modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:clamp(10px,2.4vw,32px)}
.modal-back{position:absolute;inset:0;background:rgba(6,3,3,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .45s}
.modal-box{position:relative;width:min(100%,1040px);height:min(100%,820px);display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:var(--ink-2);border:1px solid var(--line-2);box-shadow:0 60px 140px -30px #000,0 0 0 1px rgba(0,0,0,.6);opacity:0;transform:translateY(26px) scale(.975);transition:opacity .5s var(--ease),transform .7s var(--ease)}
.modal.is-open .modal-back{opacity:1}
.modal.is-open .modal-box{opacity:1;transform:none}
.modal-top{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 22px;border-bottom:1px solid var(--line);flex:none}
.modal-top>div{display:grid;gap:3px;flex:1;min-width:0}
.modal-top b{font:700 17px/1.1 var(--f-d);font-stretch:114%;letter-spacing:-.02em}
.modal-top span{font-size:13px;color:var(--dim)}
.modal-x{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);transition:background-color .3s,transform .5s var(--ease)}
.modal-x:hover{background:rgba(255,236,228,.08);transform:rotate(90deg)}
.modal-frame{position:relative;flex:1;min-height:0;background:#0f0908}
.modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.modal-load{position:absolute;inset:0;display:grid;place-items:center;font:620 12px var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.modal-video{width:min(100%,1100px);height:auto;max-height:100%}
.modal-video .modal-frame{flex:none;aspect-ratio:16/10;max-height:calc(100vh - 140px)}

@keyframes mq{to{transform:translate3d(-50%,0,0)}}

@media (max-width:980px){
  .nav-links{display:none}
  .burger{display:block}
  .nav-in{padding-left:18px}
  .head-split{grid-template-columns:1fr;align-items:start}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1/-1}
}
@media (max-width:560px){
  body{font-size:16px}
  .nav{inset:10px 0 auto 0}
  .nav-in{height:58px;padding:0 6px 0 16px}
  .nav-cta .btn{--h:42px;font-size:13px;padding-left:16px}
  .nav-cta .btn .btn-ico{display:none}
  .nav-cta .btn{padding-right:16px}
  .burger{width:42px;height:42px}
  .burger i{left:12px;right:12px}.burger i:first-child{top:16px}.burger i:last-child{top:24px}
  .burger[aria-expanded=true] i{top:20px!important}
  .brand-name{font-size:15.5px}
  .mark{width:24px;height:24px}
  .cta-strip{border-radius:22px}
  .cta-strip .btn{width:100%;justify-content:space-between}
  .foot-grid{grid-template-columns:1fr}
  .btn-xl{--h:60px;font-size:16px;padding-left:26px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js .reveal,.w>span{opacity:1!important;transform:none!important}
  .js:not(.seen) .pre{display:none}
}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(138px,13.5vw,214px) 0 clamp(44px,5vw,80px);overflow:hidden;background:var(--ink);color:var(--ivory);--fg:var(--ivory);--fg2:var(--mute);--fg3:var(--dim);--rule:var(--line);--rule2:var(--line-2);--em:var(--red-hi);--soft:rgba(255,236,228,.05)}
.hero-fx{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(78% 62% at 50% 34%,#000 18%,transparent 90%);mask-image:radial-gradient(78% 62% at 50% 34%,#000 18%,transparent 90%)}
.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(52% 34% at 50% 70%,rgba(232,66,48,.6),transparent 74%),radial-gradient(26% 46% at -4% 44%,rgba(190,36,26,.38),transparent 72%),radial-gradient(26% 46% at 104% 30%,rgba(190,36,26,.32),transparent 72%);animation:breathe 9s ease-in-out infinite}
@keyframes breathe{50%{opacity:.72;transform:scale(1.04)}}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:clamp(20px,2.2vw,30px)}
.hero .h1{max-width:19.6ch}
.hero .h1 em{background:linear-gradient(180deg,#FF8A76 0%,#E8473A 52%,#B8281D 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .h1 em .w>span{background:linear-gradient(180deg,#FF8A76 0%,#E8473A 52%,#B8281D 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{max-width:50ch}
.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}
.hero-stage{position:relative;margin-top:clamp(52px,6.2vw,96px);perspective:1800px}
.hero-stage::before{content:"";position:absolute;inset:8% 6% -4% 6%;background:radial-gradient(closest-side,rgba(240,78,58,.5),transparent);filter:blur(60px);z-index:0}
.console{--sp:1;position:relative;z-index:1;border-radius:clamp(18px,2vw,28px);border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(38,20,17,.9) 0%,rgba(13,8,7,.97) 34%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 70px 140px -40px #000,0 0 0 1px rgba(0,0,0,.6);overflow:hidden;transform-origin:50% 0;transform:rotateX(calc((1 - var(--sp))*16deg)) scale(calc(.93 + var(--sp)*.07));will-change:transform;text-align:left}
.console::before{content:"";position:absolute;inset:0 12% auto 12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,214,200,.75),transparent)}
.console-top{display:flex;align-items:center;gap:16px;padding:15px 20px;border-bottom:1px solid var(--line)}
.dots{display:flex;gap:7px}.dots i{width:11px;height:11px;border-radius:50%;background:rgba(255,236,228,.14)}
.console-title{flex:1;text-align:center;font:620 11.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.live{display:inline-flex;align-items:center;gap:8px;font:620 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:live 1.8s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(92,197,145,.7)}70%,100%{box-shadow:0 0 0 9px rgba(92,197,145,0)}}
.console-body{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr)}
.chat{padding:clamp(22px,2.8vw,40px);display:grid;gap:26px;align-content:start;border-right:1px solid var(--line)}
.msg{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start}
.ava{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 12px/1 var(--f-d);font-stretch:112%;background:rgba(255,236,228,.08);border:1px solid var(--line-2);color:var(--ivory)}
.ava-ai{background:linear-gradient(180deg,#EA5543,#B8281D);border-color:transparent}
.ava-ai .mark{width:18px;height:18px}.ava-ai .mk-b{fill:rgba(255,255,255,.55)}
.who{display:block;margin:2px 0 8px;font:620 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.say{font:560 clamp(1.05rem,1.55vw,1.38rem)/1.36 var(--f-b);letter-spacing:-.012em;color:#fff;min-height:2.72em}
.caret{display:inline-block;width:2px;height:1.05em;margin-left:3px;vertical-align:-.16em;background:var(--red-hi);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.onit{font-size:1.05rem;color:var(--mute);margin-bottom:14px}
.steps{display:grid;gap:9px}
.steps li{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,236,228,.03);font-size:15.5px;color:var(--ivory);transition:opacity .6s var(--ease),transform .7s var(--ease),border-color .6s,background-color .6s}
.steps li b{font:700 15.5px var(--f-d);font-stretch:112%;font-variant-numeric:tabular-nums}
.tick{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(92,197,145,.16);color:var(--green)}
.tick .i{width:13px;height:13px;stroke-width:2.4}
.console.is-run .steps li:not(.is-done){opacity:.28;transform:translateY(6px)}
.console.is-run .steps li.is-done{border-color:rgba(92,197,145,.3);background:rgba(92,197,145,.06)}
.feed{position:relative;padding:clamp(22px,2.8vw,40px);display:grid;gap:12px;align-content:start;background:radial-gradient(120% 70% at 100% 0%,rgba(214,56,43,.2),transparent 62%)}
.feed-lbl{font:620 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.note{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px 14px 14px;border-radius:16px;border:1px solid var(--line-2);background:rgba(20,11,10,.82);box-shadow:0 18px 40px -22px #000;transition:opacity .7s var(--ease),transform .9s var(--ease)}
.note-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,236,228,.07);color:var(--gold)}
.note b{display:block;font:650 15px/1.25 var(--f-d);font-stretch:110%;letter-spacing:-.012em;color:#fff}
.note span{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--mute)}
.note-good .note-ico{background:rgba(92,197,145,.14);color:var(--green)}
.console.is-run .note:not(.is-in){opacity:0;transform:translate3d(26px,0,0) scale(.97)}
.console-cap{position:relative;z-index:1;margin-top:22px;text-align:center;font:620 11.5px/1.4 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.hero-tags{position:relative;margin-top:clamp(34px,4vw,56px);display:flex;justify-content:center;flex-wrap:wrap;gap:12px 0}
.hero-tags li{display:flex;align-items:center;gap:10px;padding:0 clamp(14px,2vw,30px);font:620 11.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.hero-tags li + li{border-left:1px solid var(--line-2)}
.hero-tags .i{width:15px;height:15px;color:var(--red-hi);stroke-width:2.2}

/* ---------- client logo wall ---------- */
.logos{padding-block:clamp(30px,4vw,56px) clamp(70px,8vw,120px);background:var(--ink);--fg:var(--ivory);--rule:var(--line);--soft:rgba(255,236,228,.04)}
.logos-lbl{text-align:center;margin-bottom:28px;font:620 11.5px/1.5 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.logos-lbl b{color:var(--ivory);font-weight:660}
.mq-wall{display:grid;gap:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}
.mq{overflow:hidden}
.mq-track{display:flex;width:max-content;animation:mq var(--dur,90s) linear infinite}
.mq-rev .mq-track{animation-direction:reverse}
.mq-wall:hover .mq-track{animation-play-state:paused}
.mq-set{display:flex;gap:14px;padding-right:14px}
.chip{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 22px 0 8px;border-radius:999px;border:1px solid var(--rule);background:var(--soft);font:560 15px/1 var(--f-b);color:var(--fg);white-space:nowrap;transition:border-color .3s,background-color .3s,transform .5s var(--ease)}
.chip:hover{border-color:var(--red-hi);transform:translateY(-2px)}
.chip-ico,.ccard-ico{position:relative;width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}
.chip-ico b,.ccard-ico b{font:720 11px/1 var(--f-d);font-stretch:110%;color:#3a2a26;letter-spacing:.02em}
.chip-ico img{position:absolute;inset:8px;width:22px;height:22px;object-fit:contain;background:#fff}

/* ---------- proof: 100+ and the map ---------- */
.proof-top{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(28px,5vw,84px);align-items:center}
.proof-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;justify-items:start}
.proof-copy .h2{font-size:clamp(1.7rem,3.05vw,2.9rem)}
.bignum{display:flex;align-items:flex-start;gap:.06em;font-family:var(--f-d);font-stretch:122%;font-weight:780;font-size:clamp(5.4rem,11.2vw,10.6rem);line-height:.8;letter-spacing:-.065em;color:var(--fg);margin-block:.04em 0}
.bignum sup{font-size:.5em;line-height:1;margin-top:.06em;color:var(--red)}
.bignum-lbl{margin-top:-6px;font:660 12px/1 var(--f-d);font-stretch:122%;letter-spacing:.2em;text-transform:uppercase;color:var(--fg3)}
.mapcard{position:relative;border-radius:clamp(22px,2.4vw,32px);padding:clamp(18px,2.2vw,30px);background:radial-gradient(110% 90% at 80% 0%,#3B0F0C 0%,#150A09 46%,#0B0706 100%);color:var(--ivory);box-shadow:0 50px 90px -44px rgba(23,13,11,.7),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.mapcard-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font:620 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.mapcard-top b{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:620}
.mapcard-top b i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:live 1.8s infinite}
.map{position:relative}
.map svg{width:100%;height:auto;overflow:visible}
.map-dots{fill:none;stroke:rgba(249,244,239,.2);stroke-width:.44;stroke-linecap:round}
.pin{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2);border-radius:50%;background:radial-gradient(circle at 35% 30%,#FF9A86,var(--red-hi) 55%,#D2382B);box-shadow:0 0 14px rgba(240,96,77,.9)}
.pin::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--red-hi);animation:ping 3.2s var(--ease) infinite;animation-delay:var(--d)}
@keyframes ping{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(3.4);opacity:0}}
.js .map .pin{transform:scale(0);transition:transform .9s var(--ease);transition-delay:calc(var(--d) + 300ms)}
.js .is-in .map .pin{transform:none}
.mapcard-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mapcard-foot span{display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line-2);font-size:13.5px;color:var(--mute)}
.mapcard-foot span b{font:700 13.5px var(--f-d);font-stretch:110%;color:#fff}
.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(48px,6vw,92px);border-top:1px solid var(--rule)}
.stat{padding:clamp(22px,2.6vw,36px) clamp(16px,2.6vw,40px) 0 0;display:grid;gap:10px}
.stat + .stat{padding-left:clamp(16px,2.6vw,40px);border-left:1px solid var(--rule)}
.stat .num{font-size:clamp(2.6rem,5vw,4.6rem);font-weight:740;letter-spacing:-.05em;font-stretch:120%}
.stat .num sup,.band .num sup{font-size:.55em;color:var(--em);vertical-align:.52em;margin-left:.04em;line-height:0}
.stat p{color:var(--fg2);max-width:22ch}

/* ---------- walkthrough video ---------- */
.vframe{position:relative;max-width:1120px;margin-inline:auto;aspect-ratio:16/9;border-radius:clamp(18px,2.2vw,30px);padding:clamp(6px,.8vw,10px);background:linear-gradient(180deg,#2A1613,#120A09);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 80px 150px -50px rgba(226,62,46,.55),0 40px 80px -30px #000;cursor:pointer;isolation:isolate}
.vframe-in{position:relative;width:100%;height:100%;border-radius:clamp(13px,1.6vw,22px);overflow:hidden;background:#000}
.vframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(14px) brightness(.5) saturate(1.3);transform:scale(1.16);transition:transform 1.6s var(--ease),filter .8s}
.vframe:hover img{transform:scale(1.22);filter:blur(14px) brightness(.62) saturate(1.35)}
.vframe-in::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,6,.55) 0%,transparent 34%,transparent 52%,rgba(10,6,6,.92) 100%);pointer-events:none}
.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.vframe-top{position:absolute;z-index:2;inset:clamp(14px,2vw,26px) clamp(14px,2vw,26px) auto;display:flex;justify-content:space-between;align-items:center}
.vframe-meta{position:absolute;z-index:2;left:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px);bottom:clamp(18px,3vw,38px);display:flex;justify-content:space-between;align-items:flex-end;gap:16px;color:#fff}
.vframe-meta h3{font-size:clamp(1.1rem,2.3vw,2rem)}
.vframe-meta p{margin-top:8px;font:620 11px/1.3 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.vdur{font:650 13px/1 var(--f-d);font-stretch:112%;padding:9px 13px;border-radius:999px;background:rgba(10,6,6,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}
.vplay{position:absolute;z-index:2;left:50%;top:50%;width:clamp(72px,9vw,112px);height:clamp(72px,9vw,112px);margin:calc(clamp(72px,9vw,112px)/-2) 0 0 calc(clamp(72px,9vw,112px)/-2);border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#EA5543,#C92F23);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 20px 60px rgba(226,62,46,.7);transition:transform .6s var(--ease)}
.vplay .i{width:34%;height:34%;margin-left:6%}
.vframe:hover .vplay{transform:scale(1.08)}
.ring{position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.55);animation:ring 2.4s var(--ease) infinite;pointer-events:none}
.ring + .ring{animation-delay:1.2s}
@keyframes ring{0%{transform:scale(.86);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.rec{display:inline-flex;align-items:center;gap:9px;height:30px;padding:0 13px;border-radius:999px;background:rgba(10,6,6,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);font:640 10.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.rec i{width:7px;height:7px;border-radius:50%;background:var(--red-hi);animation:recdot 1.6s infinite}
@keyframes recdot{0%{box-shadow:0 0 0 0 rgba(240,96,77,.8)}70%,100%{box-shadow:0 0 0 8px rgba(240,96,77,0)}}
.vframe.is-playing .vplay,.vframe.is-playing .vframe-meta,.vframe.is-playing .vframe-top{display:none}

/* ---------- six things: hub diagram ---------- */
.hubgrid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,25vw,340px) minmax(0,1fr);grid-template-rows:repeat(3,1fr);gap:16px 0;align-items:stretch}
.hub-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}
.hub-wires path{fill:none;stroke:rgba(255,236,228,.14);stroke-width:1;vector-effect:non-scaling-stroke}
.hub-wires .flowline{stroke:var(--red-hi);stroke-width:1.6;stroke-dasharray:7 100;stroke-linecap:round;animation:wire 3.4s linear infinite;animation-delay:var(--d,0s);filter:drop-shadow(0 0 4px rgba(240,96,77,.9))}
@keyframes wire{from{stroke-dashoffset:107}to{stroke-dashoffset:0}}
.hub{grid-column:2;grid-row:1/4;position:relative;display:grid;place-items:center;z-index:1}
.hub-core{position:relative;width:clamp(150px,15vw,200px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;background:radial-gradient(circle at 50% 30%,#3D120E 0%,#160A09 70%);border:1px solid rgba(240,96,77,.5);box-shadow:0 0 0 12px rgba(240,96,77,.06),0 0 0 26px rgba(240,96,77,.035),0 0 90px rgba(226,62,46,.55),inset 0 1px 0 rgba(255,255,255,.14)}
.hub-core .mark{width:44px;height:44px}
.hub-core b{font:700 15px/1.1 var(--f-d);font-stretch:116%;letter-spacing:-.01em}
.hub-core span{font:620 10px/1 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.hub-orbit{position:absolute;left:50%;top:50%;width:clamp(230px,23vw,310px);aspect-ratio:1;margin:calc(clamp(230px,23vw,310px)/-2) 0 0 calc(clamp(230px,23vw,310px)/-2);border-radius:50%;border:1px dashed rgba(255,236,228,.16);animation:spin 40s linear infinite}
.hub-orbit::before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--red-hi);box-shadow:0 0 14px var(--red-hi)}
@keyframes spin{to{transform:rotate(360deg)}}
.fcard{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;align-items:start;padding:clamp(22px,2.4vw,32px);border-radius:24px;border:1px solid var(--rule);background:var(--card);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;transition:border-color .5s,transform .7s var(--ease)}
.fcard:nth-of-type(odd){grid-column:1}.fcard:nth-of-type(even){grid-column:3}
.fcard::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(240,96,77,.2),transparent 62%);opacity:0;transition:opacity .5s;pointer-events:none}
.fcard:hover{border-color:rgba(240,96,77,.45);transform:translateY(-4px)}
.fcard:hover::before{opacity:1}
.fcard-ico{grid-row:1/3;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(240,96,77,.1);border:1px solid rgba(240,96,77,.28);color:var(--red-hi)}
.fcard-ico .i{width:24px;height:24px}
.fcard p{grid-column:2;color:var(--fg2);font-size:16px;line-height:1.55}
.keep{margin-top:clamp(26px,3vw,40px);text-align:center;color:var(--fg2)}

/* ---------- testimonial theater ---------- */
.theater{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(0,1fr);gap:clamp(14px,1.6vw,24px);align-items:stretch}
.stage{position:relative;aspect-ratio:4/3;border-radius:clamp(20px,2.2vw,30px);overflow:hidden;background:#090505;isolation:isolate;box-shadow:0 60px 100px -50px rgba(23,13,11,.75);cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent}
.stage-poster,.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stage-poster{transition:opacity .6s,transform 9s linear;transform:scale(1.03)}
.stage.is-live .stage-poster{transform:scale(1.1)}
.stage.is-swap .stage-poster{opacity:0;transition:opacity .25s}
.stage-video{opacity:0;transition:opacity .7s}
.stage.has-video .stage-video{opacity:1}
.stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,4,4,.5) 0%,transparent 24%,transparent 40%,rgba(8,4,4,.94) 100%);transition:opacity .5s}
.stage-top{position:absolute;inset:clamp(14px,1.8vw,22px) clamp(14px,1.8vw,22px) auto;display:flex;justify-content:space-between;align-items:center;transition:opacity .4s}
.stage-count{font:620 12px/1 var(--f-d);font-stretch:116%;letter-spacing:.12em;color:rgba(255,255,255,.7)}
.stage-count b{color:#fff;font-weight:700}
.stage-copy{position:absolute;left:clamp(18px,2.6vw,38px);right:clamp(18px,2.6vw,38px);bottom:clamp(96px,8.6vw,122px);display:grid;gap:14px;transition:opacity .4s,transform .7s var(--ease)}
.stage-topic{font:690 clamp(1.3rem,2.55vw,2.3rem)/1.08 var(--f-d);font-stretch:116%;letter-spacing:-.032em;max-width:21ch;text-wrap:balance}
.stage-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:15px}
.stage-who b{font:660 16px/1.2 var(--f-d);font-stretch:112%}
.stage-who span{color:rgba(255,255,255,.72)}
.stage.is-swap .stage-copy{opacity:0;transform:translateY(12px);transition:none}
.stage-play{position:absolute;left:clamp(18px,2.6vw,38px);bottom:clamp(20px,2.4vw,34px);display:flex;align-items:center;gap:16px;text-align:left;transition:opacity .4s}
.stage-play-ico{position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#EA5543,#C92F23);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 36px rgba(226,62,46,.7);transition:transform .6s var(--ease)}
.stage-play-ico .i{width:22px;height:22px;margin-left:3px}
.stage-play-ico .ring{inset:-8px}
.stage:hover .stage-play-ico{transform:scale(1.1)}
.stage-play-lbl b{display:block;font:660 15.5px/1.2 var(--f-d);font-stretch:112%}
.stage-play-lbl i{display:block;margin-top:3px;font-style:normal;font-size:13.5px;color:rgba(255,255,255,.7)}
.stage.is-playing{cursor:default}
.stage.is-playing .stage-shade,.stage.is-playing .stage-copy,.stage.is-playing .stage-play,.stage.is-playing .stage-top{opacity:0;pointer-events:none}
.stage.is-playing .stage-video{object-fit:contain;background:#000}
.stage-close{position:absolute;z-index:3;top:16px;right:16px;display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 16px 0 12px;border-radius:999px;background:rgba(10,6,6,.72);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:620 13px/1 var(--f-d);font-stretch:110%;color:#fff}
.stage-close .i{width:16px;height:16px}
.tl{display:flex;flex-direction:column;border-radius:clamp(20px,2.2vw,30px);border:1px solid var(--rule);background:var(--card);overflow:hidden;box-shadow:0 40px 80px -50px rgba(23,13,11,.4)}
.tl-head{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--rule);font:620 11px/1.3 var(--f-d);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.tl-watched{color:var(--em)}
.tl-rows{flex:1;display:grid;grid-auto-rows:minmax(0,1fr)}
.tl-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:7px 16px 7px 10px;transition:background-color .35s}
.tl-row + .tl-row{border-top:1px solid var(--rule)}
.tl-row:hover{background:var(--soft)}
.tl-thumb{position:relative;width:44px;height:52px;border-radius:11px;overflow:hidden;background:#111;flex:none}
.tl-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.tl-row:hover .tl-thumb img{transform:scale(1.1)}
.tl-eq{position:absolute;inset:0;display:none;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:9px;background:linear-gradient(180deg,transparent 30%,rgba(210,56,43,.85))}
.tl-eq i{width:3px;height:14px;border-radius:2px;background:#fff;transform-origin:50% 100%;animation:eq .9s ease-in-out infinite}
.tl-eq i:nth-child(2){animation-delay:.2s}.tl-eq i:nth-child(3){animation-delay:.4s}
@keyframes eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.tl-row.is-on .tl-eq{display:flex}
.tl-txt{min-width:0;display:grid;gap:3px}
.tl-txt b{font:660 15.5px/1.2 var(--f-d);font-stretch:110%;letter-spacing:-.016em;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-txt span{font-size:13.5px;line-height:1.3;color:var(--fg3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-state{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--rule2);color:var(--fg2);transition:background-color .3s,border-color .3s,color .3s}
.tl-state .i{width:13px;height:13px}
.tl-state .i:last-child{display:none;stroke-width:2.6}
.tl-row.is-seen .tl-state{background:rgba(46,125,87,.12);border-color:transparent;color:#2E7D57}
.tl-row.is-seen .tl-state .i:first-child{display:none}.tl-row.is-seen .tl-state .i:last-child{display:block}
.tl-row.is-on{background:var(--soft)}
.tl-row.is-on .tl-state{background:var(--red);border-color:var(--red);color:#fff}
.tl-bar{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden}
.tl-bar i{display:block;height:100%;background:var(--red);transform-origin:0 50%;transform:scaleX(var(--p,0))}

/* ---------- the difference ---------- */
.vs{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(14px,1.8vw,26px);align-items:stretch}
.vs-card{position:relative;border-radius:clamp(22px,2.4vw,32px);padding:clamp(24px,3.2vw,48px);border:1px solid var(--rule);background:var(--card);display:flex;flex-direction:column;gap:22px;overflow:hidden}
.vs-lbl{display:flex;align-items:center;gap:10px;font:640 11.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--fg3)}
.hours{display:grid}
.hours li{position:relative;display:flex;justify-content:space-between;gap:16px;padding:15px 0 17px;color:var(--fg2);font-size:16.5px}
.hours li b{font:640 15px var(--f-d);font-stretch:112%;font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}
.hours li::before,.hours li::after{content:"";position:absolute;left:0;bottom:0;height:2px;border-radius:2px}
.hours li::before{right:0;background:var(--rule)}
.hours li::after{width:var(--w);background:linear-gradient(90deg,rgba(255,236,228,.5),rgba(255,236,228,.18));transform-origin:0 50%;transition:transform 1.4s var(--ease);transition-delay:calc(var(--n)*90ms + 200ms)}
.js .vs-card:not(.is-in) .hours li::after{transform:scaleX(0)}
.vs-total{margin-top:auto;padding-top:10px;font-size:17px;color:var(--fg2);display:flex;align-items:baseline;flex-wrap:wrap;gap:0 14px}
.vs-total .num{font-size:clamp(3rem,5.6vw,5rem);font-weight:760;letter-spacing:-.055em;color:var(--fg)}
.vs-after{border-color:rgba(240,96,77,.5);background:radial-gradient(110% 90% at 100% 0%,rgba(226,62,46,.34) 0%,rgba(110,19,15,.2) 38%,transparent 70%),linear-gradient(180deg,#1B0E0C,#100908);box-shadow:0 60px 120px -50px rgba(226,62,46,.6),inset 0 1px 0 rgba(255,255,255,.1)}
.vs-after .vs-lbl{color:var(--gold)}
.vs-say{padding:20px 22px;border-radius:18px 18px 18px 6px;background:rgba(255,236,228,.07);border:1px solid var(--line-2);font:560 clamp(1.05rem,1.5vw,1.3rem)/1.38 var(--f-b);letter-spacing:-.01em;color:#fff}
.ticks{display:grid;gap:14px}
.ticks li{display:flex;align-items:center;gap:14px;font-size:17px;color:#fff;transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--n)*130ms + 350ms)}
.js .vs-card:not(.is-in) .ticks li{opacity:0;transform:translate3d(-16px,0,0)}
.vs-after .vs-total .num{color:#fff;font-size:clamp(2.4rem,4.4vw,3.9rem)}
.vs-arrow{position:absolute;z-index:2;left:calc(100%/2.12);top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;display:grid;place-items:center;background:var(--ink);border:1px solid var(--line-2);color:var(--red-hi);box-shadow:0 0 0 8px var(--ink)}

/* ---------- how a meeting happens: pinned story ---------- */
.flow{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,6vw,110px);align-items:start}
.flow-vis{position:sticky;top:clamp(96px,14vh,150px);height:min(600px,72vh)}
.screen{position:relative;height:100%;border-radius:clamp(20px,2.2vw,30px);border:1px solid var(--line-2);background:linear-gradient(180deg,#1E100E 0%,#0E0807 40%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 60px 120px -50px rgba(226,62,46,.5),0 40px 80px -30px #000;overflow:hidden}
.screen-top{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}
.screen-top .console-title{text-align:left}
.screen-steps{display:flex;gap:5px}
.screen-steps i{width:22px;height:3px;border-radius:2px;background:rgba(255,236,228,.14);transition:background-color .5s,width .6s var(--ease)}
.screen-steps i.is-on{background:var(--red-hi);width:34px}
.scenes{position:absolute;inset:52px 0 0 0}
.scene{position:absolute;inset:0;padding:clamp(18px,2.6vw,34px);display:grid;align-content:center;gap:14px;opacity:0;transform:translate3d(0,22px,0) scale(.98);transition:opacity .6s var(--ease),transform .9s var(--ease);pointer-events:none}
.scene.is-on{opacity:1;transform:none}
.sc-lbl{display:flex;justify-content:space-between;align-items:center;gap:12px;font:620 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.sc-lbl b{color:var(--green);font-weight:640}
.sc-chips{display:flex;flex-wrap:wrap;gap:8px}
.sc-chips span{height:32px;padding:0 13px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line-2);font-size:13.5px;color:var(--ivory);background:rgba(255,236,228,.05)}
.rowx{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,236,228,.03)}
.rowx>i{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(255,236,228,.2),rgba(255,236,228,.06))}
.bars{display:grid;gap:7px}
.bars u{display:block;height:8px;border-radius:4px;background:rgba(255,236,228,.2)}
.bars u + u{background:rgba(255,236,228,.1)}
.ok{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:rgba(92,197,145,.14);color:var(--green);font:640 11px/1 var(--f-d);font-stretch:112%;letter-spacing:.08em;text-transform:uppercase}
.ok .i{width:12px;height:12px;stroke-width:2.6}
.mailx{border-radius:18px;border:1px solid var(--line-2);background:rgba(20,11,10,.9);overflow:hidden}
.mailx-h{display:grid;gap:9px;padding:16px 18px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--dim)}
.mailx-h div{display:flex;align-items:center;gap:12px}
.mailx-h u{display:block;height:8px;border-radius:4px;background:rgba(255,236,228,.16)}
.mailx-b{padding:18px;display:grid;gap:12px}
.hl{padding:12px 14px;border-radius:12px;background:rgba(240,96,77,.14);border:1px solid rgba(240,96,77,.4);font-size:15.5px;line-height:1.45;color:#fff}
.hl small{display:block;margin-bottom:6px;font:640 10.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--red-hi)}
.track{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center}
.track>b{font:640 12px/1 var(--f-d);font-stretch:114%;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:8px}
.track>b .i{width:16px;height:16px;color:var(--gold)}
.rail{position:relative;height:58px;border-radius:14px;border:1px solid var(--line);background:rgba(255,236,228,.03)}
.rail::before{content:"";position:absolute;left:16px;right:16px;top:50%;height:1px;background:var(--line-2)}
.rail span{position:absolute;top:50%;left:var(--x);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px}
.rail span i{width:12px;height:12px;border-radius:50%;background:var(--red-hi);box-shadow:0 0 0 4px rgba(240,96,77,.2),0 0 14px rgba(240,96,77,.9)}
.rail span em{position:absolute;top:14px;font:620 10.5px/1 var(--f-d);font-stretch:112%;font-style:normal;letter-spacing:.08em;color:var(--dim);white-space:nowrap}
.scene.is-on .rail span{animation:pop .7s var(--ease) both;animation-delay:calc(var(--k)*160ms + 200ms)}
@keyframes pop{from{opacity:0;transform:translate(-50%,-50%) scale(.2)}}
.bub{max-width:82%;padding:14px 16px;border-radius:18px 18px 18px 6px;background:rgba(255,236,228,.08);border:1px solid var(--line-2);font-size:15.5px;line-height:1.45;color:#fff}
.bub small{display:block;margin-bottom:6px;font:640 10.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.bub-out{justify-self:end;border-radius:18px 18px 6px 18px;background:linear-gradient(180deg,rgba(240,96,77,.24),rgba(240,96,77,.1));border-color:rgba(240,96,77,.42)}
.bub-out small{color:var(--red-hi)}
.bub-act{justify-self:end;display:flex;gap:8px}
.bub-act span{height:36px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;font:640 13px/1 var(--f-d);font-stretch:110%;border:1px solid var(--line-2);color:var(--mute)}
.bub-act span:first-child{background:var(--green);border-color:var(--green);color:#06140d}
.bub-act .i{width:14px;height:14px;stroke-width:2.6}
.calx{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:20px;border-radius:20px;border:1px solid rgba(92,197,145,.4);background:linear-gradient(180deg,rgba(92,197,145,.12),rgba(92,197,145,.03))}
.calx-d{width:92px;border-radius:16px;overflow:hidden;text-align:center;background:#fff;color:#170D0B}
.calx-d small{display:block;padding:7px 0;background:var(--red);color:#fff;font:660 10.5px/1 var(--f-d);font-stretch:116%;letter-spacing:.16em;text-transform:uppercase}
.calx-d b{display:block;padding:10px 0 12px;font:760 26px/1 var(--f-d);font-stretch:116%;letter-spacing:-.04em}
.calx h4{margin:0;font:690 clamp(1.15rem,1.8vw,1.5rem)/1.15 var(--f-d);font-stretch:114%;letter-spacing:-.025em;color:#fff}
.calx p{margin-top:5px;font-size:14.5px;color:var(--mute)}
.done3{display:grid;gap:9px}
.done3 li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);font-size:15px;color:var(--ivory)}
.flow-steps{display:grid}
.flow-step{min-height:min(64vh,560px);display:grid;align-content:center;gap:14px;opacity:.26;transition:opacity .6s}
.flow-step.is-on{opacity:1}
.flow-step:last-child{min-height:min(52vh,460px)}
.flow-n{font:700 13px/1 var(--f-d);font-stretch:118%;letter-spacing:.14em;color:var(--red-hi)}
.flow-step>h3{font:720 clamp(1.7rem,3.2vw,2.9rem)/1.02 var(--f-d);font-stretch:118%;letter-spacing:-.035em}
.flow-step>p{font-size:clamp(1.05rem,1.3vw,1.22rem);line-height:1.5;color:var(--fg2);max-width:30ch}

/* ---------- your part ---------- */
.part{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.pcard{position:relative;display:grid;gap:14px;align-content:start;padding:clamp(24px,2.8vw,40px);border-radius:26px;background:var(--card);border:1px solid var(--rule);box-shadow:0 30px 60px -44px rgba(23,13,11,.45);transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.pcard:hover{transform:translateY(-6px);box-shadow:0 50px 80px -44px rgba(23,13,11,.55)}
.pcard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(20px,3.4vw,56px)}
.when{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;background:rgba(210,56,43,.1);color:var(--red);font:660 10.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase}
.pcard-top .i{width:26px;height:26px;color:var(--fg3)}
.pcard p{color:var(--fg2)}
.closing{margin-top:clamp(30px,3.6vw,52px);text-align:center;font:640 clamp(1.05rem,1.6vw,1.4rem)/1.35 var(--f-d);font-stretch:112%;letter-spacing:-.02em;color:var(--fg)}
.closing span{color:var(--fg3)}

/* ---------- stats band ---------- */
.band{padding-block:clamp(60px,7vw,110px);overflow:hidden}
.band::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,rgba(255,236,228,.16) 1px,transparent 1.6px) 0 0/24px 24px;-webkit-mask-image:linear-gradient(110deg,transparent 30%,#000 100%);mask-image:linear-gradient(110deg,transparent 30%,#000 100%);pointer-events:none}
.band-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.band-item{display:grid;gap:14px;padding-inline:clamp(14px,2.4vw,40px)}
.band-item:first-child{padding-left:0}
.band-item + .band-item{border-left:1px solid var(--rule)}
.band .num{font-size:clamp(2.7rem,6vw,5.9rem);font-weight:760;font-stretch:122%;letter-spacing:-.055em}
.band p{font:620 11.5px/1.5 var(--f-d);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2);max-width:22ch}

/* ---------- founder ---------- */
.founder{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:clamp(30px,6vw,110px);align-items:center}
.portrait{position:relative;max-width:500px}
.portrait::before{content:"";position:absolute;inset:0;border-radius:30px;border:1px solid rgba(220,193,154,.45);transform:translate(16px,16px)}
.portrait::after{content:"";position:absolute;inset:-12% -16% -12% -16%;z-index:-1;background:radial-gradient(closest-side,rgba(226,62,46,.42),transparent);filter:blur(30px)}
.portrait-in{position:relative;aspect-ratio:4/5;border-radius:30px;overflow:hidden;background:var(--ink-3)}
.portrait img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--py,0px),0)}
.portrait-tag{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 15px 0 12px;border-radius:999px;background:rgba(10,6,6,.66);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:640 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.founder-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;justify-items:start}
.founder-copy .h2{font-size:clamp(2.2rem,5vw,4.6rem)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:560px}
.duo>div{padding:22px 24px;border-radius:20px;border:1px solid var(--rule);background:var(--card);display:grid;gap:8px}
.duo .num{font-size:clamp(2rem,3.4vw,3rem);font-weight:740;letter-spacing:-.045em}
.duo .num sup{font-size:.56em;color:var(--em);vertical-align:.5em;line-height:0}
.duo p{font-size:14.5px;line-height:1.45;color:var(--fg2)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- faq ---------- */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,110px);align-items:start}
.faq-side{position:sticky;top:130px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;justify-items:start}
.faq{display:grid;gap:10px}
.qa{border-radius:22px;border:1px solid var(--rule);background:var(--card);transition:border-color .4s,box-shadow .5s}
.qa.is-open{border-color:rgba(210,56,43,.5);box-shadow:0 30px 60px -44px rgba(23,13,11,.5)}
.qa-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,28px);font:670 clamp(1.05rem,1.5vw,1.32rem)/1.25 var(--f-d);font-stretch:112%;letter-spacing:-.022em;color:var(--fg)}
.qa-ico{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid var(--rule2);transition:transform .6s var(--ease),background-color .4s,color .4s,border-color .4s}
.qa-ico .i{width:17px;height:17px}
.qa.is-open .qa-ico{transform:rotate(135deg);background:var(--red);border-color:var(--red);color:#fff}
.qa-a{display:grid;grid-template-rows:1fr;transition:grid-template-rows .6s var(--ease)}
.js .qa:not(.is-open) .qa-a{grid-template-rows:0fr}
.qa-a>div{overflow:hidden}
.qa-a p{padding:0 clamp(18px,2.2vw,28px) clamp(20px,2.2vw,28px);max-width:60ch;color:var(--fg2);font-size:17px}

@media (max-width:1040px){
  .hubgrid{grid-template-columns:1fr 1fr;gap:14px}
  .hub-wires{display:none}
  .hub{grid-column:1/-1;grid-row:auto;padding-block:34px 44px}
  .fcard:nth-of-type(odd),.fcard:nth-of-type(even){grid-column:auto}
  .theater{grid-template-columns:1fr}
  .stage{aspect-ratio:16/11}
  .tl-rows{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tl-rows::-webkit-scrollbar{display:none}
  .tl-row{flex:0 0 min(78vw,290px);scroll-snap-align:start;padding:12px 14px 14px 12px}
  .tl-row + .tl-row{border-top:0;border-left:1px solid var(--rule)}
  .tl-thumb{width:52px;height:64px}
}
@media (max-width:900px){
  .console-body{grid-template-columns:1fr}
  .chat{border-right:0;border-bottom:1px solid var(--line)}
  .proof-top{grid-template-columns:1fr}
  .vs{grid-template-columns:1fr}
  .vs-arrow{left:50%;top:auto;bottom:auto;position:relative;margin:-22px auto;transform:rotate(90deg);box-shadow:none}
  .flow{grid-template-columns:1fr;gap:0}
  .flow-vis{top:78px;height:auto;z-index:3;margin-inline:calc(var(--gut)*-1);padding:10px var(--gut) 18px;background:linear-gradient(180deg,var(--ink) 86%,transparent)}
  .screen{height:min(370px,48vh)}
  .scene{padding:16px;gap:10px}
  .flow-step{min-height:56vh;align-content:start;padding-top:20vh}
  .flow-step:last-child{min-height:44vh}
  .part{grid-template-columns:1fr}
  .pcard-top{margin-bottom:18px}
  .band-grid{grid-template-columns:1fr 1fr;gap:34px 0}
  .band-item:nth-child(odd){padding-left:0;border-left:0}
  .founder{grid-template-columns:1fr}
  .portrait{max-width:420px}
  .faq-wrap{grid-template-columns:1fr}
  .faq-side{position:static}
}
@media (max-width:560px){
  .hero{padding-top:118px}
  .hero-cta{width:100%}
  .hero-cta .btn{width:100%}
  .hero-cta .btn-primary{justify-content:space-between}
  .hero-tags{display:grid;grid-template-columns:1fr 1fr;gap:14px 0;justify-items:start}
  .hero-tags li{padding:0 0 0 12px;border-left:1px solid var(--line-2);font-size:10.5px;letter-spacing:.12em}
  .msg{grid-template-columns:34px minmax(0,1fr);gap:12px}
  .ava{width:34px;height:34px;border-radius:10px}
  .chip{height:46px;font-size:14px;padding-right:16px}
  .chip-ico{width:32px;height:32px}.chip-ico img{inset:6px;width:20px;height:20px}
  .bignum small{display:none}
  .stats3{grid-template-columns:1fr}
  .stat + .stat{padding-left:0;border-left:0;border-top:1px solid var(--rule);margin-top:22px}
  .stage{aspect-ratio:4/5}
  .stage-copy{bottom:96px}
  .stage-play-ico{width:52px;height:52px}
  .hubgrid{grid-template-columns:1fr}
  .fcard{grid-template-columns:1fr;gap:14px}
  .fcard-ico{grid-row:auto}.fcard p{grid-column:auto}
  .duo{grid-template-columns:1fr}
  .track{grid-template-columns:1fr;gap:6px}
  .calx{grid-template-columns:1fr;justify-items:start}
  .vframe-meta p{display:none}
}

/* ---------- inner page hero ---------- */
.phero{position:relative;padding:clamp(150px,14.5vw,226px) 0 clamp(64px,7.5vw,120px);overflow:hidden;background:var(--ink);color:var(--ivory);--fg:var(--ivory);--fg2:var(--mute);--fg3:var(--dim);--rule:var(--line);--rule2:var(--line-2);--em:var(--red-hi);--acc:var(--gold);--soft:rgba(255,236,228,.05);--card:linear-gradient(180deg,#180E0C 0%,#100908 100%)}
.phero .hero-fx{-webkit-mask-image:radial-gradient(70% 80% at 70% 30%,#000 10%,transparent 85%);mask-image:radial-gradient(70% 80% at 70% 30%,#000 10%,transparent 85%)}
.phero .hero-glow{background:radial-gradient(40% 60% at 86% 34%,rgba(232,66,48,.5),transparent 72%),radial-gradient(30% 50% at -4% 80%,rgba(190,36,26,.3),transparent 72%)}
.phero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(28px,5vw,90px);align-items:end}
.phero-in.solo{grid-template-columns:minmax(0,1fr)}
.phero-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,2.2vw,28px);justify-items:start}
.phero .h1{font-size:clamp(2.45rem,5.5vw,5.2rem)}
.phero .h1 em{background:linear-gradient(180deg,#FF8A76 0%,#E8473A 52%,#B8281D 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero .h1 em .w>span{background:linear-gradient(180deg,#FF8A76 0%,#E8473A 52%,#B8281D 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.glass{position:relative;border-radius:clamp(20px,2.2vw,30px);border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(38,20,17,.88) 0%,rgba(13,8,7,.96) 40%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 60px 120px -50px rgba(226,62,46,.5),0 40px 80px -30px #000;padding:clamp(20px,2.4vw,32px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.glass-lbl{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font:620 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.glass-lbl b{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:620}
.glass-lbl b i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:live 1.8s infinite}
.wk{display:grid}
.wk li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:17px 2px}
.wk li + li{border-top:1px solid var(--line)}
.wk b{font:680 12px/1 var(--f-d);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--red-hi)}
.wk li:last-child b{color:var(--green)}
.wk span{font:620 clamp(1rem,1.35vw,1.2rem)/1.2 var(--f-d);font-stretch:110%;letter-spacing:-.016em;color:#fff;text-align:right}

/* ---------- week by week ---------- */
.weeks{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);counter-reset:w}
.week{position:relative;display:grid;align-content:start;gap:14px;padding:clamp(22px,2.4vw,34px);padding-top:clamp(84px,9vw,140px);border-radius:26px;background:var(--card);border:1px solid var(--rule);box-shadow:0 30px 60px -44px rgba(23,13,11,.45);overflow:hidden;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.week:hover{transform:translateY(-6px);box-shadow:0 50px 80px -44px rgba(23,13,11,.55)}
.week::before{counter-increment:w;content:"0" counter(w);position:absolute;right:-.04em;top:-.16em;font:780 clamp(6rem,10vw,9.4rem)/1 var(--f-d);font-stretch:122%;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px var(--rule2)}
.week-n{justify-self:start;display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;background:rgba(210,56,43,.1);color:var(--red);font:660 10.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase}
.week p{color:var(--fg2);font-size:16px;line-height:1.55}
.week-last{background:radial-gradient(120% 90% at 100% 0%,#5A130F 0%,#1A0C0A 55%,#0E0807 100%);color:var(--ivory);border-color:transparent;--fg2:var(--mute);--rule2:rgba(255,236,228,.22)}
.week-last .week-n{background:rgba(92,197,145,.16);color:var(--green)}

/* ---------- what Claude can do ---------- */
.askgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.ask{position:relative;display:grid;align-content:start;gap:14px;padding:clamp(22px,2.4vw,32px);min-height:230px;border-radius:24px;border:1px solid var(--rule);background:var(--card);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;transition:border-color .5s,transform .7s var(--ease)}
.ask::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(240,96,77,.2),transparent 62%);opacity:0;transition:opacity .5s;pointer-events:none}
.ask:hover{border-color:rgba(240,96,77,.45);transform:translateY(-4px)}.ask:hover::before{opacity:1}
.kind{justify-self:start;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;font:660 10.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;background:rgba(240,96,77,.12);color:var(--red-hi);margin-bottom:clamp(10px,2vw,30px)}
.kind-auto{background:rgba(92,197,145,.14);color:var(--green)}
.kind-auto::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:live 1.8s infinite}
.ask-q{padding:15px 18px;border-radius:18px 18px 18px 6px;background:rgba(255,236,228,.07);border:1px solid var(--line-2);font:560 clamp(1.02rem,1.4vw,1.2rem)/1.35 var(--f-b);letter-spacing:-.01em;color:#fff;justify-self:start}
.ask p:not(.ask-q){color:var(--fg2);font-size:16px;line-height:1.55}

/* ---------- the stack ---------- */
.stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.tool{display:grid;align-content:start;gap:12px;padding:clamp(22px,2.4vw,32px);border-radius:24px;background:var(--card);border:1px solid var(--rule);box-shadow:0 30px 60px -46px rgba(23,13,11,.45);transition:transform .7s var(--ease)}
.tool:hover{transform:translateY(-5px)}
.tool-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(14px,2.4vw,36px)}
.tool-top .i{width:26px;height:26px;color:var(--fg3)}
.tool p{color:var(--fg2);font-size:16px;line-height:1.55}
.tool-main{background:radial-gradient(120% 90% at 100% 0%,#5A130F 0%,#1A0C0A 55%,#0E0807 100%);color:var(--ivory);border-color:transparent;--fg2:var(--mute);--fg3:var(--gold)}
.tool-main .when{background:rgba(255,236,228,.1);color:var(--gold)}

/* ---------- the maths: funnel ---------- */
.funnel{display:grid;gap:10px;justify-items:center}
.funnel li{position:relative;width:var(--w);min-width:min(100%,520px);display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:clamp(14px,2.6vw,36px);padding:clamp(16px,2vw,26px) clamp(18px,2.8vw,40px);border-radius:22px;border:1px solid var(--rule);background:linear-gradient(90deg,rgba(255,236,228,.07),rgba(255,236,228,.025));transition:transform .9s var(--ease),opacity .9s var(--ease)}
.js .funnel:not(.is-in) li{opacity:0;transform:scaleX(.86)}
.funnel li:nth-child(2){transition-delay:.1s}.funnel li:nth-child(3){transition-delay:.2s}.funnel li:nth-child(4){transition-delay:.3s}.funnel li:nth-child(5){transition-delay:.4s}
.funnel .num{font-size:clamp(1.9rem,3.8vw,3.5rem);font-weight:750;letter-spacing:-.05em;font-stretch:120%}
.funnel span{color:var(--fg2);font-size:clamp(.98rem,1.25vw,1.15rem);line-height:1.4}
.funnel-end{border-color:rgba(240,96,77,.6)!important;background:linear-gradient(90deg,#C92F23,#7A1611)!important;box-shadow:0 30px 80px -30px rgba(226,62,46,.8)}
.funnel-end span{color:#fff}

/* ---------- clients: country list, directory ---------- */
.clist{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.clist li{display:grid;grid-template-columns:minmax(0,1fr) 46px 22px;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--mute)}
.clist li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clist li i{height:3px;border-radius:2px;background:rgba(255,236,228,.12);position:relative;overflow:hidden}
.clist li i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--red-hi);border-radius:2px}
.clist li b{font:700 13px/1 var(--f-d);font-stretch:110%;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,3vw,40px)}
.pill{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 17px;border-radius:999px;border:1px solid var(--rule2);font:540 14.5px/1 var(--f-b);color:var(--fg2);transition:background-color .3s,border-color .3s,color .3s,transform .4s var(--ease)}
.pill i{font:680 11px/1 var(--f-d);font-stretch:110%;font-style:normal;opacity:.6}
.pill:hover{color:var(--fg);border-color:var(--fg)}
.pill.is-on{background:var(--red);border-color:var(--red);color:#fff}
.cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ccard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px 14px 14px;border-radius:18px;border:1px solid var(--rule);background:var(--card);transition:border-color .4s,transform .6s var(--ease);animation:cin .6s var(--ease) both}
@keyframes cin{from{opacity:0;transform:translateY(12px)}}
.ccard-ico{width:46px;height:46px;border-radius:13px}
.ccard-ico img{position:absolute;inset:9px;width:28px;height:28px;object-fit:contain;background:#fff}
.ccard-txt{min-width:0;display:grid;gap:5px}
.ccard-txt b{font:650 15.5px/1.2 var(--f-d);font-stretch:108%;letter-spacing:-.015em;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccard-txt span{font:600 10.5px/1.2 var(--f-d);font-stretch:112%;letter-spacing:.09em;text-transform:uppercase;color:var(--fg3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccard>.i{width:16px;height:16px;color:var(--red-hi);opacity:0;transform:translate(-5px,5px);transition:opacity .4s,transform .5s var(--ease)}
.ccard:hover{border-color:rgba(240,96,77,.55);transform:translateY(-3px)}
.ccard:hover>.i{opacity:1;transform:none}
.dir-note{margin-top:26px;color:var(--fg3);font-size:14.5px}

/* ---------- results ---------- */
.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}
.result{display:grid;align-content:start;gap:16px;padding:clamp(24px,2.8vw,40px);border-radius:26px;background:var(--card);border:1px solid var(--rule);box-shadow:0 30px 60px -44px rgba(23,13,11,.45)}
.result .h3{font-size:clamp(1.5rem,2.5vw,2.25rem);font-stretch:116%;font-weight:720;letter-spacing:-.035em;line-height:1.02;margin-top:clamp(18px,3.6vw,60px)}
.result p{color:var(--fg2)}
.result-main{background:radial-gradient(120% 90% at 100% 0%,#5A130F 0%,#1A0C0A 55%,#0E0807 100%);color:var(--ivory);border-color:transparent;--fg2:var(--mute)}
.result-main .when{background:rgba(255,236,228,.1);color:var(--gold)}
.fine{margin-top:26px;color:var(--fg3);font-size:14.5px;text-align:center}

/* ---------- about ---------- */
.story{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:clamp(30px,6vw,110px);align-items:start}
.story-side{position:sticky;top:120px;display:grid;gap:26px}
.idcard{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:500px}
.idcard b{display:block;font:700 clamp(1.3rem,2vw,1.7rem)/1.1 var(--f-d);font-stretch:114%;letter-spacing:-.028em}
.idcard span{display:block;margin-top:6px;font-size:14.5px;color:var(--fg3)}
.prose{display:grid;gap:22px;max-width:640px}
.prose .pull{font:700 clamp(1.5rem,2.9vw,2.6rem)/1.08 var(--f-d);font-stretch:116%;letter-spacing:-.034em;color:var(--fg);text-wrap:balance;margin-bottom:10px}
.prose p{font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.66;color:var(--fg2)}
.quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.quad>div{padding:22px 24px;border-radius:20px;border:1px solid var(--rule);background:var(--card);display:grid;gap:8px;align-content:start}
.quad .num{font-size:clamp(2rem,3.4vw,3rem);font-weight:740;letter-spacing:-.045em}
.quad .num sup{font-size:.56em;color:var(--em);vertical-align:.5em;line-height:0}
.quad p{font-size:14.5px;line-height:1.45;color:var(--fg2)}
.direct{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 24px;border-radius:24px;border:1px solid var(--rule2);background:linear-gradient(100deg,rgba(255,236,228,.05),rgba(210,56,43,.2))}
.direct p{font:700 clamp(1.15rem,1.8vw,1.5rem)/1.15 var(--f-d);font-stretch:114%;letter-spacing:-.026em;color:var(--fg)}
.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);counter-reset:r}
.rule{position:relative;display:grid;align-content:end;gap:12px;min-height:clamp(220px,22vw,300px);padding:clamp(24px,2.8vw,40px);border-radius:26px;border:1px solid var(--rule);background:var(--card);overflow:hidden;transition:border-color .5s,transform .7s var(--ease)}
.rule::before{counter-increment:r;content:"0" counter(r);position:absolute;left:clamp(20px,2.6vw,36px);top:clamp(6px,1vw,16px);font:780 clamp(4.4rem,8vw,7.6rem)/1 var(--f-d);font-stretch:122%;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(240,96,77,.55)}
.rule::after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,100%) var(--my,0%),rgba(240,96,77,.2),transparent 62%);opacity:0;transition:opacity .5s;pointer-events:none}
.rule:hover{border-color:rgba(240,96,77,.45);transform:translateY(-4px)}.rule:hover::after{opacity:1}
.rule p{color:var(--fg2);max-width:42ch}

@media (max-width:1040px){
  .weeks{grid-template-columns:1fr 1fr}
  .askgrid,.stack,.results{grid-template-columns:1fr 1fr}
  .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .phero-in{grid-template-columns:1fr;align-items:start}
  .story{grid-template-columns:1fr}
  .story-side{position:static}
  .results{grid-template-columns:1fr}
}
@media (max-width:560px){
  .phero{padding-top:128px}
  .phero-copy .btn{width:100%;justify-content:space-between}
  .weeks,.askgrid,.stack,.rules,.cgrid{grid-template-columns:1fr}
  .week{padding-top:86px}
  .ask{min-height:0}
  .clist{grid-template-columns:1fr}
  .pills{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut);scrollbar-width:none}
  .pills::-webkit-scrollbar{display:none}
  .pill{flex:none}
  .funnel li{grid-template-columns:1fr;gap:6px;width:100%!important}
  .quad{grid-template-columns:1fr}
  .direct .btn{width:100%;justify-content:space-between}
}

/* ---------- Claude mark (only where the page is talking about Claude) ---------- */
.cl{width:15px;height:15px;flex:none;fill:#D97757}
.cl-lg{width:28px;height:28px}
.ava-ai{background:#F6F1E8;border-color:transparent}
.ava-ai .cl{width:22px;height:22px}
.hub-core .cl{width:54px;height:54px;filter:drop-shadow(0 0 18px rgba(217,119,87,.65));animation:spin 60s linear infinite}
.vs-lbl .cl{width:14px;height:14px}
.tool-top .cl{width:28px;height:28px}

/* ---------- scroll-lit statements ---------- */
.scrub{font:720 clamp(1.75rem,4.5vw,4.3rem)/1.06 var(--f-d);font-stretch:117%;letter-spacing:-.037em;text-wrap:balance;max-width:21ch;color:var(--fg)}
.scrub em{font-style:normal;color:var(--em)}
.scrub .sw{transition:opacity .3s linear}
.scrub-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-bottom:clamp(56px,7vw,112px)}
.scrub.center{margin-inline:auto;text-align:center}

/* ---------- light and red panels settle into place as they arrive ---------- */
.js .s-light,.js .s-red{transform:scale(var(--ps,1));transform-origin:50% 0;will-change:transform}

/* ---------- the shift: before and after on a light panel ---------- */
.hours li::after{background:linear-gradient(90deg,color-mix(in srgb,var(--fg) 60%,transparent),color-mix(in srgb,var(--fg) 20%,transparent))}
.vs-after{--fg:var(--ivory);--fg2:var(--mute);--fg3:var(--dim);--rule:var(--line);--rule2:var(--line-2);color:var(--ivory)}
.s-light .vs-after{background:radial-gradient(120% 95% at 100% 0%,#C22B20 0%,#6B1612 32%,#1D0D0B 68%,#0E0807 100%);border-color:transparent;box-shadow:0 60px 110px -50px rgba(143,27,21,.85),inset 0 1px 0 rgba(255,255,255,.14)}
.vs-arrow{background:var(--bg);box-shadow:0 0 0 8px var(--bg);border-color:var(--rule2)}
.s-light .vs-arrow{color:var(--red)}
.s-light .vs-card:not(.vs-after){box-shadow:0 30px 60px -46px rgba(23,13,11,.45)}

/* ---------- proof on dark ---------- */
.s-dark .mapcard{border:1px solid var(--line-2)}
.s-dark .bignum sup{color:var(--red-hi)}
.s-dark .when{background:rgba(240,96,77,.13);color:var(--red-hi)}
.s-dark .result:not(.result-main){box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.s-dark .result-main{border:1px solid rgba(240,96,77,.45);box-shadow:0 50px 100px -50px rgba(226,62,46,.6)}
.proof-results{margin-top:clamp(56px,7vw,110px)}
.proof-results .cap{display:block;margin-bottom:22px}

/* ---------- walkthrough on the red panel ---------- */
.s-red{--em:#FFD6B8}
.s-red .vframe{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 70px 120px -50px rgba(0,0,0,.85)}
.s-red .eyebrow{color:#FFD9B8}
.s-red .cta-strip{background:rgba(10,6,6,.22);border-color:rgba(255,240,232,.2)}

/* ---------- your part, and the four weeks ---------- */
.mini{margin-top:clamp(56px,7vw,110px);padding-top:clamp(40px,5vw,76px);border-top:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(28px,5vw,90px);align-items:start}
.mini-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;justify-items:start}
.mini-copy .h2{font-size:clamp(1.9rem,3.5vw,3.2rem)}
.mini-steps li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--rule)}
.mini-steps li:first-child{border-top:1px solid var(--rule)}
.mini-steps b{font:680 11.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.mini-steps li:last-child b{color:#2E7D57}
.mini-steps span{font:680 clamp(1.1rem,1.7vw,1.5rem)/1.15 var(--f-d);font-stretch:113%;letter-spacing:-.026em;color:var(--fg)}
.mini-steps small{display:block;margin-top:7px;font:400 15.5px/1.5 var(--f-b);letter-spacing:0;color:var(--fg2)}

/* ---------- safe by design: cards that stack as you scroll ---------- */
.safe{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,6vw,110px);align-items:start}
.safe-side{position:sticky;top:130px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;justify-items:start}
.safe-cards{display:grid;gap:22px}
.scard{position:sticky;top:calc(116px + var(--n)*22px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 24px;align-content:center;min-height:clamp(190px,17vw,236px);padding:clamp(24px,2.8vw,42px);border-radius:28px;border:1px solid var(--line-2);background:linear-gradient(180deg,#24130F 0%,#150B0A 100%);box-shadow:0 -24px 50px -22px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.09)}
.scard-ico{grid-row:1/3;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:rgba(92,197,145,.12);border:1px solid rgba(92,197,145,.34);color:var(--green)}
.scard-ico .i{width:27px;height:27px}
.scard .h3{font-size:clamp(1.3rem,2vw,1.8rem);align-self:end}
.scard p{grid-column:2;color:var(--fg2);max-width:46ch}

/* ---------- what happens on the call ---------- */
.callsteps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.callsteps li{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:8px 20px 8px 16px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,236,228,.045);font-size:15px;color:var(--ivory);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.callsteps b{font:700 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.14em;color:var(--red-hi)}

/* ---------- drifting type band ---------- */
.kband{overflow:hidden;padding-block:clamp(20px,2.6vw,40px);border-block:1px solid var(--rule,var(--line));background:var(--bg,var(--ink))}
.kband-track{display:flex;align-items:center;gap:clamp(24px,3.6vw,56px);width:max-content;transform:translate3d(var(--dx,0px),0,0);will-change:transform}
.kband span{font:760 clamp(2.3rem,6.2vw,5.8rem)/1 var(--f-d);font-stretch:122%;letter-spacing:-.04em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,236,228,.34)}
.kband span:nth-of-type(3n+1){color:var(--ivory);-webkit-text-stroke:0}
.kband i{width:clamp(12px,1.4vw,20px);height:clamp(12px,1.4vw,20px);background:var(--red);flex:none;transform:rotate(45deg)}
.band-dark{--bg:var(--ink);padding-block:clamp(40px,5vw,80px);background:var(--ink)}

/* ---------- pinned horizontal story (how it works) ---------- */
.hscroll{position:relative;height:340vh;padding-block:0;overflow:visible}
.hscroll-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:clamp(22px,3.4vh,44px);overflow:hidden;border-radius:inherit}
.hscroll .head{margin-bottom:0}
.hscroll-track{display:flex;gap:clamp(12px,1.6vw,22px);padding-inline:max(var(--gut),calc((100vw - var(--wrap))/2 - clamp(8px,1.1vw,18px)));width:max-content;transform:translate3d(var(--hx,0px),0,0);will-change:transform}
.hscroll .week{flex:0 0 clamp(290px,31vw,430px);min-height:min(46vh,420px);align-content:end;padding-top:clamp(110px,16vh,190px)}
.hscroll .week-end{flex-basis:clamp(300px,34vw,470px);display:grid;align-content:center;gap:22px;justify-items:start;padding:clamp(24px,3vw,44px)}
.hscroll .week-end::before{content:none}
.hscroll-bar{height:3px;border-radius:2px;background:var(--rule);overflow:hidden}
.hscroll-bar i{display:block;height:100%;background:var(--red);transform-origin:0 50%;transform:scaleX(var(--hp,0))}
.hscroll-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}

/* ---------- handover benchmarks ---------- */
.bench{margin-top:clamp(44px,5.4vw,84px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--rule);border-radius:26px;overflow:hidden;background:var(--card)}
.bench>div{padding:clamp(20px,2.4vw,34px);display:grid;gap:10px}
.bench>div + div{border-left:1px solid var(--rule)}
.bench .num{font-size:clamp(1.8rem,3.2vw,2.9rem);font-weight:740;letter-spacing:-.045em}
.bench p{font-size:14.5px;line-height:1.45;color:var(--fg2)}
.bench-cap{margin:clamp(40px,5vw,72px) 0 0;text-align:center}

/* ---------- your side of the build ---------- */
.need{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(28px,6vw,110px);align-items:start}
.need-list{display:grid}
.need-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--rule);font:660 clamp(1.05rem,1.5vw,1.32rem)/1.25 var(--f-d);font-stretch:112%;letter-spacing:-.022em}
.need-list li:first-child{border-top:1px solid var(--rule)}
.need-list .tick{background:rgba(46,125,87,.12);color:#2E7D57;width:30px;height:30px}
.need-list .tick .i{width:15px;height:15px}

@media (max-width:900px){
  .mini,.safe,.need{grid-template-columns:1fr}
  .safe-side{position:static}
  .scard{position:relative;top:auto;min-height:0}
  .bench{grid-template-columns:1fr 1fr}
  .bench>div:nth-child(odd){border-left:0}
  .bench>div:nth-child(n+3){border-top:1px solid var(--rule)}
  .hscroll{height:auto;padding-block:clamp(88px,10.5vw,168px)}
  .hscroll-pin{position:static;height:auto;overflow:visible;gap:34px}
  .hscroll-track{flex-direction:column;width:auto;transform:none;padding-inline:var(--gut)}
  .hscroll .week{flex:none;min-height:0;padding-top:96px}
  .hscroll-bar,.hscroll-meta .cap{display:none}
  .js .s-light,.js .s-red{transform:none}
}
@media (max-width:560px){
  .scard{grid-template-columns:1fr}
  .scard-ico{grid-row:auto}
  .scard p{grid-column:auto}
  .mini-steps li{grid-template-columns:1fr;gap:8px}
  .callsteps{flex-direction:column;align-items:stretch;width:100%}
  .callsteps li{justify-content:flex-start}
}

/* ---------- inertial scroll (Lenis) ---------- */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

/* ---------- flowing silk light behind the heroes ---------- */
.silk{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.6s ease;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55) 0%,#000 34%,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.55) 0%,#000 34%,#000 76%,transparent 100%)}
.silk.is-ready{opacity:1}
.silk.is-ready ~ .hero-glow,.hero-glow:has(~ .silk.is-ready){opacity:.35}
.hero .hero-fx,.phero .hero-fx{z-index:1;mix-blend-mode:screen}
.hero-in,.hero-stage,.hero-tags,.phero-in{z-index:2}
.final .silk{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 46%);mask-image:linear-gradient(180deg,transparent 0%,#000 46%)}
.final-in{z-index:2}
.feed-foot{margin-top:10px;padding-top:16px;border-top:1px solid var(--line);font:620 11px/1.4 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}

/* a light that travels round the edge of the key surfaces */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.console::after,.screen::after,.cine::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang),transparent 0 68%,rgba(255,176,156,.95) 80%,transparent 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:ang 7s linear infinite;pointer-events:none;z-index:4}
@keyframes ang{to{--ang:360deg}}

/* ---------- the globe ---------- */
.globe{position:relative;border-radius:clamp(22px,2.4vw,34px);padding:clamp(16px,2vw,28px);background:radial-gradient(120% 100% at 80% 0%,#2E0E0B 0%,#130908 48%,#0A0606 100%);border:1px solid var(--line-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 60px 110px -50px rgba(226,62,46,.45);overflow:hidden;color:var(--ivory)}
.globe-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;font:620 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.globe-top b{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:620}
.globe-top b i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:live 1.8s infinite}
.globe canvas{display:block;width:100%;aspect-ratio:1/.96;margin-block:0 -2%;cursor:grab;touch-action:pan-y}
.globe.is-drag canvas{cursor:grabbing}
.globe-hint{position:relative;z-index:1;text-align:center;font:620 10.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.proof-top{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.phero-globe{align-self:center}
.phero-globe .globe{background:none;border:0;box-shadow:none;padding:0;overflow:visible}
.phero-globe .globe-top{display:none}
.phero-globe .globe canvas{aspect-ratio:1/1;margin:-6% -6% -4%;width:112%;max-width:none}

/* ---------- testimonials: the stage and the wall of faces ---------- */
.theater{display:block}
.stage{aspect-ratio:21/9;width:100%}
.stage-poster,.stage-video{object-position:50% 28%}
.stage-shade{background:linear-gradient(90deg,rgba(8,4,4,.9) 0%,rgba(8,4,4,.55) 38%,transparent 68%),linear-gradient(180deg,rgba(8,4,4,.5) 0%,transparent 26%,transparent 56%,rgba(8,4,4,.85) 100%)}
.stage-copy{bottom:clamp(104px,9vw,136px);max-width:min(58%,720px)}
.stage-topic{font-size:clamp(1.25rem,2.75vw,2.6rem);max-width:none;line-height:1.1}
.stage-bars{position:absolute;left:clamp(18px,2.6vw,38px);right:clamp(18px,2.6vw,38px);bottom:12px;display:flex;gap:6px}
.stage-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.22);overflow:hidden}
.stage-bars b{display:block;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(var(--p,0))}
.stage-play{bottom:clamp(34px,3.2vw,48px)}
.wall-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:clamp(26px,3vw,44px) 0 clamp(14px,1.6vw,22px);font:640 12px/1.3 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}
.wall-head b{color:var(--em);font-weight:760;font-size:1.25em}
.wall-watched{color:var(--em)}
.wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.fc{position:relative;display:flex;flex-direction:column;text-align:left;border-radius:clamp(16px,1.8vw,24px);overflow:hidden;background:var(--card);border:1px solid var(--rule);box-shadow:0 30px 60px -46px rgba(23,13,11,.5);transition:transform .8s var(--ease),box-shadow .8s var(--ease),border-color .4s;-webkit-tap-highlight-color:transparent}
.js .wall .fc{opacity:0;transform:translate3d(0,34px,0)}
.js .wall.is-in .fc,.still .wall .fc{opacity:1;transform:none;transition:opacity .9s var(--ease),transform 1s var(--ease),box-shadow .8s var(--ease),border-color .4s;transition-delay:var(--rd,0ms)}
.fc-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#120a09}
.fc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter .6s}
.fc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,4,4,.38) 0%,transparent 26%,transparent 50%,rgba(8,4,4,.92) 100%)}
.fc-dur,.fc-seen{position:absolute;z-index:1;top:12px;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 10px;border-radius:999px;font:660 11.5px/1 var(--f-d);font-stretch:112%;letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fc-dur{left:12px;background:rgba(10,6,6,.56);border:1px solid rgba(255,255,255,.2);transition:background-color .4s,border-color .4s}
.fc-dur .i{width:11px;height:11px}
.fc-seen{right:12px;background:rgba(46,125,87,.9);display:none}
.fc-seen .i{width:12px;height:12px;stroke-width:2.6}
.fc.is-seen .fc-seen{display:inline-flex}
.fc-who{position:absolute;z-index:1;left:16px;right:16px;bottom:14px;display:grid;gap:3px;color:#fff}
.fc-who b{font:690 clamp(1rem,1.35vw,1.22rem)/1.12 var(--f-d);font-stretch:113%;letter-spacing:-.022em}
.fc-who span{font-size:13px;line-height:1.3;color:rgba(255,255,255,.76)}
.fc-q{display:block;padding:16px 16px 20px;font-size:14.5px;line-height:1.5;color:var(--fg2)}
.fc:hover{transform:translate3d(0,-8px,0)!important;border-color:var(--red);box-shadow:0 50px 80px -44px rgba(143,27,21,.65)}
.fc:hover .fc-img img{transform:scale(1.08)}
.fc:hover .fc-dur{background:var(--red);border-color:var(--red)}
.fc.is-on{border-color:var(--red)}
.fc.is-on .fc-dur{background:var(--red);border-color:var(--red)}
.fc-cta{justify-content:space-between;gap:18px;padding:clamp(18px,2vw,26px);background:radial-gradient(130% 100% at 100% 0%,#D2382B 0%,#7A1611 46%,#200C0A 100%);color:#fff;border-color:transparent}
.fc-cta-top{display:inline-flex;align-items:center;gap:9px;font:640 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.fc-cta-h{font:720 clamp(1.4rem,2.3vw,2.1rem)/1.04 var(--f-d);font-stretch:117%;letter-spacing:-.035em;margin-top:auto}
.fc-cta-b{display:flex;align-items:center;justify-content:space-between;gap:12px;font:650 15px/1 var(--f-d);font-stretch:110%;padding-top:16px;border-top:1px solid rgba(255,255,255,.26)}
.fc-cta-b .btn-ico{width:42px;height:42px;background:#fff;color:#C92F23}

/* ---------- the cinema ---------- */
.cine{position:relative;width:min(100%,1240px);max-height:100%;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);border-radius:28px;overflow:hidden;background:#0D0807;border:1px solid var(--line-2);box-shadow:0 70px 160px -30px #000;opacity:0;transform:translateY(26px) scale(.975);transition:opacity .5s var(--ease),transform .7s var(--ease)}
.modal.is-open .cine{opacity:1;transform:none}
.cine-video{position:relative;background:#000;aspect-ratio:16/10;min-height:0}
.cine-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.cine-side{display:flex;flex-direction:column;gap:20px;padding:clamp(18px,2.2vw,30px);background:radial-gradient(120% 70% at 100% 0%,rgba(214,56,43,.28),transparent 62%);min-width:0}
.cine-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.cine-q{font:690 clamp(1.15rem,1.75vw,1.6rem)/1.16 var(--f-d);font-stretch:114%;letter-spacing:-.028em;color:#fff;text-wrap:balance}
.cine-who{display:grid;gap:4px}
.cine-who b{font:660 16px/1.2 var(--f-d);font-stretch:112%;color:#fff}
.cine-who span{font-size:14px;color:var(--mute)}
.cine-nav{display:flex;align-items:center;gap:12px;margin-top:auto;font:640 12px/1 var(--f-d);font-stretch:116%;letter-spacing:.14em;color:var(--mute)}
.cine-nav button{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);color:#fff;transition:background-color .3s,border-color .3s}
.cine-nav button:hover{background:var(--red);border-color:var(--red)}
.cine-nav [data-prev] .i{transform:rotate(180deg)}
.cine-nav span{flex:1;text-align:center}
.cine-cta{display:grid;gap:14px;padding-top:20px;border-top:1px solid var(--line)}
.cine-cta p{font-size:14.5px;color:var(--mute)}
.cine-cta .btn{justify-content:space-between}

/* ---------- page transition ---------- */
.pt{position:fixed;inset:0;z-index:390;background:var(--ink);display:grid;place-items:center;clip-path:inset(100% 0 0 0);pointer-events:none}
.pt-mark{width:54px;height:54px;opacity:0;transition:opacity .3s .15s}
.is-leaving .pt{clip-path:inset(0 0 0 0);transition:clip-path .52s var(--ease-2)}
.is-leaving .pt-mark{opacity:1}
.js.seen:not(.still):not(.is-leaving) .pt{animation:pt-in .85s var(--ease-2) both}
@keyframes pt-in{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}
.js.seen:not(.still){--intro:320ms}

/* ---------- contextual cursor ---------- */
.cur{position:fixed;left:0;top:0;z-index:500;pointer-events:none;width:0;height:0;opacity:0;transition:opacity .3s}
.cur.is-on{opacity:1}
.cur.is-on.is-off{opacity:0;transition-duration:.15s}
.cur::before{content:"";position:absolute;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--red-hi);transition:width .45s var(--ease),height .45s var(--ease),margin .45s var(--ease),background-color .3s,border-color .3s,transform .3s var(--ease);border:1px solid transparent}
.cur.is-act::before{width:46px;height:46px;margin:-23px 0 0 -23px;background:rgba(240,96,77,.14);border-color:rgba(240,96,77,.8)}
.cur.is-lbl::before{width:96px;height:96px;margin:-48px 0 0 -48px;background:linear-gradient(180deg,#EA5543,#C92F23);box-shadow:0 14px 40px rgba(226,62,46,.6)}
.cur.is-down::before{transform:scale(.86)}
.cur span{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font:680 11.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .25s;white-space:nowrap}
.cur.is-lbl span{opacity:1}

@media (max-width:1100px){
  .wall{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cine{grid-template-columns:1fr;overflow:auto}
}
@media (max-width:900px){
  .wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stage{aspect-ratio:16/10}
  .stage-copy{max-width:none}
  .stage-shade{background:linear-gradient(180deg,rgba(8,4,4,.5) 0%,transparent 24%,transparent 34%,rgba(8,4,4,.94) 100%)}
  .phero-globe .globe canvas{width:100%;margin:0}
}
@media (max-width:560px){
  .wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage{aspect-ratio:4/5}
  .stage-poster,.stage-video{object-position:50% 20%}
  .fc-q{font-size:13px;padding:12px 12px 16px}
  .fc-who{left:12px;right:12px;bottom:12px}
  .fc-who span{font-size:12px}
  .fc-dur{height:26px;font-size:10.5px}
  .fc-cta{grid-column:1/-1}
  .cine{border-radius:20px}
  .cine-side{gap:14px}
}

.hscroll .week-end p.cap{margin:0}
.bench .num{white-space:nowrap;font-size:clamp(1.35rem,2.3vw,2.2rem)}
.pull.scrub{font-size:clamp(1.5rem,2.9vw,2.6rem)}

.hscroll-track{counter-reset:w}

/* ---------- phone: sticky booking bar ---------- */
.mcta{display:none}
@media (max-width:720px){
  .nav-cta .btn{display:none}
  .mcta{display:block;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:75;transform:translate3d(0,140%,0);transition:transform .7s var(--ease)}
  .mcta.is-on{transform:none}
  .mcta .btn{width:100%;justify-content:space-between;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 18px 40px -10px rgba(0,0,0,.8),0 10px 30px -10px rgba(214,56,43,.8)}
  .foot-base{padding-bottom:96px}
}

/* ---------- company identity on every testimonial ---------- */
.co{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rule);min-width:0}
.co-logo{width:46px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(23,13,11,.1),0 8px 18px -10px rgba(23,13,11,.5)}
.co-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
.co-logo b{font:740 14px/1 var(--f-d);font-stretch:112%;color:#3a2a26}
.co-txt{min-width:0;display:grid;gap:4px}
.co-txt b{font:720 clamp(1rem,1.3vw,1.18rem)/1.1 var(--f-d);font-stretch:114%;letter-spacing:-.022em;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-txt span{font:620 10.5px/1.3 var(--f-d);font-stretch:114%;letter-spacing:.09em;text-transform:uppercase;color:var(--fg3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-q{padding-top:14px}
.co-stage{padding:0;border:0;gap:16px;margin-bottom:6px}
.co-stage .co-logo{width:clamp(52px,5vw,68px);height:clamp(52px,5vw,68px);border-radius:16px;box-shadow:0 14px 34px -12px rgba(0,0,0,.8)}
.co-stage .co-txt b{font-size:clamp(1.2rem,2vw,1.75rem);color:#fff}
.co-stage .co-txt span{font-size:11.5px;color:rgba(255,255,255,.74)}
.stage-topic{font-size:clamp(1.15rem,2.3vw,2.15rem)}
@media (max-width:560px){
  .co{padding:10px 12px;gap:10px}
  .co-logo{width:36px;height:36px;border-radius:10px}
  .co-txt span{font-size:9.5px;letter-spacing:.06em}
  .co-stage .co-logo{width:46px;height:46px}
}

.fc .co{align-items:flex-start}
.fc .co-txt b,.fc .co-txt span{white-space:normal;overflow:visible}

/* ---------- Content Engine: highlighted nav entry ---------- */
.nav-links .nav-new{margin-left:8px;padding:10px 16px 10px 14px;display:inline-flex;align-items:center;gap:9px;color:#fff;background:linear-gradient(#170d0c,#170d0c) padding-box,linear-gradient(120deg,#F0604D,#DCC19A 55%,#F0604D) border-box;border:1px solid transparent;box-shadow:0 0 22px -6px rgba(240,96,77,.7)}
.nav-links .nav-new i{width:7px;height:7px;border-radius:50%;background:var(--red-hi);animation:recdot 1.6s infinite}
.nav-links .nav-new:hover{background:linear-gradient(#24120f,#24120f) padding-box,linear-gradient(120deg,#F0604D,#DCC19A 55%,#F0604D) border-box}
.nav-links .nav-new[aria-current]::after{display:none}
.menu-links .menu-new{color:var(--red-hi)}
.menu-links .menu-new span{color:var(--gold)}

/* ---------- home: the second service, so nobody misses it ---------- */
.also{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 40px;align-items:center;padding:clamp(26px,3.4vw,52px);border-radius:clamp(22px,2.6vw,36px);border:1px solid var(--line-2);background:radial-gradient(90% 140% at 100% 50%,rgba(214,56,43,.34),transparent 62%),linear-gradient(180deg,#1B0F0D,#100908);overflow:hidden;transition:border-color .5s,transform .8s var(--ease)}
.also:hover{border-color:rgba(240,96,77,.6);transform:translateY(-4px)}
.also>span{grid-column:1}
.also-tag{display:inline-flex;align-items:center;gap:9px;font:640 11.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.also-tag i{width:7px;height:7px;border-radius:50%;background:var(--red-hi);animation:recdot 1.6s infinite}
.also-h{font:720 clamp(1.6rem,3.4vw,3.1rem)/1.02 var(--f-d);font-stretch:117%;letter-spacing:-.036em;max-width:17ch;margin-top:8px}
.also-p{color:var(--mute);max-width:44ch;font-size:clamp(1rem,1.25vw,1.15rem)}
.also-go{display:inline-flex;align-items:center;gap:14px;margin-top:14px;font:650 15.5px/1 var(--f-d);font-stretch:110%}
.also-go .btn-ico{width:44px;height:44px;background:linear-gradient(180deg,#EA5543,#C92F23);color:#fff;transition:transform .5s var(--ease)}
.also:hover .also-go .btn-ico{transform:translateX(6px)}
.also-imgs{grid-column:2!important;grid-row:1/5;display:flex;align-items:center;padding-right:clamp(0px,2vw,30px)}
.also-imgs img{width:clamp(110px,13vw,190px);aspect-ratio:4/5;object-fit:cover;border-radius:14px;box-shadow:0 30px 60px -20px #000;border:1px solid rgba(255,255,255,.14);transition:transform .9s var(--ease)}
.also-imgs img:nth-child(1){transform:rotate(-8deg) translateX(34%)}
.also-imgs img:nth-child(2){position:relative;z-index:1;transform:translateY(-4%)}
.also-imgs img:nth-child(3){transform:rotate(8deg) translateX(-34%)}
.also:hover .also-imgs img:nth-child(1){transform:rotate(-12deg) translateX(18%)}
.also:hover .also-imgs img:nth-child(3){transform:rotate(12deg) translateX(-18%)}

/* ---------- content hero ---------- */
.pstack{position:relative;height:clamp(340px,40vw,560px);display:grid;place-items:center}
.pstack img{position:absolute;width:clamp(180px,22vw,310px);aspect-ratio:4/5;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 90px -30px #000,0 0 0 1px rgba(0,0,0,.5);transition:transform 1s var(--ease);animation:bob 7s ease-in-out infinite}
.pstack img:nth-child(1){transform:translate(-46%,6%) rotate(-10deg);animation-delay:-2s}
.pstack img:nth-child(2){transform:translate(46%,2%) rotate(9deg);animation-delay:-4s}
.pstack img:nth-child(3){z-index:1;transform:translate(0,-3%) rotate(-1.5deg)}
.pstack:hover img:nth-child(1){transform:translate(-62%,4%) rotate(-14deg)}
.pstack:hover img:nth-child(2){transform:translate(62%,0) rotate(13deg)}
@keyframes bob{50%{margin-top:-12px}}
.statrow{position:relative;z-index:2;margin-top:clamp(40px,5vw,76px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-2)}
.statrow>div{padding:clamp(18px,2.2vw,30px) clamp(12px,2vw,30px) 0 0;display:grid;gap:8px}
.statrow>div + div{padding-left:clamp(12px,2vw,30px);border-left:1px solid var(--line)}
.statrow .num{font-size:clamp(2rem,4.2vw,3.9rem);font-weight:750;font-stretch:122%;letter-spacing:-.05em;color:#fff}
.statrow p{font:620 11px/1.4 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}

/* ---------- not AI slop ---------- */
.fourpts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--rule)}
.fourpts div{padding:clamp(22px,2.6vw,36px) clamp(14px,2vw,30px) 0 0;display:grid;gap:10px;align-content:start}
.fourpts div + div{padding-left:clamp(14px,2vw,30px);border-left:1px solid var(--rule)}
.fourpts .i{width:26px;height:26px;color:var(--em);margin-bottom:8px}
.fourpts p{color:var(--fg2);font-size:16px;line-height:1.5}

/* ---------- four kinds of post ---------- */
.kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.3vw,18px)}
.kindc{position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;border:1px solid var(--rule);background:var(--card);transition:transform .8s var(--ease),border-color .4s}
.kindc:hover{transform:translateY(-8px);border-color:rgba(240,96,77,.55)}
.kindc-vis{position:relative;aspect-ratio:4/5;overflow:hidden;background:#1a100e}
.kindc-vis img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.kindc:hover .kindc-vis img{transform:scale(1.06)}
.kindc-txt{padding:20px 20px 24px;display:grid;gap:8px}
.kindc-txt p{color:var(--fg2);font-size:15.5px;line-height:1.5}
.postmock{position:absolute;inset:0;padding:22px;display:grid;align-content:center;gap:14px;background:#F6F1EA;color:#1b1512}
.postmock-h{display:flex;align-items:center;gap:10px;font:650 13px/1.2 var(--f-b)}
.postmock-h img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.postmock-h span{display:block;font-weight:400;font-size:11.5px;color:#7a6c64}
.postmock b{font:720 clamp(1.05rem,1.6vw,1.4rem)/1.12 var(--f-d);font-stretch:112%;letter-spacing:-.025em}
.postmock p{font-size:13.5px;line-height:1.5;color:#3d322d}
.slidefan{position:absolute;inset:0;display:grid;place-items:center}
.slidefan img{position:absolute;width:62%;height:auto;aspect-ratio:4/5;border-radius:10px;box-shadow:0 20px 40px -14px #000;border:1px solid rgba(255,255,255,.12)}
.slidefan img:nth-child(1){transform:translate(-26%,4%) rotate(-9deg)}
.slidefan img:nth-child(2){transform:translate(26%,4%) rotate(9deg)}
.slidefan img:nth-child(3){z-index:1}
.kinds-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(24px,3vw,40px)}
.kinds-foot span,.chips span{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:6px 16px;border-radius:999px;border:1px solid var(--rule2);font-size:14.5px;color:var(--fg2)}
.kinds-foot .i,.chips .i{width:15px;height:15px;color:var(--em);stroke-width:2.2}
.chips{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- how it works: five linked steps ---------- */
.chain{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.1vw,16px)}
.chain::before{content:"";position:absolute;left:5%;right:5%;top:31px;height:1px;background:var(--line-2)}
.chain::after{content:"";position:absolute;left:5%;top:30px;height:3px;width:90%;border-radius:2px;background:linear-gradient(90deg,var(--red-hi),var(--gold));transform-origin:0 50%;transform:scaleX(0);transition:transform 2.2s var(--ease) .2s}
.chain.is-in::after{transform:scaleX(1)}
.link5{position:relative;z-index:1;display:grid;gap:12px;align-content:start;justify-items:start;padding-right:8px}
.link5-n{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--ink-3);border:1px solid var(--line-2);color:var(--red-hi);box-shadow:0 0 0 8px var(--ink);margin-bottom:10px;transition:background-color .6s,color .6s,border-color .6s;transition-delay:calc(var(--n)*320ms + 300ms)}
.link5-n .i{width:26px;height:26px}
.chain.is-in .link5-n{background:linear-gradient(180deg,#EA5543,#C92F23);color:#fff;border-color:transparent}
.link5:last-child .link5-n{box-shadow:0 0 0 8px var(--ink),0 0 40px rgba(92,197,145,.5)}
.chain.is-in .link5:last-child .link5-n{background:var(--green);color:#06140d}
.link5 p{color:var(--fg2);font-size:15.5px;line-height:1.5}

/* ---------- made by this engine: drifting rows of real posts ---------- */
.pgal{overflow:hidden;padding-block:8px}
.pgal + .pgal{margin-top:clamp(8px,1vw,14px)}
.pgal-track{display:flex;gap:clamp(10px,1.2vw,18px);width:max-content;transform:translate3d(var(--dx,0px),0,0);will-change:transform}
.pgal img{width:clamp(190px,21vw,310px);aspect-ratio:4/5;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -30px #000;flex:none}
.pgal-wrap{margin-block:clamp(36px,4.6vw,70px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}

/* ---------- your week: the sheet ---------- */
.sheet{border-radius:24px;border:1px solid var(--rule);background:var(--card);overflow:hidden;box-shadow:0 40px 80px -50px rgba(23,13,11,.5)}
.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--rule);font:620 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}
.sheet-top b{color:#2E7D57;font-weight:640}
.sheet-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:12px 20px}
.sheet-row + .sheet-row{border-top:1px solid var(--rule)}
.sheet-row img{width:54px;height:68px;border-radius:9px;object-fit:cover;box-shadow:0 8px 18px -10px rgba(23,13,11,.6)}
.sheet-row b{font:660 clamp(.98rem,1.3vw,1.14rem)/1.25 var(--f-d);font-stretch:110%;letter-spacing:-.018em;color:var(--fg)}
.sheet-row small{font-size:13.5px;color:var(--fg3);white-space:nowrap}
.st{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;font:660 11px/1 var(--f-d);font-stretch:112%;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.st-ok{background:rgba(46,125,87,.13);color:#2E7D57}
.st-rev{background:rgba(196,138,34,.16);color:#8A5E10}
.st-no{background:rgba(23,13,11,.07);color:var(--fg3)}
.autopilot{margin-top:18px;padding:18px 22px;border-radius:18px;border:1px dashed var(--rule2);color:var(--fg2);font-size:16px}
.autopilot b{color:var(--fg)}

@media (max-width:1100px){
  .nav-links .nav-new{margin-left:2px;padding-inline:12px}
}
@media (max-width:1040px){
  .kinds{grid-template-columns:1fr 1fr}
  .fourpts{grid-template-columns:1fr 1fr}
  .fourpts div:nth-child(odd){padding-left:0;border-left:0}
  .fourpts div:nth-child(n+3){border-top:1px solid var(--rule);margin-top:26px}
  .chain{grid-template-columns:1fr;gap:26px}
  .chain::before,.chain::after{display:none}
  .link5{grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:center}
  .link5-n{grid-row:1/3;margin-bottom:0}
  .also{grid-template-columns:1fr}
  .also-imgs{grid-column:1!important;grid-row:auto;justify-content:center;margin-top:20px;padding:0}
}
@media (max-width:900px){
  .pstack{height:340px;margin-top:10px}
  .statrow{grid-template-columns:1fr 1fr;gap:20px 0}
  .statrow>div:nth-child(odd){padding-left:0;border-left:0}
}
@media (max-width:560px){
  .kinds{grid-template-columns:1fr 1fr;gap:10px}
  .kindc-txt{padding:14px 14px 18px}
  .kindc-txt p{font-size:13.5px}
  .postmock{padding:14px;gap:10px}
  .postmock p{display:none}
  .fourpts{grid-template-columns:1fr}
  .fourpts div{padding-left:0!important;border-left:0!important}
  .fourpts div + div{border-top:1px solid var(--rule);margin-top:22px}
  .sheet-row{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding:12px 14px}
  .sheet-row img{width:44px;height:55px}
  .sheet-row small{display:none}
}

/* ---------- finishing layer: light on the type, gold in the details, photographs that arrive ---------- */
:root{--gold:#DEC395;--gold-hi:#F7E9C8}

/* a slow band of light crosses the emphasised words */
.hero .h1 em .w>span,.phero .h1 em .w>span,.s-dark .h1 em .w>span,.s-dark .h2 em .w>span,.final .h1 em .w>span{background:linear-gradient(105deg,#F0604D 0%,#DA3D2F 34%,#FFD0C4 50%,#DA3D2F 66%,#B8281D 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s ease-in-out infinite}
@keyframes sheen{0%,18%{background-position:100% 0}60%,100%{background-position:0% 0}}

/* gold where it is small: plus signs, counters, hairlines */
.s-dark .num sup,.hero .num sup,.phero .num sup{color:var(--gold)}
.band .num sup{color:var(--gold-hi)}
.stage-count b,.flow-n{color:var(--gold)}
.s-dark .fcard,.s-dark .result,.s-dark .ask,.s-dark .rule,.s-dark .kindc,.scard,.globe,.console,.screen,.glass,.also{box-shadow:inset 0 1px 0 rgba(247,233,200,.12),0 40px 90px -60px #000}
.console{box-shadow:inset 0 1px 0 rgba(247,233,200,.16),0 70px 140px -40px #000,0 0 0 1px rgba(0,0,0,.6)}
.console-top,.screen-top{background:linear-gradient(180deg,rgba(247,233,200,.05),transparent)}
.progress i{background:linear-gradient(90deg,var(--red-deep),var(--red-hi) 60%,var(--gold-hi))}
.btn-primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 0 0 1px rgba(247,233,200,.18),inset 0 -1px 0 rgba(0,0,0,.28),0 16px 36px -14px rgba(214,56,43,.8),0 2px 6px rgba(0,0,0,.35)}
.tag{border-color:rgba(222,195,149,.34)}
.hero-tags .i{color:var(--gold)}
.foot-band i,.kband i{background:var(--gold)}
.eyebrow::after{content:"";width:34px;height:1px;background:currentColor;opacity:.5}
.head.center .eyebrow::after,.hero .eyebrow::after{display:none}

/* the console leans with the pointer */
.console{transform:rotateX(calc((1 - var(--sp))*16deg + var(--rx,0deg))) rotateY(var(--ry,0deg)) scale(calc(.93 + var(--sp)*.07));transition:transform .5s var(--ease)}

/* bigger company marks */
.co-logo{width:54px;height:54px;border-radius:14px}
.co-stage .co-logo{width:clamp(60px,5.8vw,84px);height:clamp(60px,5.8vw,84px);border-radius:20px}

/* photographs wipe in */
.js .portrait.reveal{opacity:1;transform:none}
.js .portrait.reveal .portrait-in{clip-path:inset(0 0 100% 0 round 30px);transition:clip-path 1.5s var(--ease);transition-delay:var(--rd,0ms)}
/* the wipe sits on the picture, not on the figure: a fully clipped figure never counts as on screen, so it would never appear */
.js .shot.reveal img{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--ease),filter .6s;transition-delay:var(--rd,0ms)}
.js .shot.reveal figcaption{opacity:0;transition:opacity .8s var(--ease) .5s}
.js .portrait.reveal.is-in .portrait-in{clip-path:inset(0 0 0 0 round 30px)}
.js .shot.reveal.is-in img{clip-path:inset(0 0 0 0)}
.js .shot.reveal.is-in figcaption{opacity:1}
.js .shot.reveal{opacity:1;transform:none}
.portrait-in img{filter:contrast(1.04) saturate(1.04)}
.portrait::before{border-color:rgba(222,195,149,.55)}
.portrait-inset{position:absolute;z-index:2;right:-13%;bottom:-9%;width:46%;margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 44px 80px -30px #000;opacity:0;transform:translate3d(24px,24px,0);transition:opacity 1s var(--ease) .5s,transform 1.2s var(--ease) .5s}
.portrait.is-in .portrait-inset,.still .portrait-inset{opacity:1;transform:none}
.portrait-inset img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:60% 40%}
.portrait-inset figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(180deg,transparent,rgba(8,4,4,.92));font:640 10.5px/1.3 var(--f-d);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.founder{gap:clamp(60px,9vw,150px)}

/* about: three photographs */
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);align-items:start}
.shot{position:relative;margin:0;aspect-ratio:4/5;border-radius:30px;overflow:hidden;background:var(--ink-3);box-shadow:0 50px 90px -50px #000}
.shot-mid{margin-top:clamp(30px,5vw,80px)}
.shot img{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover;transform:translate3d(0,var(--py,0px),0);transition:filter .6s}
.shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 22px;background:linear-gradient(180deg,transparent,rgba(8,4,4,.94));color:var(--mute);font-size:15px;line-height:1.45}
.shot figcaption b{display:block;margin-bottom:6px;font:640 11px/1 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

/* ---------- phones: the same richness, sized for a thumb ---------- */
@media (max-width:900px){
  .portrait-inset{right:-4%;bottom:-7%;width:44%}
  .founder{gap:70px}
  .shots{grid-template-columns:1fr 1fr}
  .shot:last-child{grid-column:1/-1;aspect-ratio:16/11}
  .shot-mid{margin-top:34px}
}
@media (max-width:560px){
  .sec{padding-block:76px}
  .h1{font-size:clamp(2.3rem,11.4vw,3.2rem)}
  .h2{font-size:clamp(1.9rem,8.6vw,2.6rem)}
  .hero .lede,.phero .lede{font-size:1.06rem}
  .console{border-radius:20px}
  .chat,.feed{padding:20px 16px}
  .say{font-size:1.05rem;min-height:0}
  .steps li{padding:11px 12px;font-size:14.5px}
  .scrub{font-size:clamp(1.6rem,7.6vw,2.2rem)}
  .vs-card{padding:22px 18px}
  .hub-core{width:150px}
  .globe{padding:14px}
  .results{gap:10px}
  .result{padding:22px 18px}
  .result .h3{margin-top:18px}
  .band .num{font-size:clamp(2.2rem,11vw,3rem)}
  .qa-q{padding:18px 16px;font-size:1.02rem}
  .qa-a p{padding:0 16px 18px;font-size:15.5px}
  .qa-ico{width:34px;height:34px}
  .final{padding-block:92px 120px}
  .foot-band span{font-size:2.3rem}
  .co-logo{width:40px;height:40px;border-radius:11px}
  .co-stage .co-logo{width:50px;height:50px;border-radius:14px}
  .stage-topic{font-size:1.2rem}
  .shots{grid-template-columns:1fr}
  .shot:last-child{aspect-ratio:4/5}
  .shot-mid{margin-top:0}
  .statrow .num{font-size:1.9rem}
  .pstack{height:300px}
  .pstack img{width:46vw}
  .also-imgs img{width:27vw}
  .week{padding:22px 18px;padding-top:86px}
  .eyebrow{font-size:11px;letter-spacing:.16em}
  .eyebrow::after{display:none}
}

@media (max-width:900px){.proof-top{grid-template-columns:minmax(0,1fr)}.globe canvas{max-width:520px;margin-inline:auto}}

.portrait .portrait-inset img{position:static;inset:auto;height:auto;transform:none}

/* ---------- depth: no section is flat ---------- */
.s-dark{background:
  radial-gradient(46% 42% at 100% 0%,rgba(214,56,43,.13),transparent 70%),
  radial-gradient(40% 40% at 0% 100%,rgba(222,195,149,.05),transparent 70%),
  var(--ink)}
.s-dark:nth-of-type(even){background:
  radial-gradient(46% 42% at 0% 0%,rgba(214,56,43,.12),transparent 70%),
  radial-gradient(40% 40% at 100% 100%,rgba(222,195,149,.05),transparent 70%),
  var(--ink)}
.s-light{background:
  radial-gradient(60% 50% at 100% 0%,rgba(210,56,43,.07),transparent 70%),
  radial-gradient(circle,rgba(23,13,11,.09) 1px,transparent 1.5px) 0 0/22px 22px,
  linear-gradient(180deg,#FBF7F2 0%,#F1EBE3 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.5)}
.s-light::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#F6F1EA 0%,#F6F1EA 46%,rgba(246,241,234,.72) 100%);pointer-events:none}
.s-light>.wrap{position:relative}
.s-light .hscroll-pin{z-index:1}

/* ---------- hero: more light under the product ---------- */
.hero-stage::before{inset:2% 2% -10% 2%;background:radial-gradient(closest-side,rgba(240,78,58,.62),rgba(190,36,26,.24) 55%,transparent);filter:blur(70px)}
.hero-stage::after{content:"";position:absolute;left:8%;right:8%;bottom:-34px;height:60px;background:radial-gradient(50% 100% at 50% 0%,rgba(255,170,150,.34),transparent 70%);filter:blur(14px);z-index:0;pointer-events:none}
.console-cap{margin-top:34px}

/* ---------- proof in the first scroll: a river of real quotes ---------- */
.qriver{overflow:hidden;padding-block:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.qriver-track{display:flex;gap:14px;width:max-content;transform:translate3d(var(--dx,0px),0,0);will-change:transform}
.qc{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;width:clamp(330px,34vw,470px);padding:16px 20px 16px 16px;border-radius:22px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(38,20,17,.72),rgba(16,9,8,.9));box-shadow:inset 0 1px 0 rgba(247,233,200,.1),0 30px 60px -40px #000;transition:border-color .4s,transform .7s var(--ease)}
.qc:hover{border-color:rgba(240,96,77,.6);transform:translateY(-4px)}
.qc-face{width:64px;height:64px;border-radius:18px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.qc-txt{display:grid;gap:10px;min-width:0}
.qc-q{font-size:15px;line-height:1.42;color:var(--ivory);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qc-who{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:var(--mute);white-space:nowrap}
.qc-who b{font:660 13px/1 var(--f-d);font-stretch:110%;color:#fff}
.qc-who i{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.qc-logo{width:20px;height:20px;border-radius:6px;background:#fff;object-fit:contain;padding:1px;flex:none}

/* ---------- walkthrough: a poster with a person on it ---------- */
.vframe img{filter:contrast(1.04) saturate(1.05);transform:scale(1.02)}
.vframe:hover img{transform:scale(1.06);filter:contrast(1.04) saturate(1.08)}
.vframe-in::after{background:linear-gradient(90deg,rgba(8,4,4,.94) 0%,rgba(8,4,4,.7) 36%,rgba(8,4,4,.1) 68%,rgba(8,4,4,.34) 100%),linear-gradient(180deg,rgba(8,4,4,.5) 0%,transparent 26%,transparent 60%,rgba(8,4,4,.8) 100%)}
.vframe-meta{top:50%;bottom:auto;right:auto;max-width:44%;transform:translateY(-50%);display:block}
.vframe-meta h3{font-size:clamp(1.3rem,3.1vw,2.9rem);font-stretch:118%;font-weight:720;letter-spacing:-.035em;line-height:1.02;margin-top:14px}
.vframe-meta p{margin:0;color:var(--gold)}
.vplay{left:auto;right:clamp(18px,5vw,70px);top:auto;bottom:clamp(18px,4vw,54px);margin:0}

/* ---------- small type and spacing corrections ---------- */
.safe-side .h2{font-size:clamp(1.9rem,3.5vw,3.3rem)}
.fcard .h3{font-size:clamp(1.15rem,1.5vw,1.4rem)}
.stage{box-shadow:0 70px 120px -50px rgba(23,13,11,.8),0 0 0 1px rgba(23,13,11,.2)}
.also{box-shadow:inset 0 1px 0 rgba(247,233,200,.12),0 50px 100px -60px rgba(226,62,46,.5)}

/* ---------- the sign-off ---------- */
.foot-mark{padding:clamp(10px,2vw,30px) var(--gut) 0;font:700 clamp(2.2rem,10.2vw,11.4rem)/.9 var(--f-w);letter-spacing:-.045em;text-align:center;white-space:nowrap;overflow:hidden;background:linear-gradient(180deg,rgba(249,244,239,.2) 0%,rgba(249,244,239,.04) 78%,transparent 100%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
.foot-grid{padding-bottom:clamp(30px,4vw,56px)}

@media (max-width:900px){
  .vframe-meta{max-width:64%}
  .vplay{right:16px;bottom:16px}
}
@media (max-width:560px){
  .qc{width:82vw;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px}
  .qc-face{width:52px;height:52px;border-radius:14px}
  .qc-q{font-size:14px}
  .vframe-meta{top:auto;bottom:16px;transform:none;max-width:68%}
  .vframe-meta h3{font-size:1.15rem;margin-top:8px}
  .foot-mark{font-size:10.4vw}
}

@media (min-width:901px){.hscroll-pin{padding-top:92px}}

/* ============================================================
   Phones come first here. Most visitors arrive on one.
   ============================================================ */

/* ---------- nothing may stick out sideways (that is what made the page wobble) ---------- */
html{overflow-x:hidden}
@supports (overflow:clip){html{overflow-x:clip}}

/* ---------- the reading progress line: thicker, on a visible track ---------- */
.progress{height:3px;background:rgba(255,236,228,.1)}
.progress i{box-shadow:0 0 14px rgba(240,96,77,.95)}

/* ---------- close button that sits outside a pop-up (phones and tablets) ---------- */
.modal-out{display:none;position:absolute;z-index:3;top:max(12px,env(safe-area-inset-top));right:14px;align-items:center;gap:8px;height:42px;padding:0 17px 0 13px;border-radius:999px;background:rgba(255,236,228,.14);border:1px solid rgba(255,236,228,.34);color:#fff;font:640 13.5px/1 var(--f-d);font-stretch:110%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .4s,background-color .3s}
.modal.is-open .modal-out{opacity:1}
.modal-out:active{background:rgba(255,236,228,.28)}
.modal-out .i{width:17px;height:17px}

/* ---------- Content Engine: one tap from the header, no menu needed ---------- */
.nav-strip{display:none}
.vtap{display:none}

@media (max-width:980px){
  .progress{height:5px}
  .modal-out{display:inline-flex}

  .nav-strip{pointer-events:auto;display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;height:34px;margin:7px auto 0;padding:0 12px 0 13px;border-radius:999px;font:600 12.5px/1 var(--f-b);color:#fff;white-space:nowrap;background:linear-gradient(#1a0e0c,#1a0e0c) padding-box,linear-gradient(120deg,#F0604D,#DCC19A 55%,#F0604D) border-box;border:1px solid transparent;box-shadow:0 12px 28px -14px rgba(240,96,77,.9),0 10px 24px -14px #000;transition:opacity .35s,transform .5s var(--ease)}
  .nav-strip i{width:7px;height:7px;border-radius:50%;background:var(--red-hi);animation:recdot 1.6s infinite;flex:none}
  .nav-strip b{font:700 10px/1 var(--f-d);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi)}
  .nav-strip .i{width:14px;height:14px;opacity:.85}
  .nav.is-quiet .nav-strip,.nav.has-menu .nav-strip{opacity:0;transform:translate3d(0,-10px,0);pointer-events:none}
  .page-content .nav-strip{display:none}
  body.lock .mcta{transform:translate3d(0,140%,0)}
}

/* ---------- how a meeting happens: five cards, each with its own little demo ---------- */
@media (max-width:900px){
  .flow.is-cards{display:block}
  .flow.is-cards .flow-vis{display:none}
  .flow.is-cards .flow-steps{display:grid;gap:18px;margin:0;padding:0;list-style:none}
  .flow.is-cards .flow-step{position:relative;min-height:0;padding:20px 16px 16px;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:6px 14px;opacity:1;border-radius:24px;border:1px solid var(--line-2);background:linear-gradient(180deg,#1E100E 0%,#0F0908 55%);box-shadow:inset 0 1px 0 rgba(247,233,200,.1),0 34px 70px -46px #000}
  .js .flow.is-cards .flow-step{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s var(--ease),transform .9s var(--ease)}
  .js .flow.is-cards .flow-step.is-on{opacity:1;transform:none}
  .flow.is-cards .flow-n{grid-row:1/span 2;align-self:start;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;font-size:14px;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#EA5543,#C92F23);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 26px -10px rgba(226,62,46,.8)}
  .flow.is-cards .flow-step>h3{font-size:1.42rem;line-height:1.05;align-self:end}
  .flow.is-cards .flow-step>p{font-size:.98rem;line-height:1.45;max-width:none}
  .flow.is-cards .flow-shot{grid-column:1/-1;margin-top:12px;border-radius:18px;border:1px solid var(--line);background:rgba(255,236,228,.035);overflow:hidden}
  .flow.is-cards .scene{position:relative;inset:auto;padding:16px 14px;gap:10px;opacity:1;transform:none;transition:none}
  .flow.is-cards .flow-step:not(:last-child)::after{content:"";position:absolute;left:38px;bottom:-19px;width:2px;height:19px;background:linear-gradient(180deg,var(--red-hi),rgba(240,96,77,.12))}
  .flow.is-cards .flow-step:last-child{border-color:rgba(72,187,128,.45)}
  .flow.is-cards .flow-step:last-child .flow-n{background:linear-gradient(180deg,#3FA873,#2E7D57);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 26px -10px rgba(46,125,87,.9)}

  /* the founder photo: keep the frame, the glow and the inset picture inside the screen */
  .portrait::before{transform:translate(10px,10px)}
  .portrait::after{inset:-8% -4%}
  .portrait-inset{right:-8px;bottom:-30px;width:42%;transform:translate3d(0,24px,0)}
}

@media (max-width:560px){
  .hero{padding-top:128px}
}

/* ---------- on a phone things appear as you reach them, with no queueing ---------- */
@media (max-width:720px){
  .js .reveal{transform:translate3d(0,18px,0);transition-duration:.6s,.7s}
  [data-stagger]:not(.wall)>*{--rd:0ms!important}
}

@media (max-width:720px){
  /* ---------- pop-ups: room all round, so a tap outside closes them ---------- */
  .modal{padding:66px 12px 16px}
  .modal-back::after{content:"Tap outside to close";position:absolute;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));text-align:center;font:620 10.5px/1 var(--f-d);font-stretch:116%;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,236,228,.5)}
  #cinema{padding:68px 22px 50px}
  #book-modal .modal-back::after{display:none}
  .modal-top{padding:10px 10px 10px 16px}
  .modal-top .modal-x,.cine-top{display:none}
  .cine{max-height:100%;border-radius:22px;overflow:auto;-webkit-overflow-scrolling:touch}
  .cine-video{aspect-ratio:16/10.4}
  .cine-side{gap:12px;padding:14px 16px 16px}
  .cine .co-stage{gap:11px;margin:0}
  .cine .co-stage .co-logo{width:40px;height:40px;border-radius:12px}
  .cine .co-stage .co-txt b{font-size:1.05rem}
  .cine .co-stage .co-txt span{font-size:9.5px}
  .cine-q{font:500 .95rem/1.45 var(--f-b);font-stretch:100%;letter-spacing:0;color:rgba(255,255,255,.88);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .cine-who{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:8px}
  .cine-who b{font-size:14.5px}
  .cine-who span{font-size:13px}
  .cine-nav button{width:42px;height:42px}
  .cine-cta{padding-top:12px;gap:10px}
  .cine-cta p{display:none}
  .cine-cta .btn{--h:48px}

  /* ---------- featured testimonial: the face on top, the words underneath, smaller ---------- */
  .stage{aspect-ratio:auto;display:block;padding-top:94%;border-radius:22px;background:#140b0a}
  .stage-poster,.stage-video,.stage-shade{inset:0 0 auto 0;height:auto;aspect-ratio:1/.94}
  .stage-poster,.stage-video{object-position:50% 24%}
  .stage-shade{background:linear-gradient(180deg,rgba(8,4,4,.5) 0%,transparent 22%,transparent 56%,#140b0a 100%)}
  .stage-top{inset:12px 12px auto}
  .stage-copy{position:relative;z-index:1;left:auto;right:auto;bottom:auto;max-width:none;padding:6px 16px 18px;gap:10px;background:#140b0a}
  .stage.is-swap .stage-copy{transform:none}
  .stage .co-stage{gap:11px;margin:0}
  .stage .co-stage .co-logo{width:38px;height:38px;border-radius:11px}
  .stage .co-stage .co-txt b{font-size:1.02rem}
  .stage .co-stage .co-txt span{font-size:9.5px}
  .stage-topic{font:500 .96rem/1.45 var(--f-b);font-stretch:100%;letter-spacing:0;max-width:none;color:rgba(255,255,255,.88);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .stage-who{font-size:13px;gap:2px 10px}
  .stage-who b{font-size:14.5px}
  .stage-play{inset:0 0 auto 0;aspect-ratio:1/.94;align-items:flex-end;padding:0 14px 26px;gap:12px;pointer-events:none}
  .stage-play-ico{width:54px;height:54px;flex:none}
  .stage-play-lbl b{font-size:14.5px}
  .stage-bars{inset:0 0 auto 0;aspect-ratio:1/.94;align-items:flex-end;padding:0 14px 10px}

  /* ---------- the wall of faces: faces and names, not paragraphs ---------- */
  .wall{gap:10px}
  .wall-head{font-size:10.5px;letter-spacing:.12em}
  .fc-q{display:none}
  .fc-img{aspect-ratio:1/1.14}
  .fc-who b{font-size:.98rem}
  .fc .co{align-items:center;padding:9px 10px;gap:9px;border-bottom:0}
  .fc .co-logo{width:30px;height:30px;border-radius:9px}
  .fc .co-txt{gap:2px}
  .fc .co-txt b{font-size:.84rem;line-height:1.15;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fc .co-txt span{font-size:8.5px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* ---------- the walkthrough: a big, obvious thing to tap ---------- */
  .vframe{aspect-ratio:1/1.04;padding:6px;border-radius:26px}
  .vframe::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--ang),transparent 0 60%,rgba(255,226,214,.95) 78%,transparent 93%);-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:ang 5s linear infinite;pointer-events:none;z-index:4}
  .vframe-in{border-radius:21px}
  .vframe img{object-position:68% 30%;transform:scale(1.03)}
  .vframe-in::after{background:linear-gradient(180deg,rgba(8,4,4,.62) 0%,transparent 26%,transparent 40%,rgba(8,4,4,.95) 100%)}
  .vplay{left:50%;right:auto;top:41%;bottom:auto;width:88px;height:88px;margin:-44px 0 0 -44px}
  .vtap{display:inline-flex;position:absolute;z-index:2;left:50%;top:calc(41% + 58px);transform:translateX(-50%);align-items:center;height:30px;padding:0 14px;border-radius:999px;background:rgba(10,6,6,.62);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:660 10.5px/1 var(--f-d);font-stretch:116%;letter-spacing:.16em;text-transform:uppercase;color:#fff;white-space:nowrap}
  .vframe-meta{left:18px;right:18px;top:auto;bottom:18px;max-width:none;transform:none;display:block}
  .vframe-meta p{display:block;margin:0 0 8px}
  .vframe-meta h3{font-size:1.42rem;margin-top:0}
  .vframe.is-playing{aspect-ratio:16/9}
  .vframe.is-playing::after,.vframe.is-playing .vtap{display:none}
}

/* ============================================================
   Meet the team. The founder leads, the team follows in the same language.
   Built for the phone first: one card each, face on top, then role, name and what they build.
   ============================================================ */
.founder-copy .h2{font-size:clamp(2.1rem,4vw,3.6rem)}
.team{display:grid;gap:16px}
.team-wrap{margin-top:74px}
.team-head{margin-top:clamp(64px,8vw,130px)}

.tm{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:24px;border:1px solid var(--rule);background:var(--card);overflow:hidden;box-shadow:inset 0 1px 0 rgba(247,233,200,.12),0 40px 90px -60px #000;transition:border-color .5s}
.tm::after{content:"";position:absolute;inset:0;background:radial-gradient(520px circle at var(--mx,100%) var(--my,0%),rgba(240,96,77,.14),transparent 62%);opacity:0;transition:opacity .5s;pointer-events:none}
.tm:hover{border-color:rgba(240,96,77,.42)}
.tm:hover::after{opacity:1}

.tm-pic{position:relative;aspect-ratio:1/1;background:var(--ink-3);overflow:hidden}
.tm-pic>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 20%);filter:contrast(1.04) saturate(1.04);transition:transform 1.6s var(--ease)}
.tm:hover .tm-pic>img{transform:scale(1.045)}
.tm-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,4,4,.4) 0%,transparent 24%,transparent 64%,rgba(8,4,4,.62) 100%);pointer-events:none}
.tm-tag{position:absolute;z-index:2;left:14px;top:14px;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 13px 0 10px;border-radius:999px;background:rgba(10,6,6,.62);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:640 10px/1 var(--f-d);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.tm-inset{position:absolute;z-index:2;right:12px;bottom:12px;width:29%;margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.32);box-shadow:0 22px 40px -16px #000}
.tm-inset img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}

.tm-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "does" "cta";row-gap:16px;padding:20px 18px 22px}
.tm-main{grid-area:main;display:grid;gap:12px;justify-items:start}
.tm-role{display:grid;gap:7px;font:660 11px/1.2 var(--f-d);font-stretch:120%;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.tm-role b{font-weight:inherit}
.tm-name{margin:0;font:720 1.78rem/1.02 var(--f-d);font-stretch:116%;letter-spacing:-.032em}
.tm-bio{font-size:15.5px;line-height:1.56;color:var(--fg2);max-width:56ch;text-wrap:pretty}
.tm-does{grid-area:does;display:flex;flex-wrap:wrap;gap:7px}
.tm-does li{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 9px;border-radius:999px;border:1px solid var(--rule2);background:var(--soft);font:560 12.5px/1 var(--f-b);color:var(--fg);white-space:nowrap}
.tm-does .i{width:14px;height:14px;color:var(--red-hi)}
.tm-cta{grid-area:cta;width:100%}

/* tablets: photo beside the words */
@media (min-width:721px){
  .team{gap:clamp(14px,1.6vw,22px)}
  .team-wrap{margin-top:clamp(84px,10vw,150px)}
  .tm{grid-template-columns:clamp(230px,30vw,320px) minmax(0,1fr);border-radius:30px}
  .tm-pic{aspect-ratio:auto;min-height:340px}
  .tm-inset{width:31%}
  .tm-body{align-content:center;row-gap:20px;padding:clamp(26px,3vw,44px) clamp(24px,3.4vw,52px)}
  .tm-main{gap:14px}
  .tm-name{font-size:clamp(1.8rem,2.7vw,2.5rem)}
  .tm-bio{font-size:16px}
  .tm-cta{width:auto;justify-self:start}
}

/* desktop: what they build sits in its own column, like the founder's numbers */
@media (min-width:1101px){
  .tm-body{grid-template-columns:minmax(0,1fr) minmax(230px,.46fr);grid-template-areas:"main does" "cta does";column-gap:clamp(28px,4vw,72px)}
  .tm-does{display:grid;align-self:center;gap:0}
  .tm-does::before{content:attr(data-lbl);margin-bottom:8px;font:640 10.5px/1 var(--f-d);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--fg3)}
  .tm-does li{display:flex;height:auto;gap:11px;padding:13px 0;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none;font-size:15px;line-height:1.25}
  .tm-does li:last-child{border-bottom:0}
  .tm-does .i{width:16px;height:16px}
}