/* ==========================================================================
   ICEmanagement — design system & page styles
   Theme tokens live on [data-theme]; every component reads variables only,
   so a section can opt into another theme with a data-theme attribute.
   ========================================================================== */

/* ---------- Fonts (self-hosted, OFL) ---------- */
@font-face{font-family:"Geist";src:url("../fonts/geist-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("../fonts/geist-mono-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

/* ---------- Tokens ---------- */
:root{
  --font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --font-serif:"Instrument Serif","Iowan Old Style","Palatino Linotype",Georgia,serif;

  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  --container:1240px;
  --gutter:clamp(20px,4vw,40px);
  --r-xl:30px;
  --r-lg:22px;

  --ember-1:#FFC078;
  --ember-2:#FF8A2B;
  --ember-3:#FF5A1F;
  --ember-grad:linear-gradient(100deg,#FFC078 0%,#FF8A2B 48%,#FF5A1F 100%);
  --ember-ink:#1B0A00;
  --ember-soft:rgba(255,122,26,.13);
}

:root,[data-theme="dark"]{
  color-scheme:dark;
  --bg:#04070D;
  --bg-soft:#070C15;
  --panel:#0A111D;
  --surface:rgba(150,200,255,.05);
  --surface-2:rgba(150,200,255,.085);
  --surface-3:rgba(150,200,255,.14);
  --inset:rgba(2,6,12,.5);
  --glass:rgba(13,22,36,.62);
  --frame:rgba(20,32,50,.72);
  --line:rgba(165,210,255,.12);
  --line-2:rgba(165,210,255,.22);
  --text:#EFF7FF;
  --muted:#9DAEC4;
  --faint:#71829A;
  --ice:#7DD7FF;
  --ice-strong:#38BDF8;
  --ice-grad:linear-gradient(100deg,#F0FAFF 0%,#A5E4FF 32%,#4CC3FA 66%,#3F8BFF 100%);
  --ice-soft:rgba(86,196,250,.13);
  --on-ice:#03121F;
  --glow:rgba(56,189,248,.34);
  --good:#5EEAD4;
  --ember-text:#FF9A47;
  --bad:#FF7A8A;
  --bad-soft:rgba(255,122,138,.12);
  --hi:rgba(255,255,255,.07);
  --shadow:0 30px 80px -40px rgba(0,0,0,.85);
  --shadow-float:0 24px 48px -22px rgba(0,0,0,.7);
  --shadow-deep:0 60px 120px -50px rgba(0,0,0,.95);
  --aurora-1:rgba(56,189,248,.27);
  --aurora-2:rgba(47,125,246,.24);
  --aurora-hot:rgba(255,106,26,.15);
  --word-top:rgba(165,210,255,.2);
  --word-bottom:rgba(165,210,255,.015);
  --grain:.045;
  --grain-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .82 0 0 0 0 .9 0 0 0 0 1 0 0 0 4 -1.75'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

[data-theme="light"]{
  color-scheme:light;
  --bg:#F2F7FB;
  --bg-soft:#E8F1F8;
  --panel:#FFFFFF;
  --surface:rgba(255,255,255,.7);
  --surface-2:rgba(255,255,255,.95);
  --surface-3:rgba(12,52,96,.08);
  --inset:rgba(226,238,248,.7);
  --glass:rgba(255,255,255,.72);
  --frame:#FFFFFF;
  --line:rgba(12,52,96,.1);
  --line-2:rgba(12,52,96,.18);
  --text:#06111E;
  --muted:#485A72;
  --faint:#6C7E95;
  --ice:#0A78BA;
  --ice-strong:#0C93E4;
  --ice-grad:linear-gradient(100deg,#27B9F6 0%,#0C93E4 45%,#2B62EC 100%);
  --ice-soft:rgba(14,155,230,.1);
  --on-ice:#FFFFFF;
  --glow:rgba(14,155,230,.26);
  --good:#0B8F7C;
  --ember-text:#C2410C;
  --bad:#D93A46;
  --bad-soft:rgba(217,58,70,.09);
  --hi:rgba(255,255,255,.95);
  --shadow:0 30px 70px -40px rgba(18,62,110,.4);
  --shadow-float:0 24px 48px -24px rgba(18,62,110,.42);
  --shadow-deep:0 60px 100px -50px rgba(18,62,110,.6);
  --aurora-1:rgba(56,189,248,.34);
  --aurora-2:rgba(125,190,255,.42);
  --aurora-hot:rgba(255,140,60,.2);
  --word-top:rgba(12,52,96,.15);
  --word-bottom:rgba(12,52,96,.015);
  --grain:.05;
  --grain-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .04 0 0 0 0 .14 0 0 0 0 .28 0 0 0 4 -1.75'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{padding:0;border:0;background:none;cursor:pointer}
b,strong{font-weight:600}
:focus-visible{outline:2px solid var(--ice-strong);outline-offset:3px}
::selection{background:var(--ice-strong);color:#03121F}

.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:fixed;left:16px;top:-80px;z-index:200;padding:12px 18px;border-radius:12px;background:var(--text);color:var(--bg);font-weight:600;transition:top .2s}
.skip:focus{top:16px}

.progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:120;background:var(--ice-grad);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
@supports (animation-timeline:scroll()){
  .progress{animation:progress linear both;animation-timeline:scroll(root)}
  @keyframes progress{to{transform:scaleX(1)}}
}
.grain{position:fixed;inset:0;z-index:110;pointer-events:none;opacity:var(--grain);background-image:var(--grain-img);background-size:180px 180px}

/* ---------- Type & utilities ---------- */
.mono{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.h2{font-size:clamp(2.3rem,5.1vw,4.3rem);line-height:1;letter-spacing:-.047em;font-weight:600;text-wrap:balance}
.h3{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.08;letter-spacing:-.04em;font-weight:600;text-wrap:balance}
h3{font-size:1.375rem;line-height:1.15;letter-spacing:-.03em;font-weight:600}
.h2 em,.h3 em,.hero__title em,.tile--join em{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.1em;line-height:.9;letter-spacing:-.015em;background:var(--ice-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-inline:.02em .12em;margin-inline-end:-.08em}
em.hot{background-image:var(--ember-grad)}
.sub{max-width:58ch;color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.55;text-wrap:pretty}
.eyebrow{display:inline-flex;align-items:center;gap:11px;margin-bottom:22px;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ice)}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:1.5px;background:var(--ice-grad);rotate:45deg;box-shadow:0 0 14px var(--glow)}
.fine{font-size:.78rem;line-height:1.5;color:var(--faint)}
.fine a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.fine a:hover{color:var(--text)}

.container{width:min(calc(100% - 2 * var(--gutter)),var(--container));margin-inline:auto}
.section{position:relative;padding-block:clamp(64px,8vw,116px)}
.head{max-width:860px;margin-bottom:clamp(36px,5vw,64px)}
.head .sub{margin-top:22px}
.head--center{margin-inline:auto;text-align:center}
.head--center .sub{margin-inline:auto}
.head--split{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px}
.center{display:flex;justify-content:center}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}

.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Buttons ---------- */
.btn{--btn-h:48px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:var(--btn-h);padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:.975rem;font-weight:550;letter-spacing:-.01em;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),background-color .25s,border-color .25s,color .25s}
.btn:active{transform:scale(.97)}
.btn--sm{--btn-h:40px;padding:0 18px;font-size:.9rem}
.btn--lg{--btn-h:56px;padding:0 28px;font-size:1.03rem}
.btn--block{width:100%}
.btn:has(.btn__arrow){padding-right:8px}
.btn--block:has(.btn__arrow){justify-content:space-between;padding-left:26px}
.btn__arrow{display:grid;place-items:center;flex:none;width:calc(var(--btn-h) - 16px);height:calc(var(--btn-h) - 16px);border-radius:50%;background:rgba(40,12,0,.16);transition:transform .45s var(--ease-out),background-color .25s}
.btn__arrow .ic{width:18px;height:18px;stroke-width:2}
.btn:hover .btn__arrow{transform:rotate(-45deg)}
.btn--ember{color:var(--ember-ink);background:var(--ember-grad);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(120,30,0,.22),0 14px 34px -14px rgba(255,106,26,.75)}
.btn--ember:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(120,30,0,.22),0 22px 46px -14px rgba(255,106,26,.9)}
.btn--ghost{color:var(--text);background:var(--surface);border-color:var(--line-2);box-shadow:inset 0 1px 0 var(--hi)}
.btn--ghost:hover{transform:translateY(-2px);background:var(--surface-2);border-color:var(--ice-strong)}
.btn--ghost .btn__arrow{background:var(--surface-3)}

.icon-btn{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);transition:background-color .25s,border-color .25s,opacity .25s,transform .35s var(--ease-out)}
.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-2)}
.icon-btn:active:not(:disabled){transform:scale(.92)}
.icon-btn:disabled{opacity:.35;cursor:default}
.icon-btn--lg{width:52px;height:52px}

/* ---------- Chips, ticks, dots ---------- */
.chip,.chips li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.04em;line-height:1.25;text-transform:uppercase;white-space:nowrap;color:var(--muted)}
.chip .ic{width:12px;height:12px;stroke-width:2.4}
.chip--up{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent);border-color:color-mix(in srgb,var(--good) 30%,transparent)}
.chip--ice{color:var(--ice);background:var(--ice-soft);border-color:color-mix(in srgb,var(--ice) 30%,transparent)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.hiring{display:inline-flex;align-items:center;gap:8px;flex:none;padding:5px 11px 5px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ember-2) 38%,transparent);background:var(--ember-soft);color:var(--ember-text);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;line-height:1.25;text-transform:uppercase;white-space:nowrap}
.hiring .live-dot{width:6px;height:6px}
.hiring--xs{padding:2px 7px;font-size:.6rem}

.tick{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px}
.tick .ic{width:16px;height:16px;stroke-width:2.3}
.tick--ok{color:var(--ice);background:var(--ice-soft)}
.tick--bad{color:var(--bad);background:var(--bad-soft)}
.tick--wait{color:var(--ember-2);background:var(--ember-soft)}

