/* KINGAI OS V14 — unified product UI layer, mobile-first, Aug 19 2026 */
:root{
  --ui-bg:#f5f5f7;
  --ui-bg-soft:#fafafa;
  --ui-surface:#ffffff;
  --ui-surface-2:#f0f2f5;
  --ui-text:#111114;
  --ui-text-2:#5f6068;
  --ui-text-3:#7a7b82;
  --ui-line:rgba(17,17,20,.09);
  --ui-line-strong:rgba(17,17,20,.14);
  --ui-blue:#0071e3;
  --ui-blue-hover:#0077ed;
  --ui-blue-soft:#edf6ff;
  --ui-green:#11784e;
  --ui-green-soft:#edf8f2;
  --ui-amber:#85671f;
  --ui-amber-soft:#fff7e6;
  --ui-dark:#0b0c0f;
  --ui-dark-2:#16181c;
  --ui-dark-text:#f5f5f7;
  --ui-dark-muted:#b2b4bb;
  --ui-radius-sm:14px;
  --ui-radius:22px;
  --ui-radius-lg:30px;
  --ui-shadow-sm:0 8px 28px rgba(18,26,42,.06);
  --ui-shadow:0 22px 70px rgba(18,26,42,.10);
  --ui-nav-h:54px;
  --ui-container:1180px;
}

