/* KINGAI OS V15 visual authority — neutral light system, Aug 22 2026 */
:root{
  --ui-bg:#f5f5f7;
  --ui-bg-soft:#fbfbfd;
  --ui-surface:#ffffff;
  --ui-surface-2:#f0f1f4;
  --ui-text:#1d1d1f;
  --ui-text-2:#6e6e73;
  --ui-text-3:#86868b;
  --ui-line:rgba(0,0,0,.08);
  --ui-line-strong:rgba(0,0,0,.14);
  --ui-blue:#0071e3;
  --ui-blue-hover:#0077ed;
  --ui-blue-soft:#edf6ff;
  --ui-green:#248a3d;
  --ui-green-soft:#eef8f0;
  --ui-amber:#9a6d12;
  --ui-amber-soft:#fff8e8;
  --ui-radius-sm:12px;
  --ui-radius:20px;
  --ui-radius-lg:28px;
  --ui-shadow-sm:0 8px 26px rgba(0,0,0,.05);
  --ui-shadow:0 18px 55px rgba(0,0,0,.07);
  --ui-nav-h:54px;
  --ui-container:1200px;
  --ui-copy:72ch;
}

*{box-sizing:border-box}
html{background:var(--ui-bg)!important;color-scheme:light!important;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
body{margin:0;background:var(--ui-bg)!important;color:var(--ui-text)!important;font:16px/1.66 -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;letter-spacing:-.008em!important;overflow-x:clip}
main{background:var(--ui-bg)!important;overflow:clip}
img,svg,video,canvas,picture{max-width:100%;height:auto}
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{margin-top:0;color:var(--ui-text)!important;text-wrap:balance;overflow-wrap:normal}
p,li,dd,figcaption{overflow-wrap:break-word}
p{color:var(--ui-text-2)!important;text-wrap:pretty}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3,html[lang^="zh"] h4{line-break:strict;word-break:normal;text-wrap:balance}

/* Header */
.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(251,251,253,.9)!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:0 1px 0 rgba(0,0,0,.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:740!important;letter-spacing:-.02em!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(14px,1.7vw,24px)!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:620!important;text-decoration:none!important;white-space:nowrap!important}
.navlinks a:hover,.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,.82)!important;color:#45464c!important;box-shadow:none!important;text-decoration:none!important;font-size:12px!important;font-weight:680!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:var(--ui-blue)!important;border-color:var(--ui-blue)!important;color:#fff!important}
.nav-download:hover{background:var(--ui-blue-hover)!important;border-color:var(--ui-blue-hover)!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)}

/* Controls */
.eyebrow,.kicker,.meta{color:#5c5d64!important;font-size:12px!important;font-weight:700!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:690!important;text-decoration:none!important;line-height:1.2!important;box-shadow:none!important;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.btn:hover{transform:translateY(-1px)}
.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:#fff!important;border-color:var(--ui-line)!important;color:#0066cc!important}
.actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}