.live-dot{position:relative;display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--good)}
.live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ping 2.2s var(--ease-out) infinite}
.live-dot--hot{background:var(--ember-2)}
@keyframes ping{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.4);opacity:0}}

.dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%}
.dot--reel{background:var(--ice-strong)}
.dot--ppv{background:var(--ember-2)}
.dot--shoot{background:var(--good)}

/* cursor-follow glow on cards */
.spot{position:relative;isolation:isolate}
.spot::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%),var(--ice-soft),transparent 62%);transition:opacity .4s}
.spot:hover::after{opacity:1}

/* scroll reveal */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform 1s var(--ease-out);transition-delay:var(--delay,0ms)}
.js .reveal.in{opacity:1;transform:none}

/* ==========================================================================
   NAV
   ========================================================================== */
.nav{position:fixed;top:14px;left:0;right:0;z-index:100;display:flex;justify-content:center;padding-inline:14px;pointer-events:none}
.nav__bar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,calc(var(--container) + 32px));height:70px;padding:0 12px 0 18px;border-radius:999px;border:1px solid var(--line);background:var(--glass);box-shadow:inset 0 1px 0 var(--hi),var(--shadow-float);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:height .45s var(--ease-out),border-color .3s}
.nav.is-scrolled .nav__bar{height:62px;border-color:var(--line-2)}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand__logo{display:block;width:auto;height:44px;filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--ice) 26%,transparent));transition:transform .5s var(--ease-out),filter .5s}
.brand:hover .brand__logo{transform:scale(1.035);filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--ice) 40%,transparent))}
[data-theme="light"] .brand__logo{filter:drop-shadow(0 2px 5px rgba(6,17,30,.25)) drop-shadow(0 8px 18px rgba(10,120,186,.20))}
.nav__links{display:flex;align-items:center;gap:2px}
.nav__links a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:.925rem;font-weight:500;color:var(--muted);transition:color .2s,background-color .2s}
.nav__links a:hover{color:var(--text);background:var(--surface-2)}
.nav__links a[aria-current="true"]{color:var(--text);background:var(--surface-2)}
.nav__actions{display:flex;align-items:center;gap:8px}
.theme-toggle .ic{grid-area:1/1;width:18px;height:18px;transition:transform .6s var(--ease-out),opacity .3s}
[data-theme="dark"] .theme-toggle .ic--moon,[data-theme="light"] .theme-toggle .ic--sun{opacity:0;transform:rotate(90deg) scale(.4)}
.nav__burger{display:none}
.nav__burger span{position:absolute;left:11px;right:11px;height:1.75px;border-radius:2px;background:currentColor;transition:transform .45s var(--ease-out),top .45s var(--ease-out)}
.nav__burger span:first-child{top:15px}
.nav__burger span:last-child{top:22px}
.menu-open .nav__burger span:first-child{top:18.5px;transform:rotate(45deg)}
.menu-open .nav__burger span:last-child{top:18.5px;transform:rotate(-45deg)}

.menu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:108px 24px max(28px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);opacity:0;visibility:hidden;overflow-y:auto;transition:opacity .35s,visibility 0s .35s}
.menu-open .menu{opacity:1;visibility:visible;transition:opacity .35s,visibility 0s}
.menu__links{display:grid}
.menu>.btn{flex:none}
.menu__links a{display:flex;align-items:baseline;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);font-size:clamp(1.8rem,8vw,2.6rem);font-weight:600;letter-spacing:-.045em;line-height:1.1;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .7s var(--ease-out)}
.menu__links a .mono{color:var(--ice)}
.menu-open .menu__links a{opacity:1;transform:none}
.menu-open .menu__links a:nth-child(1){transition-delay:.06s}
.menu-open .menu__links a:nth-child(2){transition-delay:.1s}
.menu-open .menu__links a:nth-child(3){transition-delay:.14s}
.menu-open .menu__links a:nth-child(4){transition-delay:.18s}
.menu-open .menu__links a:nth-child(5){transition-delay:.22s}
.menu-open .menu__links a:nth-child(6){transition-delay:.26s}
.menu-open .menu__links a:nth-child(7){transition-delay:.3s}
.menu__links .hiring{align-self:center;letter-spacing:.06em}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{position:relative;isolation:isolate;padding:clamp(108px,min(11vw,17vh),150px) 0 clamp(40px,5vw,72px);overflow:clip}
.hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(52% 48% at 80% 34%,var(--aurora-1),transparent 70%),
  radial-gradient(32% 30% at 93% 80%,var(--aurora-hot),transparent 70%),
  radial-gradient(46% 44% at 6% 2%,var(--aurora-2),transparent 70%)}
.hero__bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;background-position:50% 0;-webkit-mask-image:radial-gradient(75% 65% at 50% 26%,#000,transparent 78%);mask-image:radial-gradient(75% 65% at 50% 26%,#000,transparent 78%);opacity:.6}
.hero__bg::after{content:"";position:absolute;inset:auto 0 0 0;height:200px;background:linear-gradient(transparent,var(--bg))}
.hero__inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,5vw,80px);align-items:center}

.pill{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi);font-size:.85rem;font-weight:500;line-height:1.3;transition:border-color .25s,background-color .25s}
.pill:hover{border-color:var(--ice-strong);background:var(--surface-2)}
.pill__dot{position:relative;flex:none;width:8px;height:8px;margin-inline:2px;border-radius:50%;background:var(--good)}
.pill__dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ping 2.2s var(--ease-out) infinite}
.pill__muted{padding-left:10px;border-left:1px solid var(--line-2);color:var(--muted)}
.pill .ic{width:14px;height:14px;color:var(--muted);transition:transform .35s var(--ease-out)}
.pill:hover .ic{transform:translateX(3px)}

.hero__title{margin-top:24px;font-size:clamp(3.1rem,min(7.1vw,11vh),6.4rem);line-height:.94;letter-spacing:-.055em;font-weight:600}
.hero__title .line{display:block;overflow:hidden;padding:.07em .14em .17em .05em;margin:-.07em -.14em -.17em -.05em}
.hero__title .line>span{display:block}
.hero__title em{font-size:1.13em;line-height:.83;letter-spacing:-.03em}
.hero__lead{max-width:54ch;margin-top:26px;font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.6;color:var(--muted);text-wrap:pretty}
.hero__lead strong{font-weight:550;color:var(--text)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__trust{display:flex;align-items:center;gap:16px;margin-top:30px;font-size:.95rem;line-height:1.45;color:var(--muted)}
.hero__trust b{color:var(--text)}
.avatars{display:flex;flex:none}
.avatars img{width:36px;height:36px;margin-left:-10px;border:2px solid var(--bg);border-radius:50%;object-fit:cover}
.avatars img:first-child{margin-left:0}

.hero__visual{position:relative;justify-self:end;width:min(100%,456px);margin-right:clamp(8px,3.4vw,46px)}
.portrait{position:relative;aspect-ratio:4/5;border-radius:40px;overflow:hidden;background:var(--panel);box-shadow:0 0 0 1px var(--line-2),var(--shadow-deep),0 0 140px -40px var(--glow)}
.portrait::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -90px 110px -70px rgba(4,7,13,.75)}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:88% 50%}

.float{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:20px;border:1px solid var(--line-2);background:var(--glass);box-shadow:inset 0 1px 0 var(--hi),var(--shadow-float);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);color:var(--text);font-size:.875rem;line-height:1.3;transform:translate3d(calc(var(--px,0) * var(--d,10) * 1px),calc(var(--py,0) * var(--d,10) * 1px),0);transition:transform .7s var(--ease-out);animation:bob 8s ease-in-out infinite}
.float b{display:block;letter-spacing:-.015em}
.float b+span{display:block;font-size:.8rem;color:var(--muted)}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}

.float--rev{left:-96px;top:10%;display:block;width:232px;padding:16px 16px 12px;animation-delay:-2s}
.float__row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.float__value{margin-top:10px;font-size:1.95rem;font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.spark{width:100%;height:52px;margin-top:8px;overflow:visible}
.spark__line{fill:none;stroke:var(--ice-strong);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.float--live{right:-24px;top:5%;gap:9px;padding:9px 14px;border-radius:999px;font-size:.82rem;font-weight:500;animation-delay:-5s}
.float--live .mono{font-size:.7rem;color:var(--ice)}
.float--toast{right:-46px;bottom:25%;width:222px;height:64px;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation-delay:-1s}
.toast-card{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:20px;border:1px solid var(--line-2);background:var(--glass);box-shadow:inset 0 1px 0 var(--hi),var(--shadow-float);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .5s,transform .7s var(--ease-out)}
.toast-card div{min-width:0}
.toast-card b+span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toast-card.is-active{opacity:1;transform:none}
.toast-card.is-leaving{opacity:0;transform:translateY(-14px) scale(.96)}
.toast-card__ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:var(--ice-soft);color:var(--ice)}
.toast-card__ic--hot{background:var(--ember-soft);color:var(--ember-2)}
.float--rank{left:-66px;bottom:9%;padding:10px 20px 10px 10px;animation-delay:-3.5s}
.float--rank b{font-size:1.08rem;letter-spacing:-.03em}
.float__cube{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:15px;border:1px solid var(--line);background:var(--surface-2)}
.float__cube svg{width:27px;height:27px}
.float__apps{display:flex;flex:none}
.float__apps i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg);color:var(--ice)}
.float__apps i+i{margin-left:-13px}
.float__apps .ic{width:19px;height:19px}
.float__icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:var(--ember-soft);color:var(--ember-2)}
.float__icon--ice{background:var(--ice-soft);color:var(--ice)}

.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(56px,7vw,96px);border-top:1px solid var(--line)}
.facts li{padding:24px 24px 0;border-left:1px solid var(--line)}
.facts li:first-child{padding-left:0;border-left:0}
.facts strong{display:block;font-size:clamp(1.8rem,2.9vw,2.6rem);letter-spacing:-.05em;line-height:1.1}
.facts span{display:block;max-width:24ch;margin-top:8px;font-size:.95rem;line-height:1.45;color:var(--muted)}

