/* U16 · Direction A "kinpaku concert hall" — landing system.
   Layered over v3-landing.css. Motion lives in u16-landing.js (GSAP, transforms/opacity only);
   this file renders the full static final frame, so no-JS and reduced-motion read complete. */
:root{
  --u-gold:oklch(84% 0.19 80.46);--u-gold-deep:oklch(61% 0.085 78);--u-ink:oklch(97% 0.02 85);
  --u-text:oklch(88% 0 0);--u-muted:oklch(72% 0 0);--u-faint:oklch(64% 0 0);
  --u-line:oklch(78% 0 0 / .14);--u-line2:oklch(78% 0 0 / .24);--u-verd:oklch(70% 0.12 188);
  --u-ground:oklch(7% 0.006 95);--u-panel:oklch(11% 0.006 95);--u-panel2:oklch(14% 0.007 95);
  --u-r:14px;--u-ease:cubic-bezier(.16,1,.3,1)
}
html,body{overflow-x:clip}
::selection{background:oklch(84% 0.19 80.46 / .35);color:oklch(97% 0 0)}
.preloader{display:none!important}
body.v3{background:var(--u-ground)}
body.v3 .eyebrow{font-family:"Albert Sans",sans-serif!important;letter-spacing:0!important;text-transform:none!important;font-size:14px!important;color:var(--u-gold)!important}
body.v3 h2{font-weight:300;letter-spacing:-.03em}
body.v3 .mono{font-variant-numeric:tabular-nums}

/* ---------- nav ---------- */
body.v3 .topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;padding:0 40px;position:sticky;top:0;z-index:30;background:oklch(7% 0.006 95 / .72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--u-line)}
.u16-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--u-ink);text-decoration:none}
.u16-mark{width:22px;height:22px;color:var(--u-gold)}
body.v3 .topbar .nav-links{display:flex;flex-wrap:nowrap;gap:2px;align-items:center;margin:0;padding:0}
body.v3 .topbar .nav-links a{font-size:13.5px;padding:8px 10px;color:var(--u-muted);white-space:nowrap;border:0;background:none;position:relative}
body.v3 .topbar .nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:1px;background:var(--u-gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--u-ease)}
body.v3 .topbar .nav-links a:hover{color:oklch(93% 0 0)}
body.v3 .topbar .nav-links a:hover::after,body.v3 .topbar .nav-links a.is-active::after{transform:scaleX(1)}
body.v3 .topbar .nav-links a.is-active{color:oklch(95% 0 0)}
body.v3 .topbar .nav-links .nav-cta{margin-left:10px;border:1px solid var(--u-line2);border-radius:999px;color:oklch(93% 0 0);background:transparent;min-height:36px;padding:7px 16px;font-weight:500;box-shadow:none}
body.v3 .topbar .nav-links .nav-cta:hover{border-color:var(--u-gold);color:var(--u-gold)}
.u16-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--u-gold);transform-origin:left;transform:scaleX(0);z-index:40;pointer-events:none}

