/* KaiOpen shared tokens: integrated into the existing prototype, not a separate style guide. */
:root{--bg:#081321;--surface:#0d1e30;--raised:#12283e;--ink:#edf3f9;--muted:#9baec2;--line:#263b50;--accent:#94d7df;--blue:#3974ab;--max:1320px;--space:clamp(24px,5vw,80px);--radius:10px;color-scheme:dark;font:16px/1.65 'Segoe UI',Arial,sans-serif}
:root[data-theme=light]{--bg:#f4f7f8;--surface:#fff;--raised:#e4edf1;--ink:#152d42;--muted:#4d6477;--line:#cbd8df;--accent:#206575;--blue:#326b9b;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,input{touch-action:manipulation}button{background:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default;color:var(--muted)}[hidden]{display:none!important}::selection{background:#477f9b;color:white}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--bg);z-index:100;padding:12px}.skip:focus{top:12px}.wrap{max-width:var(--max);margin:auto;padding-left:var(--space);padding-right:var(--space)}.boot{padding:15vh 8vw;color:var(--muted)}.header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:28px;min-height:82px}.brand{font-size:25px;letter-spacing:-1px;font-weight:650;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;font-weight:500;color:var(--accent);margin-right:8px}.desktop-nav{display:flex;gap:25px;margin:auto;font-size:12px;color:var(--muted)}.desktop-nav a:hover,.footer a:hover{color:var(--accent)}.controls{display:flex;align-items:center;gap:8px}.control{border:1px solid var(--line);border-radius:5px;padding:7px 10px;font-size:11px;min-height:36px}.menu-button{display:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--accent);text-transform:uppercase}.quiet{color:var(--muted)}.hero{padding-top:75px;padding-bottom:0;position:relative;overflow:hidden;min-height:690px;display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:10px}.hero-copy{z-index:2;padding:30px 0 100px}.hero h1{font-size:clamp(42px,5.7vw,78px);font-weight:500;line-height:1.08;letter-spacing:-3.5px;margin:26px 0}.hero h1 span{color:var(--accent)}.hero p.lead{max-width:420px;font-size:16px;color:var(--muted)}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;border:1px solid var(--line);border-radius:5px;font-size:12px;font-weight:550}.button:hover{background:var(--raised);border-color:var(--muted)}.button.primary{color:#0b2635;background:#b5e1e5;border-color:#b5e1e5}.button.primary:hover{background:#d6f2f4}.hero-meta{margin-top:40px;display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);letter-spacing:.8px}.dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block}.hero-art{position:relative;width:650px;height:560px;max-width:130%;margin-left:-55px}.hero-art svg{width:100%;height:100%;overflow:visible}.art-label{position:absolute;font:9px 'Segoe UI',sans-serif;letter-spacing:2px;bottom:42px;right:60px;color:var(--muted)}.hero-art:after{content:'';position:absolute;inset:55% 0 -5%;background:radial-gradient(ellipse,#4a97bf25,transparent 65%);pointer-events:none}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0;font-size:10px;color:var(--muted);letter-spacing:1px}.section{padding-top:95px;padding-bottom:95px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-heading h2,h2.big{font-weight:450;font-size:clamp(30px,3.5vw,46px);line-height:1.18;letter-spacing:-1.5px;margin:14px 0 0}.section-heading>p{font-size:13px;color:var(--muted);max-width:350px;margin:0}.index{font-size:10px;color:var(--muted);letter-spacing:1px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.map-canvas{position:relative;min-height:570px;background:radial-gradient(ellipse,var(--raised),transparent 70%)}.network{position:absolute;inset:0;width:100%;height:100%;color:var(--blue);opacity:.6}.network path,.network circle{vector-effect:non-scaling-stroke}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--blue);border-radius:50%;background:var(--bg);box-shadow:0 0 0 13px var(--bg),0 0 0 14px var(--line)}.map-center b{font-weight:500;font-size:23px;letter-spacing:-1px}.map-center small{font-size:8px;letter-spacing:2px;color:var(--muted)}.node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:150px;padding:11px 6px;background:var(--bg);border:1px solid var(--line);border-radius:5px;text-align:center;transition:border-color .2s,background .2s}.node strong{display:block;font-size:11px;font-weight:550;line-height:1.5}.node small{display:block;font-size:8px;color:var(--muted)}.node .node-icon{font-size:18px;line-height:1.2;color:var(--accent);display:block;margin-bottom:4px}.node:hover,.node[aria-pressed=true]{border-color:var(--accent);background:var(--raised)}.node[aria-pressed=true]:after{content:'';position:absolute;bottom:-4px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--accent)}.map-detail{background:var(--surface);border-left:1px solid var(--line);padding:30px;display:flex;flex-direction:column;justify-content:center}.map-detail h3{font-size:27px;font-weight:450;line-height:1.25;letter-spacing:-.6px;margin:18px 0}.map-detail p{font-size:12px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:var(--accent)}.map-detail .button{margin-top:20px}.source-note{color:var(--muted);font-size:10px;line-height:1.7;margin:18px 0 0}.apps-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;border:1px solid var(--line)}.app-card{min-width:0;padding:30px;display:flex;flex-direction:column;min-height:380px;border-right:1px solid var(--line)}.app-card:last-child{border:0}.app-card.featured{background:linear-gradient(145deg,var(--surface),var(--bg))}.app-card h3{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:24px 0 12px}.app-card p{font-size:12px;color:var(--muted);margin:0 0 22px}.app-card .button{margin-top:auto;align-self:start}.mini-estimate{margin:8px 0 25px;border:1px solid var(--line);border-radius:6px;padding:16px;font-size:10px;color:var(--muted)}.mini-estimate b{font-size:25px;line-height:1.4;color:var(--ink);font-weight:450;display:block;letter-spacing:-.8px}.mini-bars{display:flex;gap:4px;align-items:end;height:32px;margin-top:10px}.mini-bars i{background:var(--blue);width:14%;opacity:.6}.mini-bars i:nth-child(2n){background:var(--accent)}.app-glyph{height:100px;display:flex;align-items:center;color:var(--blue);font-size:55px;font-weight:200}.text-link{color:var(--accent);font-size:12px;display:inline-block;border-bottom:1px solid var(--line);padding-bottom:3px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.knowledge-card{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.knowledge-card .number{font-size:11px;color:var(--muted)}.knowledge-card h3{font-size:24px;font-weight:450;margin:26px 0 10px}.knowledge-card p{font-size:12px;color:var(--muted);min-height:62px}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 0}.pill{font-size:9px;letter-spacing:1px;border:1px solid var(--line);border-radius:30px;padding:5px 12px;color:var(--muted)}.community{display:grid;grid-template-columns:1fr 1fr;gap:70px}.community h2{margin-bottom:25px}.community>div>p{font-size:13px;color:var(--muted);max-width:440px}.community-list{border-top:1px solid var(--line)}.community-item{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px 1fr auto;gap:14px;align-items:start}.community-item>span{color:var(--accent);font-size:13px}.community-item h3{font-size:16px;font-weight:500;margin:0}.community-item p{font-size:11px;color:var(--muted);margin:6px 0}.arrow{padding:7px 12px;border:1px solid var(--line);border-radius:50%;min-width:40px}.vision{background:radial-gradient(ellipse at 100% 0,var(--raised),transparent 60%)}.vision-intro{max-width:740px}.vision-intro h2{font-size:clamp(32px,4vw,55px);font-weight:450;letter-spacing:-2px;line-height:1.15;margin:20px 0 30px}.vision-intro p{color:var(--muted);font-size:14px;max-width:560px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}.roadmap article{border-top:1px solid var(--line);padding:22px 30px 10px 0}.roadmap h3{font-size:17px;font-weight:500}.roadmap p{font-size:12px;color:var(--muted)}.roadmap small{font-size:9px;color:var(--accent);letter-spacing:1px}.technical{border:1px solid var(--line);border-radius:5px;margin:45px 0 0;font-size:12px}.technical summary{padding:17px 20px;cursor:pointer;color:var(--muted)}.technical-content{padding:0 25px 25px}.technical-content h3{font-size:18px;font-weight:500;margin:25px 0 8px}.technical-content p,.technical-content li{color:var(--muted)}.inventory{overflow:auto}.inventory table{width:100%;border-collapse:collapse;font-size:11px;min-width:600px;text-align:left}.inventory td,.inventory th{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.inventory th{font-size:10px;color:var(--accent)}.flow{padding:12px 0;border-bottom:1px solid var(--line)}.flow b{color:var(--ink);display:block;font-weight:500}.flow span{display:block;color:var(--muted);margin-top:5px}.token-swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{padding:10px 15px;border:1px solid var(--line);font-size:10px}.footer{padding-top:45px;padding-bottom:35px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:35px}.footer p{font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:22px;font-size:11px;color:var(--muted);flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;gap:20px}.mobile-nav{padding-bottom:20px;display:flex;flex-wrap:wrap;gap:20px}.mobile-nav a{font-size:13px;padding:8px}.modal{max-width:660px;width:calc(100% - 40px);max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:35px}.modal::backdrop{background:#020b17bb;backdrop-filter:blur(4px)}.modal h2{font-size:30px;line-height:1.25;font-weight:450;letter-spacing:-1px}.modal p,.modal li{font-size:13px;color:var(--muted)}.modal-close{float:right;min-width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:22px}.modal .button{margin-top:20px}.modal ul{padding-left:20px}.error-note{padding:20px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.orbit-dot{transform-origin:500px 300px;animation:orbit 60s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero-art{width:690px}}
@media(max-width:1100px){.desktop-nav{gap:15px}.header-inner{gap:18px}.hero{min-height:610px;padding-top:50px}.hero-art{width:570px;margin-left:-80px}.hero h1{font-size:58px}.map-layout{grid-template-columns:minmax(0,1fr) 260px}.map-detail{padding:22px}.node{width:125px}.map-canvas{min-height:530px}.app-card{padding:24px}.community{gap:40px}}
@media(max-width:900px){.desktop-nav{display:none}.controls{margin-left:auto}.menu-button{display:block}.hero{min-height:560px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:49px;letter-spacing:-2px}.hero-art{width:470px;height:450px;margin-left:-110px}.hero-copy{padding-bottom:60px}.hero p.lead{font-size:14px}.map-layout{grid-template-columns:1fr}.map-canvas{min-height:580px}.map-detail{border-left:0;border-top:1px solid var(--line);min-height:230px;display:block}.map-detail h3{font-size:24px;margin:10px 0}.map-detail .button{margin-top:10px}.apps-grid{grid-template-columns:1fr 1fr}.app-card.featured{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);min-height:320px}.app-card:last-child{border-left:1px solid var(--line)}.knowledge-card{padding:22px}.community{grid-template-columns:1fr;gap:25px}.section{padding-top:70px;padding-bottom:70px}}
@media(max-width:600px){:root{--space:22px}.header-inner{min-height:72px;gap:8px}.brand{font-size:23px}.control{padding:7px 9px}.hero{grid-template-columns:1fr;padding-top:30px;min-height:0;gap:0}.hero-copy{padding:12px 0 0}.hero h1{font-size:47px;letter-spacing:-2.5px;max-width:450px}.hero p.lead{max-width:340px;font-size:14px}.hero .eyebrow{font-size:9px}.ctas{gap:10px;margin-top:25px}.button{padding:12px 15px;font-size:11px;gap:14px}.hero-meta{margin-top:24px;font-size:8px}.hero-art{width:100%;max-width:100%;height:300px;margin:0;pointer-events:none}.art-label{bottom:20px;right:12px;font-size:8px}.hero-bottom{font-size:8px;gap:15px;padding:18px 0}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:100%;font-size:12px}.section-heading h2{font-size:32px}.map-canvas{min-height:0;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface)}.network,.map-center{display:none}.node{position:relative;left:auto;top:auto;transform:none;width:100%;min-height:100px;padding:12px 8px;text-align:left}.node strong{font-size:11px}.node small{font-size:8px}.node .node-icon{font-size:19px}.map-detail{padding:23px;min-height:260px}.map-detail p{font-size:12px}.apps-grid{grid-template-columns:1fr}.app-card{border-right:0;border-bottom:1px solid var(--line);min-height:300px;padding:25px}.app-card:last-child{border:0}.app-card.featured{grid-column:auto}.app-card h3{margin-top:20px}.knowledge-grid{grid-template-columns:1fr}.knowledge-card{padding:25px}.knowledge-card h3{margin-top:16px}.knowledge-card p{min-height:0;margin-bottom:20px}.community h2{font-size:34px}.roadmap{grid-template-columns:1fr;margin-top:35px}.roadmap article{padding:20px 0}.vision-intro h2{font-size:38px;letter-spacing:-1.5px}.footer-top,.footer-bottom{flex-direction:column}.footer-links{gap:18px}.modal{padding:25px}.modal h2{font-size:27px}.technical-content{padding:0 18px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.app-card.master-build-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:28px;min-height:0;margin:0 0 24px;border:1px solid var(--line);background:var(--surface)}
.master-build-card h3{margin:12px 0 8px;font-size:28px}.master-build-card p{max-width:660px;margin:0 0 12px}.master-build-card .button{margin:0;white-space:nowrap}.master-build-symbol{display:grid;place-items:center;width:74px;height:74px;border:1px solid var(--line);border-radius:16px;color:var(--accent);font-size:48px;background:var(--bg)}.master-build-card .quiet{font-size:13px}
@media(max-width:800px){.app-card.master-build-card{grid-template-columns:1fr;gap:20px;padding:24px}.master-build-symbol{display:none}.master-build-card .button{justify-self:start}}

/* Official logo: dark-background file on dark theme, colour file on light theme. */
.ko-logo{display:block;height:38px;width:auto}.ko-logo-light{display:none}:root[data-theme=light] .ko-logo-dark{display:none}:root[data-theme=light] .ko-logo-light{display:block}