/* hero entrance */
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes line-up{from{transform:translateY(112%)}to{transform:none}}
@keyframes portrait-in{from{opacity:0;transform:translateY(44px) scale(.96);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}
@keyframes float-in{from{opacity:0;scale:.86}to{opacity:1;scale:1}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
.js .pill{animation:rise .9s var(--ease-out) .05s both}
.js .hero__title .line>span{animation:line-up 1.1s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms + 120ms)}
.js .hero__lead{animation:rise .9s var(--ease-out) .5s both}
.js .hero__cta{animation:rise .9s var(--ease-out) .6s both}
.js .hero__trust{animation:rise .9s var(--ease-out) .7s both}
.js .portrait{animation:portrait-in 1.3s var(--ease-out) .15s both}
.js .hero .float{animation:float-in .9s var(--ease-out) both,bob 8s ease-in-out infinite}
.js .hero .float--rev{animation-delay:.75s,-2s}
.js .hero .float--live{animation-delay:.95s,-5s}
.js .hero .float--toast{animation-delay:1.15s,-1s}
.js .hero .float--rank{animation-delay:1.05s,-3.5s}
.js .spark__line{animation:draw 2.2s var(--ease-out) 1s both}
.js .spark__area{animation:fade-in 1.2s 1.9s both}
.js .facts{animation:rise 1s var(--ease-out) .85s both}

/* ==========================================================================
   TICKER
   ========================================================================== */
.ticker{padding:22px 0;border-block:1px solid var(--line);background:var(--surface)}
.ticker__inner{display:flex;align-items:center;gap:32px}
.ticker__label{flex:none}
.marquee{display:flex;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.marquee__track{display:flex;flex:none;align-items:center;gap:56px;padding-right:56px;animation:marquee 40s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__track li{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:550;letter-spacing:-.03em;white-space:nowrap;color:var(--muted);transition:color .25s}
.marquee__track li:hover{color:var(--text)}
.marquee__track .ic{width:20px;height:20px}
@keyframes marquee{to{transform:translateX(-100%)}}

/* ==========================================================================
   WHY / VERSUS
   ========================================================================== */
.versus{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.vs{padding:clamp(22px,3vw,38px);border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi)}
.vs__head{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.vs__head h3{font-size:1.3rem;font-weight:500;letter-spacing:-.035em}
.vs__head .chip{margin-left:auto}
.vs__icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:15px;border:1px solid var(--line);background:var(--surface-2);color:var(--faint)}
.vs__icon svg:not(.ic){width:26px;height:26px}
.vs__list li{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px dashed var(--line);font-size:1.05rem;line-height:1.35}
.vs__list li:last-child{padding-bottom:0;border-bottom:0}
.vs--them{color:var(--muted)}
.vs--them h3{color:var(--muted)}
.vs--us{border-color:transparent;background:radial-gradient(110% 80% at 100% 0%,var(--ice-soft),transparent 60%) padding-box,linear-gradient(var(--panel),var(--panel)) padding-box,var(--ice-grad) border-box;box-shadow:inset 0 1px 0 var(--hi),0 0 100px -34px var(--glow)}
.vs--us h3{color:var(--muted)}
.vs--us h3 b{font-weight:700;color:var(--text)}
.vs--us .vs__list li{font-weight:500}
.versus__badge{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg);color:var(--text);translate:-50% -50%;box-shadow:0 0 0 6px var(--bg)}

/* ==========================================================================
   REASONS CAROUSEL
   ========================================================================== */
.reasons{overflow:clip}
.carousel-nav{display:flex;align-items:center;gap:10px}
.carousel-nav__count{margin-right:10px;font-size:.8rem}
.carousel-nav__count b{font-weight:500;color:var(--text)}
.carousel{--edge:max(var(--gutter),calc((100vw - var(--container)) / 2));overflow-x:auto;overflow-y:hidden;padding-block:6px 10px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--edge);scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;cursor:grab;outline-offset:-4px}
.carousel::-webkit-scrollbar{display:none}
.carousel.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;-webkit-user-select:none}
.carousel__track{display:flex;gap:20px;width:max-content;padding-inline:var(--edge)}
.reason{position:relative;isolation:isolate;flex:none;width:min(390px,82vw);padding:28px 28px 112px;border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi);overflow:hidden;scroll-snap-align:start;transition:border-color .3s}
.reason:hover{border-color:var(--line-2)}
.reason__top{display:flex;align-items:center;justify-content:space-between}
.reason__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;border:1px solid color-mix(in srgb,var(--ice) 24%,transparent);background:var(--ice-soft);color:var(--ice)}
.reason__icon .ic{width:24px;height:24px}
.reason h3{margin-top:36px;font-size:1.62rem;letter-spacing:-.04em;line-height:1.1;text-wrap:balance}
.reason p{margin-top:14px;color:var(--muted)}
.reason__ghost{position:absolute;right:22px;bottom:-22px;z-index:-1;font-family:var(--font-serif);font-style:italic;font-size:8.6rem;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--line-2);pointer-events:none;user-select:none;transition:translate .7s var(--ease-out),-webkit-text-stroke-color .4s}
.reason:hover .reason__ghost{translate:0 -8px;-webkit-text-stroke-color:var(--ice-strong)}
.carousel-progress{height:2px;margin:26px 0 44px;border-radius:2px;background:var(--line);overflow:hidden}
.carousel-progress span{display:block;width:30%;height:100%;border-radius:2px;background:var(--ice-grad)}

/* ==========================================================================
   SERVICES BENTO
   ========================================================================== */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:28px;border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi);overflow:hidden;transition:border-color .3s}
.tile:hover{border-color:var(--line-2)}
.tile__label{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--ice)}
.tile__label .ic{width:15px;height:15px}
.tile h3{font-size:clamp(1.55rem,2.2vw,1.95rem);letter-spacing:-.045em;line-height:1.06}
.tile__body>p:not(.tile__label){max-width:48ch;margin-top:12px;color:var(--muted)}
.tile__body .chips{margin-top:20px}
.tile--chat{grid-column:span 7;grid-row:span 2}
.tile--mkt,.tile--content{grid-column:span 5}
.tile--fin,.tile--legal,.tile--join{grid-column:span 4}

.chat,.sources,.week,.payout,.shifts{padding:18px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--inset)}
.chat{display:flex;flex-direction:column;gap:10px}
.chat__head{display:flex;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:.86rem;line-height:1.35}
.chat__av{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--ice-grad);color:var(--on-ice);font:600 .62rem var(--font-mono);letter-spacing:.04em}
.chat__head b{display:block}
.chat__via{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:5px 11px 5px 9px;border-radius:99px;border:1px solid var(--line);background:var(--surface-2);font-size:.74rem;color:var(--muted);white-space:nowrap}
.chat__via .ic{width:13px;height:13px;color:var(--good)}
.chat__head b+span{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}
.bubble{max-width:80%;padding:11px 15px;border-radius:18px;font-size:.93rem;line-height:1.4}
.bubble--in{align-self:flex-start;border-bottom-left-radius:6px;background:var(--surface-3)}
.bubble--out{align-self:flex-end;border-bottom-right-radius:6px;background:var(--ice-grad);color:var(--on-ice);font-weight:500}
.bubble--typing{display:flex;gap:5px;padding:14px 16px}
.bubble--typing i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:typing 1.3s infinite}
.bubble--typing i:nth-child(2){animation-delay:.15s}
.bubble--typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.chat__event{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ember-2) 32%,transparent);background:var(--ember-soft);color:var(--ember-2);font:500 .7rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase}
.chat__event .ic{width:13px;height:13px}
.chat__event b{color:var(--text)}
.js .chat>p{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .5s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--delay,0s)}
.js .tile.in .chat>p{opacity:1;transform:none}

.sources__head,.week__head,.payout__row,.shifts__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sources__head{margin-bottom:12px}
.shifts__head{margin-bottom:14px}
.shifts__bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.shifts__bar span{display:grid;place-items:center;height:38px;border-radius:11px;background:var(--surface-2);font-size:.8rem;font-weight:500;white-space:nowrap;color:var(--muted)}
.shifts__bar .is-now{background:var(--ice-grad);color:var(--on-ice);box-shadow:0 8px 22px -10px var(--glow)}
.shifts__scale{display:flex;justify-content:space-between;margin-top:8px;font-size:.62rem}
.chat__composer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:6px 6px 6px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:.88rem;color:var(--faint)}
.chat__composer i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ice-grad);color:var(--on-ice)}
.chat__composer .ic{width:16px;height:16px;stroke-width:2.2}
.sources li{display:grid;grid-template-columns:112px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:7px 0;font-size:.88rem}
.sources li span{display:flex;align-items:center;gap:9px;color:var(--muted)}
.sources li span .ic{width:14px;height:14px;color:var(--text)}
.sources li i{position:relative;height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.sources li i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:inherit;background:var(--ice-grad);transform-origin:0 50%;transition:transform 1.3s var(--ease-out) .25s}
.sources li:first-child i::after{background:var(--ember-grad)}
.js .tile:not(.in) .sources li i::after{transform:scaleX(0)}
.sources li b{font:500 .78rem var(--font-mono);text-align:right}

.week__head{margin-bottom:14px}
.week__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.week__days li{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:76px;padding:10px 0 12px;border-radius:14px;border:1px solid transparent;background:var(--surface-2)}
.week__days li span{font:500 .7rem var(--font-mono);color:var(--faint)}
.week__days li.is-today{border-color:var(--ice-strong);background:var(--ice-soft)}
.week__days li.is-today span{color:var(--ice)}
.week__legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:.78rem;color:var(--muted)}
.week__legend span{display:inline-flex;align-items:center;gap:7px}