/* ---------- hero ---------- */
body.v3 .hero{position:relative;overflow:hidden;min-height:calc(100svh - 64px);max-height:900px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:48px;padding:0 40px 72px}
body.v3 .hero img.bg{will-change:transform}
body.v3 .hero .shade{background:linear-gradient(90deg,oklch(5% .006 95 / .92) 0%,oklch(5% .006 95 / .6) 48%,oklch(5% .006 95 / .32) 100%),linear-gradient(0deg,oklch(7% .006 95) 0%,transparent 42%)}
body.v3 .hero .inner{padding:0;max-width:720px;position:relative;z-index:3}
body.v3 .hero .eyebrow{margin:0 0 20px}
body.v3 .hero h1{font-size:clamp(48px,6.6vw,96px);line-height:.98;letter-spacing:-.04em;font-weight:300;margin:0;overflow-wrap:break-word}
body.v3 .hero h1 .u16-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
body.v3 .hero h1 .u16-w>span{display:inline-block}
body.v3 .hero p.sub{font-size:18px;line-height:1.6;max-width:56ch;margin-top:24px;color:var(--u-text)}
body.v3 .hero .cta-row{margin-top:32px;display:flex;gap:24px;align-items:center}
body.v3 .hero .cta-gold{position:relative;overflow:hidden}
body.v3 .hero .cta-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,oklch(100% 0 0 / .45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--u-ease)}
body.v3 .hero .cta-gold:hover::after{transform:translateX(120%)}
body.v3 .hero .scrollcue{display:none}
.u16-beams{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.55}
.u16-beams i{position:absolute;top:-20%;width:22vw;height:120%;background:linear-gradient(180deg,oklch(84% 0.19 80.46 / .22),transparent 70%);filter:blur(18px);transform-origin:50% 0;border-radius:50%}
.u16-beams i:nth-child(1){left:30%;transform:rotate(18deg)}
.u16-beams i:nth-child(2){left:48%;transform:rotate(-6deg);opacity:.7}
.u16-beams i:nth-child(3){left:64%;transform:rotate(-22deg)}
.u16-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.u16-fig{position:relative;z-index:3;margin:0;padding:22px 24px 22px;border:1px solid var(--u-line2);border-radius:var(--u-r);background:oklch(7% .006 95 / .58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-self:end;box-shadow:0 30px 80px -30px oklch(0% 0 0 / .8)}
.u16-fig::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--u-gold),transparent)}
.u16-fig p{margin:0}
.u16-fig-rec{font-size:13px;color:var(--u-verd);margin-bottom:14px!important}
.u16-fig-line{font-size:15px;color:var(--u-text)}
.u16-fig-num{margin:6px 0 2px!important;color:var(--u-ink);font-weight:300;letter-spacing:-.035em;line-height:1}
.u16-fig-num b{font-weight:300;font-size:64px;font-variant-numeric:tabular-nums}
.u16-fig-num span{font-size:28px}
.u16-fig-rule{display:block;height:1px;background:var(--u-gold);margin:14px 0 10px;transform-origin:left}
.u16-fig-ceil{font-size:13px;color:var(--u-muted)}
.u16-fig-ceil b{font-weight:500;color:oklch(92% 0 0)}
.u16-fig-who{font-size:13px;color:var(--u-muted);margin-top:12px!important;padding-top:12px;border-top:1px solid var(--u-line)}

