/* Nostra marketing site. Tokens mirror the app's Figma variables. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --content-primary:#0d0d0d;
  --content-secondary:#707070;
  --content-tertiary:#999;
  --content-quaternary:#b3b3b3;
  --surface-base:#fff;
  --surface-plus-1:#fbf9f7;
  --surface-plus-2:#f3f1ef;
  --surface-inverse:#0d0d0d;
  --border-default:#e6e4e2;
  --border-subtle:#eeecea;
  --success:#1c8d46;
  --error:#b24028;
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --pad:80px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{text-wrap:pretty;margin:0;background:var(--surface-base);color:var(--content-primary);font-family:var(--font);font-size:15px;line-height:21px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p{margin:0;font-weight:inherit}
ul{list-style:none;margin:0;padding:0}
.mono{font-family:var(--mono)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--content-primary);outline-offset:3px;border-radius:4px}

.wrap{width:100%;max-width:calc(1280px + 2 * var(--pad));margin:0 auto;padding:0 var(--pad)}
.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}

/* Type */
.t-hero{font-size:64px;line-height:66px;letter-spacing:-.03em;font-weight:500}
.t-big{font-size:48px;line-height:50px;letter-spacing:-.03em;font-weight:500}
.t-sec{font-size:36px;line-height:40px;letter-spacing:-.03em;font-weight:500}
.t-card{font-size:21px;line-height:28px;letter-spacing:-.01em;font-weight:500}
.t-label{font-size:17px;line-height:24px;letter-spacing:-.01em;font-weight:500}
.t-body{font-size:15px;line-height:21px;color:var(--content-secondary)}
.t-small{font-size:14px;line-height:20px;color:var(--content-secondary)}
.kicker{font-family:var(--mono);font-weight:500;font-size:12px;line-height:16px;text-transform:uppercase;color:var(--content-tertiary)}

/* App Store badge */
.badge{display:inline-block;flex:none;transition:opacity .2s}
.badge:hover{opacity:.82}
.badge img{width:100%;height:100%}
.badge--nav{width:107.7px;height:36px}
.badge--l{width:143.6px;height:48px}
.badge--m{width:119.66px;height:40px}

/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid transparent;transition:border-color .25s}
.nav.is-scrolled{border-bottom-color:var(--border-subtle)}
.nav__in{position:relative;display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{display:block}
.logo img{height:24px;width:auto}
.nav__links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:32px;font-size:14px;line-height:20px;font-weight:500;color:var(--content-secondary)}
.nav__links a{transition:color .2s}
.nav__links a:hover{color:var(--content-primary)}

/* Sections */
.sec{padding:128px 0}
.sec--line{border-top:1px solid var(--border-subtle)}
.sec--dark{background:var(--surface-inverse);color:#fff}
.sec--grey{background:var(--surface-plus-2)}
.sec-head{align-items:start;margin-bottom:48px}
.sec-head__title{grid-column:1/5}
.sec-head__sub{grid-column:5/9}
.sec-head__aside{grid-column:9/13;display:flex;justify-content:flex-end;gap:8px}
.sec--dark .t-body,.sec--dark .t-small{color:var(--content-tertiary)}

.under{margin-top:48px;border-top:1px solid var(--border-subtle);padding-top:32px}
.sec--dark .under{border-top-color:rgba(255,255,255,.12)}
.under__label{grid-column:1/5}
.under__items{grid-column:5/13;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}
.under__item h3{font-size:15px;line-height:21px;font-weight:500}
.under__item p{margin-top:6px}

/* Stages: a fixed design canvas scaled to fit its box */
.stage{position:relative;--s:1;height:calc(var(--h) * var(--s) * 1px)}
.stage__canvas{position:absolute;left:50%;top:0;width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);transform:translateX(-50%) scale(var(--s));transform-origin:50% 0}
.stage__canvas > *{position:absolute}
.stage--clip{overflow:hidden;border-radius:8px}
.phone{height:auto}
.only-m{display:none}