*{box-sizing:border-box}
html{background:var(--ui-bg)!important;color-scheme:light!important;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{margin:0;background:var(--ui-bg)!important;color:var(--ui-text)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;letter-spacing:-.012em!important;overflow-x:hidden}
main{background:var(--ui-bg)!important;overflow:clip}
img,svg{max-width:100%}
a{text-underline-offset:3px}
section,[id]{scroll-margin-top:calc(var(--ui-nav-h) + 18px)!important}
.shell{width:min(calc(100% - 48px),var(--ui-container))!important;margin-inline:auto!important}
h1,h2,h3,h4{color:var(--ui-text)!important;text-wrap:balance}
p{color:var(--ui-text-2)!important;text-wrap:pretty}

/* Header — one stable shell across every route */
.topbar{position:sticky!important;top:0!important;z-index:200!important;height:var(--ui-nav-h)!important;min-height:var(--ui-nav-h)!important;background:rgba(249,249,251,.88)!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:0 1px 0 rgba(17,17,20,.02)!important;backdrop-filter:saturate(180%) blur(22px)!important;-webkit-backdrop-filter:saturate(180%) blur(22px)!important}
.nav{height:var(--ui-nav-h)!important;min-height:var(--ui-nav-h)!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important}
.brand{display:inline-flex!important;align-items:center!important;gap:9px!important;color:var(--ui-text)!important;font-size:15px!important;font-weight:760!important;letter-spacing:-.025em!important;text-decoration:none!important;white-space:nowrap!important}
.brand-mark{width:25px!important;height:25px!important;flex:0 0 auto!important}
.navlinks{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(15px,1.8vw,25px)!important;min-width:0!important}
.navlinks a{position:relative!important;padding:19px 0 17px!important;color:#55565d!important;font-size:12.5px!important;font-weight:640!important;text-decoration:none!important;white-space:nowrap!important}
.navlinks a:hover{color:var(--ui-text)!important}
.navlinks a.active{color:var(--ui-text)!important}
.navlinks a.active::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:10px!important;height:2px!important;border-radius:999px!important;background:var(--ui-blue)!important}
.nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
.lang,.nav-download,.menu{min-height:34px!important;border:1px solid var(--ui-line)!important;border-radius:999px!important;background:rgba(255,255,255,.76)!important;color:#45464c!important;box-shadow:none!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important}
.lang{display:inline-flex!important;align-items:center!important;padding:0 10px!important}
.nav-download{display:inline-flex!important;align-items:center!important;padding:0 14px!important;background:#111114!important;border-color:#111114!important;color:#fff!important}
.nav-download:hover{background:#29292d!important;border-color:#29292d!important}
.menu{display:none!important;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border-radius:12px!important;place-items:center!important}
.menu-lines{width:17px!important;height:13px!important;display:grid!important;align-content:space-between!important}
.menu-lines i{display:block!important;height:1.6px!important;border-radius:99px!important;background:#25262b!important;transition:transform .18s ease,opacity .18s ease!important}
body.nav-open .menu-lines i:nth-child(1){transform:translateY(5.7px) rotate(45deg)}
body.nav-open .menu-lines i:nth-child(2){opacity:0}
body.nav-open .menu-lines i:nth-child(3){transform:translateY(-5.7px) rotate(-45deg)}

/* Shared typography & controls */
.eyebrow,.kicker,.meta{color:#5c5d64!important;font-size:12px!important;font-weight:720!important;letter-spacing:.02em!important;text-transform:none!important}
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 19px!important;border:1px solid var(--ui-line)!important;border-radius:999px!important;font-size:14px!important;font-weight:720!important;text-decoration:none!important;line-height:1.2!important;box-shadow:none!important}
.btn.primary{background:var(--ui-blue)!important;border-color:var(--ui-blue)!important;color:#fff!important}
.btn.primary:hover{background:var(--ui-blue-hover)!important;border-color:var(--ui-blue-hover)!important}
.btn.secondary{background:rgba(255,255,255,.62)!important;border-color:rgba(0,113,227,.15)!important;color:#0066cc!important}
.btn.secondary:hover{background:#fff!important}
.actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}

/* Light-first product surfaces — overrides legacy dark theme leakage */
.page-hero,.page-section,.page-section.alt,.flag-section,.flag-section.alt,.flag-section.soft,.trust-section,.faq-section,.os-intro{color:var(--ui-text)!important}
.page-hero,.flag-section,.page-section{background:#fff!important}
.page-section.alt,.flag-section.alt,.flag-section.soft,.trust-section,.faq-section{background:var(--ui-bg)!important}
.page-hero h1,.page-hero h2,.page-section h1,.page-section h2,.page-section h3,.flag-section h1,.flag-section h2,.flag-section h3,.trust-section h2,.trust-section h3,.faq-section h2,.faq-section h3,.os-intro h2,.os-intro h3{color:var(--ui-text)!important;background:none!important;-webkit-text-fill-color:initial!important;opacity:1!important;text-shadow:none!important}
.page-hero p,.page-section p,.flag-section p,.trust-section p,.faq-section p,.os-intro p{color:var(--ui-text-2)!important}

/* Internal page hero */
body:not(.route-home) .page-hero{padding:78px 0 54px!important;background:linear-gradient(180deg,#fff 0%,#f7f7f9 100%)!important;border-bottom:1px solid rgba(17,17,20,.045)!important;text-align:left!important}
body:not(.route-home) .page-hero>.shell,body:not(.route-home) .page-hero.shell{max-width:1000px!important;margin-inline:auto!important}
body:not(.route-home) .page-hero h1{max-width:930px!important;margin:10px 0 17px!important;font-size:clamp(50px,6vw,82px)!important;line-height:.99!important;letter-spacing:-.055em!important;font-weight:760!important}
body:not(.route-home) .page-hero p{max-width:760px!important;margin:0!important;font-size:19px!important;line-height:1.58!important}
body:not(.route-home) .page-hero .actions{margin-top:24px!important}
body:not(.route-home) .page-hero .stage-badge{display:inline-flex!important;color:#075eaa!important;background:var(--ui-blue-soft)!important;border-color:#c9dff2!important}

/* Shared section rhythm */
.flag-section,.flag-section.alt,.flag-section.soft,.page-section,.page-section.alt{padding:78px 0!important}
.flag-head{max-width:900px!important;margin-bottom:30px!important}
.flag-head.center{margin-inline:auto!important;text-align:center!important}
.flag-head h2,.page-section h2{max-width:900px!important;margin:8px 0 13px!important;font-size:clamp(38px,4.4vw,60px)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:750!important}
.flag-head.center h2{margin-inline:auto!important}
.flag-head p,.page-section p{max-width:760px!important;margin-top:0!important;font-size:17px!important;line-height:1.62!important}
.flag-head.center p{margin-inline:auto!important}

/* Cards */
.flag-grid-2,.flag-grid-3,.flag-grid-4,.dev-depth,.trust-grid,.grid{gap:14px!important}
.flag-card,.dev-tile,.trust-panel,.card,.path-card,.value-card,.download-card,.faq-list details{background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important}
.flag-card{min-height:0!important;padding:23px!important}
.flag-card.large{min-height:0!important;padding:28px!important}
.flag-card h3,.dev-tile h3,.trust-panel h3,.card h3,.path-card h3,.value-card h3,.download-card h3{color:var(--ui-text)!important;margin:10px 0 7px!important;font-size:22px!important;line-height:1.22!important;letter-spacing:-.03em!important}
.flag-card p,.dev-tile p,.trust-panel p,.card p,.path-card p,.value-card p,.download-card p{color:#65666d!important;font-size:14.5px!important;line-height:1.6!important}
.status-pill{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 9px!important;border:1px solid #dfe0e4!important;border-radius:999px!important;background:#f1f2f5!important;color:#56575e!important;font-size:11px!important;font-weight:760!important;letter-spacing:0!important}
.status-pill.verified{color:var(--ui-green)!important;background:var(--ui-green-soft)!important;border-color:#bee5d0!important}
.status-pill.preview,.status-pill.alpha{color:#0c66b2!important;background:var(--ui-blue-soft)!important;border-color:#c5def5!important}
.status-pill.planned,.status-pill.warm{color:var(--ui-amber)!important;background:var(--ui-amber-soft)!important;border-color:#ead8a6!important}
.learn,.dev-links a,.trust-links a,.faq-list a,.page-section a:not(.btn){color:#0066cc!important}

/* Product visuals */
.v9-product-visual,.os-stage,.product-frame,.product-visual,.device-screen{overflow:hidden!important;border:1px solid rgba(17,17,20,.06)!important;border-radius:var(--ui-radius-lg)!important;background:#eef1f5!important;box-shadow:var(--ui-shadow)!important}
.v9-product-visual img,.os-stage img,.product-frame img,.product-visual img{display:block!important;width:100%!important;height:auto!important}
.preview-label{color:var(--ui-text-3)!important;font-size:12px!important;line-height:1.5!important}
.preview-label strong{color:#56575e!important}

/* Home */
.route-home .hero{padding:58px 0 26px!important;background:radial-gradient(circle at 50% -10%,#fff 0,#f7f7f9 54%,#eef0f3 100%)!important}
.route-home .hero-copy{max-width:940px!important;margin:0 auto 22px!important;text-align:center!important}
.route-home .stage-badge{margin:0 auto 13px!important}
.route-home .eyebrow{margin-bottom:5px!important}
.route-home .hero h1{max-width:10.5ch!important;margin:5px auto 15px!important;font-size:clamp(56px,7vw,94px)!important;line-height:.96!important;letter-spacing:-.058em!important;font-weight:760!important;background:linear-gradient(100deg,#151519 8%,#35363c 48%,#006bcf 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.route-home .hero-subtitle{max-width:720px!important;margin:0 auto!important;color:#5e5f66!important;font-size:clamp(19px,1.8vw,25px)!important;line-height:1.46!important}
.route-home .hero .actions{justify-content:center!important;margin-top:22px!important}
.route-home .hero-visual{width:min(94vw,1320px)!important;margin:24px auto 0!important}
.route-home .device-shell{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.route-home .os-intro{padding:76px 0 68px!important;background:#fff!important}
.os-intro-head{max-width:820px!important;margin:0 auto 28px!important;text-align:center!important}
.os-intro-head h2{margin:7px 0 13px!important;font-size:clamp(40px,4.8vw,68px)!important;line-height:1.04!important;letter-spacing:-.05em!important}
.os-intro-head p{max-width:740px!important;margin:0 auto!important;font-size:18px!important;line-height:1.58!important}
.os-feature-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
.os-feature{min-height:0!important;padding:22px!important;border:1px solid rgba(17,17,20,.07)!important;border-radius:22px!important;background:linear-gradient(145deg,#f8f9fb,#eff1f5)!important;box-shadow:none!important}
.os-feature-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;margin-bottom:15px!important;border-radius:14px!important;background:#fff!important;color:var(--ui-blue)!important;box-shadow:0 7px 20px rgba(20,38,68,.07)!important}
.os-feature h3{margin:0 0 6px!important;font-size:20px!important;line-height:1.2!important}
.os-feature p{margin:0!important;font-size:14px!important;line-height:1.56!important}
.problem-strip{padding:72px 0!important;background:linear-gradient(180deg,#111318 0,#090a0d 100%)!important;color:var(--ui-dark-text)!important}
.problem-strip h2,.problem-strip h3{color:var(--ui-dark-text)!important}
.problem-strip p{color:var(--ui-dark-muted)!important}
.problem-strip .kicker,.problem-card .meta{color:#78bdff!important}
.problem-strip h2{max-width:840px!important;margin:8px 0 28px!important;font-size:clamp(38px,4.5vw,62px)!important;line-height:1.04!important;letter-spacing:-.045em!important}
.problem-grid{gap:13px!important}
.problem-card{min-height:0!important;padding:22px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:21px!important;background:#17191d!important}
.problem-card h3{margin:9px 0 7px!important;font-size:21px!important;line-height:1.28!important}
.problem-card p{margin:0!important;font-size:14px!important;line-height:1.6!important}

/* Scenarios & permission controls */
.scenario-wrap{margin-top:20px!important;border:1px solid var(--ui-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--ui-shadow-sm)!important;overflow:hidden!important}
.scenario-copy,.scenario-result{padding:24px!important}
.scenario-copy{background:#fff!important}.scenario-result{background:linear-gradient(145deg,#edf5ff,#f7f8fa)!important}
.scenario-copy .prompt{background:#f1f2f5!important;color:var(--ui-text)!important;border-radius:14px!important}
.scenario-steps li{color:#4e4f56!important}.scenario-steps li:before{background:#eaf4ff!important;color:#0066cc!important}
.result-card{background:#fff!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
.result-row{border-color:#ececef!important;color:#686970!important}.result-row strong,.result-head b{color:var(--ui-text)!important}
.permission-demo{padding:18px!important;border-radius:24px!important;background:linear-gradient(145deg,#dfe7f4,#f6f8fb)!important;box-shadow:var(--ui-shadow)!important}
.permission-window{background:rgba(255,255,255,.94)!important;color:var(--ui-text)!important;border-radius:18px!important}
.permission-title h3{color:var(--ui-text)!important}.permission-title p,.permission-detail{color:var(--ui-text-2)!important}
.permission-detail{background:#f3f3f5!important}.permission-actions span{border-color:#dadadd!important}.permission-actions .allow{background:var(--ui-blue)!important;color:#fff!important}

/* Status */
.route-status main{background:var(--ui-bg)!important}
.route-status .page-hero{padding:58px 0 46px!important}
.route-status .roadmap-strip{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:23px!important}
.route-status .roadmap-strip span{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:0 11px!important;border:1px solid #d9dae0!important;border-radius:999px!important;background:#fff!important;color:#5d5e65!important;font-size:12px!important;font-weight:650!important}
.route-status .roadmap-strip span b{color:#38393f!important}.route-status .roadmap-strip .live{color:var(--ui-green)!important;background:var(--ui-green-soft)!important;border-color:#bde9d2!important}.route-status .roadmap-strip .future{color:var(--ui-amber)!important;background:var(--ui-amber-soft)!important;border-color:#ead9a9!important}
.route-status .flag-section:not(.alt) .flag-card{background:#f7f8fa!important}

/* Download */
.route-download main>.shell{width:min(calc(100% - 48px),var(--ui-container))!important;margin-inline:auto!important}
.route-download .page-hero{padding-left:0!important;padding-right:0!important}
.route-download .flag-grid-2{align-items:stretch!important}
.route-download .flag-card.large{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.route-download .download-meta{display:grid!important;margin-top:16px!important;border-top:1px solid var(--ui-line)!important}
.route-download .download-meta div{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:12px!important;padding:9px 0!important;border-bottom:1px solid var(--ui-line)!important;font-size:12.5px!important}
.route-download .download-meta dt{color:#45464d!important;font-weight:760!important}.route-download .download-meta dd{margin:0!important;color:#6a6b72!important;overflow-wrap:anywhere!important}
.route-download .dev-console pre{word-break:break-all!important;white-space:pre-wrap!important}
.route-download .cta-band{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:22px!important;padding:26px!important;border:1px solid rgba(0,113,227,.14)!important;border-radius:var(--ui-radius)!important;background:linear-gradient(125deg,#f2f7ff,#fff 58%,#f8f3eb)!important;box-shadow:none!important;color:var(--ui-text)!important}
.route-download .cta-band h3{color:var(--ui-text)!important}.route-download .cta-band p{color:var(--ui-text-2)!important}

/* Developers / Docs / prose */
.route-developers .dev-depth{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.dev-tile{padding:23px!important}
.dev-tile .code,.dev-console,.prose pre,.article-container pre{overflow:auto!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:#111318!important;color:#e9edf4!important;box-shadow:none!important}
.dev-tile .code{padding:17px!important;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;white-space:pre-wrap!important}
.prose,.article-container{color:var(--ui-text-2)!important;font-size:17px!important;line-height:1.78!important}
.prose h1,.prose h2,.prose h3,.article-container h1,.article-container h2,.article-container h3{color:var(--ui-text)!important}
.prose code,.article-container code{border-color:var(--ui-line)!important;background:#f1f2f5!important;color:#303139!important}
.prose pre code,.article-container pre code{background:transparent!important;color:inherit!important}
.table-wrap{border-color:var(--ui-line)!important;background:#fff!important}.table th{background:#f7f8fa!important;color:#4e5058!important}.table td{color:#62636a!important;border-color:var(--ui-line)!important}

/* Privacy / Security */
.route-privacy .v9-product-visual,.route-security .v9-product-visual{max-width:1180px!important;margin-inline:auto!important}
.route-privacy .page-section .flag-head,.route-security .page-section .flag-head{margin-bottom:25px!important}
.control-grid,.capability-grid,.boundary-grid,.scenario-grid{gap:14px!important}

/* Roadmap / releases / architecture / editions */
.steps{overflow:hidden!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;background:#fff!important}
.step{background:#fff!important;color:var(--ui-text)!important}.step small{color:var(--ui-text-3)!important}.step.active{background:#f1f7ff!important}
.fabric,.product-band,.controlled-card{border-color:var(--ui-line)!important;background:#fff!important;box-shadow:none!important}
.fabric-node{border-color:var(--ui-line)!important;background:#fff!important;box-shadow:none!important}
.fabric-node b,.controlled-card b{color:var(--ui-text)!important}.fabric-node small,.controlled-card p{color:var(--ui-text-2)!important}

/* FAQ */
.faq-list{display:grid!important;gap:10px!important}
.faq-list details{padding:0 20px!important}
.faq-list summary{min-height:58px!important;display:flex!important;align-items:center!important;cursor:pointer!important;color:var(--ui-text)!important;font-size:16px!important;font-weight:720!important;line-height:1.35!important}
.faq-list details p{margin:0 0 18px!important;font-size:14.5px!important;line-height:1.65!important}

/* Dark CTA regions */
.final-cta,.early-access{padding:88px 0!important;background:var(--ui-dark)!important;color:var(--ui-dark-text)!important;text-align:center!important}
.final-cta h2,.early-access h2,.final-cta h3,.early-access h3{max-width:900px!important;margin:0 auto 18px!important;color:var(--ui-dark-text)!important;font-size:clamp(42px,5vw,68px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
.final-cta p,.early-access p{max-width:720px!important;margin:0 auto 26px!important;color:var(--ui-dark-muted)!important;font-size:17px!important;line-height:1.6!important}
.final-cta .actions,.early-access .actions{justify-content:center!important}
.final-cta .btn.secondary,.early-access .btn.secondary{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.15)!important;color:#b9dcff!important}
.future-note,.expectation{max-width:900px!important;margin:26px auto 0!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.09)!important;color:#858891!important;font-size:11.5px!important;line-height:1.55!important}

/* Footer */
.footer{margin-top:0!important;padding:34px 0 22px!important;background:var(--ui-bg)!important;border-top:1px solid var(--ui-line)!important;color:var(--ui-text-3)!important}
.footer-grid{display:grid!important;grid-template-columns:1.35fr repeat(4,minmax(110px,.72fr))!important;gap:28px!important}
.footer-brand-line{display:grid!important;gap:8px!important}.footer-brand-line p{max-width:320px!important;margin:0!important;color:#686970!important;font-size:13px!important;line-height:1.62!important}
.footer-group summary{list-style:none!important;color:#292a2f!important;font-size:13px!important;font-weight:720!important}.footer-group summary::-webkit-details-marker{display:none!important}
.footer-group .footer-links{display:grid!important;gap:6px!important;margin-top:8px!important}.footer-group a{color:#686970!important;font-size:12.5px!important;line-height:1.5!important;text-decoration:none!important}.footer-group a:hover{color:var(--ui-text)!important}
.footer-chevron{display:none!important}.footer-meta{color:#77787f!important}.footer-copyright{white-space:nowrap!important;font-size:12px!important}.development-disclaimer{grid-column:1/-1!important;padding-top:16px!important;border-top:1px solid var(--ui-line)!important;color:#77787f!important;font-size:10.5px!important;line-height:1.55!important}

/* Accessibility */
:focus-visible{outline:3px solid rgba(0,113,227,.34)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:1023px){
  .navlinks{display:none!important}
  .navlinks.open{display:flex!important}
  .nav-download{display:none!important}
  .menu{display:grid!important}
  .os-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .route-developers .dev-depth{grid-template-columns:1fr 1fr!important}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr!important}.footer-grid>div:first-child{grid-column:1/-1!important}
}

@media(max-width:767px){
  :root{--ui-nav-h:54px}
  .shell,.route-download main>.shell{width:calc(100% - 30px)!important}
  .topbar,.nav{height:54px!important;min-height:54px!important}
  .nav{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .brand{font-size:15px!important}.brand-mark{width:24px!important;height:24px!important}
  .nav-actions{gap:6px!important}.lang{min-height:34px!important;padding:0 9px!important;font-size:11.5px!important}.menu{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  body.nav-open{overflow:hidden!important}
  body.nav-open::before{content:""!important;position:fixed!important;inset:54px 0 0!important;z-index:120!important;background:rgba(20,20,24,.20)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
  .navlinks{position:fixed!important;inset:62px 10px auto auto!important;z-index:230!important;width:min(84vw,340px)!important;max-height:calc(100dvh - 76px)!important;overflow:auto!important;padding:9px!important;border:1px solid var(--ui-line-strong)!important;border-radius:22px!important;background:rgba(252,252,254,.98)!important;box-shadow:0 24px 80px rgba(20,24,34,.22)!important;backdrop-filter:saturate(170%) blur(24px)!important;-webkit-backdrop-filter:saturate(170%) blur(24px)!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:3px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-6px) scale(.985)!important;transform-origin:top right!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important}
  .navlinks.open{display:flex!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .navlinks a{width:100%!important;padding:12px 13px!important;border:0!important;border-radius:13px!important;color:#2b2c31!important;background:transparent!important;font-size:17px!important;line-height:1.25!important;font-weight:670!important;letter-spacing:-.025em!important;text-align:left!important}
  .navlinks a.active,.navlinks a:hover{background:#eef1f5!important;color:#111114!important}.navlinks a.active::after{display:none!important}

  body:not(.route-home) .page-hero{padding:42px 0 34px!important}
  body:not(.route-home) .page-hero>.shell,body:not(.route-home) .page-hero.shell{width:calc(100% - 30px)!important}
  body:not(.route-home) .page-hero h1{margin:7px 0 12px!important;font-size:clamp(38px,10vw,46px)!important;line-height:1.06!important;letter-spacing:-.044em!important}
  html[lang^="zh"] body:not(.route-home) .page-hero h1{font-size:clamp(36px,9.3vw,43px)!important;line-height:1.12!important;letter-spacing:-.03em!important;word-break:keep-all!important}
  body:not(.route-home) .page-hero p{font-size:16px!important;line-height:1.66!important}
  body:not(.route-home) .page-hero .actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:20px!important}body:not(.route-home) .page-hero .actions .btn{width:100%!important}

  .route-home .hero{padding:34px 0 18px!important}.route-home .hero-copy{margin-bottom:16px!important}
  .route-home .stage-badge{font-size:11.5px!important;margin-bottom:11px!important}.route-home .eyebrow{font-size:12px!important;margin-bottom:5px!important}
  .route-home .hero h1{font-size:clamp(43px,11.7vw,50px)!important;line-height:1.01!important;max-width:9.4ch!important;margin:4px auto 13px!important}
  html[lang^="zh"] .route-home .hero h1{font-size:clamp(40px,10.6vw,47px)!important;line-height:1.07!important;max-width:8.9em!important;word-break:keep-all!important}
  .route-home .hero-subtitle{font-size:16.5px!important;line-height:1.6!important;max-width:21em!important}
  .route-home .hero .actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;margin-top:19px!important}.route-home .hero .actions .btn.primary{width:100%!important;min-height:48px!important}.route-home .hero .actions .btn.secondary{width:auto!important;background:transparent!important;border-color:transparent!important}
  .route-home .hero-visual{width:calc(100vw - 18px)!important;margin-top:15px!important}.route-home .device-screen{border-radius:18px!important}
  .route-home .os-intro{padding:50px 0 46px!important}.os-intro-head{margin-bottom:20px!important;text-align:left!important}.os-intro-head h2{font-size:clamp(31px,8.3vw,36px)!important;line-height:1.09!important;letter-spacing:-.038em!important;margin:6px 0 10px!important}.os-intro-head p{font-size:15.5px!important;line-height:1.64!important}.os-feature-grid{grid-template-columns:1fr!important;gap:9px!important}.os-feature{padding:18px!important;border-radius:20px!important}.os-feature-icon{width:42px!important;height:42px!important;margin-bottom:12px!important}.os-feature h3{font-size:18.5px!important}.os-feature p{font-size:14px!important}
  .problem-strip{padding:50px 0!important}.problem-strip h2{font-size:clamp(32px,8.5vw,38px)!important;line-height:1.08!important;margin-bottom:19px!important}.problem-grid{grid-template-columns:1fr!important;gap:9px!important}.problem-card{padding:18px!important}

  .flag-section,.flag-section.alt,.flag-section.soft,.page-section,.page-section.alt{padding:54px 0!important}
  .flag-head{margin-bottom:21px!important}.flag-head.center{text-align:left!important}
  .flag-head h2,.page-section h2{font-size:clamp(31px,8.2vw,37px)!important;line-height:1.10!important;letter-spacing:-.038em!important;margin:7px 0 11px!important}
  .flag-head p,.page-section p{font-size:15.5px!important;line-height:1.65!important;margin-left:0!important;margin-right:0!important}
  .flag-grid-2,.flag-grid-3,.flag-grid-4,.route-developers .dev-depth,.trust-grid,.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr!important}
  .flag-card,.flag-card.large,.dev-tile,.trust-panel,.card{padding:18px!important;border-radius:19px!important}.flag-card h3,.dev-tile h3,.trust-panel h3{font-size:20px!important}
  .v9-product-visual,.os-stage,.product-frame,.product-visual{width:calc(100vw - 18px)!important;max-width:none!important;margin-left:50%!important;transform:translateX(-50%)!important;border-radius:20px!important;box-shadow:0 15px 44px rgba(18,26,42,.09)!important}
  .scenario-wrap{margin-top:14px!important;border-radius:18px!important}.scenario-copy,.scenario-result{padding:17px!important}.permission-demo{padding:11px!important;border-radius:19px!important}.permission-window{padding:17px!important}

  .route-status .page-hero{padding:38px 0 32px!important}.route-status .roadmap-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:18px!important}.route-status .roadmap-strip span{justify-content:center!important;min-height:38px!important;padding:0 8px!important;text-align:center!important;font-size:11.3px!important}
  .route-download .download-meta div{grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important}.route-download .cta-band{grid-template-columns:1fr!important;padding:20px!important}.route-download .cta-band .btn{width:100%!important}
  .dev-tile .code{font-size:12px!important;padding:14px!important}
  .faq-list details{padding:0 16px!important}.faq-list summary{min-height:54px!important;font-size:15px!important}.faq-list details p{font-size:14px!important}

  .final-cta,.early-access{padding:66px 0!important}.final-cta h2,.early-access h2{font-size:clamp(34px,9vw,42px)!important;line-height:1.06!important}.final-cta p,.early-access p{font-size:16px!important}.final-cta .actions,.early-access .actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.final-cta .actions .btn,.early-access .actions .btn{width:100%!important}

  .footer{padding:22px 0 17px!important}.footer-grid{grid-template-columns:1fr!important;gap:0!important}.footer-brand-line{padding-bottom:17px!important;border-bottom:1px solid var(--ui-line)!important}.footer-group{border-bottom:1px solid var(--ui-line)!important}.footer-group summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:46px!important;font-size:13px!important;cursor:pointer!important}.footer-chevron{display:inline!important;color:#77787f!important;font-size:18px!important;transition:transform .18s ease!important}.footer-group[open] .footer-chevron{transform:rotate(45deg)!important}.footer-group .footer-links{display:none!important;margin:0!important;padding:0 0 11px!important}.footer-group[open] .footer-links{display:grid!important}.footer-meta{padding-top:16px!important}.development-disclaimer{padding-top:13px!important;margin-top:0!important}
}

@media(max-width:374px){
  .shell,.route-download main>.shell{width:calc(100% - 24px)!important}.brand{font-size:14.5px!important}.lang{padding-inline:7px!important;font-size:11px!important}
  .route-home .hero h1{font-size:40px!important}.os-intro-head h2,.flag-head h2,.page-section h2{font-size:30px!important}.route-status .roadmap-strip{grid-template-columns:1fr!important}
}