/* ---------- receipt ticker ---------- */
.u16-ticker{overflow:hidden;border-block:1px solid var(--u-line);background:oklch(5% .006 95);padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.u16-ticker-track{display:flex;gap:28px;width:max-content;white-space:nowrap;font-size:13px;color:var(--u-muted);animation:u16-tick 60s linear infinite}
.u16-ticker-track span:nth-child(3n+1){color:var(--u-gold)}
.u16-ticker-track .mono{color:oklch(84% 0 0);letter-spacing:.02em}
.u16-ticker:hover .u16-ticker-track{animation-play-state:paused}
@keyframes u16-tick{to{transform:translateX(-50%)}}

/* ---------- statement ---------- */
body.v3 .statement{padding:160px 40px 140px;max-width:1200px;margin:0 auto}
body.v3 .statement h2.big{font-size:clamp(38px,5.4vw,76px);line-height:1.03;letter-spacing:-.035em;font-weight:300;max-width:18ch}
body.v3 .statement h2.big em{font-style:normal;color:var(--u-gold)}
body.v3 .statement h2.big .u16-sw{opacity:.5}
body.v3 .statement .sub2{max-width:56ch;font-size:18px;line-height:1.6;color:oklch(78% 0 0)}

/* ---------- shared sections ---------- */
body.v3 section.wrap{max-width:1200px;margin:0 auto;padding:120px 40px}
body.v3 section.wrap>h2{font-size:clamp(34px,4.4vw,58px);line-height:1.04;margin:8px 0 16px;max-width:20ch}
body.v3 section.wrap>.lede{font-size:17px;line-height:1.65;color:var(--u-muted);max-width:64ch}
body.v3 .fig{border:1px solid var(--u-line);border-radius:var(--u-r);background:linear-gradient(180deg,oklch(10% .006 95),oklch(8% .006 95));padding:20px 24px;margin:40px 0}
body.v3 .fig .cap{color:var(--u-faint);font-size:12.5px}
body.v3 #flow .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--u-line2)}
body.v3 #flow .step{background:none;border:0;border-left:1px solid var(--u-line2);border-radius:0;padding:24px 24px 8px;box-shadow:none;position:relative}
body.v3 #flow .step:first-child{border-left:0;padding-left:0}
body.v3 #flow .step .n{color:var(--u-gold);font-family:"Albert Sans",sans-serif;font-size:14px;letter-spacing:0}
body.v3 .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.v3 .card{position:relative;overflow:hidden;background:var(--u-panel);border:1px solid var(--u-line);border-radius:var(--u-r);padding:24px;box-shadow:none;transition:border-color .4s var(--u-ease),transform .5s var(--u-ease)}
body.v3 .card::before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%),oklch(84% 0.19 80.46 / .10),transparent 60%);opacity:0;transition:opacity .4s}
body.v3 .card:hover{border-color:oklch(84% 0.19 80.46 / .45);transform:translateY(-3px)}
body.v3 .card:hover::before{opacity:1}
body.v3 .card .tag{border:1px solid var(--u-line2);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--u-muted);background:none}
body.v3 .photo-band{border-radius:var(--u-r);overflow:hidden;position:relative}
body.v3 .photo-band img{display:block;width:100%;height:clamp(240px,38vw,460px);object-fit:cover;transform:scale(1.12);will-change:transform}
body.v3 .proof{border:1px solid var(--u-line);border-radius:var(--u-r);background:var(--u-panel);padding:24px;margin-top:32px}
body.v3 .proof table tr{transition:background .3s}
body.v3 .proof table tr:hover td{background:oklch(84% 0.19 80.46 / .06)}
body.v3 .formula-big{border:1px solid var(--u-line);border-radius:var(--u-r);padding:40px;background:radial-gradient(800px 300px at 0% 0%,oklch(84% 0.19 80.46 / .07),transparent 60%),var(--u-panel)}
body.v3 .formula-big .line{font-size:clamp(22px,3vw,36px);font-weight:300;letter-spacing:-.02em}
body.v3 .formula-big .line b{color:var(--u-gold);font-weight:400}
body.v3 .trials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
body.v3 .trial{background:var(--u-panel);border:1px solid var(--u-line);border-radius:var(--u-r);padding:24px;position:relative;overflow:hidden}
body.v3 .trial::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--u-gold),transparent)}
body.v3 .trial .rec{color:var(--u-verd)}
body.v3 .trial .t-num{font-size:clamp(48px,5vw,72px);font-weight:300;letter-spacing:-.04em;color:var(--u-ink);font-variant-numeric:tabular-nums;margin:8px 0}
body.v3 #arms .tally{font-size:clamp(24px,3vw,40px);font-weight:300;letter-spacing:-.02em;line-height:1.2;color:var(--u-ink);border-left:2px solid var(--u-gold);padding-left:24px;margin:32px 0}
body.v3 #dashboard .shell{border:1px solid var(--u-line2);border-radius:18px;overflow:hidden;background:var(--u-panel);box-shadow:0 60px 120px -40px oklch(0% 0 0 / .9),0 0 0 1px oklch(84% 0.19 80.46 / .06);transform-origin:50% 0}
body.v3 #dashboard .verdict .num{font-weight:300;letter-spacing:-.04em;color:var(--u-ink)}
body.v3 .empty{border:1px dashed var(--u-line2);border-radius:var(--u-r);padding:20px 24px;color:var(--u-muted);margin-top:16px}
body.v3 .fig svg .u16-draw{stroke-dasharray:var(--len);stroke-dashoffset:0}

