:root{--navy:#0a0e27;--navy2:#111737;--navy3:#1a2150;--ink:#e8ecff;--mut:#9aa6cf;--line:rgba(148,163,255,.14);--b1:#3b82f6;--b2:#2563eb;--cy:#06b6d4;--am:#f5b301;--r:18px;--grad:linear-gradient(100deg,#60a5fa 0%,#22d3ee 50%,#a78bfa 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--navy);color:var(--ink);font:400 17px/1.6 "DM Sans",system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Outfit,system-ui,sans-serif;line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(40px,5.6vw,72px);font-weight:800}h2{font-size:clamp(30px,4vw,50px);font-weight:800}h3{font-size:22px;font-weight:700}
a{color:#93c5fd}p{margin:0 0 1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.grad{background:var(--grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:200% center}}
.kicker{font:700 13px/1 Outfit,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#7dd3fc;margin-bottom:14px}
section{padding:110px 0;position:relative}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--grad);z-index:60}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:15px 22px;font:700 16px/1 Outfit,sans-serif;text-decoration:none;cursor:pointer;color:#fff;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-glow{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#06b6d4);box-shadow:0 10px 30px -8px rgba(37,99,235,.7),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-glow:hover{box-shadow:0 16px 40px -8px rgba(34,211,238,.6)}
.btn-ghost{background:rgba(255,255,255,.06);border:1px solid var(--line)}.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-sm{padding:11px 16px;font-size:14px}
/* nav */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(10,14,39,.72);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:28px;height:70px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand-lockup{height:32px;width:auto;display:block}
.brand-txt{display:flex;flex-direction:column;line-height:1}
.bw{font:600 21px/1 Outfit,sans-serif;letter-spacing:-.02em}.bw i{font-style:normal;color:var(--am)}.bw b{font-weight:800}
.bp{display:flex;align-items:center;gap:5px;font:600 9px/1 Outfit,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:4px;padding-left:42px}.bp img{height:12px;width:auto}
.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a{color:var(--mut);text-decoration:none;font-weight:500;font-size:15px}.nav-links a:hover{color:#fff}
/* hero */
.hero{padding:70px 0 40px;overflow:hidden}
.aurora{position:absolute;inset:-20% -10% auto;height:120%;pointer-events:none;filter:blur(80px);opacity:.38}
.aurora span{position:absolute;border-radius:50%;width:46vw;height:46vw;max-width:680px;max-height:680px;animation:float 18s ease-in-out infinite}
.aurora span:nth-child(1){background:#2563eb;left:-8%;top:0}
.aurora span:nth-child(2){background:#06b6d4;right:-6%;top:6%;animation-delay:-6s;opacity:.7}
.aurora span:nth-child(3){background:#7c3aed;left:35%;top:30%;animation-delay:-12s;opacity:.45}
.aurora.small{opacity:.3;inset:10% 0 0;height:auto}.aurora.small span{top:20%!important}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(6%,8%) scale(1.1)}66%{transform:translate(-5%,4%) scale(.92)}}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%);opacity:.6}
.hero-in{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.04);font-size:14px;color:#c7d2fe}
.dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.lead{font-size:19px;color:#c3cbea;max-width:600px}
.hero-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;max-width:640px}
input,select{font:inherit;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,255,.25);border-radius:12px;padding:14px 16px;min-width:0;outline:none;transition:border .2s,box-shadow .2s}
input:focus,select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.18)}
select option{color:#0a0e27}
.hero-form input[type=email]{flex:1 1 200px}.hero-form select{flex:0 0 auto}
.form-msg{flex-basis:100%;margin:4px 0 0;min-height:1.4em;font-size:15px}.form-msg.ok{color:#4ade80}.form-msg.err{color:#fca5a5}
.micro{font-size:13px;color:var(--mut);margin-top:6px}
.hero-card{position:relative;background:linear-gradient(180deg,rgba(26,33,80,.85),rgba(17,23,55,.9));border:1px solid rgba(148,163,255,.22);border-radius:22px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.03) inset}
.hero-card:before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;background:linear-gradient(140deg,rgba(96,165,250,.7),transparent 40%,transparent 60%,rgba(34,211,238,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}
.live{display:flex;align-items:center;gap:8px;font:700 12px/1 Outfit;letter-spacing:.14em;color:#fca5a5}
.pulse{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:ping2 1.6s infinite}
@keyframes ping2{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 9px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.hc-week{color:var(--mut)}
.ticker{height:206px;overflow:hidden;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid var(--line);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.ticker-list{list-style:none;margin:0;padding:6px 10px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ticker-list li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;height:52px;border-bottom:1px dashed rgba(148,163,255,.12);font-size:14px}
.tk-ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:15px;background:rgba(59,130,246,.18)}
.tk-ic.t{background:rgba(251,191,36,.16)}
.tk-m b{display:block;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-m span{color:var(--mut);font-size:12.5px}
.tk-p{font:700 14px Outfit;color:#86efac;text-align:right}.tk-p small{display:block;color:var(--mut);font:500 11px DM Sans}
.ticker-list li.new{animation:flash 1.2s ease}
@keyframes flash{0%{background:rgba(34,211,238,.18)}100%{background:transparent}}
.lb{margin-top:16px}
.lb-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.lb-tabs button,.lb-kind button{background:transparent;border:1px solid var(--line);color:var(--mut);border-radius:99px;padding:6px 12px;font:600 13px Outfit;cursor:pointer}
.lb-tabs button.on,.lb-kind button.on{background:#fff;color:var(--navy);border-color:#fff}
.lb-kind{margin-left:auto;display:flex;gap:4px}
.lb-list{list-style:none;margin:0;padding:0;counter-reset:r}
.lb-list li{position:relative;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:6px;border-radius:10px;overflow:hidden;font-size:14px;counter-increment:r}
.lb-list li:before{content:counter(r);font:800 13px Outfit;color:var(--am);width:20px;flex:none;position:relative;z-index:1}
.lb-list li .bar{position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,rgba(37,99,235,.45),rgba(6,182,212,.25));transform-origin:left;animation:grow 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes grow{from{transform:scaleX(0)}}
.lb-list li span{position:relative;z-index:1}.lb-list li .nm{flex:1;font-weight:600}.lb-list li .ct{font:700 14px Outfit}
.hc-foot{font-size:11.5px;color:var(--mut);margin:10px 0 0}
.marquee-wrap{margin-top:56px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee{display:flex;gap:40px;width:max-content;animation:mq 50s linear infinite;color:#7d88b6;font:600 15px Outfit;white-space:nowrap}
.marquee span:before{content:"◆ ";color:#3b82f6}
@keyframes mq{to{transform:translateX(-50%)}}
/* stats */
.stats{padding:40px 0;border-block:1px solid var(--line);background:rgba(255,255,255,.02)}
.stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat b{display:block;font:800 clamp(34px,4vw,52px)/1 Outfit;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat>span{color:var(--mut);font-size:14px}
/* how */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.step{padding:30px;border-radius:var(--r);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);transition:transform .3s,border-color .3s}
.step:hover{transform:translateY(-6px);border-color:rgba(96,165,250,.5)}
.step .n{font:800 15px Outfit;color:var(--am);display:block;margin-bottom:18px}.step p{color:var(--mut);margin:0}
/* editions */
.roles{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 26px}
.roles button{background:rgba(255,255,255,.05);border:1px solid var(--line);color:#dbe2ff;border-radius:99px;padding:12px 20px;font:600 15px Outfit;cursor:pointer;transition:all .25s}
.roles button:hover{border-color:#60a5fa}
.roles button.on{background:linear-gradient(135deg,#2563eb,#06b6d4);border-color:transparent;color:#fff;box-shadow:0 8px 24px -8px rgba(37,99,235,.8)}
.role-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:40px;border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(6,182,212,.18),transparent 50%),linear-gradient(180deg,var(--navy2),#0d1230);border:1px solid var(--line)}
.rp-ed{font:700 13px Outfit;letter-spacing:.16em;text-transform:uppercase;color:var(--am)}
.role-panel h3{font-size:clamp(24px,2.6vw,34px)}
.role-panel ul{list-style:none;padding:0;margin:0 0 26px}
.role-panel li{padding:8px 0 8px 32px;position:relative;color:#cdd5f3}
.role-panel li:before{content:"✓";position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:7px;background:rgba(34,211,238,.15);color:#67e8f9;display:grid;place-items:center;font-size:13px;font-weight:700}
.swap{animation:swap .45s ease}
@keyframes swap{from{opacity:0;transform:translateY(10px)}}
.mini-card{padding:26px;border-radius:20px;background:linear-gradient(160deg,#1e2a6b,#121a45);border:1px solid rgba(148,163,255,.25);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transform:rotate(-2deg)}
.mc-t{font:600 13px Outfit;color:var(--mut);text-transform:uppercase;letter-spacing:.1em}
.mc-big{font:800 42px/1 Outfit;margin:4px 0 12px}
.mc-s{color:#cdd5f3;font-size:15px}.mc-s small{color:var(--mut)}
.mc-bars span{display:block;height:8px;border-radius:9px;margin-top:10px;width:var(--w);background:linear-gradient(90deg,#3b82f6,#22d3ee)}
/* sample */
.sample{background:linear-gradient(180deg,transparent,rgba(37,99,235,.06),transparent)}
.sample-in{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.sample-copy p{color:#c3cbea}
.checks{list-style:none;padding:0;margin:0 0 28px}.checks li{padding:7px 0 7px 28px;position:relative;color:#cdd5f3}
.checks li:before{content:"";position:absolute;left:0;top:14px;width:12px;height:12px;border-radius:4px;background:var(--grad)}
.sample-ctas{display:flex;gap:12px;flex-wrap:wrap}
.device{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 50px 100px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1);transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);transition:transform .6s}
.device:hover{transform:none}
.device-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#eef1f8;color:#5b6486;font-size:12px}
.device-bar i{width:10px;height:10px;border-radius:50%;background:#f87171}.device-bar i:nth-child(2){background:#fbbf24}.device-bar i:nth-child(3){background:#34d399}
.device-bar span{margin-left:10px}
.device-screen{height:560px;overflow:hidden}
.device-screen img{display:block;width:100%;height:auto;animation:scrollshot 26s ease-in-out infinite alternate}
@keyframes scrollshot{0%,8%{transform:translateY(0)}100%{transform:translateY(calc(-100% + 560px))}}
.device:hover .device-screen img{animation-play-state:paused}
/* counties */
.sub{color:var(--mut);max-width:640px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px}
.chip{padding:9px 16px;border-radius:99px;font:600 14px Outfit;border:1px solid var(--line);color:var(--mut)}
.chip.live{color:#86efac;border-color:rgba(74,222,128,.4);background:rgba(34,197,94,.08)}
.chip.soon{border-style:dashed}
.waitlist{padding:24px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.wl-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.wl-row label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mut)}.wl-row label.grow{flex:1 1 220px}
/* values */
.values-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.vals{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.vals li{padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line);color:#c3cbea}.vals b{color:#fff}
/* pricing */
.billing{display:inline-flex;padding:5px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid var(--line);margin:18px 0 34px}
.billing button{border:0;background:transparent;color:var(--mut);padding:9px 18px;border-radius:99px;font:600 14px Outfit;cursor:pointer}
.billing button.on{background:#fff;color:var(--navy)}.billing em{font-style:normal;color:#16a34a;font-size:12px;margin-left:4px}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tier{position:relative;display:flex;flex-direction:column;padding:28px 24px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid var(--line);transition:transform .3s}
.tier:hover{transform:translateY(-6px)}
.tier.hot{background:linear-gradient(180deg,rgba(37,99,235,.25),rgba(6,182,212,.08));border-color:rgba(96,165,250,.6);box-shadow:0 30px 60px -25px rgba(37,99,235,.6)}
.badge{position:absolute;top:-12px;left:24px;background:var(--am);color:#1f1300;font:800 11px Outfit;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:99px}
.price{margin:6px 0 2px}.price b{font:800 42px Outfit}.price span{color:var(--mut)}
.tdesc{color:var(--mut);font-size:14px}
.tier ul{list-style:none;padding:0;margin:8px 0 24px;flex:1}.tier li{padding:6px 0 6px 24px;position:relative;font-size:15px;color:#cdd5f3}
.tier li:before{content:"✓";position:absolute;left:0;color:#67e8f9;font-weight:700}
.fine{color:var(--mut);font-size:14px;margin-top:26px}
/* proof */
.proof{padding-top:40px}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}
.q{position:relative;margin:0;padding:28px;border-radius:18px;border:1px dashed rgba(251,191,36,.45);background:rgba(251,191,36,.04)}
.q blockquote{margin:0 0 14px;font:500 18px/1.45 Outfit;color:#dbe2ff}.q figcaption{color:var(--mut);font-size:14px}
.ph-tag{position:absolute;top:10px;right:12px;font:800 10px Outfit;letter-spacing:.12em;color:var(--am)}
.logos-ph{margin-top:24px;text-align:center;color:var(--am);font-size:14px;padding:18px;border:1px dashed rgba(251,191,36,.35);border-radius:14px}
.ph-inline{color:var(--am)}
/* faq */
.faq-in{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px}
.qs details{border-bottom:1px solid var(--line);padding:6px 0}
.qs summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;position:relative;font:600 19px Outfit}
.qs summary::-webkit-details-marker{display:none}
.qs summary:after{content:"+";position:absolute;right:4px;top:12px;font-size:26px;color:#60a5fa;transition:transform .3s}
.qs details[open] summary:after{transform:rotate(45deg)}
.qs details p{color:#c3cbea;padding-right:30px}
/* join */
.join{overflow:hidden}
.join-in{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
.join-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:30px;border-radius:24px;background:rgba(17,23,55,.85);border:1px solid rgba(148,163,255,.25);box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.join-form .full{grid-column:1/-1}
.join-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mut)}.join-form label em{font-style:normal;opacity:.7}
fieldset{border:0;padding:0;margin:0}legend{font-size:13px;color:var(--mut);margin-bottom:8px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills label{flex-direction:row;cursor:pointer}
.pills input{position:absolute;opacity:0;pointer-events:none}
.pills span{padding:9px 14px;border-radius:99px;border:1px solid rgba(148,163,255,.25);color:#dbe2ff;font:600 14px Outfit;transition:all .2s}
.pills input:checked+span{background:linear-gradient(135deg,#2563eb,#06b6d4);border-color:transparent;color:#fff}
.pills input:focus-visible+span{outline:2px solid #60a5fa;outline-offset:2px}
.other{width:100%;margin-top:10px}
.consent{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-size:13.5px!important}
.consent input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:#2563eb}
/* footer */
.foot{border-top:1px solid var(--line);padding:60px 0 30px;background:#070a1d}
.foot-in{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}
.foot-logo{width:300px;height:auto;margin-bottom:16px}
.small{font-size:13px;color:var(--mut);max-width:520px}
.foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.foot-cols div{display:flex;flex-direction:column;gap:9px}.foot-cols b{font-family:Outfit}.foot-cols a{color:var(--mut);text-decoration:none;font-size:15px}.foot-cols a:hover{color:#fff}
.foot-base{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--mut)}
/* hero entrance: transform-only so content is never invisible */
.js .rise{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}
.js .hero-copy .rise:nth-child(2){animation-delay:.08s}.js .hero-copy .rise:nth-child(3){animation-delay:.16s}.js .hero-copy .rise:nth-child(4){animation-delay:.24s}.js .hero-card.rise{animation-delay:.2s}
@keyframes rise{from{transform:translateY(22px)}}
/* reveal: hidden only when JS is running and element not yet seen */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* responsive */
@media (max-width:1020px){
  .hero-in,.sample-in,.values-in,.faq-in,.join-in,.role-panel{grid-template-columns:1fr}
  .tiers{grid-template-columns:1fr 1fr}.nav-links{display:none}.nav-in{justify-content:space-between}
  .device{transform:none}
}
@media (max-width:640px){
  section{padding:76px 0}.wrap{padding:0 18px}
  .hero{padding-top:36px}.lead{font-size:17px}
  .hero-form select,.hero-form button{flex:1 1 100%}
  .stats-in{grid-template-columns:1fr 1fr}.steps,.tiers,.quotes{grid-template-columns:1fr}
  .role-panel{padding:24px}.join-form{grid-template-columns:1fr;padding:22px}
  .wl-row label,.wl-row button{flex:1 1 100%}
  .foot-in{grid-template-columns:1fr}.device-screen{height:440px}
  @keyframes scrollshot{0%,8%{transform:translateY(0)}100%{transform:translateY(calc(-100% + 440px))}}
  .brand-lockup{height:28px}.bp{font-size:8px}
  .roles button{padding:10px 14px;font-size:14px}
  .lb-kind{margin-left:0}
}