.payout__amount{margin-top:10px;font-size:2.15rem;font-weight:600;letter-spacing:-.05em;line-height:1.1;font-variant-numeric:tabular-nums}
.payout__amount small{font-size:.55em;font-weight:500;color:var(--faint)}
.payout__bar{display:flex;gap:3px;height:8px;margin-top:14px}
.payout__bar::after{content:"";flex:1;border-radius:99px;background:var(--ember-grad)}
.payout__bar span{flex:none;width:72%;border-radius:99px;background:var(--ice-grad)}
.payout__legend{display:flex;gap:16px;margin-top:12px;font-size:.78rem;color:var(--muted)}
.payout__legend span{display:inline-flex;align-items:center;gap:7px}
.payout__legend i{width:8px;height:8px;border-radius:50%;background:var(--ice-strong)}
.payout__legend span:last-child i{background:var(--ember-2)}

.takedowns{display:grid;gap:8px}
.takedowns li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 14px 9px 9px;border-radius:16px;border:1px solid var(--line);background:var(--inset);font-size:.86rem}
.takedowns li>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.takedowns .tick{width:28px;height:28px;border-radius:9px}
.takedowns .tick .ic{width:14px;height:14px}
.takedowns b{font:500 .66rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--good)}
.takedowns b.is-pending{color:var(--ember-2)}

.tile--join{justify-content:flex-end;gap:8px;min-height:300px;border-color:rgba(165,210,255,.16);background:#03060B;color:var(--text)}
.tile--join .mono{color:var(--ice)}
.tile--join strong{font-size:clamp(2rem,3vw,2.7rem);letter-spacing:-.05em;line-height:1;padding-right:56px}
.tile__ice,.apply__ice{-webkit-mask-image:radial-gradient(closest-side,#000 66%,transparent 100%);mask-image:radial-gradient(closest-side,#000 66%,transparent 100%)}
.tile__ice{position:absolute;right:-16%;top:-20%;z-index:-1;width:88%;max-width:none;mix-blend-mode:screen;animation:ice-float 9s ease-in-out infinite;transition:scale 1.2s var(--ease-out)}
.tile--join:hover .tile__ice{scale:1.08}
.tile__arrow{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--ember-grad);color:var(--ember-ink);box-shadow:0 12px 30px -10px rgba(255,106,26,.8);transition:transform .5s var(--ease-out)}
.tile__arrow .ic{width:20px;height:20px;stroke-width:2}
.tile--join:hover .tile__arrow{transform:rotate(45deg) scale(1.08)}
@keyframes ice-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -12px;rotate:3deg}}

/* ==========================================================================
   PROCESS
   ========================================================================== */
.steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:30px}
.steps__line{position:absolute;top:29px;left:calc(100% / 6);right:calc(100% / 6);height:2px;border-radius:2px;background:var(--line);overflow:hidden}
.steps__line i{display:block;height:100%;background:var(--ice-grad);transform-origin:0 50%;transform:scaleX(var(--prog,1))}
.step{position:relative;display:flex;flex-direction:column;align-items:center;padding:60px 28px 30px;border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi);text-align:center}
.step__node{position:absolute;top:-30px;left:50%;display:grid;place-items:center;width:60px;height:60px;border-radius:20px;border:1px solid var(--line-2);background:var(--panel);color:var(--faint);translate:-50% 0;transition:color .4s,border-color .4s,box-shadow .6s var(--ease-out),scale .6s var(--ease-out)}
.step__node::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:var(--ice-grad);opacity:0;transition:opacity .5s}
.step__node .ic{position:relative;width:24px;height:24px}
.step.is-on .step__node{color:var(--on-ice);border-color:transparent;scale:1.06;box-shadow:0 0 0 7px var(--ice-soft),0 16px 36px -10px var(--glow)}
.step.is-on .step__node::before{opacity:1}
.step__k{margin-bottom:10px;color:var(--ice)}
.step h3{font-size:1.5rem;letter-spacing:-.04em}
.step p:not(.step__k){max-width:34ch;margin:12px 0 22px;color:var(--muted)}
.step .chip{margin-top:auto}

/* ==========================================================================
   TRIAL REELS
   ========================================================================== */