/* ---------- pinned story ---------- */
.u16-story{position:relative;border-top:1px solid var(--u-line);background:radial-gradient(900px 500px at 85% 40%,oklch(84% 0.19 80.46 / .06),transparent 60%),oklch(6% .006 95)}
.u16-story-pin{max-width:1200px;margin:0 auto;padding:88px 40px 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;min-height:100svh;box-sizing:border-box}
.u16-story h2{font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.03em;font-weight:300;margin:8px 0 32px;color:var(--u-ink)}
.u16-story-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px;position:relative}
.u16-story-steps li{display:flex;gap:16px;align-items:flex-start;padding:14px 16px;border-radius:12px;color:var(--u-muted);font-size:15px;line-height:1.5;transition:background .4s,color .4s}
.u16-story-steps li b{display:block;font-size:17px;font-weight:500;color:oklch(86% 0 0);margin-bottom:2px}
.u16-story-steps li.on{background:oklch(84% 0.19 80.46 / .07);color:var(--u-text)}
.u16-story-steps li.on b{color:var(--u-gold)}
.u16-ic{width:24px;height:24px;flex:none;margin-top:2px;color:currentColor}
.u16-story-steps li.on .u16-ic{color:var(--u-gold)}
.u16-story-progress{height:2px;background:var(--u-line);margin-top:24px;border-radius:2px;overflow:hidden}
.u16-story-progress i{display:block;height:100%;background:var(--u-gold);transform-origin:left;transform:scaleX(1)}
.u16-story-stage{display:grid;gap:16px}
.u16-card{background:linear-gradient(180deg,var(--u-panel2),var(--u-panel));border:1px solid var(--u-line2);border-radius:18px;padding:28px;box-shadow:0 40px 90px -40px oklch(0% 0 0 / .9);position:relative;overflow:hidden}
.u16-card::before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--u-gold),transparent)}
.u16-card p{margin:0}
.u16-card-k{font-size:12.5px;color:var(--u-gold);margin-bottom:16px!important}
.u16-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.u16-kv div{border:1px solid var(--u-line);border-radius:10px;padding:12px 14px;background:oklch(7% .006 95)}
.u16-kv dt{font-size:12.5px;color:var(--u-faint)}
.u16-kv dd{margin:4px 0 0;font-size:18px;color:var(--u-ink);font-variant-numeric:tabular-nums}
.u16-legs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.u16-legs li{border-left:2px solid var(--u-verd);padding:4px 0 4px 14px;color:var(--u-muted);font-size:14.5px;line-height:1.5}
.u16-legs b{display:block;color:var(--u-text);font-weight:500}
.u16-card-foot{font-size:13px;color:var(--u-faint);margin-top:16px!important;line-height:1.5}
.u16-card-foot b{color:oklch(90% 0 0);font-weight:500}
.u16-claim{font-size:15px;color:var(--u-text)}
.u16-hash{font-size:15px;line-height:1.6;color:var(--u-gold);word-break:break-all;margin-top:8px!important;padding:14px;border:1px dashed oklch(84% 0.19 80.46 / .4);border-radius:10px;background:oklch(84% 0.19 80.46 / .04)}
.u16-big{line-height:.9}
.u16-big b{font-size:clamp(84px,10vw,140px);font-weight:300;letter-spacing:-.05em;color:var(--u-ink);font-variant-numeric:tabular-nums}
.u16-card-unit{font-size:16px;color:var(--u-muted);margin-top:8px!important}
/* desktop pinned mode: cards stack in one cell, JS drives which is visible */
@media (min-width:901px){
 .u16-js .u16-story-stage{grid-template-areas:"c";perspective:1200px}
 .u16-js .u16-story-stage>.u16-card{grid-area:c;align-self:center}
}

/* ---------- phone ---------- */
body.v3 #get-the-app{position:relative}
.u16-orbit{position:absolute;inset:0;pointer-events:none;z-index:3}
.u16-chip{position:absolute;white-space:nowrap;font-size:12.5px;color:oklch(92% 0 0);background:oklch(10% .006 95 / .82);border:1px solid var(--u-line2);border-radius:999px;padding:7px 14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 14px 40px -16px oklch(0% 0 0 / .9)}
.u16-chip::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--u-gold);margin-right:8px;vertical-align:middle}
.u16-chip--a{top:14%;left:-6%}
.u16-chip--b{top:46%;right:-8%}
.u16-chip--c{bottom:18%;left:-4%}
.ms-device-fig{position:relative;perspective:1400px}
.ms-device{transform-style:preserve-3d;will-change:transform}
.ms-device-fig::before{content:"";position:absolute;left:50%;top:44%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,oklch(84% 0.19 80.46 / .16),transparent 70%);pointer-events:none;z-index:0}
.record-verdict-num{font-variant-numeric:tabular-nums}

