@import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@400;500;600;700;800&display=swap');
:root{
  color-scheme:dark;
  --blue-950:#02020b;--blue-900:#030312;--blue-850:#06062a;--blue-800:#09094a;--blue-700:#0c0c78;--blue-600:#0f0fb9;--blue-500:#0f0fed;--blue-400:#4a4af2;--blue-300:#8585f8;--blue-200:#b7b7fb;--blue-100:#e3e3fe;--blue-50:#f7f7ff;
  --text:var(--blue-50);--muted:#aaaadc;--line:#b7b7fb22;--line-strong:#b7b7fb48;--surface:#06062ae6;--surface-raised:#09094ae8;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
  --radius-1:8px;--radius-2:12px;--radius-3:18px;--radius-pill:999px;
  font-family:'Baloo Chettan 2',Arial,sans-serif;color:var(--text);background:var(--blue-900)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:hidden}body{margin:0;background:var(--blue-900);overflow-x:hidden}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue-200);outline-offset:3px}.skip{position:fixed;top:-80px;left:20px;z-index:50;padding:14px 18px;background:var(--blue-500);border-radius:var(--radius-2)}.skip:focus{top:16px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#system-space{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.page-vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#030312ee 0,#030312b8 18%,transparent 55%),linear-gradient(0deg,#030312aa,transparent 24%)}
.system-header{position:fixed;z-index:30;inset:0 0 auto;height:76px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#030312f4,#030312c9 65%,#03031200);backdrop-filter:blur(6px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-.03em}.brand img{width:27px;height:auto;filter:brightness(0) invert(1)}.header-title{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--blue-200)}.header-actions{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--muted)}.header-actions a:hover{color:var(--blue-50)}.header-cta{padding:9px 15px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--blue-50)}.header-cta span{margin-left:10px}
.system-nav{position:fixed;z-index:20;left:4%;top:50%;transform:translateY(-46%);width:168px;padding:18px 0}.system-nav:before{content:'';position:absolute;right:0;top:48px;bottom:0;width:1px;background:linear-gradient(var(--blue-300),#8585f800)}.system-nav p{margin:0 0 16px;font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--blue-300)}.system-nav a{position:relative;display:flex;align-items:center;gap:11px;padding:8px 16px 8px 0;color:#8181ad;font-size:12px}.system-nav a span{width:18px;font:10px ui-monospace,monospace;color:#696999}.system-nav a:after{content:'';position:absolute;right:-2px;width:5px;height:5px;border-radius:50%;background:currentColor}.system-nav a[aria-current]{color:var(--blue-50)}.system-nav a[aria-current] span{color:var(--blue-300)}
.system-main,.system-footer{position:relative;z-index:2;width:min(1180px,calc(100% - 300px));margin-left:max(250px,calc((100% - 1180px)/2 + 110px));margin-right:auto}.system-hero{min-height:100svh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:8vw;padding:130px 0 90px}.eyebrow{margin:0 0 24px;color:var(--blue-300);font-size:11px;font-weight:700;letter-spacing:.16em}h1,h2{margin:0;font-weight:600;line-height:1.04;letter-spacing:-.03em}h1{font-size:clamp(54px,6.7vw,108px)}h2{font-size:clamp(45px,5.2vw,78px)}em{font-style:normal;color:var(--blue-300)}.lead{max-width:620px;margin:28px 0 0;color:#ceceee;font-size:clamp(19px,1.65vw,24px);line-height:1.5}.hero-links{display:flex;align-items:center;gap:28px;margin-top:36px}
.system-object{position:relative;justify-self:center;width:min(35vw,430px);aspect-ratio:1;perspective:800px}.system-object i{position:absolute;inset:5%;border:1px solid #8585f850;border-radius:50%;transform:rotateX(66deg)}.system-object i:nth-of-type(2){inset:18%;border-color:#8585f838}.system-object i:nth-of-type(3){inset:31%;border-color:#b7b7fb50}.system-orb{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:122px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 28%,var(--blue-50),var(--blue-200) 22%,var(--blue-500) 58%,var(--blue-800));box-shadow:0 0 70px #8585f870,0 0 180px #0f0fed42}.system-orb img{width:50px;height:auto}.system-object span{position:absolute;padding:5px 9px;background:#030312b8;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:9px;letter-spacing:.14em;color:var(--blue-200)}.system-object span:nth-of-type(1){left:3%;top:45%}.system-object span:nth-of-type(2){right:0;top:30%}.system-object span:nth-of-type(3){right:8%;bottom:21%}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:var(--radius-pill);background:none;font-size:14px;font-weight:600}.button.primary{background:var(--blue-500);border-color:var(--blue-400);color:var(--blue-50);box-shadow:0 0 30px #0f0fed2e}.button.primary:hover{background:var(--blue-400)}.button.secondary{border-color:var(--line-strong);background:#09094a88}.button.secondary:hover{border-color:var(--blue-300)}.button.quiet{color:var(--blue-200);padding-left:4px;padding-right:4px;border-radius:0;border-bottom-color:#8585f85c}.button:disabled{opacity:.4;cursor:not-allowed}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--blue-200);padding-bottom:5px;border-bottom:1px solid #8585f860}.text-link:hover{color:var(--blue-50);border-color:var(--blue-200)}.back-link{color:var(--muted)}
.guide-section{padding:140px 0;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(260px,.85fr);column-gap:8vw;align-items:end;margin-bottom:70px}.section-heading .eyebrow{grid-column:1/-1}.section-heading p:last-child{max-width:520px;margin:0 0 5px;color:var(--muted);font-size:17px;line-height:1.65}.section-heading code{color:var(--blue-200)}
.specimen-grid{display:grid;gap:18px}.specimen-grid.two{grid-template-columns:1fr 1fr}.specimen{position:relative;min-height:310px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-3);overflow:hidden}.specimen.dark{background:linear-gradient(145deg,#09094ad6,#02020bee)}.specimen.light{background:linear-gradient(145deg,var(--blue-50),var(--blue-200));color:var(--blue-900)}.specimen.clearspace{background:repeating-linear-gradient(90deg,#8585f80a 0 1px,transparent 1px 32px),repeating-linear-gradient(#8585f80a 0 1px,transparent 1px 32px),var(--blue-850)}.specimen.principle{background:radial-gradient(circle at 50% 15%,#0f0fed40,transparent 45%),var(--blue-950)}.specimen-label{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.12em;color:#8f8fbd}.specimen-label code{font:10px ui-monospace,monospace;letter-spacing:0}.light .specimen-label{color:#4a4a78}.brand-lockup{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px;white-space:nowrap}.brand-lockup img{width:54px;height:auto;filter:brightness(0) invert(1)}.brand-lockup strong{font-size:42px;letter-spacing:-.045em}.brand-lockup.inverse img{filter:none}.brand-lockup.inverse strong{color:var(--blue-500)}.specimen.light .brand-lockup strong{color:var(--blue-500)}.clearspace-box{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:70%;aspect-ratio:2.8;border:1px dashed #8585f86e}.clearspace-box:before,.clearspace-box:after{content:'';position:absolute;background:#8585f844}.clearspace-box:before{left:0;right:0;top:50%;height:1px}.clearspace-box:after{top:0;bottom:0;left:50%;width:1px}.clearspace-box .brand-lockup{z-index:2;padding:18px;background:var(--blue-850)}.relationship{height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.relationship span{font-size:19px;font-weight:600;letter-spacing:.09em}.relationship span img{width:22px;height:auto;margin-right:10px;vertical-align:middle}.relationship small{display:block;margin-top:4px;color:#9292c1;font-size:8px;letter-spacing:.13em}.relationship b{height:56px;width:1px;margin:8px 0;background:linear-gradient(var(--blue-300),var(--blue-500));position:relative}.relationship b:after{content:'↓';position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);color:var(--blue-300)}.rule-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.rule-row>div{display:flex;gap:18px;align-items:flex-start;padding:20px;border-top:1px solid var(--line)}.rule-row p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.rule{min-width:55px;font-size:10px;font-weight:700;letter-spacing:.12em}.rule.yes{color:var(--blue-200)}.rule.no{color:#7777aa}
.colour-ramp{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:var(--radius-3);overflow:hidden}.colour-ramp>div{height:155px;padding:13px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--swatch);border-right:1px solid #f7f7ff14;color:var(--blue-50)}.colour-ramp>div:nth-child(6n){border-right:0}.colour-ramp span{font-size:12px;font-weight:700}.colour-ramp code{font-size:10px;opacity:.72}.colour-ramp .dark-text{color:var(--blue-900)}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.usage-grid article{padding:20px;background:#06062ad9;border:1px solid var(--line);border-radius:var(--radius-2)}.usage-chip{display:block;width:40px;height:40px;border-radius:50%;margin-bottom:28px}.usage-chip.surface{background:var(--blue-900);box-shadow:0 0 0 1px var(--line-strong)}.usage-chip.interface{background:var(--blue-700)}.usage-chip.focus{background:var(--blue-500);box-shadow:0 0 22px #0f0fed80}.usage-chip.light-tone{background:var(--blue-100)}.usage-grid h3{margin:0 0 4px;font-size:18px}.usage-grid p{min-height:44px;margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}.usage-grid code{color:var(--blue-300);font-size:11px}
.type-specimens{border-top:1px solid var(--line)}.type-specimens article{position:relative;padding:34px 0;border-bottom:1px solid var(--line)}.type-specimens article>span{display:block;margin-bottom:18px;color:var(--blue-300);font-size:10px;font-weight:700;letter-spacing:.14em}.type-specimens p{margin:0;max-width:900px}.type-specimens code{position:absolute;right:0;top:35px;color:#7777a7;font-size:10px}.display-sample{font-size:clamp(52px,7vw,96px);font-weight:600;line-height:1.02;letter-spacing:-.035em}.heading-sample{font-size:clamp(38px,4vw,62px);font-weight:600;line-height:1.08}.lead-sample{font-size:24px;line-height:1.5;color:#d1d1ef}.body-sample{font-size:16px;line-height:1.6;color:var(--muted)}.label-sample{font-size:12px;font-weight:700;letter-spacing:.15em}.mono-sample{font:14px ui-monospace,SFMono-Regular,monospace;color:var(--blue-200)}
.layout-demo{min-height:440px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:50px;background:radial-gradient(circle at 76% 35%,#0f0fed2e,transparent 42%),var(--blue-950);border:1px solid var(--line);border-radius:var(--radius-3);overflow:hidden}.layout-copy span,.group-label,.card-kicker{color:var(--blue-300);font-size:10px;font-weight:700;letter-spacing:.14em}.layout-copy h3{margin:14px 0 8px;font-size:42px}.layout-copy p{max-width:390px;margin:0;color:var(--muted);line-height:1.6}.depth-stack{position:relative;height:300px;perspective:700px}.depth-stack span{position:absolute;left:10%;right:10%;height:130px;display:grid;place-items:center;border:1px solid #8585f84a;border-radius:12px;background:#09094aa3;font-size:10px;letter-spacing:.15em;transform:rotateX(63deg);box-shadow:0 20px 60px #02020bb0}.depth-stack span:nth-child(1){top:0;color:var(--blue-50);background:#8585f821}.depth-stack span:nth-child(2){top:55px;color:var(--blue-200)}.depth-stack span:nth-child(3){top:110px;color:var(--blue-300);background:#0c0c78b8}.depth-stack span:nth-child(4){top:165px;color:#7777a8;background:#030312}.token-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;background:var(--line)}.token-row article{padding:22px;background:var(--blue-900)}.token-row span{display:block;margin-bottom:8px;color:var(--blue-300);font-size:9px;font-weight:700;letter-spacing:.14em}.token-row strong{font-size:13px;font-weight:500;color:var(--muted)}
.component-board{display:grid;gap:18px}.component-group{padding:24px;border:1px solid var(--line);border-radius:var(--radius-3);background:#06062ac9}.group-label{margin-bottom:24px}.button-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:50%;background:var(--blue-850)}.chip{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--blue-200);font-size:11px}.chip.active{background:var(--blue-200);color:var(--blue-900)}.status{display:inline-flex;align-items:center;gap:8px;color:var(--blue-100);font-size:12px}.status i{width:7px;height:7px;border-radius:50%;background:var(--blue-400);box-shadow:0 0 12px var(--blue-300)}.icon-row{display:flex;align-items:flex-end;gap:28px}.icon-row>span{display:grid;place-items:center;width:52px;height:52px;padding:10px;border-radius:50%;background:var(--blue-100);position:relative}.icon-row>span.medium{width:68px;height:68px;padding:13px}.icon-row>span.large{width:84px;height:84px;padding:16px}.icon-row img{width:100%;height:100%}.icon-row small{position:absolute;top:calc(100% + 8px);color:#7777a8;font:10px ui-monospace,monospace}.mini-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-radius:var(--radius-2);background:var(--blue-950);border:1px solid var(--line)}.mini-header .brand{font-size:19px}.mini-header .brand img{width:21px}.mini-header nav{display:flex;gap:20px;color:var(--muted);font-size:13px}.mini-header nav .selected{color:var(--blue-50);border-bottom:1px solid var(--blue-300)}.tabs{display:flex;gap:7px;overflow:auto}.tabs button{padding:10px 15px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--blue-900);color:var(--muted)}.tabs button[aria-selected=true]{background:var(--blue-100);border-color:var(--blue-100);color:var(--blue-900)}.tab-panel{margin-top:14px;padding:20px;border-left:1px solid var(--blue-300);background:#03031280;color:var(--muted);font-size:14px}
.guide-demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.method-card,.code-card,.path-card{border:1px solid var(--line);border-radius:var(--radius-3);background:#06062ad9;overflow:hidden}.method-card{padding:28px}.method-card h3{margin:12px 0 24px;font-size:25px;line-height:1.3}.method-card ol{list-style:none;padding:0;margin:0}.method-card li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.method-card li span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--blue-700);color:var(--blue-100);font-size:11px}.method-card li p{margin:0;color:var(--muted);font-size:14px}.code-card header,.agent-contract header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--blue-300);font-size:10px;font-weight:700;letter-spacing:.12em}.copy-button{padding:6px 11px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--blue-850);font-size:11px}.code-card pre,.agent-contract pre{margin:0;padding:24px;white-space:pre-wrap;color:var(--blue-100);font:13px/1.75 ui-monospace,SFMono-Regular,monospace;background:#02020bd4}.code-card footer{display:flex;justify-content:space-between;padding:12px 18px;color:#8585ab;font-size:10px}.notice{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 22px;border:1px solid var(--blue-300);border-radius:var(--radius-2);background:#0f0fed17}.notice-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue-200);color:var(--blue-900);font-weight:700}.notice strong{font-size:14px}.notice p{margin:2px 0 0;color:var(--muted);font-size:13px}.notice a{color:var(--blue-200);font-size:12px;border-bottom:1px solid #8585f85c}.cards-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.path-card{padding:26px}.path-card>span{color:var(--blue-300);font-size:10px;font-weight:700;letter-spacing:.13em}.path-card h3{margin:18px 0 7px;font-size:25px}.path-card p{margin:0 0 25px;color:var(--muted)}.path-card a{color:var(--blue-200);font-size:13px}
.form-board{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:32px;border:1px solid var(--line);border-radius:var(--radius-3);background:#06062ad9}.field{display:flex;flex-direction:column;gap:8px}.field>span,.choice-field legend{font-size:13px;font-weight:600}.field input,.field select,.data-toolbar input{width:100%;height:46px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-2);background:var(--blue-950);color:var(--blue-50)}.field input::placeholder,.data-toolbar input::placeholder{color:#7777a2}.field small{color:#8585ac;font-size:11px}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;fill:none;stroke:var(--blue-300);stroke-width:1.8}.input-wrap input{padding-left:42px}.field.error input{border-style:dashed;border-color:var(--blue-200)}.field.error small{color:var(--blue-200)}.choice-field{margin:0;padding:0;border:0}.choice-field legend{margin-bottom:10px}.choice-field label{display:inline-flex;align-items:center;gap:8px;margin-right:18px;color:var(--muted);font-size:13px}.choice-field input{accent-color:var(--blue-500)}.toggle{display:flex;align-items:center;gap:11px;align-self:center}.toggle input{position:absolute;opacity:0}.toggle>span{position:relative;width:43px;height:24px;border-radius:var(--radius-pill);background:var(--blue-700)}.toggle>span:after{content:'';position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:var(--blue-200);transition:transform .2s}.toggle input:checked+span{background:var(--blue-500)}.toggle input:checked+span:after{transform:translateX(19px);background:var(--blue-50)}.toggle b{font-size:13px;font-weight:500}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding-top:14px;border-top:1px solid var(--line)}
.data-board{border:1px solid var(--line);border-radius:var(--radius-3);background:#06062ad9;overflow:hidden}.data-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;padding:18px;border-bottom:1px solid var(--line)}.data-toolbar input{height:40px}.data-toolbar>div{display:flex;gap:6px}.data-toolbar>span{color:#8585ac;font-size:11px}.filter-button{padding:7px 11px;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-size:11px}.filter-button.active{background:var(--blue-200);color:var(--blue-900)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{padding:13px 18px;color:#8585ac;font-size:10px;font-weight:600;letter-spacing:.1em;border-bottom:1px solid var(--line)}td{padding:17px 18px;border-bottom:1px solid var(--line);color:var(--muted)}td code{color:var(--blue-200)}td:last-child{text-align:right}td:last-child a{color:var(--blue-200)}tbody tr:hover{background:#0f0fed0f}.data-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:#8585ac;font-size:11px}.data-footer nav{display:flex;gap:5px}.data-footer button{display:grid;place-items:center;min-width:29px;height:29px;border:1px solid var(--line);border-radius:8px;background:var(--blue-900);font-size:11px}.data-footer button[aria-current]{background:var(--blue-200);color:var(--blue-900)}.data-footer button:disabled{opacity:.35}.index-list{margin-top:18px;border-top:1px solid var(--line)}.index-list>a{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:18px 4px;border-bottom:1px solid var(--line)}.folder-icon{display:grid;place-items:center;width:34px;height:30px;border:1px solid var(--line-strong);border-radius:8px;color:var(--blue-300)}.index-list strong{display:block;font-size:14px}.index-list small{display:block;color:#8585ac;font-size:11px}.index-list code{color:#7777a8;font-size:11px}.index-list b{color:var(--blue-300)}
.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.state{display:flex;gap:18px;align-items:flex-start;min-height:160px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-3);background:#06062ad9}.state>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);color:var(--blue-200);font-weight:700}.state small{color:var(--blue-300);font-size:9px;font-weight:700;letter-spacing:.15em}.state h3{margin:10px 0 4px;font-size:20px}.state p{margin:0;color:var(--muted);font-size:13px}.state.success{border-style:solid}.state.attention{border-style:dashed}.state.error-state{border-width:2px}.state.loading>span{border-top-color:var(--blue-300);animation:spin 1s linear infinite}.state.empty{border-color:#7777a833}@keyframes spin{to{transform:rotate(360deg)}}
.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.agent-grid article{padding:25px;border:1px solid var(--line);border-radius:var(--radius-3);background:#06062ad9}.agent-grid article>span{color:var(--blue-300);font-size:10px;font-weight:700;letter-spacing:.14em}.agent-grid h3{margin:18px 0 14px;font-size:22px}.agent-grid ul{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.8}.agent-contract{margin-top:18px;border:1px solid var(--blue-300);border-radius:var(--radius-3);overflow:hidden;background:#06062ad9}.agent-contract pre{padding:28px}
.system-footer{display:flex;justify-content:space-between;gap:24px;padding:30px 0 45px;border-top:1px solid var(--line);color:#8585ac;font-size:11px;line-height:1.7}.system-footer p{margin:0}.system-footer a{text-decoration:underline;text-underline-offset:4px}.toast{position:fixed;z-index:60;left:50%;bottom:24px;transform:translate(-50%,30px);padding:10px 16px;border:1px solid var(--blue-300);border-radius:var(--radius-pill);background:var(--blue-800);color:var(--blue-50);font-size:12px;opacity:0;pointer-events:none;transition:.24s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.system-nav{display:none}.system-main,.system-footer{width:88%;margin-left:auto;margin-right:auto}.system-hero{grid-template-columns:1fr 1fr}.header-title{display:none}.section-heading{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.system-header{height:68px;padding:0 6%}.header-actions>a:not(.header-cta){display:none}.header-cta{font-size:11px}.brand{font-size:21px}.brand img{width:23px}.system-main,.system-footer{width:88%}.system-hero{grid-template-columns:1fr;min-height:auto;padding:145px 0 100px}.system-object{width:min(76vw,390px);order:-1}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:46px}.section-heading .eyebrow{grid-column:auto}.guide-section{padding:95px 0}.specimen-grid.two,.rule-row,.usage-grid,.guide-demo,.form-board,.state-grid,.agent-grid{grid-template-columns:1fr}.specimen{min-height:260px}.brand-lockup strong{font-size:32px}.brand-lockup img{width:44px}.colour-ramp{grid-template-columns:repeat(3,1fr)}.colour-ramp>div{height:120px}.colour-ramp>div:nth-child(3n){border-right:0}.layout-demo{grid-template-columns:1fr;padding:30px}.depth-stack{height:270px}.token-row{grid-template-columns:1fr 1fr}.mini-header nav{display:none}.cards-row{grid-template-columns:1fr}.notice{grid-template-columns:auto 1fr}.notice a{grid-column:2}.form-actions{grid-column:auto}.data-toolbar{grid-template-columns:1fr}.data-toolbar>span{display:none}.table-wrap{margin:0 -1px}.system-footer{flex-direction:column}.type-specimens code{position:static;display:block;margin-top:12px}.display-sample{font-size:50px}.index-list code{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast,.toggle>span:after{transition:none}.state.loading>span{animation:none}}

/* Iteration 23: luminous accent and dual-theme system */
:root{--accent-700:#735a00;--accent-600:#b58e1f;--accent-500:#f6cd49;--accent-400:#f8d866;--accent-300:#fae284;--accent-200:#fbe9a6;--accent-100:#fdf5dc;--accent:var(--accent-500);--accent-hover:var(--accent-300);--accent-text:var(--accent-500)}
html[data-theme="light"]{color-scheme:light;--text:var(--blue-900);--muted:#4f4f7f;--line:#0f0fed1f;--line-strong:#0f0fed4d;--surface:#e3e3fed9;--surface-raised:#f7f7fff2;--accent-text:var(--blue-500);color:var(--text);background:var(--blue-50)}
body,.system-header,.component-group,.method-card,.code-card,.path-card,.form-board,.data-board,.state,.agent-grid article,.agent-contract,.usage-grid article,.type-specimens article,.token-row article,.system-footer,.system-nav,.guide-section,.mini-header,.tab-panel,.notice,.index-list>a,.field input,.field select,.data-toolbar input,.data-footer button,.tabs button,.copy-button,.icon-button{transition:background-color .24s ease,color .24s ease,border-color .24s ease}
.brand img.theme-brand-mark,.brand-lockup img{filter:none}.brand-blue{background:var(--blue-500)}.brand-blue,.specimen.dark,.specimen.clearspace,.specimen.principle{color:var(--blue-50)}.logo-variants{grid-template-columns:repeat(3,1fr)}.logo-variants .principle{grid-column:span 2}.logo-variants .specimen{min-height:285px}.logo-variants .brand-lockup strong{font-size:34px}.logo-variants .brand-lockup img{width:46px}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:5px 11px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:transparent;color:var(--blue-200);font-size:11px}.theme-toggle span{font-size:15px}.theme-toggle b{font-weight:600}
.system-hero h1 em{color:var(--accent-text)}.system-nav a[aria-current]:after{background:var(--accent);box-shadow:0 0 12px #f6cd4980}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--blue-950);box-shadow:0 0 32px #f6cd4930}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.primary:disabled{background:var(--accent-600);color:var(--blue-950)}.status i{background:var(--accent);box-shadow:0 0 12px #f6cd499e}.tabs button[aria-selected=true],.filter-button.active,.data-footer button[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--blue-950)}.toggle input:checked+span{background:var(--accent)}.toggle input:checked+span:after{background:var(--blue-900)}
.accent-system{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1px;margin-top:18px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-3);overflow:hidden}.accent-system article{min-height:170px;padding:22px;background:var(--blue-850)}.accent-system article:not(.accent-swatch){display:flex;gap:18px;align-items:flex-start}.accent-system p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.accent-swatch{display:flex;flex-direction:column;justify-content:flex-end;background:var(--accent)!important;color:var(--blue-950)!important}.accent-swatch span{font-size:10px;font-weight:700;letter-spacing:.14em}.accent-swatch strong{font:24px ui-monospace,monospace;margin:8px 0}.accent-swatch small{font-size:11px}
.theme-mapping{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.theme-preview{min-height:260px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius-3)}.theme-preview>span{font-size:10px;font-weight:700;letter-spacing:.15em}.theme-preview strong{font-size:28px;line-height:1.2}.theme-preview button{padding:9px 15px;border:0;border-radius:var(--radius-pill);background:var(--accent);color:var(--blue-950);font-size:12px;font-weight:700}.preview-light{background:var(--blue-50);color:var(--blue-500)}.preview-dark{background:var(--blue-950);color:var(--blue-50)}
html[data-theme="light"] body{background:var(--blue-50)}html[data-theme="light"] #system-space{opacity:.32}html[data-theme="light"] .page-vignette{background:linear-gradient(90deg,#f7f7fff2 0,#f7f7ffbc 18%,transparent 55%),linear-gradient(0deg,#f7f7ffad,transparent 24%)}html[data-theme="light"] .system-header{background:linear-gradient(#f7f7fff7,#f7f7ffd9 65%,#f7f7ff00)}html[data-theme="light"] .brand,html[data-theme="light"] .brand span,html[data-theme="light"] .mini-header .brand{color:var(--blue-500)}html[data-theme="light"] .header-title,html[data-theme="light"] .system-nav p,html[data-theme="light"] .eyebrow,html[data-theme="light"] .group-label,html[data-theme="light"] .card-kicker{color:var(--blue-600)}html[data-theme="light"] .header-actions{color:#565684}html[data-theme="light"] .header-cta{color:var(--blue-700)}html[data-theme="light"] .theme-toggle{color:var(--blue-700)}html[data-theme="light"] .system-nav a{color:#686894}html[data-theme="light"] .system-nav a span{color:#7777a4}html[data-theme="light"] .system-nav a[aria-current]{color:var(--blue-700)}html[data-theme="light"] .lead,html[data-theme="light"] .lead-sample{color:#333368}html[data-theme="light"] .text-link{color:var(--blue-600)}html[data-theme="light"] .button.secondary{background:#e3e3fecc;color:var(--blue-800)}html[data-theme="light"] .button.quiet{color:var(--blue-700)}
html[data-theme="light"] .component-group,html[data-theme="light"] .method-card,html[data-theme="light"] .code-card,html[data-theme="light"] .path-card,html[data-theme="light"] .form-board,html[data-theme="light"] .data-board,html[data-theme="light"] .state,html[data-theme="light"] .agent-grid article,html[data-theme="light"] .agent-contract,html[data-theme="light"] .usage-grid article{background:#e3e3fedc}html[data-theme="light"] .token-row article{background:var(--blue-50)}html[data-theme="light"] .type-specimens code,html[data-theme="light"] .token-row strong,html[data-theme="light"] .back-link,html[data-theme="light"] .data-toolbar>span,html[data-theme="light"] .data-footer,html[data-theme="light"] .index-list small,html[data-theme="light"] .state p{color:#5f5f89}html[data-theme="light"] .mini-header,html[data-theme="light"] .tab-panel,html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .data-toolbar input,html[data-theme="light"] .data-footer button,html[data-theme="light"] .tabs button,html[data-theme="light"] .copy-button,html[data-theme="light"] .icon-button{background:var(--blue-50);color:var(--blue-800)}html[data-theme="light"] .code-card pre,html[data-theme="light"] .agent-contract pre{background:var(--blue-50);color:var(--blue-800)}html[data-theme="light"] .chip{color:var(--blue-700)}html[data-theme="light"] .chip.active{background:var(--blue-700);color:var(--blue-50)}html[data-theme="light"] td{color:#50507c}html[data-theme="light"] td code{color:var(--blue-700)}html[data-theme="light"] tbody tr:hover{background:#0f0fed0a}html[data-theme="light"] .accent-system article{background:var(--blue-100)}html[data-theme="light"] .notice{background:#f6cd4918}html[data-theme="light"] .system-footer{color:#5f5f89}html[data-theme="light"] .toast{background:var(--blue-100);color:var(--blue-900)}
html[data-theme="light"] .brand img.theme-brand-mark,.specimen.light .brand-lockup img{filter:drop-shadow(0 3px 5px #0f0fed38)}
@media(max-width:900px){.logo-variants{grid-template-columns:1fr 1fr}.logo-variants .principle{grid-column:span 2}.accent-system{grid-template-columns:1fr}.accent-system article{min-height:130px}}@media(max-width:760px){.theme-toggle b{display:none}.theme-toggle{width:36px;justify-content:center;padding:5px}.logo-variants,.theme-mapping{grid-template-columns:1fr}.logo-variants .principle{grid-column:auto}.header-actions{gap:8px}}@media(prefers-reduced-motion:reduce){body,.system-header,.component-group,.method-card,.code-card,.path-card,.form-board,.data-board,.state,.agent-grid article,.agent-contract,.usage-grid article,.type-specimens article,.token-row article,.system-footer,.system-nav,.guide-section,.mini-header,.tab-panel,.notice,.index-list>a,.field input,.field select,.data-toolbar input,.data-footer button,.tabs button,.copy-button,.icon-button{transition:none}}

html[data-theme="light"] em,html[data-theme="light"] .system-hero h1 em,html[data-theme="light"] .section-heading h2 em{color:var(--blue-500)}
html[data-theme="light"] h1,html[data-theme="light"] h2{color:var(--blue-900)}