.reels__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,7vw,110px);align-items:center}
.reels__copy .sub{margin-top:22px}
.checks{display:grid;gap:14px;margin-top:30px}
.checks li{display:flex;align-items:center;gap:14px;font-size:1.05rem;line-height:1.35}
.reels__copy .btn-row{margin-top:38px}
.reels__visual{position:relative;display:grid;place-items:center;padding-block:10px}
.reels__visual::before{content:"";position:absolute;inset:4% 0;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--aurora-1),transparent 74%)}
.phone{position:relative;width:min(300px,74vw);aspect-ratio:300/612;padding:9px;border-radius:50px;background:linear-gradient(150deg,#2B384B 0%,#0B111B 42%,#05080E 100%);box-shadow:0 0 0 1px rgba(255,255,255,.16),inset 0 0 0 1.5px rgba(255,255,255,.08),var(--shadow-deep),0 0 110px -30px var(--glow)}
.phone__island{position:absolute;top:19px;left:50%;z-index:2;width:84px;height:24px;border-radius:99px;background:#000;translate:-50% 0}
.phone__screen{display:flex;flex-direction:column;height:100%;padding-top:56px;border-radius:41px;background:#080C13;color:#fff;overflow:hidden}
/* Instagram profile inside the phone, rebuilt from the supplied screenshot. Every size is in em and
   the base size follows the phone's width, so the whole profile scales with the phone. */
.ig{display:flex;flex-direction:column;flex:1;min-height:0;font-size:calc(min(300px,74vw) * .0383);line-height:1.45}
.ig b{font-weight:650}
.ig__head{display:flex;align-items:center;gap:1.5em;padding:1.2em 1.15em 0}
.ig__av{display:grid;place-items:center;flex:none;width:6.3em;height:6.3em;border-radius:50%;background:linear-gradient(45deg,#FFC900,#FFA300 25%,#F72F40 50%,#E100A7 75%,#CD01C0)}
.ig__av img{width:calc(100% - .38em);height:calc(100% - .38em);border:.2em solid #080C13;border-radius:50%;object-fit:cover}
.ig__id{flex:1;min-width:0}
.ig__user{display:flex;align-items:center;gap:.8em;font-size:1.16em;letter-spacing:-.02em}
.ig__user .ic{width:1.15em;height:1.15em}
.ig__stats{display:flex;justify-content:space-between;margin-top:.7em;padding-right:1.2em;line-height:1.25}
.ig__stats dt{font-weight:650}
.ig__bio{display:grid;padding:.8em 1.15em 0}
.ig__cat{color:#A8A8A8}
.ig__bio i{font-style:normal;color:#708DFF}
.ig__threads{display:flex;align-items:center;gap:.4em;margin-top:.3em;font-weight:600}
.ig__threads .ic{width:1.3em;height:1.3em}
.ig__actions{display:flex;gap:.5em;padding:1em 1.15em 0}
.ig__btn{display:flex;flex:1;align-items:center;justify-content:center;gap:.3em;height:2.7em;border-radius:.75em;background:#25292E;font-weight:600}
.ig__btn--wide{flex:1.25}
.ig__btn--icon{flex:none;width:2.9em}
.ig__btn .ic{width:1.15em;height:1.15em}
/* story highlights: the fifth runs off the edge, as it does in the app */
.ig__stories{display:flex;gap:.4em;padding:1.15em .85em 0;overflow:hidden}
.ig__stories figure{flex:none;width:4.5em;text-align:center}
.ig__stories img{width:100%;aspect-ratio:1;padding:.2em;border:.15em solid #2B3036;border-radius:50%;object-fit:cover}
.ig__stories figcaption{margin-top:.3em;font-size:.8em;line-height:1.3;white-space:nowrap}
.ig__tabs{display:flex;margin-top:.8em;border-bottom:1px solid #2B3036}
.ig__tabs span{display:grid;flex:1;place-items:center;height:3.3em;margin-bottom:-1px;border-bottom:1.5px solid transparent;color:#8E8E8E}
.ig__tabs .is-on{border-color:#F5F5F5;color:#fff}
.ig__tabs .ic{width:1.9em;height:1.9em}
/* one row of posts; whatever does not fit slides under the bottom bar */
.ig__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:1.5px;flex:1;min-height:0;overflow:hidden}
.ig__grid img{width:100%;aspect-ratio:3/4;object-fit:cover}
.ig__nav{display:flex;flex:none;align-items:center;justify-content:space-around;height:4em;padding:0 .6em .35em;border-top:1px solid #2B3036;background:#080C13}
.ig__nav .ic{width:1.95em;height:1.95em}
.ig__nav img{width:2em;height:2em;border-radius:50%;box-shadow:0 0 0 1.5px #080C13,0 0 0 3px #fff;object-fit:cover}
/* Both cards sit where the profile is empty: one beside the short bio lines, one at the phone's left edge. */
.float--queue{left:max(-40px,calc(50% - 292px));top:57%;animation-delay:-2s}
.float--reach{right:max(-40px,calc(50% - 300px));top:30%;animation-delay:-5s}
/* narrower two-column desktops: no icons, so the cards stay off the profile's text */
@media (min-width:961px) and (max-width:1200px){
  .reels__visual .float__icon{display:none}
}

/* ==========================================================================
   CALCULATOR
   ========================================================================== */
.calc__card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi),var(--shadow);overflow:hidden}
.calc__controls{display:grid;align-content:start;gap:30px;padding:clamp(22px,3.6vw,44px)}
.field{min-width:0}
.field__top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-bottom:10px}
.field label,.field__label{font-size:.95rem;font-weight:550}
.field__label{display:flex;align-items:center;min-height:32px;margin-bottom:10px}
.field__val{padding:3px 12px;border-radius:10px;background:var(--ice-soft);color:var(--ice);font-size:1.12rem;font-weight:550;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.field__scale{display:flex;justify-content:space-between;margin-top:6px;font-size:.64rem}
.field__hint{margin-top:12px;font-size:.86rem;color:var(--muted)}
.field--row{display:grid;grid-template-columns:minmax(180px,auto) minmax(0,1fr);gap:28px;align-items:start}
.field__col{min-width:0}
[data-price-field]{transition:opacity .3s}
[data-price-field] .range{margin-top:14px}
[data-price-field].is-off{opacity:.38}

.range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;--p:50%}
.range:disabled{cursor:not-allowed}
.range::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--ice-strong) var(--p),var(--surface-3) var(--p))}
.range::-moz-range-track{height:6px;border-radius:99px;background:var(--surface-3)}
.range::-moz-range-progress{height:6px;border-radius:99px;background:var(--ice-strong)}
.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 5px var(--ice-soft),0 0 0 1px rgba(12,52,96,.18),0 4px 12px rgba(0,0,0,.35);transition:box-shadow .2s,scale .2s}
.range::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 5px var(--ice-soft),0 0 0 1px rgba(12,52,96,.18),0 4px 12px rgba(0,0,0,.35)}
.range:hover::-webkit-slider-thumb,.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 8px var(--ice-soft),0 0 0 2px var(--ice-strong),0 4px 12px rgba(0,0,0,.35)}
.range:focus-visible{outline:none}
.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 8px var(--ice-soft),0 0 0 2px var(--ice-strong)}

.seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:17px;border:1px solid var(--line);background:var(--inset)}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.seg span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:46px;padding:7px 10px;border-radius:13px;font-size:.95rem;font-weight:550;line-height:1.25;text-align:center;color:var(--muted);transition:background-color .25s,color .25s,box-shadow .25s}
.seg span small{font-size:.72rem;font-weight:450;color:var(--faint);transition:color .25s}
.seg label:hover span{color:var(--text)}
.seg input:checked+span{background:var(--ice-grad);color:var(--on-ice);box-shadow:0 8px 20px -10px var(--glow)}
.seg input:checked+span small{color:color-mix(in srgb,var(--on-ice) 72%,transparent)}
.seg input:focus-visible+span{outline:2px solid var(--ice-strong);outline-offset:3px}

.calc__result{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,3.6vw,44px);border-left:1px solid var(--line);background:radial-gradient(120% 70% at 100% 0%,var(--ice-soft),transparent 62%),radial-gradient(90% 60% at 0% 100%,var(--ember-soft),transparent 62%)}
.calc__k{color:var(--ice)}
.calc__total{font-size:clamp(3.2rem,6.2vw,5.3rem);font-weight:600;letter-spacing:-.06em;line-height:.95;font-variant-numeric:tabular-nums}
.calc__year{font-size:1.05rem;color:var(--muted)}
.calc__year b{color:var(--text)}
.calc__mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.calc__mini li{padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--inset)}
.calc__mini span{display:block;font-size:.78rem;color:var(--muted)}
.calc__mini b{font-size:1.12rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.split{margin-top:auto;padding-block:22px 10px}
.split__bar{display:flex;gap:3px;height:10px}
.split__bar span{min-width:6px;border-radius:99px;transition:width .6s var(--ease-out)}
.split__bar span:first-child{background:var(--ice-grad)}
.split__bar span:last-child{background:var(--ember-grad)}
.split__legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.split__legend dt{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}
.split__legend dd{margin-top:2px;font-size:1.35rem;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.sw{width:8px;height:8px;border-radius:50%}
.sw--subs{background:var(--ice-strong)}
.sw--ppv{background:var(--ember-2)}

/* ==========================================================================
   CREATORS
   ========================================================================== */
.creators{overflow:clip}
.creators .head{margin-bottom:8px}
.roster{display:flex;justify-content:center;padding:36px var(--gutter) 44px;outline-offset:-4px}
.creator{position:relative;flex:none;width:clamp(168px,15.6vw,226px);margin-inline:-7px;padding:8px;border-radius:24px;border:1px solid var(--line-2);background:var(--frame);box-shadow:inset 0 1px 0 var(--hi),var(--shadow-float);rotate:var(--r);translate:0 var(--y);transition:rotate .7s var(--ease-out),translate .7s var(--ease-out),scale .7s var(--ease-out),box-shadow .4s}
/* 3:4, the shape tools/photos.py exports */
.creator img{width:100%;aspect-ratio:3/4;border-radius:17px;object-fit:cover}
/* Optional: a card without a name is simply a framed photo with its tag. One line only; a name too long for
   its card ends in an ellipsis rather than sliding under the next card. */
.creator__name{display:block;padding:11px 6px 5px;overflow:hidden;font-family:var(--font-serif);font-style:italic;font-size:1.75rem;line-height:1;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}
/* Category tag. It sits on the photo's top-left corner because that is the one part of a card the
   overlapping neighbours never cover; beside the name its right end slid under the next card. */
.creator__tag{position:absolute;top:18px;left:18px;display:block;max-width:calc(100% - 36px);overflow:hidden;text-overflow:ellipsis;border-color:rgba(255,255,255,.26);background:rgba(8,13,24,.64);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:0 8px 20px -10px rgba(0,0,0,.7);color:#fff}
/* narrowest fanned cards (168-187px wide): a slightly smaller tag and name, so long ones stay clear of the next card */
@media (min-width:1041px) and (max-width:1200px){
  .creator__tag{top:16px;left:16px;max-width:calc(100% - 32px);padding:4px 9px;font-size:.625rem}
  .creator__name{font-size:1.45rem}
}
.creator:hover{z-index:3;rotate:0deg;translate:0 -16px;scale:1.07;box-shadow:inset 0 1px 0 var(--hi),var(--shadow-deep),0 0 70px -14px var(--glow)}

/* ==========================================================================
   RESULTS
   ========================================================================== */
.case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(22px,3.6vw,48px);border-radius:var(--r-xl);border:1px solid var(--line);background:radial-gradient(90% 120% at 100% 0%,var(--ice-soft),transparent 60%),var(--surface);box-shadow:inset 0 1px 0 var(--hi)}
.case h3{margin-top:20px;font-size:clamp(1.75rem,3vw,2.55rem);letter-spacing:-.047em;line-height:1.05;text-wrap:balance}
.case__copy>p{max-width:48ch;margin-top:16px;color:var(--muted)}
.case__by{display:flex;align-items:center;gap:12px;margin:26px 0 28px;line-height:1.35}
.case__by img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.case__by b{display:block}
.case__by b+span{font-size:.85rem;color:var(--muted)}
.case__chart{position:relative;aspect-ratio:420/280;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--inset);overflow:hidden}
.case__chart svg{position:absolute;inset:0 0 30px 0;width:100%;height:calc(100% - 30px);max-width:none}
.case__gridlines path{fill:none;stroke:var(--line);stroke-width:1}
.case__line{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 2.4s var(--ease-out) .3s}
.case__area{transition:opacity 1.4s 1.3s}
.js .case:not(.in) .case__line{stroke-dashoffset:1}
.js .case:not(.in) .case__area{opacity:0}
.case__join{fill:none;stroke:var(--line-2);stroke-width:1.25;stroke-dasharray:4 5}
.case__tag{position:absolute;padding:5px 10px;border-radius:99px;border:1px solid var(--line-2);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;font-size:.66rem}
.case__tag--start{left:3.5%;bottom:25%}
.case__tag--join{left:29.5%;top:5%;translate:-50% 0;color:var(--ice)}
.case__tag--end{right:4%;top:28%;display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 11px;font-size:.82rem;font-weight:600;color:var(--text)}
.case__months{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 14px;border-top:1px solid var(--line);font-size:.62rem}

.voices{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-top:20px}
.voices__main{display:flex;flex-direction:column;gap:30px;min-height:380px;padding:clamp(22px,3.4vw,44px);border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi)}
.tabs{display:inline-flex;align-self:flex-start;gap:4px;max-width:100%;padding:4px;overflow-x:auto;scrollbar-width:none;border-radius:999px;border:1px solid var(--line);background:var(--inset)}
.tabs::-webkit-scrollbar{display:none}
.tab{display:inline-flex;flex:none;align-items:center;gap:9px;padding:6px 16px 6px 6px;border-radius:999px;font-size:.92rem;font-weight:550;white-space:nowrap;color:var(--muted);transition:background-color .3s,color .3s,box-shadow .3s}
.tab img{width:30px;height:30px;border-radius:50%;object-fit:cover;filter:grayscale(1);opacity:.65;transition:filter .3s,opacity .3s}
.tab:hover{color:var(--text)}
.tab[aria-selected="true"]{background:var(--surface-3);color:var(--text);box-shadow:inset 0 1px 0 var(--hi)}
.tab[aria-selected="true"] img{filter:none;opacity:1}
.quote{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:26px}
.quote[hidden]{display:none}
.quote blockquote{font-size:clamp(1.35rem,2.3vw,1.95rem);font-weight:500;letter-spacing:-.032em;line-height:1.28;text-wrap:pretty}
.quote figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:.92rem;color:var(--muted)}
.quote figcaption b{color:var(--text)}
.js .quote.is-active{animation:quote-in .7s var(--ease-out)}
@keyframes quote-in{from{opacity:0;transform:translateY(10px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.stats li{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:170px;padding:24px;border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi)}
.stats b{font-size:clamp(2.2rem,3.6vw,3.25rem);letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums}
.stats li>span{font-size:.95rem;line-height:1.35;color:var(--muted)}
.stats li:first-child{background:radial-gradient(120% 120% at 100% 0%,var(--ice-soft),transparent 60%),var(--surface)}
.stats li:first-child b{width:fit-content;background:var(--ice-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.06em}

/* ==========================================================================
   AUDIT + REFER
   ========================================================================== */
.duo{padding-top:0}
.duo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.promo{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,3.4vw,44px);border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi);overflow:hidden}
.promo--audit{background:radial-gradient(100% 90% at 0% 0%,var(--ember-soft),transparent 58%),var(--surface)}
.promo--refer{background:radial-gradient(100% 90% at 100% 0%,var(--ice-soft),transparent 58%),var(--surface)}
.promo__art{display:flex;align-items:center;align-self:stretch;height:156px;margin-bottom:30px}
.promo .eyebrow{margin-bottom:14px}
.promo>p:not(.eyebrow){max-width:46ch;margin:14px 0 28px;color:var(--muted)}
.promo .btn{margin-top:auto}
.audit-list{display:grid;gap:8px;width:min(100%,360px)}
.audit-list li{display:flex;align-items:center;gap:12px;width:calc(100% - 44px);padding:8px 14px 8px 8px;border-radius:15px;border:1px solid var(--line);background:var(--inset);font-size:.92rem;font-weight:500}
.audit-list li:nth-child(2){margin-left:22px}
.audit-list li:nth-child(3){margin-left:44px}
.audit-list .tick{width:28px;height:28px;border-radius:9px}
.audit-list .tick .ic{width:14px;height:14px}
.audit-list b{margin-left:auto;font:500 .66rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--muted)}
.refer-art{display:flex;align-items:center}
.refer-art__you{display:grid;place-content:center;justify-items:center;gap:6px;width:108px;height:132px;border-radius:18px;border:1.5px dashed var(--line-2);background:var(--inset);color:var(--muted);rotate:-6deg}
.refer-art__you .ic{width:24px;height:24px}
.refer-art__you em{font-family:var(--font-serif);font-size:1.3rem;line-height:1;color:var(--text)}
.refer-art__link{width:clamp(36px,7vw,84px);height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 6px,transparent 6px 12px)}
.refer-art__cube{display:grid;place-items:center;width:88px;height:88px;border-radius:28px;border:1px solid var(--line-2);background:var(--surface-2);box-shadow:0 0 60px -10px var(--glow)}
.refer-art__cube svg{width:48px;height:48px}