/* Hero */
.hero{padding-top:96px;padding-bottom:80px;overflow-x:clip}
.hero__copy{max-width:845px;margin:0 auto;padding-bottom:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.hero__sub{max-width:560px;font-size:18px;line-height:26px;color:var(--content-secondary)}
.hero__cta{margin-top:20px}
.hero__photo{position:absolute;left:0;right:0;top:calc(220px * var(--s));height:calc(560px * var(--s));overflow:hidden}
.hero__photo img{width:100%;height:100%;object-fit:cover}
.topics{padding-top:56px}
.topics__row{border-top:1px solid var(--border-default);padding-top:32px;row-gap:16px}
.topics__label{grid-column:1/5}
.topics__list{grid-column:5/13;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:18px}
.topics__list li{cursor:default;font-size:26px;line-height:30px;letter-spacing:-.03em;font-weight:500;color:var(--content-tertiary);transition:color .3s}
.topics__list li:hover{color:var(--content-primary)}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.step__tile{position:relative;background:var(--surface-plus-2);border-radius:8px;overflow:hidden;aspect-ratio:410.67/440}
.step__tile .stage{position:absolute;inset:0;height:auto}
.step__text{margin-top:16px}
.step__text .step__num{display:block;margin-bottom:8px}
.step__num{font-family:var(--mono);font-weight:500;font-size:12px;line-height:16px;color:var(--content-tertiary)}
.step__text p{margin-top:12px;max-width:360px}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.tile{grid-column:span 3;position:relative;background:var(--surface-plus-1);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;padding-top:32px}
.tile--s{grid-column:span 2}
.tile__text{padding:0 32px}
.tile__text p{margin-top:12px}
.tile__visual{margin-top:auto;padding-top:4px}

/* Groups carousel */
.carousel{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-user-select:none;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(var(--pad),calc((100vw - 1280px) / 2));scroll-padding-left:max(var(--pad),calc((100vw - 1280px) / 2))}
.carousel::-webkit-scrollbar{display:none}
.carousel.is-dragging{cursor:grabbing;scroll-snap-type:none}
.carousel img{-webkit-user-drag:none;pointer-events:none}
.carousel > *{scroll-snap-align:start;flex:none}
.arrow{width:40px;height:40px;border-radius:999px;border:1px solid var(--border-default);display:grid;place-items:center;transition:background .2s,opacity .2s}
.arrow:hover{background:var(--surface-plus-2)}
.arrow:disabled{opacity:.35;cursor:default;background:none}
.arrow svg{width:16px;height:16px}
.dots{display:none;gap:6px;margin-top:28px}
.dots i{display:block;width:6px;height:6px;border-radius:999px;background:var(--border-default);transition:width .3s var(--ease),background .3s}
.dots i.on{width:18px;background:var(--content-primary)}

.gcard{--k:1;position:relative;width:calc(410.67px * var(--k));height:calc(500px * var(--k));border-radius:8px;overflow:hidden;color:#fff;background:#222}
.gcard__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.gcard:hover .gcard__photo{transform:scale(1.03)}
.gcard__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,.1) 45%,rgba(0,0,0,.7) 75%,rgba(0,0,0,.85) 100%)}
.gcard__kicker{position:absolute;left:0;right:0;top:0;padding:calc(20px * var(--k)) calc(20px * var(--k)) 0;display:flex;justify-content:space-between;font-family:var(--mono);font-weight:500;font-size:calc(11px * var(--k));line-height:calc(14px * var(--k));text-transform:uppercase;opacity:.8}
.gcard__body{position:absolute;left:0;right:0;bottom:0;padding:0 calc(20px * var(--k)) calc(20px * var(--k));display:flex;flex-direction:column;align-items:flex-start;gap:calc(14px * var(--k))}
.pile{display:flex;align-items:center;gap:calc(6px * var(--k));background:#fff;border-radius:999px;padding:calc(3px * var(--k)) calc(10px * var(--k)) calc(3px * var(--k)) calc(3px * var(--k));color:var(--content-primary);font-size:calc(12px * var(--k));line-height:calc(16px * var(--k));font-weight:500}
.pile__av{display:flex}
.pile__av img{width:calc(22px * var(--k));height:calc(22px * var(--k));border-radius:50%;margin-right:calc(-6px * var(--k))}
.pile__av img:last-child{margin-right:0}
.gcard__title{display:flex;align-items:center;gap:calc(10px * var(--k));width:100%}
.gcard__title h3{font-size:calc(28px * var(--k));line-height:calc(32px * var(--k));letter-spacing:-.03em;font-weight:500;min-width:0}
.tag{border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:calc(4px * var(--k)) calc(10px * var(--k));font-size:calc(12px * var(--k));line-height:calc(16px * var(--k));font-weight:500;white-space:nowrap;flex:none}
.gcard__spark{flex:none;margin-left:auto;width:calc(80px * var(--k));height:calc(34.3px * var(--k))}
.leaders{display:flex;flex-direction:column;gap:calc(8px * var(--k));width:100%}
.leader{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:500}
.leader span:first-child{font-size:calc(11px * var(--k));line-height:calc(14px * var(--k));text-transform:uppercase;opacity:.7;white-space:nowrap}
.leader i{flex:1;border-bottom:1px dashed rgba(255,255,255,.35)}
.leader span:last-child{font-size:calc(12px * var(--k));line-height:calc(14px * var(--k));white-space:nowrap}
.up{color:var(--success)}
.down{color:var(--error)}

/* Stats list on the light score section (mobile) */
.leaders--light .leader span:first-child{color:var(--content-tertiary);opacity:1;font-size:11px;line-height:16px;letter-spacing:.04em}
.leaders--light .leader i{border-bottom-color:var(--border-default)}
.leaders--light .leader span:last-child{font-size:12px;line-height:16px}

/* Floating UI cards */
.ui-card{text-align:left;background:#fff;color:var(--content-primary);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.08)}
.av{border-radius:50%;flex:none;object-fit:cover}
.trader{width:320px;padding:20px;border:1px solid var(--border-default);display:flex;flex-direction:column;gap:18px}
.trader__head{display:flex;align-items:center;gap:12px}
.trader__name{flex:1;min-width:0}
.trader__name b{display:block;font-weight:500;font-size:15px;line-height:20px}
.trader__name span,.cap{font-family:var(--mono);font-weight:500;font-size:11px;line-height:14px;color:var(--content-tertiary);text-transform:uppercase}
.score-pill{background:var(--surface-plus-2);border-radius:999px;padding:4px 10px;font-family:var(--mono);font-weight:500;font-size:12px;line-height:16px}
.trader__pnl{display:flex;align-items:flex-end;justify-content:space-between}
.trader__pnl strong{display:block;margin-top:2px;font-family:var(--mono);font-weight:500;font-size:26px;line-height:30px;letter-spacing:-.02em;color:var(--success)}
.trader__stats{display:flex;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:14px}
.trader__stats span{display:block;font-family:var(--mono);font-weight:500;font-size:10px;line-height:13px;color:var(--content-tertiary);text-transform:uppercase}
.trader__stats b{display:block;margin-top:2px;font-weight:500;font-size:14px;line-height:18px}
.spark path{stroke-dasharray:140;stroke-dashoffset:0}

.move{width:359px;height:80px;padding:12px 14px;border:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px}
.move__copy{flex:1;min-width:0}
.move__copy b{display:block;font-weight:500;font-size:14px;line-height:20px}
.move__copy span{display:block;font-size:12px;line-height:16px;color:var(--content-secondary)}
.move__val{font-family:var(--mono);font-weight:500;font-size:12px;line-height:16px;white-space:nowrap}

.signal{width:361px;padding:16px;display:flex;flex-direction:column;gap:14px}
.signal__mkt{display:flex;align-items:center;gap:12px}
.signal__mkt img{width:44px;height:44px;border-radius:12px;object-fit:cover;flex:none}
.signal__mkt b{display:block;font-weight:500;font-size:16px;line-height:24px}
.signal__mkt span{display:block;margin-top:2px;font-family:var(--mono);font-size:10px;line-height:14px;color:var(--content-tertiary)}
.signal__wallets{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:var(--content-secondary)}
.capsule{display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:3px 7px 3px 3px;border:1px solid var(--border-subtle);color:var(--content-primary);font-weight:500}
.capsule .stack{display:flex}
.capsule .stack img{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1.5px #fff;margin-right:-5px;position:relative}
.capsule .stack img:nth-child(1){z-index:3}
.capsule .stack img:nth-child(2){z-index:2}
.capsule .stack img:last-child{margin-right:0}
.consensus__labels{display:flex;justify-content:space-between;font-family:var(--mono);font-weight:500;font-size:12px;line-height:16px;margin-bottom:8px}
.consensus__bar{position:relative;height:8px}
.consensus__bar i{position:absolute;top:0;bottom:0;border-radius:999px;transition:transform 1.1s var(--ease)}
.consensus__bar i:first-child{left:0;right:20.86%;background:var(--success);transform-origin:left}
.consensus__bar i:last-child{left:80.13%;right:0;background:var(--error);transform-origin:right}
.outcomes{display:flex;flex-direction:column;gap:12px}
.outcome__labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.outcome__labels b{font-weight:500;font-size:14px;line-height:20px;color:var(--content-secondary)}
.outcome__labels span{font-family:var(--mono);font-weight:500;font-size:12px;line-height:16px}
.outcome:first-child .outcome__labels b{color:var(--content-primary)}
.outcome__track{height:4px;border-radius:999px;background:var(--surface-plus-2);overflow:hidden}
.outcome__track i{display:block;height:4px;border-radius:999px;transform-origin:left;transition:transform 1.1s var(--ease)}
.outcomes small{font-size:12px;line-height:16px;color:var(--content-tertiary)}

.notif{text-align:left;width:360px;padding:12px;border-radius:20px;background:#fff;color:var(--content-primary);display:flex;gap:10px;align-items:flex-start;filter:drop-shadow(0 16px 20px rgba(0,0,0,.08))}
.notif--lock{filter:drop-shadow(0 12px 16px rgba(0,0,0,.12))}
.app-icon{width:36px;height:36px;border-radius:12px;background:var(--surface-plus-2);display:grid;place-items:center;flex:none}
.app-icon svg{width:20px;height:20px}
.notif__copy{flex:1;min-width:0}
.notif__meta{display:flex;justify-content:space-between;font-size:12px;line-height:16px;margin-bottom:2px}
.notif__meta b{font-weight:500}
.notif__meta span{color:var(--content-tertiary)}
.notif__copy strong{display:block;font-weight:500;font-size:14px;line-height:20px}
.notif__copy p{font-size:14px;line-height:20px;color:var(--content-secondary)}

/* Bento cards */
.card-stack{display:flex;flex-direction:column;gap:12px}
.board{padding:8px 20px}
.board__row{display:flex;align-items:center;gap:12px;padding:14px 0}
.board__row + .board__row{border-top:1px solid var(--border-subtle)}
.board__rank{width:12px;font-family:var(--mono);font-size:11px;line-height:14px;color:var(--content-tertiary)}
.board__name{flex:1;min-width:0}
.board__name b{display:block;font-weight:500;font-size:15px;line-height:20px}
.board__name span{display:block;font-family:var(--mono);font-size:10px;line-height:14px;color:var(--content-tertiary);text-transform:uppercase}
.board__spark{width:58px;height:24px;flex:none}
.board__spark svg{width:100%;height:100%}
.board__pnl{width:96px;text-align:right;font-family:var(--mono);font-weight:500;font-size:14px;line-height:20px}
.lean{padding:20px;display:flex;flex-direction:column;gap:12px}
.lean__q{font-weight:500;font-size:15px;line-height:20px}
.lean .consensus{margin-top:4px}
.lean__foot{font-size:13px;line-height:18px;color:var(--content-secondary)}

/* Alerts */
.alerts{padding:128px 0 0;text-align:center;overflow:hidden}
.alerts .t-big{max-width:420px;margin:0 auto}
.alerts .t-body{max-width:600px;margin:20px auto 0}
.alerts .badge{margin-top:20px}
.alerts .stage{margin-top:68px}

/* FAQ */
.faq__left{grid-column:1/5}
.faq__left p{margin-top:16px;max-width:410px}
.faq__left a{color:var(--content-primary)}
.faq__list{grid-column:5/13;border-top:1px solid var(--border-default)}
.qa{border-bottom:1px solid var(--border-default)}
.qa__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 23px;text-align:left}
.qa__q svg{width:20px;height:20px;flex:none;transition:transform .35s var(--ease)}
.qa[data-open] .qa__q svg{transform:rotate(45deg)}
.qa__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.qa[data-open] .qa__a{grid-template-rows:1fr}
.qa__a > div{overflow:hidden}
.qa__a p{max-width:640px;padding-bottom:22px;line-height:22px;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s}
.qa[data-open] .qa__a p{opacity:1;transform:none;transition-delay:.08s}

/* Final CTA */
.cta{padding-top:144px;text-align:center;overflow:hidden}
.cta .t-body{font-size:17px;line-height:24px;margin-top:28px}
.cta .badge{margin-top:28px}
.cta .stage{margin-top:28px}

/* Footer */
.footer{padding:80px 0 48px}
.footer__top{align-items:start}
.footer__brand{grid-column:1/5}
.footer__brand p{margin-top:10px}
.footer__cols{grid-column:5/13;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}
.footer__cols h3{font-family:var(--mono);font-weight:500;font-size:11px;line-height:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--content-tertiary);margin-bottom:12px}
.footer__cols li + li{margin-top:12px}
.footer__cols a{font-size:14px;line-height:20px;transition:color .2s}
.footer__cols a:hover{color:var(--content-secondary)}
.footer__bottom{margin-top:56px;border-top:1px solid var(--border-subtle);padding-top:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.footer__bottom p{max-width:640px;font-size:12px;line-height:18px;color:var(--content-tertiary)}
.footer__bottom small{font-family:var(--mono);font-weight:500;font-size:11px;line-height:14px;color:var(--content-tertiary);white-space:nowrap}

/* Floating download pill (mobile) */
.pill{position:fixed;white-space:nowrap;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;display:none;align-items:center;gap:10px;padding:8px;background:var(--surface-inverse);color:#fff;border-radius:999px;box-shadow:0 12px 32px rgba(0,0,0,.2);transform:translate(-50%,calc(100% + 40px));transition:transform .5s var(--ease)}
.pill.is-on{transform:translate(-50%,0)}
.pill .app-icon{border-radius:10px}
.pill__txt b{display:block;font-weight:500;font-size:14px;line-height:17px}
.pill__txt span{display:block;font-family:var(--mono);font-size:10px;line-height:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--content-tertiary)}
.pill__btn{background:#fff;color:var(--content-primary);border-radius:999px;padding:9px 18px;font-weight:500;font-size:14px;line-height:17px}

/* Legal + support pages */
.page-head{padding:104px 0 64px;border-bottom:1px solid var(--border-subtle)}
.page-head h1{margin-top:16px}
.page-head .kicker + h1 + .kicker{margin-top:16px}
.page-head .t-lead{margin-top:16px;max-width:560px;font-size:17px;line-height:24px;color:var(--content-secondary)}
.legal{padding-top:56px;padding-bottom:128px;align-items:start}
.toc{grid-column:1/5;position:sticky;top:132px}
.toc h2{font-family:var(--mono);font-weight:500;font-size:11px;line-height:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--content-tertiary);margin-bottom:12px}
.toc li + li{margin-top:12px}
.toc a{display:inline-block;padding-left:12px;border-left:1px solid var(--border-default);font-size:14px;line-height:20px;font-weight:500;color:var(--content-secondary);transition:color .2s,border-color .2s}
.toc a:hover{color:var(--content-primary)}
.toc a.on{color:var(--content-primary);border-left-color:var(--content-primary)}
.article{grid-column:5/11;display:flex;flex-direction:column;gap:40px}
.article .lead{font-size:19px;line-height:28px}
.article section{display:flex;flex-direction:column;gap:12px;scroll-margin-top:104px}
.article h2{font-size:20px;line-height:26px;font-weight:500}
.article p{font-size:16px;line-height:26px;color:var(--content-secondary)}
.article p b{font-weight:500;color:var(--content-primary)}
.article a{color:var(--content-primary);text-decoration:underline;text-decoration-color:var(--border-default);text-underline-offset:3px}

.help-cards{padding:0 0 96px;padding-top:0}
.help-cards .grid12 > *{grid-column:span 4}
.help-card{background:var(--surface-plus-1);border-radius:8px;padding:28px;display:flex;flex-direction:column;gap:12px;min-height:217px}
.help-card svg{width:24px;height:24px}
.help-card h2{font-size:17px;line-height:24px;font-weight:500}
.help-card p{margin-top:6px}
.help-card__link{margin-top:auto;font-size:14px;line-height:20px;font-weight:500;display:inline-flex;gap:6px}
.help-card__link:hover{text-decoration:underline;text-underline-offset:3px}
.support-head{border-bottom:0}
.cq{border-top:1px solid var(--border-subtle);padding:96px 0 128px}
.cq__left{grid-column:1/5}
.cq__left h2{font-size:28px;line-height:31px;letter-spacing:-.02em;font-weight:500}
.cq__left p{margin-top:12px}
.cq__list{grid-column:5/13}
.cq__item{border-top:1px solid var(--border-default);padding:24px 0;scroll-margin-top:96px}
.cq__item:first-child{border-top:0;padding-top:0}
.cq__item h3{font-size:17px;line-height:24px;font-weight:500}
.cq__item p{margin-top:8px;line-height:23px}

/* Motion */
[data-reveal]{opacity:0;transform:translateY(var(--ry,24px));transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
[data-reveal="fade"]{--ry:0px}
[data-reveal="drop"]{transform:translateY(-18px) scale(.96);transition-duration:.7s}
[data-reveal="rise"]{--ry:56px;transition-duration:1.2s}
[data-reveal].is-in{opacity:1;transform:none}
.js-bars [data-bars] .consensus__bar i,.js-bars [data-bars] .outcome__track i{transform:scaleX(0)}
.js-bars [data-bars].is-in .consensus__bar i,.js-bars [data-bars].is-in .outcome__track i{transform:none;transition-delay:calc(var(--d,0s) + .35s)}
.js-bars [data-bars] .spark path{stroke-dashoffset:140}
.js-bars [data-bars].is-in .spark path{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s var(--ease) calc(var(--d,0s) + .3s)}
.no-js [data-reveal]{opacity:1;transform:none}

/* Tablet */
@media (max-width:1180px){
  :root{--pad:48px}
  .t-hero{font-size:56px;line-height:60px}
}
@media (max-width:1023px){
  :root{--pad:40px}
  .sec{padding:104px 0}
  .sec-head__title{grid-column:1/7}
  .sec-head__sub{grid-column:7/13}
  .sec-head__aside{grid-column:1/13;justify-content:flex-start;margin-top:24px}
  .under__label{grid-column:1/13;margin-bottom:20px}
  .under__items{grid-column:1/13;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .topics__label{grid-column:1/13}
  .topics__list{grid-column:1/13}
  .tile,.tile--s{grid-column:span 3}
  .tile--s:last-child{grid-column:span 6}
  .tile--s:last-child .tile__visual{width:100%;max-width:480px;margin-left:auto;margin-right:auto}
  .tile__text{padding:0 24px}
  .steps{gap:16px}
  .faq__left{grid-column:1/13;margin-bottom:32px}
  .faq__list{grid-column:1/13}
  .footer__brand{grid-column:1/13;margin-bottom:40px}
  .footer__cols{grid-column:1/13}
  .toc{grid-column:1/4}
  .article{grid-column:4/13}
  .help-cards .grid12 > *{grid-column:span 12;min-height:0}
  .help-cards .grid12{row-gap:16px}
  .cq__left{grid-column:1/13;margin-bottom:32px}
  .cq__list{grid-column:1/13}
}
@media (max-width:860px){
  .nav__links{gap:20px}
  .t-big{font-size:42px;line-height:46px}
}

/* Mobile */
@media (max-width:720px){
  :root{--pad:20px}
  body{font-size:15px}
  .only-d{display:none !important}
  .only-m{display:block}
  .t-hero{font-size:38px;line-height:42px}
  .t-big{font-size:36px;line-height:40px}
  .t-sec{font-size:32px;line-height:36px}
  .t-card{font-size:17px;line-height:24px}
  .nav{position:relative;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
  .nav__in{height:56px}
  .nav .logo img{height:30px}
  .nav__links,.nav .badge{display:none}
  .sec{padding:72px 0}
  .sec-head{display:block;margin-bottom:28px}
  .sec-head__sub{margin-top:28px}
  .sec-head__aside{display:none}
  .under{margin-top:28px;border-top:0;padding-top:0}
  .under__label{display:none}
  .under__items{grid-template-columns:1fr;row-gap:24px}
  .under__item p{margin-top:2px}
  .hero{padding-top:40px;padding-bottom:72px}
  .hero__copy{padding:0 var(--pad);gap:20px}
  .hero__sub{font-size:16px;line-height:23px}
  .hero__cta{margin-top:0}
  .hero .badge--l{width:131.6px;height:44px}
  .hero__photo{top:calc(140px * var(--s));height:calc(420px * var(--s))}
  .topics{padding-top:20px}
  .topics__row{border-top:0;padding-top:0;display:block}
  .topics__label{font-size:11px;line-height:15px;letter-spacing:.06em}
  .topics__list{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:2px;margin-top:20px}
  .topics__list li{font-size:22px;line-height:28px}
  .steps{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad);scroll-padding-left:var(--pad)}
  .steps::-webkit-scrollbar{display:none}
  .step{flex:none;width:300px;scroll-snap-align:start}
  .step__tile{aspect-ratio:300/340}
  .step__text{margin-top:14px}
  .step__text p{margin-top:14px}
  .dots{display:flex}
  .bento{display:flex;flex-direction:column;gap:16px}
  .tile{padding-top:24px}
  .tile__text{padding:0 20px}
  .tile__visual{padding:0}
  .carousel{gap:12px;padding:0 var(--pad);scroll-padding-left:var(--pad)}
  .gcard{--k:.7305}
  .groups .under{display:none}
  .stage--score + .leaders{margin-top:28px}
  .alerts{padding-top:72px}
  .alerts .t-big{max-width:320px}
  .alerts .t-body{margin-top:16px}
  .alerts .badge{margin-top:16px}
  .alerts .stage{margin-top:16px}
  .faq__left{margin-bottom:20px}
  .faq__left p{display:none}
  .faq__more{display:block;margin-top:20px;font-size:14px;line-height:20px;color:var(--content-secondary)}
  .qa__q{padding:16px 0;font-size:16px;line-height:22px}
  .qa__a p{padding-bottom:16px;line-height:21px}
  .cta{padding-top:96px}
  .cta .t-big{padding:0 10px}
  .cta .t-body{font-size:15px;line-height:21px;margin-top:20px}
  .cta .badge{margin-top:20px}
  .cta .stage{margin-top:20px}
  .footer{padding:56px 0 40px}
  .footer__brand{margin-bottom:32px}
  .footer__brand .logo img{height:28px}
  .footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .footer__bottom{margin-top:32px;flex-direction:column;align-items:flex-start;gap:20px}
  .pill{display:flex}
  .page-head{padding:40px 0 32px}
  .page-head h1{font-size:38px;line-height:42px}
  .page-head .kicker:first-child{margin-bottom:0}
  .legal{padding-top:32px;padding-bottom:72px;display:block}
  .toc{display:none}
  .article{gap:40px}
  .article .lead{font-size:17px;line-height:25px}
  .help-cards{padding-bottom:56px}
  .page-head.support-head{padding-bottom:32px}
  .help-card{padding:28px}
  .cq{padding:56px 0 72px}
  .cq__left h2{font-size:28px;line-height:32px}
}
.faq__more{display:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-reveal]{opacity:1 !important;transform:none !important;transition:none !important}
  .js-bars [data-bars] .consensus__bar i,.js-bars [data-bars] .outcome__track i{transform:none !important}
  .js-bars [data-bars] .spark path{stroke-dashoffset:0 !important}
  .gcard__photo{transition:none}
}

/* Shared group fallback */
.share__inner{padding-top:104px;padding-bottom:128px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.share__inner .t-big{max-width:720px}
.share__sub{max-width:520px;color:var(--content-secondary)}
.share__card{margin-top:28px;text-align:left}
@media (max-width:720px){.share__inner{padding-top:48px;padding-bottom:72px}}

/* Avoid widows */
h1,h2,h3,.t-hero,.t-big,.t-sec,.t-card{text-wrap:balance}
p,li,.t-body{text-wrap:pretty}