/* αLaunchpad website — tokens, sky, header, hero options. Same look as the product (../launchpad-demo/shared/alpha.css):
   day = Riviera sky, night = Twilight with the golden horizon glow; glass and light; colour as accents.
   One meaning per colour: gold = waits on you · green = on track · amber = behind · red = never / errors · grey = paused. */
:root{--d:AlphaGlyph,'Instrument Serif',Georgia,serif;--s:AlphaGlyph,'Geist',system-ui,sans-serif;--m:'Geist Mono',ui-monospace,monospace;
  --ink:#14171F;--ink2:#3E4556;--mute:#6B7080;--hair:rgba(20,30,50,.08);
  --glass:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.5));--glass-sh:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.55),0 30px 60px -36px rgba(40,80,130,.38);
  --ok:#2F9E6B;--gold:#D9952B;--goldbg:rgba(242,179,61,.16);--wine:#8E2C4C;
  --x1:#7CC4FF;--x2:#5B8DEF;--x3:#4F46E5; /* α Experts: sky → indigo */
  --ink-glass:linear-gradient(180deg,rgba(34,30,44,.94),rgba(14,12,20,.94));
  --ink-glow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px -12px rgba(20,16,30,.45),0 16px 36px -18px rgba(255,140,90,.4),0 18px 40px -20px rgba(109,74,255,.45);
  --rainbow:linear-gradient(90deg,#FFB547,#FF4FA0 38%,#6D4AFF 70%,#3FE0D0);
  --grad:linear-gradient(100deg,#E9A23B,#F0609E 55%,#8F7BFF); /* the teaser's "this easy." — deeper by day so it reads on the sky */
  color-scheme:light}
html[data-sky=night]{--ink:#F3F1EC;--ink2:#CFCAD8;--mute:#A6A1AE;--hair:rgba(255,255,255,.09);
  --glass:rgba(18,16,28,.62);--glass-sh:0 0 0 1px rgba(255,255,255,.09),0 0 18px 1px rgba(255,255,255,.1),0 0 70px 6px rgba(255,255,255,.05);
  --ok:#4CC38A;--gold:#FFC86B;--goldbg:rgba(255,200,107,.14);--wine:#E0789A;
  --grad:linear-gradient(100deg,#FFD58A,#FF8CC4 55%,#B9A8FF);color-scheme:dark}

*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{background:#EAF4FD;color:var(--ink);font:400 15px/1.5 var(--s);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:color .9s ease}
html[data-sky=night] body{background:#05040A}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
:focus-visible{outline:2px solid #6D4AFF;outline-offset:3px;border-radius:999px}
/* the product's paper grain */
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
html[data-sky=night] body::after{mix-blend-mode:screen;opacity:.03}

/* ===== the sky: Riviera by day, Twilight by night (cross-fade on ☀/☾) ===== */
.sky{position:fixed;inset:0;z-index:0;pointer-events:none} /* above the body's own background (the teaser paints it dark during the hand-over), below the content */
main{position:relative;z-index:1}
.sky i{position:absolute;inset:0;transition:opacity 1.2s ease}
.sky-d{background:radial-gradient(55% 45% at 90% -4%,rgba(127,227,224,.42),transparent 70%),radial-gradient(70% 55% at 6% 108%,rgba(255,208,138,.55),transparent 70%),
  linear-gradient(176deg,#9FD3FF 0%,#C9E7FF 30%,#EDF6FD 58%,#FFF1DE 82%,#FFE3BE 100%)}
.sky-n{opacity:0;background:radial-gradient(55% 9% at 50% 101%,rgba(255,206,140,.5),transparent 75%),radial-gradient(85% 24% at 50% 106%,rgba(255,150,90,.2),transparent 72%),radial-gradient(120% 60% at 50% 115%,rgba(255,170,120,.3),transparent 60%),
  linear-gradient(180deg,#000 0%,#000 9%,#0B0A22 28%,#1D1846 50%,#3A2558 70%,#6A3A62 88%,#8C5266 100%)}
html[data-sky=night] .sky-n{opacity:1}
.stars{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease}
html[data-sky=night] .stars{opacity:1}

/* ===== header: logo left, two buttons and ☀/☾ right — edges line up with the content, max 1680 ===== */
.top{max-width:1680px;margin:0 auto;padding:44px 40px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:5}
.logo{display:flex;align-items:flex-end;gap:2px;color:var(--ink)}
.logo .mk{width:auto;height:46px;overflow:visible}
.logo b{font:600 26px/1 var(--s);letter-spacing:-.03em;margin:0 0 3px -2px}
@keyframes spark{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.logo .sp{transform-box:fill-box;transform-origin:center;animation:spark 4s ease-in-out infinite}
.acts{display:flex;align-items:center;gap:10px}
.pill{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font:600 14px/1 var(--s);white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s}
.pill:hover{transform:translateY(-1px)}
.pill.lg{height:50px;padding:0 24px;font-size:15.5px}
.pill.ghost{background:rgba(255,255,255,.55);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(20,30,50,.06),0 8px 20px -12px rgba(40,80,130,.35)}
html[data-sky=night] .pill.ghost{background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.1)}
.pill.ink{color:#fff;background:var(--ink-glass);box-shadow:var(--ink-glow)}
.pill.ink::before,.askbox::before,.mini-ask::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.2px;background:var(--rainbow);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.85;pointer-events:none}
html[data-sky=night] .pill.ink{background:linear-gradient(180deg,rgba(52,44,72,.9),rgba(24,20,36,.9))}
.dn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:rgba(255,255,255,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(20,30,50,.06)}
html[data-sky=night] .dn{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.dn .moon{display:none}html[data-sky=night] .dn .moon{display:block}html[data-sky=night] .dn .sun{display:none}

/* ===== shared hero pieces ===== */
main{max-width:1680px;margin:0 auto;padding:0 40px}
.hero{display:none;min-height:calc(100svh - 90px);padding:48px 0 72px}
html[data-hero=a] .hero-a,html[data-hero=b] .hero-b,html[data-hero=c] .hero-c{display:flex}
.disp{font:400 clamp(52px,6.6vw,108px)/1.02 var(--d);letter-spacing:-.025em;color:var(--ink)}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.sub{font:400 clamp(17px,1.45vw,21px)/1.45 var(--s);color:var(--ink2);letter-spacing:-.005em}
.glass{background:var(--glass);backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);box-shadow:var(--glass-sh)}
.ga{font:400 26px/1 AlphaGlyph,var(--s);background:linear-gradient(135deg,#6D4AFF,#FF4FA0 60%,#FFB547);-webkit-background-clip:text;background-clip:text;color:transparent}
.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font:600 12.5px/1 var(--s);white-space:nowrap}
.chip i{width:7px;height:7px;border-radius:50%;background:currentColor}
.chip.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
.xp{display:flex}.xp i{width:30px;height:30px;border-radius:50%;margin-left:-8px;border:2px solid rgba(255,255,255,.9);
  background:var(--c,var(--x1)) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'><circle cx='9' cy='8.5' r='3'/><path d='M3.5 19a5.5 5.5 0 0 1 11 0'/><circle cx='16.5' cy='9.5' r='2.4'/><path d='M15.6 14a4.6 4.6 0 0 1 5 4.6'/></svg>") center/62% no-repeat}
.xp i:first-child{margin-left:0}.xp i:nth-child(2){--c:var(--x2)}.xp i:nth-child(3){--c:var(--x3)}
html[data-sky=night] .xp i{border-color:rgba(18,16,28,.9)}
/* entrance: after the teaser's dawn (or the quick fade), things rise in, one after another */
.rise{opacity:0;transform:translateY(16px);filter:blur(6px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1),filter .9s ease;transition-delay:calc(var(--i,0) * 140ms)}
html.ready .rise{opacity:1;transform:none;filter:none}

/* ===== A · Ask ===== */
.hero-a{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px}
.hero-a .disp{font-size:clamp(56px,7.4vw,124px)}
.askbox{position:relative;display:flex;align-items:center;gap:12px;width:min(640px,100%);height:64px;margin-top:14px;padding:0 8px 0 24px;border-radius:999px;background:var(--ink-glass);box-shadow:var(--ink-glow)}
.askbox .fld{flex:1;min-width:0;position:relative;display:flex;align-items:center;height:100%}
.askbox input{width:100%;min-width:0;border:0;background:none;outline:none;font:400 17px var(--s);color:#fff}
/* the wishes α "types" while the box is idle: real white text and a blinking cursor (not a grey placeholder) */
.ghost-t{position:absolute;inset:0;display:flex;align-items:center;gap:1px;pointer-events:none;font:400 17px var(--s);color:#fff;white-space:nowrap;overflow:hidden}
.ghost-t .caret{flex:none;width:1.5px;height:20px;background:#fff;animation:caret 1s steps(1) infinite}
.askbox.on-t input::placeholder{color:transparent}.askbox:not(.on-t) .ghost-t{display:none}
.askbox input::placeholder{color:rgba(255,255,255,.62)}
.askbox button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#14171F;flex:none;transition:transform .2s}
.askbox button:hover{transform:scale(1.05)}
.askbox:focus-within{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px -12px rgba(20,16,30,.45),0 18px 40px -16px rgba(255,140,90,.55),0 22px 46px -18px rgba(109,74,255,.65)}
.built{height:76px;width:min(640px,100%);display:flex;justify-content:center}
.oc{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;border-radius:22px;text-align:left;width:100%;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1),filter .6s}
.oc[data-state=off]{opacity:0;transform:translateY(-10px) scale(.98);filter:blur(4px)}
.oc-ic{width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;color:#fff;background:var(--oc,#5FB0A0)}
.oc-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.oc-tx{display:grid;gap:2px;min-width:0;flex:1}.oc-n{font:600 15.5px/1.2 var(--s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-g{font-size:13px;color:var(--mute)}
.oc-go{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 12px 0 16px;border-radius:999px;font:600 13.5px/1 var(--s);color:#fff;background:var(--ink-glass);box-shadow:0 8px 18px -10px rgba(20,16,30,.6);white-space:nowrap;flex:none;
  opacity:0;transform:translateX(-6px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),background .2s}
html[data-sky=night] .oc-go{background:#fff;color:#14171F}
.oc-go:hover{transform:translateX(2px)!important}
.oc.ready .oc-go{opacity:1;transform:none}
/* the α Experts arrive one by one */
.oc .xp i{opacity:0;transform:scale(.4);transition:opacity .35s ease,transform .5s cubic-bezier(.3,1.6,.5,1)}
.oc .xp i.in{opacity:1;transform:none}

/* ===== B · One outcome ===== */
.hero-b{align-items:center;justify-content:space-between;gap:clamp(40px,6vw,120px);max-width:1360px;margin:0 auto}
.hb-l{display:grid;gap:26px;max-width:600px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.card{width:min(500px,100%);flex:none;border-radius:28px;padding:24px 24px 18px;display:grid;gap:16px}
html:not([data-sky=night]) .card{background:radial-gradient(60% 45% at 92% 0%,rgba(127,227,224,.38),transparent 70%),radial-gradient(70% 45% at 8% 104%,rgba(255,208,138,.42),transparent 70%),linear-gradient(172deg,rgba(159,211,255,.5),rgba(221,241,255,.6) 55%,rgba(255,231,196,.66)),rgba(247,249,252,.6)}
.cd-h{display:flex;align-items:center;gap:12px}.cd-h b{font:600 18px/1.2 var(--s);flex:1;letter-spacing:-.01em}
.tile{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#5FB0A0;color:#fff}
.tile svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cd-num{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:6px 0 2px}
.cd-num>div{display:grid;gap:8px;position:relative;z-index:1}
.big{font:400 84px/.9 var(--d);letter-spacing:-.03em}.cd-num small{font-size:15px;color:var(--ink2)}
.spark{position:absolute;right:0;bottom:4px;width:58%;height:100px;overflow:visible}
.sp-l{stroke-dasharray:1;stroke-dashoffset:1}html.ready .sp-l{stroke-dashoffset:0;transition:stroke-dashoffset 2.4s cubic-bezier(.4,0,.2,1) .6s}
.sp-a{opacity:0}html.ready .sp-a{opacity:1;transition:opacity 1.4s ease 1.8s}
.cd-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
html[data-sky=night] .cd-row{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.cd-row .xp{flex:none;width:82px}
.cd-tx{display:grid;gap:3px;min-width:0;flex:1}.cd-tx b{font:600 14.5px/1.25 var(--s)}.cd-tx small{font-size:13px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticker{display:flex;gap:6px}.tk-ck{color:var(--ok);font-weight:700}.tk-t{overflow:hidden;text-overflow:ellipsis;transition:opacity .5s,transform .5s}.tk-t.out{opacity:0;transform:translateY(-6px)}
.eye{width:82px;flex:none;display:flex}.eye svg,.lock svg{width:30px;height:30px;padding:6px;border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box}
.eye svg{color:var(--wine);background:color-mix(in srgb,var(--wine) 12%,transparent)}
.eye circle{animation:blink 6s ease-in-out infinite;transform-origin:12px 12px}@keyframes blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.ask1{position:relative;display:flex;align-items:center;gap:12px;padding:14px 14px 14px 12px;border-radius:20px;color:#F3F1EC;background:linear-gradient(170deg,#1C1C1F,#060607);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 45%,transparent),0 16px 30px -18px rgba(0,0,0,.55)}
.ask1 .lock svg{color:#FFC86B;background:rgba(255,200,107,.14)}
.ask1 .lbl{color:#FFC86B!important;font-weight:600}.ask1 .cd-tx small{color:rgba(243,241,236,.66)}
.a-btn{display:flex;gap:6px;flex:none}.a-btn button{height:36px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--s)}
.a-btn .no{color:rgba(243,241,236,.8);background:rgba(255,255,255,.08)}.a-btn .no:hover{background:rgba(255,255,255,.14)}
.a-btn .yes{background:#fff;color:#14171F}.a-btn .yes:hover{background:#F1ECE6}
.a-done{display:none}.ckg{color:#4CC38A}
.ask1[data-state=done]{box-shadow:inset 0 0 0 1px rgba(76,195,138,.45),0 16px 30px -18px rgba(0,0,0,.55)}
.ask1[data-state=done] .a-q,.ask1[data-state=done] .a-btn,.ask1[data-state=later] .a-btn{display:none}.ask1[data-state=done] .a-done{display:grid}
.ask1[data-state=done] .lock svg{color:#4CC38A;background:rgba(76,195,138,.14)}
.ask1[data-state=later]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.ask1[data-state=later] .lock svg{color:#9A99A2;background:rgba(255,255,255,.08)}.ask1[data-state=later] .lbl{color:#9A99A2!important}

/* ===== C · Build · Launch · Grow ===== */
.hero-c{flex-direction:column;align-items:center;justify-content:center;gap:clamp(36px,5vh,64px);text-align:center}
.hero-c .disp{font-size:clamp(50px,6vw,100px)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(1180px,100%)}
.step{border-radius:28px;padding:18px 18px 22px;display:grid;gap:16px;text-align:left}
.step p{font-size:15px;color:var(--ink2);padding:0 6px}.step p b{color:var(--ink);font-weight:600}
.pic{position:relative;height:180px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
html[data-sky=night] .pic{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pic-build{display:grid;place-content:center;gap:16px;justify-items:center}
.mini-ask{position:relative;display:flex;align-items:center;gap:10px;width:250px;height:48px;padding:0 18px;border-radius:999px;background:var(--ink-glass);box-shadow:var(--ink-glow);color:#fff;font:400 15px var(--s)}
.mini-ask .ga{font-size:21px}.typed{white-space:nowrap;overflow:hidden}
.caret{width:1.5px;height:18px;background:#fff;animation:caret 1s steps(1) infinite}@keyframes caret{50%{opacity:0}}
.goalchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font:600 13px/1 var(--s);color:var(--ink);background:rgba(255,255,255,.75);box-shadow:0 6px 16px -10px rgba(40,80,130,.5);opacity:0;transform:translateY(6px);transition:opacity .6s,transform .6s}
.goalchip svg{color:var(--gold)}html[data-sky=night] .goalchip{background:rgba(255,255,255,.1)}
.pic-build.on .goalchip{opacity:1;transform:none}
.pic-launch .net{position:absolute;inset:0;width:100%;height:100%}
.net path{fill:none;stroke:color-mix(in srgb,var(--x2) 70%,transparent);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s ease}
.pic-launch.on .net path{stroke-dashoffset:0}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:46px;filter:drop-shadow(0 0 18px rgba(185,168,255,.55))}
.nd{position:absolute;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px 0 4px;border-radius:999px;font:600 12.5px/1 var(--s);background:rgba(255,255,255,.8);box-shadow:0 6px 16px -10px rgba(40,80,130,.5);opacity:0;transform:scale(.85);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);white-space:nowrap}
html[data-sky=night] .nd{background:rgba(30,28,44,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.nd i{width:22px;height:22px;border-radius:50%;background:var(--c,var(--x1)) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'><circle cx='12' cy='8.5' r='3.4'/><path d='M5.5 19.5a6.5 6.5 0 0 1 13 0'/></svg>") center/64% no-repeat}
.n1{left:8%;top:12%}.n2{right:8%;top:12%}.n2 i{--c:var(--x2)}.n3{left:50%;bottom:8%;transform:translateX(-50%) scale(.85)}.n3 i{--c:var(--x3)}
.pic-launch.on .nd{opacity:1;transform:none}.pic-launch.on .n3{transform:translateX(-50%)}
.pic-launch.on .n2{transition-delay:.25s}.pic-launch.on .n3{transition-delay:.5s}
.pic-grow .gl{position:absolute;left:14px;right:14px;bottom:14px;width:calc(100% - 28px);height:62%;overflow:visible}
.gl path{fill:none;stroke:url(#spk);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1)}
.pic-grow.on .gl path{stroke-dashoffset:0}
.gnum{position:absolute;left:20px;top:16px;display:flex;align-items:baseline;gap:6px}.gnum .big{font-size:58px}.gnum small{font-size:14px;color:var(--ink2)}
.pic-grow .chip{position:absolute;right:16px;top:18px;opacity:0;transition:opacity .6s ease 1.6s}.pic-grow.on .chip{opacity:1}
.pic-grow .gnum{opacity:0;transition:opacity .8s ease .4s}.pic-grow.on .gnum{opacity:1}

/* ===== smaller screens ===== */
@media (max-width:1100px){.hero-b{flex-direction:column;align-items:flex-start;justify-content:center}.card{width:100%;max-width:560px}}
@media (max-width:900px){.steps{grid-template-columns:1fr;max-width:520px}.hero{min-height:auto;padding-top:40px}}
@media (max-width:640px){
  .top{padding:24px 16px 0}main{padding:0 16px}
  .logo .mk{height:38px}.logo b{font-size:22px}
  .acts .ghost{display:none}.pill{height:38px;padding:0 15px}
  .askbox{height:58px;padding-left:18px}.askbox input{font-size:16px}
  .oc .xp{display:none}.oc-go{padding:0 10px 0 13px}.big{font-size:68px}
  .ask1{flex-wrap:wrap}.ask1 .a-q{flex:1 1 calc(100% - 60px)}.a-btn{width:100%;justify-content:flex-end}
  .cd-row .xp,.eye{width:auto}
}
@media (max-height:860px) and (min-width:901px){.top{padding-top:26px}.hero{padding-top:24px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}