/* ==========================================================================
   JOURNAL
   ========================================================================== */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.post{display:flex;flex-direction:column;border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi);overflow:hidden;transition:transform .6s var(--ease-out),border-color .3s,box-shadow .4s}
.post:hover{transform:translateY(-6px);border-color:var(--line-2);box-shadow:inset 0 1px 0 var(--hi),var(--shadow)}
.post__cover{position:relative;isolation:isolate;display:flex;align-items:flex-end;aspect-ratio:16/10;padding:18px;color:#fff;overflow:hidden}
.post__cover::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 70%);mask-image:linear-gradient(135deg,#000,transparent 70%)}
.post__cover .ic{position:absolute;right:-22px;top:-26px;z-index:-1;width:200px;height:200px;stroke-width:.55;opacity:.4;transition:transform .9s var(--ease-out)}
.post:hover .post__cover .ic{transform:rotate(-8deg) scale(1.08)}
.post__cover span{padding:6px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 .68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.post__cover--a{background:radial-gradient(90% 120% at 12% 8%,#7DD7FF,transparent 55%),linear-gradient(150deg,#0EA5E9,#1E40AF 78%)}
.post__cover--b{background:radial-gradient(90% 120% at 88% 0%,#FFC078,transparent 55%),linear-gradient(150deg,#FF7A1A,#B91C4B 88%)}
.post__cover--c{background:radial-gradient(90% 120% at 18% 100%,#38BDF8,transparent 55%),linear-gradient(150deg,#0B1B33,#132F5E 80%)}
.post__body{display:flex;flex:1;flex-direction:column;gap:14px;padding:24px}
.post__body h3{font-size:1.32rem;letter-spacing:-.035em;line-height:1.2;text-wrap:balance}
.post__more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:.92rem;font-weight:550;color:var(--ice)}
.post__more .ic{width:16px;height:16px;transition:transform .4s var(--ease-out)}
.post:hover .post__more .ic{transform:translate(2px,-2px)}

/* ==========================================================================
   FAQ
   ========================================================================== */
.faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq__aside{position:sticky;top:112px}
.faq__aside .sub{margin-top:22px}
.faq__aside .btn{margin-top:30px}
.qa{border-bottom:1px solid var(--line)}
.qa:first-child{border-top:1px solid var(--line)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;font-size:clamp(1.1rem,1.6vw,1.28rem);font-weight:550;letter-spacing:-.025em;line-height:1.3;cursor:pointer;list-style:none;transition:color .2s}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--ice)}
.qa__icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);color:var(--text);transition:rotate .45s var(--ease-out),background .3s,color .3s,border-color .3s}
.qa__icon .ic{width:17px;height:17px}
.qa[open] .qa__icon{rotate:45deg;border-color:transparent;background:var(--ice-grad);color:var(--on-ice)}
.qa__body{max-width:62ch;padding:0 62px 28px 0;color:var(--muted);font-size:1.03rem}
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
  .qa::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .5s var(--ease-out),opacity .4s,content-visibility .5s allow-discrete}
  .qa[open]::details-content{block-size:auto;opacity:1}
}

/* ==========================================================================
   CAREERS — hiring chatters
   ========================================================================== */
.eyebrow .hiring{margin-left:3px}
[data-theme="light"] .careers em.hot{background-image:linear-gradient(100deg,#FF9A3D 0%,#FF6F1F 52%,#EA4A12 100%)}
.careers .head{margin-bottom:clamp(32px,4.4vw,52px)}
.jobs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px}
.role,.brief,.perks{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi)}
.role,.brief{padding:clamp(22px,2.6vw,32px);transition:border-color .3s}
.role:hover,.brief:hover{border-color:var(--line-2)}

.role{display:flex;flex-direction:column;justify-content:space-between;gap:28px;overflow:hidden;background:radial-gradient(110% 85% at 0% 0%,var(--ember-soft),transparent 60%),var(--surface)}
.role__art{position:absolute;right:clamp(20px,2.4vw,30px);top:clamp(22px,2.6vw,32px);z-index:-1;display:grid;justify-items:start;gap:7px;rotate:-3deg;transition:rotate .8s var(--ease-out),translate .8s var(--ease-out)}
.role:hover .role__art{rotate:0deg;translate:0 -4px}
.role__art .bubble{max-width:none;padding:9px 14px;font-size:.86rem;white-space:nowrap;box-shadow:var(--shadow-float)}
.role__art .bubble--out{justify-self:end;margin-right:-6px;padding:13px 15px}
.role__head .hiring{display:flex;width:fit-content}
.role__title{margin-top:22px;font-size:clamp(2.7rem,4.6vw,3.7rem);letter-spacing:-.058em;line-height:.95}
.role .chips{margin-top:18px}
.role__pick{display:grid;gap:12px}
.role__pick-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.role__pick-head .mono:first-child{color:var(--muted)}
.seg--shift{border:0;padding:0;background:none;gap:8px}
.seg--shift span{gap:6px;min-height:72px;padding:10px 6px;border:1px solid var(--line);border-radius:16px;background:var(--inset);font-size:.93rem;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .35s var(--ease-out)}
.seg--shift label:hover span{border-color:var(--line-2);transform:translateY(-2px)}
.seg--shift input:checked+span{border-color:transparent}
.seg--shift .ic{width:18px;height:18px}
.role__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}

.brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(24px,3vw,44px);align-content:start}
.brief__col h3{margin-bottom:16px;color:var(--ice)}
.brief__list li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;padding:15px 0;border-top:1px solid var(--line);font-size:.98rem;line-height:1.45}
.brief__list li:last-child{padding-bottom:0}
.brief__list .mono{padding-top:4px;color:var(--ice)}
.brief__list .tick{width:24px;height:24px;border-radius:8px}
.brief__list .tick .ic{width:13px;height:13px}

.perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}
.perks li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 14px;align-content:start;padding:22px 24px;border-left:1px solid var(--line)}
.perks li:first-child{border-left:0}
.perks__ic{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--ice-soft);color:var(--ice)}
.perks__ic .ic{width:20px;height:20px}
.perks b{align-self:end;font-size:1rem;letter-spacing:-.02em;line-height:1.3}
.perks li>span:last-child{font-size:.88rem;line-height:1.45;color:var(--muted)}

/* ==========================================================================
   APPLY
   ========================================================================== */
.apply{padding-block:clamp(16px,3vw,40px) clamp(40px,6vw,72px)}
/* the form is a size container, so its rows can react to the form's own width (see @container below) */
.apply__form{align-self:center;container-type:inline-size}
.apply__panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start;padding:clamp(22px,5.4vw,80px);border-radius:clamp(28px,4vw,48px);border:1px solid rgba(165,210,255,.16);background:radial-gradient(60% 70% at 0% 100%,rgba(56,189,248,.16),transparent 62%),radial-gradient(50% 60% at 100% 0%,rgba(47,125,246,.22),transparent 65%),#03060B;box-shadow:var(--shadow-deep);color:var(--text);overflow:hidden}
.apply__ice{position:absolute;left:-7%;bottom:-27%;z-index:-1;width:min(600px,56%);max-width:none;mix-blend-mode:screen;pointer-events:none;animation:ice-float 11s ease-in-out infinite}
.apply__copy{padding-bottom:clamp(140px,17vw,220px)}
.apply__copy .sub{margin-top:22px}
.next{max-width:430px;margin-top:38px}
.next li{display:flex;align-items:center;gap:18px;padding:16px 0;border-top:1px solid var(--line);font-size:1.05rem;font-weight:500}
.next li:last-child{border-bottom:1px solid var(--line)}
.next .mono{color:var(--ice)}