/* Global light surfaces */
.page-hero,.page-section,.page-section.alt,.flag-section,.flag-section.alt,.flag-section.soft,.trust-section,.faq-section,.os-intro,.problem-strip,.final-cta,.early-access{color:var(--ui-text)!important}
.page-hero,.flag-section,.page-section,.os-intro{background:#fff!important}
.page-section.alt,.flag-section.alt,.flag-section.soft,.trust-section,.faq-section,.problem-strip,.final-cta,.early-access{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,.problem-strip h2,.problem-strip h3,.final-cta h2,.early-access h2{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,.problem-strip p,.final-cta p,.early-access p{color:var(--ui-text-2)!important}

/* Internal page hero */
body:not(.route-home) .page-hero{padding:64px 0 44px!important;background:linear-gradient(180deg,#fff 0%,#f7f7f9 100%)!important;border-bottom:1px solid rgba(0,0,0,.045)!important;text-align:left!important}
body:not(.route-home) .page-hero>.shell,body:not(.route-home) .page-hero.shell{max-width:1040px!important;margin-inline:auto!important}
body:not(.route-home) .page-hero h1{max-width:20ch!important;margin:9px 0 16px!important;font-size:clamp(40px,4.5vw,52px)!important;line-height:1.07!important;letter-spacing:-.04em!important;font-weight:720!important}
html[lang^="zh"] body:not(.route-home) .page-hero h1{max-width:18em!important;letter-spacing:-.025em!important}
body:not(.route-home) .page-hero p{max-width:var(--ui-copy)!important;margin:0!important;font-size:17px!important;line-height:1.66!important}
body:not(.route-home) .page-hero .actions{margin-top:22px!important}

/* Section rhythm */
.flag-section,.flag-section.alt,.flag-section.soft,.page-section,.page-section.alt{padding:68px 0!important}
.flag-head{max-width:940px!important;margin-bottom:28px!important}
.flag-head.center{margin-inline:auto!important;text-align:center!important}
.flag-head h2,.page-section h2,.os-intro-head h2,.problem-strip h2{max-width:24ch!important;margin:7px 0 12px!important;font-size:clamp(30px,3.2vw,40px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:700!important}
html[lang^="zh"] .flag-head h2,html[lang^="zh"] .page-section h2,html[lang^="zh"] .os-intro-head h2,html[lang^="zh"] .problem-strip h2{max-width:18em!important;letter-spacing:-.02em!important}
.flag-head.center h2,.os-intro-head h2{margin-inline:auto!important}
.flag-head p,.page-section p,.os-intro-head p{max-width:var(--ui-copy)!important;margin-top:0!important;font-size:16px!important;line-height:1.7!important}
.flag-head.center p,.os-intro-head p{margin-inline:auto!important}

/* Cards and panels */
.flag-grid-2,.flag-grid-3,.flag-grid-4,.dev-depth,.trust-grid,.grid,.problem-grid{gap:14px!important}
.flag-card,.dev-tile,.trust-panel,.card,.path-card,.value-card,.download-card,.faq-list details,.problem-card{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,.problem-card{min-height:0!important;padding:22px!important}
.flag-card.large{min-height:0!important;padding:26px!important}
.flag-card h3,.dev-tile h3,.trust-panel h3,.card h3,.path-card h3,.value-card h3,.download-card h3,.problem-card h3{color:var(--ui-text)!important;margin:9px 0 7px!important;font-size:20px!important;line-height:1.26!important;letter-spacing:-.025em!important}
.flag-card p,.dev-tile p,.trust-panel p,.card p,.path-card p,.value-card p,.download-card p,.problem-card p{color:#65666d!important;font-size:14.5px!important;line-height:1.62!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:720!important;letter-spacing:0!important}
.status-pill.verified{color:var(--ui-green)!important;background:var(--ui-green-soft)!important;border-color:#cce7d2!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(0,0,0,.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:52px 0 24px!important;background:linear-gradient(180deg,#fff 0,#f6f7f9 100%)!important}
.route-home .hero-copy{max-width:980px!important;margin:0 auto 22px!important;text-align:center!important}
.route-home .stage-badge{margin:0 auto 12px!important}
.route-home .eyebrow{margin-bottom:4px!important}
.route-home .hero h1{max-width:18ch!important;margin:5px auto 14px!important;font-size:clamp(44px,5vw,58px)!important;line-height:1.06!important;letter-spacing:-.045em!important;font-weight:720!important;background:none!important;color:var(--ui-text)!important;-webkit-text-fill-color:initial!important}
html[lang^="zh"] .route-home .hero h1{max-width:16em!important;font-size:clamp(40px,4.5vw,54px)!important;line-height:1.1!important;letter-spacing:-.025em!important}
.route-home .hero-subtitle{max-width:760px!important;margin:0 auto!important;color:#5e5f66!important;font-size:18px!important;line-height:1.62!important}
.route-home .hero .actions{justify-content:center!important;margin-top:21px!important}
.route-home .hero-visual{width:min(94vw,1280px)!important;margin:22px 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:68px 0 60px!important;background:#fff!important}
.os-intro-head{max-width:880px!important;margin:0 auto 26px!important;text-align:center!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:21px!important;border:1px solid var(--ui-line)!important;border-radius:20px!important;background:#f8f9fb!important;box-shadow:none!important}
.os-feature-icon{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;margin-bottom:14px!important;border-radius:13px!important;background:#fff!important;color:var(--ui-blue)!important;box-shadow:0 5px 18px rgba(0,0,0,.05)!important}
.os-feature h3{margin:0 0 6px!important;font-size:19px!important;line-height:1.24!important}
.os-feature p{margin:0!important;font-size:14px!important;line-height:1.58!important}
.problem-strip{padding:66px 0!important;border-block:1px solid var(--ui-line)!important}
.problem-strip .kicker,.problem-card .meta{color:#5c5d64!important}
.problem-card{background:#fff!important}

/* Scenarios and permission controls */
.scenario-wrap{margin-top:18px!important;border:1px solid var(--ui-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--ui-shadow-sm)!important;overflow:hidden!important}
.scenario-copy,.scenario-result{padding:22px!important}
.scenario-copy{background:#fff!important}.scenario-result{background:#f3f6fa!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:16px!important;border-radius:22px!important;background:#eef2f7!important;box-shadow:var(--ui-shadow-sm)!important}
.permission-window{background:#fff!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:52px 0 40px!important}
.route-status .roadmap-strip{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:21px!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:630!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:#cce7d2!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:#fff!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:720!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 var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:#fff!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 / prose — no black code panels */
.route-developers .dev-depth{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.dev-tile{padding:22px!important}
.dev-tile .code,.dev-console,.prose pre,.article-container pre,pre{overflow:auto!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:#f1f2f5!important;color:#303139!important;box-shadow:none!important}
.dev-tile .code{padding:16px!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:16px!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}

/* Misc routes */
.route-privacy .v9-product-visual,.route-security .v9-product-visual{max-width:1180px!important;margin-inline:auto!important}
.control-grid,.capability-grid,.boundary-grid,.scenario-grid{gap:14px!important}
.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,.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-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:690!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}

/* CTA — light and compact */
.final-cta,.early-access{padding:66px 0!important;background:#f5f5f7!important;color:var(--ui-text)!important;text-align:center!important;border-top:1px solid var(--ui-line)!important;border-bottom:1px solid var(--ui-line)!important}
.final-cta h2,.early-access h2,.final-cta h3,.early-access h3{max-width:24ch!important;margin:0 auto 14px!important;color:var(--ui-text)!important;font-size:clamp(30px,3.1vw,40px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:700!important}
html[lang^="zh"] .final-cta h2,html[lang^="zh"] .early-access h2{max-width:18em!important}
.final-cta p,.early-access p{max-width:var(--ui-copy)!important;margin:0 auto 22px!important;color:var(--ui-text-2)!important;font-size:16px!important;line-height:1.68!important}
.final-cta .actions,.early-access .actions{justify-content:center!important}
.final-cta .btn.secondary,.early-access .btn.secondary{background:#fff!important;border-color:var(--ui-line)!important;color:#0066cc!important}
.future-note,.expectation{max-width:900px!important;margin:24px auto 0!important;padding-top:15px!important;border-top:1px solid var(--ui-line)!important;color:#77787f!important;font-size:11.5px!important;line-height:1.55!important}

/* Footer */
.footer{margin-top:0!important;padding:34px 0 22px!important;background:#f5f5f7!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:690!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}

:focus-visible{outline:3px solid rgba(0,113,227,.30)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;transform: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(0,0,0,.12)!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:20px!important;background:rgba(252,252,254,.98)!important;box-shadow:0 20px 65px rgba(0,0,0,.16)!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:12px!important;color:#2b2c31!important;background:transparent!important;font-size:16px!important;line-height:1.25!important;font-weight:650!important;letter-spacing:-.02em!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:38px 0 30px!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(30px,8.5vw,36px)!important;line-height:1.12!important;letter-spacing:-.03em!important;max-width:none!important}html[lang^="zh"] body:not(.route-home) .page-hero h1{font-size:clamp(29px,8vw,35px)!important;line-height:1.16!important;letter-spacing:-.018em!important;word-break:normal!important}body:not(.route-home) .page-hero p{font-size:15.5px!important;line-height:1.68!important}body:not(.route-home) .page-hero .actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:19px!important}body:not(.route-home) .page-hero .actions .btn{width:100%!important}
  .route-home .hero{padding:32px 0 17px!important}.route-home .hero-copy{margin-bottom:15px!important}.route-home .stage-badge{font-size:11.5px!important;margin-bottom:10px!important}.route-home .eyebrow{font-size:12px!important;margin-bottom:4px!important}.route-home .hero h1{font-size:clamp(32px,8.8vw,38px)!important;line-height:1.1!important;max-width:none!important;margin:4px auto 12px!important;letter-spacing:-.032em!important}html[lang^="zh"] .route-home .hero h1{font-size:clamp(31px,8.2vw,37px)!important;line-height:1.14!important;max-width:none!important;word-break:normal!important}.route-home .hero-subtitle{font-size:16px!important;line-height:1.64!important;max-width:24em!important}.route-home .hero .actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;margin-top:18px!important}.route-home .hero .actions .btn.primary{width:100%!important;min-height:46px!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:14px!important}.route-home .device-screen{border-radius:18px!important}
  .route-home .os-intro{padding:48px 0 44px!important}.os-intro-head{margin-bottom:19px!important;text-align:left!important}.flag-section,.flag-section.alt,.flag-section.soft,.page-section,.page-section.alt,.problem-strip{padding:50px 0!important}.flag-head{margin-bottom:20px!important}.flag-head.center{text-align:left!important}.flag-head h2,.page-section h2,.os-intro-head h2,.problem-strip h2{font-size:clamp(26px,7vw,32px)!important;line-height:1.16!important;letter-spacing:-.025em!important;max-width:none!important;margin:6px 0 10px!important}.flag-head p,.page-section p,.os-intro-head p{font-size:15.5px!important;line-height:1.68!important;margin-left:0!important;margin-right:0!important}.os-feature-grid{grid-template-columns:1fr!important;gap:9px!important}.os-feature{padding:18px!important;border-radius:18px!important}.os-feature-icon{width:40px!important;height:40px!important;margin-bottom:11px!important}.os-feature h3{font-size:18px!important}.os-feature p{font-size:14px!important}.problem-grid{grid-template-columns:1fr!important;gap:9px!important}.problem-card{padding:18px!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:18px!important}.flag-card h3,.dev-tile h3,.trust-panel h3{font-size:19px!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:19px!important;box-shadow:0 13px 38px rgba(0,0,0,.08)!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:18px!important}.permission-window{padding:17px!important}
  .route-status .page-hero{padding:34px 0 28px!important}.route-status .roadmap-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:17px!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:52px 0!important}.final-cta h2,.early-access h2{font-size:clamp(26px,7vw,32px)!important;line-height:1.16!important;max-width:none!important}.final-cta p,.early-access p{font-size:15.5px!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:31px!important}.os-intro-head h2,.flag-head h2,.page-section h2,.problem-strip h2{font-size:26px!important}.route-status .roadmap-strip{grid-template-columns:1fr!important}
}