/* ---------- footer ---------- */
body.v3 .footer .footer-wordmark{background:linear-gradient(180deg,oklch(84% 0.19 80.46 / .5),oklch(84% 0.19 80.46 / 0));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- cursor (fine pointers only, JS-created) ---------- */
.u16-cursor{position:fixed;left:0;top:0;width:28px;height:28px;margin:-14px 0 0 -14px;border:1px solid oklch(84% 0.19 80.46 / .7);border-radius:50%;pointer-events:none;z-index:60;transition:width .25s var(--u-ease),height .25s var(--u-ease),margin .25s var(--u-ease),background .25s;mix-blend-mode:difference}
.u16-cursor.is-hot{width:56px;height:56px;margin:-28px 0 0 -28px;background:oklch(84% 0.19 80.46 / .18)}

@media (max-width:900px){
 .u16-story-pin{grid-template-columns:minmax(0,1fr);gap:32px;padding:88px 20px;min-height:0}
 .u16-chip--a{left:2%;top:4%}.u16-chip--b{right:2%}.u16-chip--c{left:2%;bottom:12%}
}
@media (max-width:820px){
 body.v3 .topbar{padding:0 20px}
 body.v3 .topbar .nav-links a:not(.nav-cta){display:none}
 body.v3 .hero{grid-template-columns:minmax(0,1fr);padding:96px 20px 40px;gap:32px;max-height:none;min-height:auto}
 body.v3 .hero h1{font-size:46px}
 body.v3 .hero p.sub{font-size:16px}
 body.v3 .hero .cta-row{flex-wrap:wrap;gap:16px}
 .u16-fig-num b{font-size:48px}.u16-fig-num span{font-size:22px}
 .u16-beams i{width:40vw}
 body.v3 .statement{padding:96px 20px 80px}
 body.v3 section.wrap{padding:80px 20px}
 body.v3 #flow .steps,body.v3 .cards,body.v3 .trials{grid-template-columns:minmax(0,1fr)}
 body.v3 #flow .step{border-left:0;border-top:1px solid var(--u-line2);padding:20px 0}
 body.v3 #flow .step:first-child{border-top:0}
 body.v3 .formula-big{padding:24px 20px}
 .u16-card{padding:22px 18px}
 .u16-kv dd{font-size:16px}
 .u16-hash{font-size:13px}
 .u16-chip{font-size:11.5px;padding:6px 11px}
}
@media (prefers-reduced-motion:reduce){
 .u16-ticker-track{animation:none;flex-wrap:wrap;width:auto;white-space:normal;padding:0 20px}
 .u16-ticker{mask-image:none;-webkit-mask-image:none}
 body.v3 .photo-band img{transform:none}
 .u16-cursor{display:none}
 body.v3 .card,body.v3 .card::before,body.v3 .hero .cta-gold::after{transition:none}
}
.u16-beams,.u16-grain{max-width:none!important;margin:0!important;padding:0!important}
.u16-cursor{opacity:0}.u16-cursor.is-on{opacity:1}
/* A system: labels set in the sans with tabular figures, not a fallback monospace */
body.v3 .mono,body.v3 .fig .cap,body.v3 .proof .hash{font-family:"Albert Sans",sans-serif!important;letter-spacing:0!important;text-transform:none!important;font-variant-numeric:tabular-nums}
.u16-hash,.u16-ticker-track .mono{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace!important;letter-spacing:0!important}
/* ---------- phone section in the A system ---------- */
body.v3 .ms-section{background:radial-gradient(1000px 600px at 75% 40%,oklch(84% 0.19 80.46 / .07),transparent 60%),var(--u-ground)!important;padding:120px 40px;border-top:1px solid var(--u-line)}
body.v3 .ms-section h2{font-family:"Albert Sans",sans-serif!important;font-weight:300!important;letter-spacing:-.035em;font-size:clamp(38px,5vw,68px)!important;line-height:1.03;color:var(--u-ink)!important;max-width:16ch}
body.v3 .ms-kicker{font-family:"Albert Sans",sans-serif!important;color:var(--u-gold)!important;font-size:14px;letter-spacing:0;text-transform:none}
body.v3 .ms-layout{max-width:1120px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}
body.v3 .ms-frame-note{background:var(--u-panel)!important;border:1px solid var(--u-line)!important;border-radius:12px;color:var(--u-muted)!important}
body.v3 .ms-section .apk-button.ms-apk{background:var(--u-gold)!important;color:oklch(14% 0.01 80)!important;border:1px solid var(--u-gold)!important;border-radius:999px;font-weight:700}
body.v3 .ms-section .apk-button.ms-apk:hover{background:oklch(88% 0.17 82)!important}
body.v3 .ms-section .ms-fullapp{background:transparent!important;color:oklch(93% 0 0)!important;border:1px solid var(--u-line2)!important;border-radius:999px}
body.v3 .ms-section .ms-fullapp:hover{border-color:var(--u-gold)!important;color:var(--u-gold)!important}
body.v3 .ms-section .ms-features{border-top:1px solid var(--u-line)!important}
body.v3 .ms-details{background:var(--u-panel)!important;border:1px solid var(--u-line)!important;border-radius:12px}
body.v3 .ms-device{background:linear-gradient(145deg,oklch(26% .01 80),oklch(12% .006 95))!important;box-shadow:0 0 0 1px oklch(84% 0.19 80.46 / .25),0 80px 120px -40px oklch(0% 0 0 / .95),0 0 120px -20px oklch(84% 0.19 80.46 / .25)!important}
body.v3 .ms-screen{--color-paper:oklch(9% .006 95);--color-paper-hi:oklch(12% .006 95);--color-ink:oklch(96% .01 85);--color-ink-2:oklch(84% 0 0);--color-muted:oklch(70% 0 0);--color-rule:oklch(78% 0 0 / .18);background:linear-gradient(180deg,oklch(12% .008 90),oklch(7% .006 95))!important;border-color:oklch(0% 0 0)!important}
body.v3 .record-stage,body.v3 .record-stage *{color:inherit}
body.v3 .record-stage{color:oklch(86% 0 0)}
body.v3 .record-label{background:oklch(70% 0.12 188 / .12)!important;border:1px solid oklch(70% 0.12 188 / .5)!important;color:oklch(82% 0.1 188)!important}
body.v3 .record-field{color:oklch(68% 0 0)!important}
body.v3 .record-value{color:oklch(96% .01 85)!important}
body.v3 .record-verdict-num{font-family:"Albert Sans",sans-serif!important;font-weight:300!important;letter-spacing:-.04em;color:var(--u-gold)!important;font-size:clamp(48px,5vw,64px)!important}
body.v3 .record-verdict-label{color:oklch(92% 0 0)!important}
body.v3 .record-verdict-sub,body.v3 .record-math{color:oklch(72% 0 0)!important}
body.v3 .ms-dim{display:none}
.u16-chip--a{top:10%;left:-30%}
.u16-chip--b{top:44%;right:-22%}
.u16-chip--c{bottom:16%;left:-36%}
@media (max-width:900px){
 body.v3 .ms-section{padding:80px 20px}
 body.v3 .ms-layout{grid-template-columns:minmax(0,1fr);gap:40px}
 .u16-orbit{position:static;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}
 .u16-chip{position:static}
}
@media (min-width:901px){.u16-chip--a{top:8%;left:-12%}.u16-chip--b{top:46%;right:-4%;left:auto}.u16-chip--c{bottom:14%;left:-10%}}
body.v3 .ms-actions{display:flex;flex-wrap:wrap;gap:12px}
body.v3 .ms-section .apk-button.ms-apk,body.v3 .ms-section .ms-fullapp{white-space:nowrap}
/* footer in the A system */
body.v3 .footer{background:oklch(5% .006 95)!important;border-top:1px solid var(--u-line)}
body.v3 .footer .footer-cta p{font-family:"Albert Sans",sans-serif!important;font-weight:300!important;letter-spacing:-.03em;font-size:clamp(28px,3.6vw,48px)!important;color:var(--u-ink)!important}
body.v3 .footer .btn--primary{background:var(--u-gold)!important;color:oklch(14% 0.01 80)!important;border:1px solid var(--u-gold)!important;border-radius:999px!important;font-weight:700;box-shadow:none!important}
body.v3 .footer .footer-wordmark{font-family:"Albert Sans",sans-serif!important;font-weight:300!important;letter-spacing:-.06em;white-space:nowrap;font-size:clamp(56px,15vw,220px)!important;line-height:.9;overflow:hidden}
body.v3 .footer a{color:oklch(88% 0 0)}
body.v3 .footer a:hover{color:var(--u-gold)}
/* sketch fidelity (F-index-a): one-size "2,084 tickets", gold bottom edge, plain wordmark */
.u16-fig-num b,.u16-fig-num span{font-size:56px}
.u16-fig-rule{display:none}
.u16-fig{border-bottom:1px solid oklch(84% 0.19 80.46 / .7)}
.u16-mark{display:none}
@media (max-width:820px){.u16-fig-num b,.u16-fig-num span{font-size:44px}}
/* phone section v2: one honest line visible, notes folded, chips below the device (no overlap) */
.u16-honest{font-size:14px;color:oklch(82% 0.1 188)!important;display:flex;gap:10px;align-items:center;margin:20px 0 0!important}
.u16-honest::before{content:"";width:6px;height:6px;border-radius:50%;background:oklch(70% 0.12 188);flex:none}
body.v3 .u16-notes{margin-top:16px}
body.v3 .u16-notes>*:not(summary){margin:12px 16px!important}
body.v3 .u16-notes .ms-features{padding:0;list-style:none}
.u16-orbit{position:static!important;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:28px 0 8px;pointer-events:none}
.u16-chip{position:static!important}
body.v3 .ms-section .ms-lede{font-size:18px;line-height:1.6;color:var(--u-text)!important;max-width:46ch}
/* ---------- phone v3: one viewport, copy left / phone right, full screen ---------- */
body.v3 .u16-phone{min-height:100svh;display:flex;align-items:center;padding:64px 40px!important;box-sizing:border-box;overflow:hidden}
body.v3 .u16-phone .ms-layout{width:100%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto!important;gap:80px;align-items:center}
body.v3 .u16-phone .ms-device-fig{position:relative!important;top:auto!important;margin:0;display:flex;flex-direction:column;align-items:center}
body.v3 .u16-phone .ms-device{width:clamp(250px,calc((100svh - 190px) * 0.46),310px);max-width:none;margin:0}
body.v3 .u16-phone .ms-copy{max-width:520px}
body.v3 .u16-phone .ms-copy>*{margin-top:0}
body.v3 .u16-phone h2{margin:12px 0 20px!important}
body.v3 .u16-phone .ms-lede{margin:0 0 28px!important}
body.v3 .u16-phone .u16-honest{margin:22px 0 0!important}
body.v3 .u16-phone .u16-notes{margin-top:14px}
body.v3 .u16-phone .record-stage{padding:42px 14px 14px;gap:0;font-size:12px}
body.v3 .u16-phone .record-label{font-size:10.5px;padding:5px 8px;border-radius:999px;text-align:center;margin:0 0 10px}
.u16-rgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
body.v3 .u16-phone .u16-rgrid .record-row{display:flex;flex-direction:column;gap:1px;margin:0;padding:7px 9px;border:1px solid oklch(78% 0 0 / .14);border-radius:9px;background:oklch(14% .006 95)}
body.v3 .u16-phone .record-field{font-size:9.5px}
body.v3 .u16-phone .record-value{font-size:12.5px;font-weight:500}
body.v3 .u16-phone .record-verdict-num{font-size:54px!important;line-height:1;margin:12px 0 0}
body.v3 .u16-phone .record-verdict-label{font-size:12.5px;margin:2px 0 0}
body.v3 .u16-phone .record-math{font-size:10.5px;margin:4px 0 0;padding-bottom:8px;border-bottom:1px solid oklch(84% 0.19 80.46 / .45)}
.u16-scr-h{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:oklch(84% 0.19 80.46)!important;margin:10px 0 4px!important}
.u16-rcpt{display:flex;justify-content:space-between;gap:6px;margin:0!important;padding:4px 0;border-bottom:1px solid oklch(78% 0 0 / .1);font-size:10.5px}
.u16-rcpt span{color:oklch(72% 0 0)}
.u16-rcpt b{font-family:ui-monospace,Consolas,monospace;font-weight:400;color:oklch(90% .03 85)}
.u16-evchips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.u16-evchips li{font-size:10px;padding:3px 7px;border-radius:999px;border:1px solid oklch(70% 0.12 188 / .5);color:oklch(84% 0.08 188)}
body.v3 .u16-phone .record-verdict-sub{font-size:10px;margin-top:auto!important;padding-top:6px}
.u16-glow{position:absolute;left:50%;top:45%;width:140%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,oklch(84% 0.19 80.46 / .28),transparent 70%);pointer-events:none;z-index:0;opacity:.5}
body.v3 .u16-phone .ms-device-fig::before{display:none}
body.v3 .u16-phone .ms-device{position:relative;z-index:1}
body.v3 .u16-phone .u16-orbit{margin:22px 0 0}
@media (max-width:900px){
 body.v3 .u16-phone{min-height:0;display:block;padding:80px 20px!important}
 body.v3 .u16-phone .ms-layout{grid-template-columns:minmax(0,1fr)!important;gap:40px}
 body.v3 .u16-phone .ms-device{width:min(300px,82vw)}
 body.v3 .u16-phone .ms-lede{font-size:16px}
}
@media (min-width:901px){body.v3 .u16-phone .record-verdict-sub{display:none}}
.u16-fig-num span{margin-left:.22em}
.u16-fig-ceil{margin-top:14px!important}.u16-fig-num b,.u16-fig-num span{font-size:52px}@media (max-width:820px){.u16-fig-num b,.u16-fig-num span{font-size:42px}}