.form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:clamp(18px,2.6vw,30px);border-radius:28px;border:1px solid var(--line-2);background:rgba(13,22,36,.55);box-shadow:inset 0 1px 0 var(--hi),var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}
.form[hidden]{display:none}
.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
/* two fields side by side need room for a phone number or an email address: below that, one field per line */
@container (max-width:419px){.form__row{grid-template-columns:minmax(0,1fr)}}
.fld{display:grid;align-content:start;gap:7px;min-width:0}
.fld label{font-size:.82rem;font-weight:500;color:var(--muted)}
.fld__label{font-size:.82rem;font-weight:500;color:var(--muted)}
.opt{margin-left:6px;font:500 .62rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:50px;padding:0 16px;border-radius:14px;border:1px solid var(--line-2);background:rgba(150,200,255,.05);color:var(--text);font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}
.input::placeholder{color:var(--faint)}
.input:hover{border-color:rgba(165,210,255,.36)}
.input:focus{outline:none;border-color:var(--ice-strong);background:rgba(150,200,255,.08);box-shadow:0 0 0 4px var(--ice-soft)}
.input--area{height:auto;min-height:92px;padding:13px 16px;line-height:1.5;resize:vertical}
.select{position:relative}
.select .ic{position:absolute;right:14px;top:50%;width:18px;height:18px;color:var(--muted);translate:0 -50%;pointer-events:none}
.select select{padding-right:42px;cursor:pointer}
select option{background:#0A111D;color:#EFF7FF}
.check{position:relative;display:flex;align-items:center;gap:12px;font-size:.92rem;line-height:1.35;color:var(--text);cursor:pointer}
.fld .check{font-size:.92rem;font-weight:400;color:var(--text)}
.check input{position:absolute;left:0;top:50%;width:22px;height:22px;margin:0;opacity:0;translate:0 -50%;cursor:pointer}
.check__box{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;border:1px solid var(--line-2);background:rgba(150,200,255,.05);color:transparent;transition:background .2s,border-color .2s,color .2s}
.check__box .ic{width:14px;height:14px;stroke-width:3}
.check input:checked+.check__box{border-color:transparent;background:var(--ice-grad);color:var(--on-ice)}
.check input:focus-visible+.check__box{outline:2px solid var(--ice-strong);outline-offset:3px}
.fld__err{display:none;font-size:.78rem;color:var(--bad)}
.fld.is-invalid .fld__err{display:block}
.fld.is-invalid .input{border-color:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)}
.fld.is-invalid .check__box{border-color:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)}
[data-for][hidden]{display:none}
.js [data-for]:not([hidden]){animation:swap-in .5s var(--ease-out)}
@keyframes swap-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.form--done{align-content:center;justify-items:start;gap:16px;min-height:440px}
.form--done p{color:var(--muted)}
.form--done:focus{outline:none}
.done__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:var(--ice-grad);color:var(--on-ice);box-shadow:0 0 0 8px var(--ice-soft)}
.done__icon .ic{width:26px;height:26px;stroke-width:2.4}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer{position:relative;margin-top:clamp(24px,4vw,48px);padding-top:clamp(48px,6vw,80px);border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,var(--bg-soft));overflow:hidden}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:40px 32px}
.footer__brand .brand__logo{height:56px}
.footer__brand p{max-width:34ch;margin-top:18px;color:var(--muted)}
.socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.socials a{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:color .25s,border-color .25s,transform .4s var(--ease-out)}
.socials a:hover{color:var(--text);border-color:var(--ice-strong);transform:translateY(-3px)}
.socials .ic{width:17px;height:17px}
/* the agency's Instagram page: same button, with its handle written out */
.socials a.socials__page{display:inline-flex;align-items:center;gap:9px;width:auto;padding:0 15px 0 12px;font-size:.92rem;font-weight:500;color:var(--text)}
.socials__page .ic{color:var(--ice)}
.footer__col{display:grid;align-content:start;gap:12px}
.footer__col h4{margin-bottom:6px;color:var(--ice)}
.footer__col a{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--muted);transition:color .2s}
.footer__col a:hover{color:var(--text)}
.footer__legal{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 40px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:.82rem;line-height:1.55;color:var(--faint)}
.footer__legal p:nth-child(2){max-width:72ch;justify-self:end;text-align:right}
.footer__word{margin:clamp(20px,4vw,56px) 0 -.2em;font-size:13.9vw;font-weight:500;letter-spacing:-.065em;line-height:1;text-align:center;white-space:nowrap;color:transparent;background:linear-gradient(180deg,var(--word-top),var(--word-bottom) 82%);-webkit-background-clip:text;background-clip:text;pointer-events:none;user-select:none}
.footer__word b{font-weight:700}

.toast{position:fixed;left:50%;bottom:28px;z-index:130;width:max-content;max-width:calc(100vw - 32px);padding:12px 20px;border-radius:999px;background:var(--text);color:var(--bg);font-size:.9rem;font-weight:550;text-align:center;box-shadow:var(--shadow-float);translate:-50% 0;opacity:0;transform:translateY(20px) scale(.96);pointer-events:none;transition:opacity .3s,transform .5s var(--ease-out)}
.toast.is-on{opacity:1;transform:none}

/* theme switch — circular reveal (View Transitions API) */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1180px){
  .float--rev{left:-64px;top:8%;width:204px;padding:14px 14px 10px}
  .float--rev .float__value{font-size:1.7rem}
  .float--rev .spark{height:42px}
  .float--rank{left:-30px}
  .float--toast{right:-22px}
  .float--live{right:-12px}
  .hero__visual{margin-right:22px}
}

@media (max-width:1040px){
  .roster{justify-content:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;padding-block:30px 40px}
  .roster::-webkit-scrollbar{display:none}
  .creator{width:min(62vw,236px);margin-inline:0;rotate:calc(var(--r) * .45);translate:0 calc(var(--y) * .5);scroll-snap-align:start}
  .creator:hover{rotate:calc(var(--r) * .45);translate:0 calc(var(--y) * .5);scale:1}
}

@media (max-width:960px){
  .nav__links,.nav__cta{display:none}
  .nav__burger{display:grid}
  .nav__bar{padding-left:18px}

  .hero__inner{grid-template-columns:minmax(0,1fr);gap:56px}
  .hero__title{font-size:clamp(3.1rem,12vw,5.8rem)}
  .hero__visual{justify-self:center;width:min(100%,420px);margin-right:0}
  .portrait img{object-position:0% 50%}
  .float--rev{left:-10px;top:7%;width:200px;padding:13px 13px 9px}
  .float--rev .float__value{font-size:1.6rem}
  .float--rev .spark{height:40px}
  .float--live{right:-8px;top:3%}
  .float--toast{right:-10px;bottom:22%}
  .float--rank{left:-10px;bottom:6%;gap:10px;padding:8px 14px 8px 8px}
  .float--rank b{font-size:.94rem}
  .float--rank b+span{font-size:.74rem}
  .float__apps i{width:36px;height:36px}
  .float__apps .ic{width:17px;height:17px}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .facts li{padding-top:22px}
  .facts li:nth-child(odd){padding-left:0;border-left:0}
  .facts li:nth-child(n+3){border-top:1px solid var(--line)}

  .ticker__inner{flex-direction:column;align-items:stretch;gap:14px}
  .ticker__label{text-align:center}

  .bento{grid-template-columns:repeat(6,minmax(0,1fr))}
  .tile--chat,.tile--mkt,.tile--content,.tile--join{grid-column:span 6}
  .tile--chat{grid-row:auto}
  .tile--fin,.tile--legal{grid-column:span 3}
  .tile--join{min-height:240px}
  .tile__ice{right:-8%;top:-18%;width:min(64%,300px)}

  .reels__grid{grid-template-columns:minmax(0,1fr);gap:56px}

  .calc__card{grid-template-columns:minmax(0,1fr)}
  .calc__result{border-left:0;border-top:1px solid var(--line)}

  .case{grid-template-columns:minmax(0,1fr)}
  .voices{grid-template-columns:minmax(0,1fr)}
  .voices__main{min-height:0}

  .posts{display:flex;gap:16px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}
  .posts::-webkit-scrollbar{display:none}
  .post{flex:none;width:min(78vw,340px);scroll-snap-align:start}

  .faq__grid{grid-template-columns:minmax(0,1fr)}
  .faq__aside{position:static}

  .apply__panel{grid-template-columns:minmax(0,1fr)}
  .apply__copy{padding-bottom:0}
  .apply__ice{left:auto;right:-16%;top:-44px;bottom:auto;width:min(380px,72%);opacity:.6}
}

@media (max-width:860px){
  .versus{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:0}
  .steps__line{display:none}
  .step{align-items:flex-start;padding:24px;text-align:left}
  .step__node{position:relative;top:auto;left:auto;margin-bottom:20px;translate:none}
  .duo__grid{grid-template-columns:minmax(0,1fr)}
  .footer__legal{grid-template-columns:minmax(0,1fr)}
  .footer__legal p:nth-child(2){justify-self:start;text-align:left}
}

@media (max-width:640px){
  .section{padding-block:72px}
  .duo{padding-top:0}
  .apply{padding-top:8px}
  .pill__muted{display:none}
  .hero{padding-top:112px}
  .hero__cta .btn{flex:1 1 auto}
  .hero__trust{align-items:flex-start;flex-direction:column;gap:12px}
  .facts li{padding-inline:16px 8px}
  .head--split{align-items:flex-start;flex-direction:column}
  .carousel-nav{align-self:stretch}
  .carousel-nav__count{margin-right:auto}
  .vs__list li{font-size:1rem}
  .tile,.reason{padding-inline:22px}
  .tile{padding-block:22px}
  .tile--fin,.tile--legal{grid-column:span 6}
  .chat,.sources,.week,.payout{padding:14px}
  .bubble{max-width:88%}
  .sources li{grid-template-columns:104px minmax(0,1fr) 36px}
  .field--row{grid-template-columns:minmax(0,1fr);gap:26px}
  .seg--stack span{padding-inline:4px;font-size:.88rem}
  .seg--stack span small{font-size:.64rem}
  .float--rev{width:172px;padding:12px 12px 8px}
  .float--rev .mono{font-size:.62rem}
  .float--rev .float__value{margin-top:8px;font-size:1.4rem}
  .float--rev .spark{height:30px}
  .reels__visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;place-items:stretch}
  .phone{grid-column:1/-1;justify-self:center;margin-bottom:10px}
  .float--queue,.float--reach{position:relative;inset:auto;padding:12px;animation:none;transform:none}
  .stats{gap:12px}
  .stats li{min-height:136px;padding:18px}
  .tab{padding-right:13px}
  .form__row{grid-template-columns:minmax(0,1fr)}
  .qa__body{padding-right:0}
  .promo__art{height:140px}
  .footer__word{font-size:14.4vw}
  .btn-row .btn{flex:1 1 auto}
}

