:root{
  --black:#0D0E10; --soot:#17191C; --hair:#2A2D31; --paper:#F2F3F1; --mute:#8C9096;
  --lamp:#FFE9C7; --cyan:#38F2E5;
  --mx:62%; --my:42%; --r:36vw;
}
*{box-sizing:border-box;margin:0}
html,body{background:var(--black);color:var(--paper);font-family:"Geist",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{overflow-x:hidden}

/* ---------- hero scene ---------- */
.hero{position:relative;height:100vh;min-height:720px;overflow:hidden;cursor:none}
/* short laptop windows (1366×768, 1440×780, 1536×730): the agent card must not cover the headline (round-2 designer N1) */
@media (min-width:901px) and (max-height:899px){.hero{height:auto;min-height:900px}}
.scene{position:absolute;inset:0}
.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%}
.photo.dark{filter:brightness(.22) saturate(.6) contrast(1.1)}
.lit{position:absolute;inset:0;
  -webkit-mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),#000 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.25) 70%,transparent 100%);
          mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),#000 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.25) 70%,transparent 100%)}
.lit .photo{filter:brightness(1.25) contrast(1.06) saturate(1.1)}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.big{position:absolute;right:3vw;top:6vh;font:900 clamp(180px,30vw,520px)/.82 "Big Shoulders Display",sans-serif;letter-spacing:-.01em;pointer-events:none;user-select:none}
.dark-num{color:transparent;-webkit-text-stroke:1.5px rgba(255,233,199,.10)}
.lit-num{color:transparent;-webkit-text-stroke:2px var(--lamp);text-shadow:0 0 40px rgba(255,233,199,.25)}

/* ---------- chrome ---------- */
.top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;z-index:5;pointer-events:none}
.label{font:500 12px "Geist Mono",monospace;letter-spacing:.16em}
.label em{font-style:normal;color:var(--mute);letter-spacing:.04em}
.cyan{color:var(--cyan)} .warm{color:var(--lamp)}
.brand{font:800 15px "Big Shoulders Display";letter-spacing:.22em;text-transform:uppercase;color:var(--paper);opacity:.8}

/* ---------- shopper's AI panel ---------- */
.agent{position:absolute;left:28px;bottom:28px;width:372px;z-index:6;cursor:auto;
  background:linear-gradient(180deg,rgba(12,22,26,.72),rgba(10,14,16,.66));backdrop-filter:blur(18px) saturate(1.2);
  border:1px solid rgba(56,242,229,.18);border-radius:20px;padding:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);
  font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}
