/* KINGAI OS V11 — operating-system product experience, Aug 2026 */
:root{--os-bg:#f5f5f7;--os-surface:rgba(255,255,255,.78);--os-surface-solid:#fff;--os-text:#111114;--os-muted:#6e6e73;--os-line:rgba(0,0,0,.08);--os-blue:#0071e3;--os-blue-2:#2997ff;--os-green:#1a9b63;--os-shadow:0 30px 90px rgba(22,28,45,.14);--os-radius:32px}
html,body{background:var(--os-bg)!important;color:var(--os-text)!important}body{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}
.topbar{background:rgba(246,246,248,.78)!important;border-bottom:1px solid rgba(0,0,0,.055)!important;backdrop-filter:saturate(180%) blur(26px)!important;-webkit-backdrop-filter:saturate(180%) blur(26px)!important}.nav{min-height:56px!important}.brand{font-size:15px!important}.brand-mark{width:26px!important;height:26px!important}.navlinks{font-size:12px!important;gap:clamp(15px,1.5vw,24px)!important}.navlinks a{padding:20px 0 18px!important}.navlinks a.active::after{bottom:11px!important;height:1.5px!important}.nav-download,.lang{min-height:34px!important;font-size:12px!important}.nav-download{padding:0 14px!important;background:#111!important;border-color:#111!important;box-shadow:none!important}.nav-download:hover{background:#2a2a2d!important;border-color:#2a2a2d!important}
.hero{padding:78px 0 42px!important;background:radial-gradient(circle at 50% -10%,#fff 0,#f5f5f7 48%,#ececf0 100%)!important;border-bottom:0!important;overflow:hidden}.hero:before{display:none!important}.hero-grid{display:block!important}.hero-copy{max-width:1020px;margin:0 auto 38px;text-align:center}.stage-badge{margin:0 auto 18px!important;background:rgba(0,113,227,.08)!important;color:#0066cc!important;border-color:rgba(0,113,227,.13)!important}.stage-badge:before{background:#0071e3!important;box-shadow:0 0 0 4px rgba(0,113,227,.08)!important}.eyebrow,.kicker{color:#5d5d63!important;letter-spacing:.03em!important;text-transform:none!important;font-size:14px!important;font-weight:650!important}.hero h1{max-width:none!important;margin:10px auto 18px!important;font-size:clamp(58px,7vw,104px)!important;line-height:.94!important;letter-spacing:-.064em!important;font-weight:760!important;background:linear-gradient(100deg,#141416 10%,#3b3b42 48%,#0071e3 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}.hero-subtitle{max-width:760px!important;margin:0 auto!important;color:#56565c!important;font-size:clamp(20px,2.1vw,29px)!important;line-height:1.35!important;font-weight:480}.hero .actions{justify-content:center!important;margin-top:28px!important}.btn{border-radius:999px!important;min-height:44px!important;padding:0 20px!important}.btn.primary{background:#0071e3!important;border-color:#0071e3!important;box-shadow:none!important}.btn.primary:hover{background:#0077ed!important}.btn.secondary{border-color:transparent!important;background:transparent!important;color:#0066cc!important}.btn.secondary:hover{background:rgba(0,113,227,.06)!important}.hero-proof{justify-content:center!important;color:#77777e!important}.hero-proof span:before{color:#179b62!important}.hero-visual{max-width:1440px!important;margin:0 auto!important}.device-shell{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.device-screen{border-radius:34px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 38px 110px rgba(16,28,60,.20),0 0 0 1px rgba(0,0,0,.04)!important;background:#dfe7f3!important}.device-screen img{width:100%!important;display:block!important}.preview-label{max-width:1180px!important;color:#77777d!important}.preview-label strong{color:#55555a!important}
.os-intro{padding:112px 0 86px;background:#fff}.os-intro-head{max-width:900px;margin:0 auto 48px;text-align:center}.os-intro-head h2{font-size:clamp(44px,5.2vw,76px);line-height:1.02;letter-spacing:-.052em;margin:10px 0 18px}.os-intro-head p{max-width:740px;margin:0 auto;color:#6a6a70;font-size:20px;line-height:1.5}.os-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.os-feature{min-height:240px;padding:26px;border-radius:28px;background:#f5f5f7;border:1px solid rgba(0,0,0,.035);position:relative;overflow:hidden}.os-feature:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(41,151,255,.18),transparent 68%)}.os-feature-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:34px;background:linear-gradient(145deg,#fff,#e7ebf1);box-shadow:0 8px 24px rgba(36,54,83,.10);font-weight:800;color:#0671df}.os-feature h3{font-size:22px;letter-spacing:-.025em;margin:0 0 8px}.os-feature p{margin:0;color:#6a6a70;font-size:15px;line-height:1.55}
.problem-strip{padding:94px 0!important;background:#09090b!important}.problem-strip h2{font-size:clamp(40px,5vw,70px)!important;line-height:1.02!important;letter-spacing:-.05em!important;max-width:940px!important}.problem-grid{gap:18px!important;background:transparent!important;border:0!important;border-radius:0!important}.problem-card{border-radius:24px!important;background:#17171a!important;border:1px solid rgba(255,255,255,.07)!important}.problem-card h3{font-size:23px!important}.problem-card p{color:#adadb5!important}.problem-card .meta{color:#66b6ff!important}
.flag-section,.flag-section.soft,.flag-section.alt,.page-section,.page-section.alt{padding:104px 0!important;background:#fff!important;color:#111!important}.flag-section.alt,.page-section.alt{background:#f5f5f7!important}.flag-head{max-width:950px!important}.flag-head.center{margin:0 auto 38px!important;text-align:center!important}.flag-head h2,.page-section h2{color:#111114!important;font-size:clamp(42px,5vw,72px)!important;line-height:1.03!important;letter-spacing:-.05em!important}.flag-head p,.page-section p{color:#6d6d73!important;font-size:18px!important;line-height:1.58!important}.v9-product-visual,.os-stage{border-radius:32px!important;overflow:hidden!important;background:#e9ecf2!important;box-shadow:var(--os-shadow)!important;border:1px solid rgba(0,0,0,.05)!important}.v9-product-visual img,.os-stage img{width:100%!important}.scenario-wrap{background:#fff!important;border-color:rgba(0,0,0,.07)!important;box-shadow:0 18px 54px rgba(20,30,50,.08)!important}.scenario-copy{background:#fff!important}.scenario-copy .prompt{background:#f2f2f5!important;color:#171719!important}.scenario-copy .prompt:before{color:#86868b!important}.scenario-steps li{color:#4d4d52!important}.scenario-steps li:before{background:#eaf4ff!important;color:#0066cc!important}.scenario-result{background:linear-gradient(145deg,#edf5ff,#f7f7fa)!important}.scenario-result .result-card{background:#fff!important;border-color:rgba(0,0,0,.06)!important;box-shadow:none!important}.result-row{border-color:#ececef!important;color:#6a6a70!important}.result-row strong,.result-card .result-head b{color:#171719!important}.result-card .safe{background:#e9f7ef!important;color:#147a47!important}.permission-demo{background:linear-gradient(145deg,#dfe7f4,#f6f8fb)!important;box-shadow:var(--os-shadow)!important}.permission-window{background:rgba(255,255,255,.92)!important;color:#161618!important;backdrop-filter:blur(20px)!important}.permission-title p,.permission-detail{color:#6a6a70!important}.permission-detail{background:#f3f3f5!important}.permission-actions span{border-color:#dadadd!important}.permission-actions .allow{background:#0071e3!important;color:#fff!important}
.dev-depth{gap:18px!important}.dev-tile,.trust-panel,.faq-list details{background:#fff!important;border-color:rgba(0,0,0,.07)!important;color:#111114!important;box-shadow:none!important}.dev-tile .code{background:#151517!important;color:#dce8f8!important}.dev-tile p,.trust-panel p,.faq-list details p{color:#6b6b72!important}.dev-links a,.faq-list details a{color:#0066cc!important}.trust-section,.faq-section{background:#f5f5f7!important}.trust-stat,.feedback-card{background:#f5f5f7!important}.trust-stat span,.feedback-card small{color:#74747a!important}.feedback-card p{color:#333338!important}
.page-hero{padding:100px 0 64px!important;background:linear-gradient(180deg,#fff,#f5f5f7)!important;text-align:center}.page-hero .shell{max-width:1000px!important}.page-hero h1{max-width:none!important;font-size:clamp(56px,7vw,96px)!important;line-height:.98!important;letter-spacing:-.06em!important}.page-hero p{max-width:760px!important;margin:0 auto!important;color:#616168!important;font-size:22px!important;line-height:1.45!important}.page-hero .actions{justify-content:center!important}.final-cta,.early-access{padding:104px 0!important;background:#09090b!important}.final-cta h2,.early-access h2{color:#fff!important;font-size:clamp(42px,5vw,72px)!important;line-height:1.03!important;letter-spacing:-.05em!important}.final-cta p,.early-access p{color:#aaaab1!important;font-size:18px!important}.final-cta .actions{justify-content:center!important}.footer{background:#f5f5f7!important;border-top:1px solid rgba(0,0,0,.05)!important;color:#444!important}.footer p,.footer a,.development-disclaimer{color:#6e6e73!important}
@media(max-width:1023px){.os-feature-grid{grid-template-columns:1fr 1fr}.hero{padding-top:64px!important}.hero-copy{margin-bottom:30px}.hero h1{font-size:clamp(54px,12vw,82px)!important}.device-screen{border-radius:24px!important}.nav{min-height:54px!important}}@media(max-width:767px){.hero{padding:54px 0 30px!important}.shell{width:min(calc(100% - 30px),1200px)!important}.hero h1{font-size:clamp(48px,14vw,68px)!important;line-height:.98!important}.hero-subtitle{font-size:20px!important}.hero-proof{display:none!important}.device-screen{border-radius:20px!important}.preview-label{padding:0 4px!important}.os-intro,.flag-section,.flag-section.soft,.flag-section.alt,.page-section,.page-section.alt{padding:72px 0!important}.os-feature-grid{grid-template-columns:1fr}.os-feature{min-height:190px}.os-feature-icon{margin-bottom:24px}.problem-strip{padding:72px 0!important}.problem-grid{grid-template-columns:1fr!important}.flag-head h2,.page-section h2{font-size:42px!important}.page-hero{padding:72px 0 44px!important}.page-hero h1{font-size:50px!important}.page-hero p{font-size:19px!important}.scenario-wrap{border-radius:20px!important}.v9-product-visual,.os-stage{border-radius:22px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}