@media (max-width:480px){
  .vs__head .chip{display:none}
  /* the two cards under the phone: icon above the text, so neither line has to wrap */
  .float--queue,.float--reach{flex-direction:column;align-items:flex-start;gap:10px}
  .reels__visual .float__icon{width:36px;height:36px;border-radius:12px}
  /* testimonial tabs: only the selected one shows its name, three full names do not fit */
  .tab span{display:none}
  .tab{padding:6px}
  .tab[aria-selected="true"] span{display:inline}
  .tab[aria-selected="true"]{padding-right:13px}
}

@media (max-width:400px){
  .brand__logo{height:38px}
  .float--toast{width:200px}
  .form .btn--block:has(.btn__arrow){gap:8px;padding-left:16px;font-size:.95rem}
}

@media (min-width:961px) and (max-width:1100px){
  .nav__links a{padding-inline:10px}
  .nav__bar{gap:10px}
}
@media (max-width:1100px){
  .perks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .perks li:nth-child(odd){border-left:0}
  .perks li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:960px){
  .jobs{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .brief{grid-template-columns:minmax(0,1fr)}
  .role__cta .btn{flex:1 1 auto}
}
@media (max-width:560px){
  .perks{grid-template-columns:minmax(0,1fr)}
  .perks li{padding:18px 20px;border-left:0}
  .perks li+li{border-top:1px solid var(--line)}
}
@media (max-width:960px) and (max-height:740px){
  .menu{gap:22px;padding-top:94px}
  .menu__links a{padding-block:11px;font-size:clamp(1.6rem,7vw,2.3rem)}
}
@media (max-width:960px) and (max-height:600px){
  .menu{gap:16px;padding-top:86px}
  .menu__links a{padding-block:9px}
}

/* ==========================================================================
   EXTRAS — contact buttons, floating dock, chatter FAQ, article reader
   ========================================================================== */
[data-contact][hidden],[data-send][hidden],[data-done][hidden],.article[hidden]{display:none}

/* ---------- Footer: brand + four link columns ---------- */
.footer__col a .ic{width:15px;height:15px;color:var(--faint);transition:color .2s}
.footer__col a:hover .ic{color:var(--ice)}
@media (max-width:1100px){
  .footer__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .footer__brand{grid-column:1/-1}
}
@media (max-width:780px){
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- "Or message us" under the FAQ intro ---------- */
.reach{margin-top:34px}
.reach__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.reach__btn{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 16px 0 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi);font-size:.93rem;font-weight:500;transition:border-color .25s,background-color .25s,transform .4s var(--ease-out)}
.reach__btn:hover{border-color:var(--ice-strong);background:var(--surface-2);transform:translateY(-2px)}
.reach__btn .ic{width:17px;height:17px;color:var(--ice)}

/* ---------- Floating dock: "Message us" everywhere, plus an "Apply now" bar on phones ---------- */
.dock{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:85;display:flex;align-items:center;gap:8px;opacity:0;visibility:hidden;translate:0 20px;transition:opacity .3s,translate .55s var(--ease-out),visibility 0s .3s}
.dock.is-on{opacity:1;visibility:visible;translate:0 0;transition:opacity .3s,translate .55s var(--ease-out),visibility 0s}
.menu-open .dock{opacity:0;visibility:hidden}
.dock__apply{display:none}
.dock__chat{position:relative;flex:none}
.dock__btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 22px 0 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--glass);box-shadow:inset 0 1px 0 var(--hi),var(--shadow-float);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);font-size:.975rem;font-weight:550;letter-spacing:-.01em;color:var(--text);transition:border-color .25s,transform .4s var(--ease-out)}
.dock__btn:hover{border-color:var(--ice-strong);transform:translateY(-2px)}
.dock__ic{width:21px;height:21px;color:var(--ice)}
.dock__ic--close,.dock.is-open .dock__ic--open{display:none}
.dock.is-open .dock__ic--close{display:block}
.dock__menu{position:absolute;right:0;bottom:calc(100% + 12px);display:grid;gap:2px;width:272px;padding:8px;border-radius:24px;border:1px solid var(--line-2);background:var(--panel);box-shadow:var(--shadow-deep);transform-origin:100% 100%;animation:dock-pop .35s var(--ease-out)}
.dock__menu[hidden]{display:none}
@keyframes dock-pop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.dock__title{padding:10px 12px 8px}
.dock__item{display:flex;align-items:center;gap:13px;padding:9px 10px;border-radius:17px;transition:background-color .2s}
.dock__item:hover{background:var(--surface-3)}
.dock__item b{display:block;font-weight:550;line-height:1.25}
.dock__item small{font-size:.82rem;color:var(--muted)}
.dock__badge{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;color:#fff}
.dock__badge .ic{width:20px;height:20px}
.dock__badge--wa{background:#25D366}
.dock__badge--tg{background:#26A5E4}
.dock__badge--ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
@media (max-width:960px){
  .dock{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));max-width:460px;margin-inline:auto;padding:8px;border-radius:999px;border:1px solid var(--line-2);background:var(--glass);box-shadow:inset 0 1px 0 var(--hi),var(--shadow-float);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}
  .dock__apply{display:inline-flex;flex:1;min-width:0;justify-content:space-between;padding-left:24px}
  .dock__btn{width:48px;height:48px;padding:0;justify-content:center;border-color:var(--line);background:var(--surface-2);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .dock__btn:hover{transform:none}
  .dock__label{display:none}
  .dock__menu{right:-8px;bottom:calc(100% + 18px);width:min(300px,calc(100vw - 28px))}
  .dock-on .toast{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 80px)}
}

/* ---------- Careers: questions applicants ask ---------- */
.cfaq{margin-top:20px;padding:clamp(22px,2.6vw,32px);border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi)}
.cfaq__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:24px}
.cfaq__head p{color:var(--muted)}
.cfaq__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,44px);align-items:start}
.qa--sm summary{padding:18px 0;font-size:1.06rem}
.qa--sm .qa__icon{width:32px;height:32px}
.qa--sm .qa__icon .ic{width:15px;height:15px}
.qa--sm .qa__body{padding:0 44px 22px 0;font-size:.98rem}
@media (max-width:760px){
  .cfaq__cols{grid-template-columns:minmax(0,1fr)}
  .cfaq__col+.cfaq__col .qa:first-child{border-top:0}
  .qa--sm .qa__body{padding-right:0}
}

/* ---------- After "Send application": saved / send it as a message / could not be saved ---------- */
.done__copy{display:grid;gap:14px;justify-items:start}
.done__send{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.done__icon[hidden],[data-apply-reset][hidden]{display:none}
.done__icon--warn{background:var(--ember-grad);color:var(--ember-ink);box-shadow:0 0 0 8px var(--ember-soft)}
/* while the answers are on their way: the arrow turns into a spinner and the button cannot be pressed twice */
.btn:disabled{cursor:progress;transform:none}
.btn.is-busy .btn__arrow{transform:none}
.btn.is-busy .btn__arrow .ic{display:none}
.btn.is-busy .btn__arrow::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}
@keyframes spin{to{rotate:360deg}}

/* ---------- Article reader ---------- */
.reader{position:fixed;inset:0;margin:auto;width:min(780px,calc(100vw - 32px));max-width:none;height:min(880px,calc(100vh - 48px));height:min(880px,calc(100dvh - 48px));max-height:none;padding:0;border:1px solid var(--line-2);border-radius:32px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-deep);overflow:hidden}
.reader:not([open]){display:none}
.reader[open]{display:flex;flex-direction:column;animation:reader-in .5s var(--ease-out)}
.reader::backdrop{background:rgba(2,6,12,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .3s}
@keyframes reader-in{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}
.reader__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:14px 14px 14px clamp(22px,5vw,36px);border-bottom:1px solid var(--line)}
.reader__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(26px,5vw,48px) clamp(22px,7vw,72px) clamp(26px,5vw,44px)}
.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.article__title{margin-top:20px;font-size:clamp(1.8rem,4.4vw,2.7rem);font-weight:600;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.article__lead{margin-top:20px;font-size:clamp(1.1rem,2vw,1.26rem);line-height:1.55;color:var(--text);text-wrap:pretty}
.article h3{margin:38px 0 12px;font-size:1.32rem;font-weight:600;line-height:1.25;letter-spacing:-.03em}
.article p,.article li{font-size:1.04rem;color:var(--muted);line-height:1.65}
.article p+p{margin-top:14px}
.article strong{color:var(--text)}
.article ul,.article ol{display:grid;gap:12px}
.article li{position:relative;padding-left:30px}
.article ul li::before{content:"";position:absolute;left:8px;top:.66em;width:7px;height:7px;border-radius:1.5px;background:var(--ice-grad);rotate:45deg}
.article ol{counter-reset:step}
.article ol li{counter-increment:step;padding-left:38px}
.article ol li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:.42em;font:500 .75rem/1.25 var(--font-mono);letter-spacing:.06em;color:var(--ice)}
.article a{color:var(--ice);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article a:hover{color:var(--text)}
.article[data-shelf] :is(ul,ol)+p,.article[data-shelf] p+:is(ul,ol){margin-top:14px}
.reader--plain .reader__foot{display:none}
.article .article__note{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:.9rem;color:var(--faint)}
.reader__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin-top:36px;padding:22px 24px;border-radius:24px;border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi)}
.reader__foot p{max-width:32ch;color:var(--muted)}
.reader__foot b{display:block;margin-bottom:2px;font-size:1.08rem;color:var(--text)}
.reader__actions{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:640px){
  .reader{width:calc(100vw - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);border-radius:26px}
  .reader__foot{padding:20px}
  .reader__actions,.reader__actions .btn{flex:1 1 auto}
}

/* ---------- Motion & print preferences ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
  .marquee__track{animation:none}
}
@media print{
  .nav,.menu,.grain,.progress,.toast,.dock,.reader{display:none!important}
  .js .reveal{opacity:1!important;transform:none!important}
}