.agent.working{box-shadow:0 0 0 1px rgba(56,242,229,.35),0 0 32px rgba(56,242,229,.18),0 30px 80px rgba(0,0,0,.5)}
.agent-head{display:flex;align-items:center;gap:8px;font:500 12px "Geist Mono";color:var(--cyan);letter-spacing:.06em;margin-bottom:12px}
.agent-head .model{margin-left:auto;color:var(--mute)}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.agent.working .pulse{animation:pl 1.1s infinite}
@keyframes pl{50%{opacity:.25}}
.bubble{font-size:14.5px;line-height:1.45;padding:11px 13px;border-radius:14px;margin-bottom:10px}
.bubble.me{background:rgba(255,255,255,.08);margin-left:28px;color:#E8EAEC}
.steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.steps li{display:flex;gap:9px;align-items:center;font:13px "Geist Mono";color:#B9C2C6;opacity:0;transform:translateY(6px)}
.steps li i{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(56,242,229,.5);flex:none}
.steps li.done i{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px rgba(56,242,229,.6)}
.steps li.active{background:linear-gradient(90deg,#B9C2C6 0%,#fff 50%,#B9C2C6 100%);background-size:200% 100%;-webkit-background-clip:text;color:transparent;animation:sh 1.4s linear infinite}
@keyframes sh{to{background-position:-200% 0}}
.steps li b{color:var(--paper);font-weight:500}
.approve{background:rgba(255,255,255,.96);color:#111;border-radius:14px;overflow:hidden}
.ap-top{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px}
.ap-top img{width:96px;height:72px;object-fit:cover;border-radius:8px}
.ap-top b{display:block;font-size:14px;margin:2px 0 3px}
.ap-top span{display:block;font-size:12px;color:#5d6166;line-height:1.4}
.ap-pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e6e7e9;font-size:11.5px;color:#4a4e53}
.ap-pair div{padding:8px 10px;line-height:1.35}.ap-pair div+div{border-left:1px solid #e6e7e9}
.ap-pair small{display:block;font-weight:600;color:#111;font-size:11px;margin-bottom:2px}
.pp{display:flex;justify-content:center;align-items:center;margin:4px 10px 6px;width:calc(100% - 20px);height:40px;border:0;border-radius:20px;background:#FFC439;font:italic 800 18px/1 Verdana,sans-serif;cursor:pointer}
.pp-a{color:#003087}.pp-b{color:#009CDE}
.fine{font-size:10.5px;color:#7b7f84;text-align:center;padding:0 10px 10px}

/* ---------- headline ---------- */
.headline{position:absolute;left:28px;top:70px;max-width:600px;z-index:5;pointer-events:none}
.headline h1{font:800 clamp(34px,3.6vw,60px)/.95 "Big Shoulders Display";text-transform:uppercase;letter-spacing:.005em}
.headline p{margin-top:12px;font-size:14.5px;line-height:1.55;color:#B4B8BD;max-width:430px}

/* ---------- Lena's phone ---------- */
.phone{position:absolute;right:4vw;bottom:-60px;width:270px;height:520px;border-radius:44px;background:#050506;z-index:6;
  border:1px solid #2b2d31;box-shadow:0 40px 90px rgba(0,0,0,.7),inset 0 0 0 6px #111;padding:16px;cursor:auto}
.notch{width:90px;height:24px;border-radius:14px;background:#000;margin:2px auto 0}
.lock-time{text-align:center;font:600 54px "Geist";color:rgba(242,243,241,.85);margin-top:24px;letter-spacing:-.02em}
.sold{margin-top:22px;border-radius:20px;padding:16px 16px 18px;background:#121315;border:1px solid #26292d;opacity:0;transform:translateY(-30px)}
.sold-k{font:900 34px/.9 "Big Shoulders Display";letter-spacing:.01em;color:var(--paper)}
.sold-amt{font:900 58px/1 "Big Shoulders Display";color:var(--lamp);margin-top:8px}
.sold-l{font:12px/1.5 "Geist Mono";color:var(--mute);margin-top:8px}
.sold.trace{box-shadow:0 0 0 1px var(--cyan),0 0 24px rgba(56,242,229,.35)}

.hint{position:absolute;left:56%;bottom:18px;transform:translateX(-50%);font:500 11px "Geist Mono";letter-spacing:.2em;color:var(--mute);text-transform:uppercase;z-index:5}
.flash{animation:fl .14s linear}
@keyframes fl{0%{filter:brightness(2.2)}100%{filter:none}}

@media (max-width:900px){
  .hero{height:auto;min-height:0;cursor:auto;display:flex;flex-direction:column;padding:70px 16px 24px}
  .scene{position:relative;height:62vw;min-height:240px;margin:0 -16px;order:1}
  .photo{object-position:62% 55%}
  .big{font-size:34vw;top:auto;bottom:-2vw;right:2vw}
  .top{padding:16px}.top .label.cyan{display:none}.top .brand{opacity:1}.top .label em{display:none}
  .headline{position:relative;left:auto;top:auto;order:2;margin-top:18px;max-width:none}
  .headline h1{font-size:38px}
  .agent{position:relative;left:auto;top:auto;bottom:auto;width:auto;order:3;margin-top:22px}
  .phone{position:relative;right:auto;bottom:auto;order:4;width:auto;height:auto;margin:22px 0 0;border-radius:26px;padding:16px;transform:none}
  .phone .notch,.phone .lock-time{display:none}
  .sold{margin-top:0}
  .hint{display:none}
}
@media (prefers-reduced-motion:reduce){.steps li.active{animation:none}}

/* ---------- sections ---------- */
section:not(.hero){padding:120px 6vw;border-top:1px solid var(--hair)}
.sec-head{max-width:760px;margin-bottom:44px}
.sec-head .label{display:block;margin-bottom:14px;color:var(--mute)}
.sec-head .label.cyan{color:var(--cyan)}.sec-head .label.warm{color:var(--lamp)}
.sec-head h2{font:900 clamp(44px,6vw,96px)/.9 "Big Shoulders Display";text-transform:uppercase}
.sec-head p{margin-top:16px;color:#A9AEB4;font-size:16px;line-height:1.6;max-width:600px}
/* chat */
.chat{max-width:880px;background:#0F1113;border:1px solid var(--hair);border-radius:22px;padding:22px;font-family:-apple-system,system-ui,sans-serif}
.chat-log{display:flex;flex-direction:column;gap:12px;min-height:120px;max-height:560px;overflow:auto;margin-bottom:14px}
.msg{max-width:78%;padding:11px 14px;border-radius:14px;font-size:15px;line-height:1.5;white-space:pre-wrap}
.msg.u{align-self:flex-end;background:#22262A}
.msg.a{align-self:flex-start;background:#15191B;border:1px solid rgba(56,242,229,.18)}
.tl{align-self:flex-start;font:12.5px "Geist Mono";color:#9FB3B6;display:flex;gap:8px;align-items:center}
.tl i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.think{align-self:flex-start;font:12.5px "Geist Mono";color:var(--cyan);opacity:.8}
.think::after{content:"";display:inline-block;width:1.5em;text-align:left;animation:dots 1.2s steps(4) infinite}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.chips button{background:transparent;border:1px solid var(--hair);color:#C9CDD1;border-radius:999px;padding:8px 12px;font-size:13px;cursor:pointer}
.chips button:hover{border-color:var(--cyan);color:#fff}
.ask{display:flex;gap:8px}.ask input{flex:1;background:#08090A;border:1px solid var(--hair);border-radius:12px;color:#fff;padding:13px 14px;font-size:15px}
.ask button{background:var(--cyan);color:#041214;border:0;border-radius:12px;padding:0 18px;font-weight:600;cursor:pointer}
.sandbox{margin-top:12px;font-size:12px;color:var(--mute)}.sandbox code{color:#C9CDD1}
.chat-log>*{flex-shrink:0}
.cocard{align-self:flex-start;width:min(420px,100%);background:#fff;color:#111;border-radius:14px;overflow:hidden}
.cocard .ap-pair{font-size:12px}.cocard a.pp{text-decoration:none}
/* bench cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{position:relative;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--hair);aspect-ratio:4/5;--cx:50%;--cy:45%}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card .d{filter:brightness(.5) saturate(.75)}
.card .l{-webkit-mask-image:radial-gradient(circle 46% at var(--cx) var(--cy),#000 0%,rgba(0,0,0,.6) 45%,transparent 100%);mask-image:radial-gradient(circle 46% at var(--cx) var(--cy),#000 0%,rgba(0,0,0,.6) 45%,transparent 100%);opacity:.0;transition:opacity .35s}
.card:hover .l{opacity:1}
.card .yr{position:absolute;right:14px;top:6px;font:900 110px/1 "Big Shoulders Display";color:transparent;-webkit-text-stroke:1.5px rgba(255,233,199,.35)}
.card .meta{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.85) 40%)}
.card h3{font:800 26px/1 "Big Shoulders Display";text-transform:uppercase}
.card .spec{font:12px/1.6 "Geist Mono";color:#A9AEB4;margin-top:8px}
.card .row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.card .price{font:900 34px "Big Shoulders Display";color:var(--lamp)}
.card .stock{font:500 11px "Geist Mono";letter-spacing:.12em;padding:5px 8px;border-radius:6px;border:1px solid var(--hair)}
.card .stock.out{color:#FF8A7A;border-color:#5a2a25}
.card .chip{display:inline-block;width:18px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}
/* how */
.beats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.beats article{border:1px solid var(--hair);border-radius:18px;padding:26px;background:#0F1113}
.beats b{font:800 34px "Big Shoulders Display";text-transform:uppercase;color:var(--lamp)}
.beats p{margin-top:10px;color:#A9AEB4;line-height:1.6;font-size:15px}
/* agents */
.endpoint{display:flex;gap:12px;align-items:center;max-width:880px;border:1px solid var(--hair);border-radius:14px;padding:14px 16px;margin-bottom:10px;background:#0F1113}
.endpoint span{font:600 12px "Geist Mono";color:var(--cyan);width:44px}
.endpoint code{flex:1;font:14px "Geist Mono";color:#E4E6E8;overflow:auto}
.endpoint button{background:transparent;border:1px solid var(--hair);color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}
.tools{margin-top:14px;color:var(--mute);font-size:14px}.tools code{font:12.5px "Geist Mono";color:#C9CDD1;margin-right:8px}
.foot{display:flex;justify-content:space-between;padding:34px 6vw;border-top:1px solid var(--hair);color:var(--mute);font-size:13px}
.foot a{color:var(--lamp);text-decoration:none}
@media (max-width:900px){.beats{grid-template-columns:1fr}section:not(.hero){padding:80px 16px}}

.buy{width:100%;border:0;border-radius:10px;padding:11px;background:var(--paper);color:#111;font:600 14px "Geist";cursor:pointer}
.buy[disabled]{opacity:.4;cursor:default}
.sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;z-index:50}
.sheet{width:min(460px,100%);background:#111316;border:1px solid var(--hair);border-radius:20px 20px 0 0;padding:22px;font-family:-apple-system,system-ui,sans-serif}
.sheet h3{font:800 26px "Big Shoulders Display";text-transform:uppercase}
.sheet p{color:#A9AEB4;font-size:14px;margin:6px 0 14px}
.sheet select{width:100%;padding:12px;border-radius:10px;background:#08090A;color:#fff;border:1px solid var(--hair);font-size:15px}
.sheet .row2{display:flex;gap:8px;margin-top:14px}.sheet .row2 button{flex:1;padding:12px;border-radius:10px;border:1px solid var(--hair);background:transparent;color:#fff;cursor:pointer}
.sheet .row2 .go{background:#FFC439;color:#003087;border:0;font:italic 800 16px Verdana,sans-serif}
.sheet .msg2{font-size:13px;color:#FF8A7A;margin-top:10px}
.demo-tag{display:block;text-align:center;font:11px "Geist Mono";color:var(--mute);padding:0 10px 10px}
@media (hover:none){.card .l{opacity:1}}

/* ---------- Lena's phone v2 ---------- */
.phone{overflow:hidden}
.phone .wall{position:absolute;inset:0;background:url(/media/hero.jpg) 60% 50%/cover;filter:brightness(.35) blur(2px) saturate(.8);transform:scale(1.08)}
.phone>*:not(.wall){position:relative}
.lock-date{text-align:center;font:500 13px "Geist";color:rgba(242,243,241,.75);margin-top:20px}
.phone .lock-time{margin-top:2px;font-size:64px;font-weight:600;color:#fff}
.lock-who{display:flex;gap:6px;align-items:center;justify-content:center;font:500 11px "Geist Mono";color:var(--cyan);margin-top:2px}
.lock-who .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pl 1.6s infinite}
.notif{margin-top:20px;border-radius:18px;padding:12px 14px;background:rgba(30,32,36,.62);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#D5D8DB;line-height:1.4}
.notif b{display:block;font-size:12px;margin-bottom:2px;color:#fff}
.sold{position:absolute!important;left:14px;right:14px;top:150px;margin:0;background:rgba(14,15,17,.86);backdrop-filter:blur(20px);border:1px solid rgba(255,233,199,.25);border-radius:20px;padding:14px}
.sold-app{display:flex;gap:6px;align-items:center;font:500 10.5px "Geist Mono";color:var(--mute);letter-spacing:.06em}
.sold-app i{width:14px;height:14px;border-radius:4px;background:var(--lamp)}
.sold-k{font:900 26px/.95 "Big Shoulders Display";margin-top:8px}
.sold-row{display:flex;gap:10px;align-items:center;margin-top:10px}
.sold-row img{width:64px;height:48px;object-fit:cover;border-radius:8px}
.sold-amt{font:900 40px/1 "Big Shoulders Display";color:var(--lamp)}
.sold-l{font:11px/1.45 "Geist Mono";color:var(--mute);margin-top:2px}
.lock-hint{position:absolute!important;left:0;right:0;bottom:16px;text-align:center;font:500 10px "Geist Mono";letter-spacing:.2em;text-transform:uppercase;color:rgba(242,243,241,.45)}
/* ---------- chat v2 ---------- */
.chat{padding:0;overflow:hidden;background:linear-gradient(180deg,#101315,#0B0D0E)}
.chat-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--hair)}
.chat-bar .av{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 0deg,var(--cyan),#3D7BFF,var(--cyan));box-shadow:0 0 18px rgba(56,242,229,.35)}
.chat-bar b{display:block;font-size:15px}.chat-bar small{font-size:12px;color:var(--mute)}
.chat-bar .live{margin-left:auto;font:500 11px "Geist Mono";color:var(--cyan)}
.chat-log{min-height:0;max-height:520px;padding:18px 18px 4px;margin:0}
.chips{flex-wrap:nowrap;overflow-x:auto;padding:8px 18px 4px;margin:0;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips button{white-space:nowrap;flex:none;background:rgba(56,242,229,.06);border-color:rgba(56,242,229,.22)}
.ask{padding:10px 18px 14px}
.ask input{border-radius:999px;padding:13px 18px}
.ask button{width:46px;height:46px;border-radius:50%;padding:0;font-size:20px;font-weight:700}
.sandbox{padding:0 18px 16px;margin:0}
.sandbox summary{cursor:pointer;color:var(--mute);font-size:12px}
.sandbox code{display:inline-block;margin-top:6px}
@media (max-width:900px){
  .phone{height:430px;max-width:300px;align-self:center;width:100%;border-radius:38px;padding:14px}
  .phone .notch{display:block}.phone .lock-time{display:block;font-size:56px}
  .sold{top:150px}
  .chat{margin:0 -4px}
}

/* 3D viewer */
.v3d{position:absolute;left:14px;top:14px;z-index:3;font:500 12px/1 "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--lamp);
  background:rgba(13,14,16,.72);border:1px solid rgba(255,233,199,.35);border-radius:999px;padding:9px 13px;cursor:pointer;backdrop-filter:blur(6px)}
.v3d:hover{border-color:var(--lamp)}
.v3d-bg{position:fixed;inset:0;z-index:60;background:rgba(5,6,7,.82);display:grid;place-items:center;padding:16px}
.v3d-box{position:relative;width:min(1000px,100%);height:min(680px,86vh);border-radius:22px;overflow:hidden;border:1px solid var(--hair);
  background:radial-gradient(70% 70% at 50% 35%,#3a3127 0,#17191C 55%,#0D0E10 100%)}
.v3d-box model-viewer{width:100%;height:100%;--poster-color:transparent;background:transparent}
.v3d-x{position:absolute;right:12px;top:10px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:24px;cursor:pointer}
.v3d-cap{position:absolute;left:20px;bottom:16px;display:flex;flex-direction:column;gap:4px;color:var(--paper);pointer-events:none}
.v3d-cap b{font:800 26px "Big Shoulders Display",sans-serif;text-transform:uppercase;color:var(--lamp)}.v3d-cap span{font:400 13px "Geist Mono",monospace;color:var(--mute)}

/* Buy and View in 3D side by side, half and half (Roma 14432) */
.acts2{margin-top:12px;display:flex;gap:8px}.acts2>button{flex:1 1 0;min-width:0}
.m3d{border:1px solid rgba(255,233,199,.55);border-radius:10px;padding:11px 8px;background:linear-gradient(180deg,rgba(255,233,199,.16),rgba(255,233,199,.06));
  color:var(--lamp);font:600 14px "Geist";cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.m3d:hover{background:rgba(255,233,199,.22);border-color:var(--lamp)}
.m3d .cube{width:14px;height:14px;border:2px solid currentColor;border-radius:3px;transform:rotate(45deg) skew(-8deg,-8deg)}

/* How one is made */
.made{margin-top:64px}
.made-h{font:800 34px "Big Shoulders Display",sans-serif;text-transform:uppercase;color:var(--paper);margin:0 0 18px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.made-h span{font:500 13px "Geist Mono",monospace;letter-spacing:.12em;color:var(--lamp);text-transform:uppercase}
.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.steps4 figure{margin:0;border-radius:16px;overflow:hidden;background:#000;border:1px solid var(--hair)}
.steps4 video{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.steps4 figcaption{padding:12px 14px 14px;color:var(--mute);font-size:14px;line-height:1.4}.steps4 figcaption b{display:block;color:var(--lamp);font-weight:600;margin-bottom:3px}
.made-note{margin:14px 0 0;color:var(--mute);font:400 12px "Geist Mono",monospace}
@media (max-width:900px){.steps4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps4{grid-template-columns:1fr}}

.sheet .qty{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#A9AEB4;font-size:14px}
.sheet .qty input{width:80px;padding:10px;border-radius:10px;background:#08090A;color:#fff;border:1px solid var(--hair);font-size:15px}
.sheet .qty span{margin-left:auto;color:var(--lamp);font:600 16px "Geist"}

.cocard .shipto{margin:2px 12px 0;font-size:12.5px;color:#333;line-height:1.35}.cocard .shipto small{display:block;font-weight:600;color:#111;font-size:11px}
.restart{display:block;margin:0 0 10px auto;background:none;border:0;color:var(--cyan);font:12px "Geist Mono";opacity:.75;cursor:pointer}

.top .bo{pointer-events:auto;text-decoration:none;border:1px solid rgba(255,233,199,.55);background:rgba(13,14,16,.55);padding:9px 14px;border-radius:999px;backdrop-filter:blur(6px);transition:background .2s}
.top .bo:hover{background:rgba(255,233,199,.14)}

.rcpt{padding:12px 14px 4px;color:#111}.rcpt small{display:block;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#555;margin-bottom:6px}
.rcpt ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.rcpt li{font-size:13px;line-height:1.35}.rcpt li span{display:block}.rcpt li b{font:600 12.5px "Geist Mono",monospace;color:#333}
.rcpt p{display:flex;justify-content:space-between;margin:6px 0 0;font-size:13px;color:#333}.rcpt p b{font:600 12.5px "Geist Mono",monospace}
.rcpt .rt{border-top:1px solid #e6e7e9;padding-top:8px;margin-top:8px;font-weight:700;color:#111;font-size:15px}.rcpt .rt b{font-size:15px}
.cocard details.asked{margin:4px 14px 6px;font-size:12px;color:#555}.cocard details.asked summary{cursor:pointer;color:#777}

.rcpt .rd{color:#0a6d66;font-weight:700}.rcpt .rn{display:block;font-size:11.5px;color:#666;margin-top:2px}

.makers{max-width:1100px;margin:40px auto 30px;padding:28px 24px;border:1px solid rgba(255,233,199,.3);border-radius:20px;background:linear-gradient(135deg,rgba(255,233,199,.07),transparent)}
.makers h2{font:900 clamp(30px,5vw,48px)/.95 "Big Shoulders Display";text-transform:uppercase;margin:10px 0 10px}
.makers p{color:#C9CDD1;max-width:620px;line-height:1.5;margin:0 0 16px}
.makers .mk{display:inline-block;background:var(--lamp,#FFE9C7);color:#111;text-decoration:none;font-weight:600;padding:12px 18px;border-radius:12px}
@media (max-width:600px){.makers{margin:30px 16px}}

.why{max-width:1100px;margin:0 auto;padding:60px 24px 10px}
.stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.stats3 a{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.02);color:inherit;text-decoration:none}
.stats3 a:hover{border-color:rgba(255,233,199,.45)}
.stats3 b{font:900 54px/.9 "Big Shoulders Display";color:var(--lamp,#FFE9C7)}
.stats3 span{font-size:13.5px;line-height:1.45;color:#C9CDD1}
.whynote{margin-top:16px;max-width:760px;color:#A9AEB4;font-size:14px;line-height:1.55}.whynote a{color:var(--cyan,#38F2E5)}
@media (max-width:700px){.stats3{grid-template-columns:1fr}.why{padding:44px 16px 6px}}

.lenaside{display:flex;align-items:center;gap:12px;margin:12px 0 6px;padding:12px 14px;border:1px solid rgba(255,233,199,.35);border-radius:14px;background:rgba(255,233,199,.05)}
.lenaside[hidden]{display:none}.lenaside .ls-dot{width:10px;height:10px;border-radius:50%;background:var(--lamp,#FFE9C7);flex:none;animation:lsp 1.6s infinite}
.lenaside.paid .ls-dot{background:#3ddc84}@keyframes lsp{50%{opacity:.35}}
.lenaside div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lenaside small{font:500 10.5px "Geist Mono";letter-spacing:.14em;color:#A9AEB4}
.lenaside b{font-size:14px}.lenaside span{font-size:12.5px;color:#C9CDD1}.lenaside a{color:var(--cyan,#38F2E5);font:500 12px "Geist Mono";text-decoration:none;white-space:nowrap}

.tour{max-width:1100px;margin:26px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tour a{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:inherit;text-decoration:none;background:rgba(255,255,255,.02)}
.tour a:hover,.tour a:focus-visible{border-color:var(--cyan,#38F2E5);outline:none}
.tour b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--lamp,#FFE9C7);color:#111;font:800 14px "Big Shoulders Display"}
.tour span{font-size:14px;line-height:1.3;font-weight:600}.tour small{display:block;font-weight:400;font-size:12px;color:#A9AEB4;margin-top:2px}
@media (max-width:800px){.tour{grid-template-columns:1fr 1fr;padding:0 16px}}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cyan,#38F2E5);outline-offset:2px}
.cocard .ppsdk{margin:4px 10px 6px;min-height:40px}
.cocard .paidok{margin:6px 14px 2px;font-weight:700;color:#1F6B47}
.cocard a.thx{display:block;margin:0 14px 8px;font-size:13px;color:#003087}
.cocard a.pp[hidden]{display:none}
.cocard a.thx.next{font-weight:600;color:#1F6B47}
.firsthint{margin:8px 14px 0;font-size:13px;color:#e0a458}
.msg.a .retry{margin-left:6px;padding:4px 10px;border-radius:12px;border:1px solid currentColor;background:none;color:inherit;cursor:pointer}
.chat-bar .newchat{margin-left:10px;padding:7px 12px;border-radius:999px;border:1px solid var(--cyan);background:rgba(56,242,229,.12);color:var(--cyan);font:600 13px Geist,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.chat-bar .newchat:hover{background:var(--cyan);color:#0D0E10}
.chat-bar .newchat[hidden]{display:none}
@media (max-width:480px){.chat-bar small{display:none}}
/* desktop cards (final judges 08.11): five 240 px cards hid the car under the title and buttons. From 1024 px:
   3 + 2 wider cards, a taller photo zone with the car lit, the text pinned under it, the overlay only at the bottom */
.card .spec .tok{white-space:nowrap}
@media (min-width:1024px){
  .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .card{aspect-ratio:4/5}
  .card img{height:72%;object-position:50% 60%}
  .card .d{filter:brightness(.8) saturate(.9)}
  .card .l{opacity:.6}
  .card .meta{background:linear-gradient(transparent,rgba(0,0,0,.92) 22%);padding-top:34px}
  .card .yr{font-size:96px}
}
.sandbox b{font-weight:500;color:#C9CDD1}
.foot-links{display:flex;gap:22px;flex-wrap:wrap}
@media (hover:none){.chips button{min-height:40px}}