:root{
  color-scheme:dark;
  --bg:#0d110d;
  --surface:#141a14;
  --surface-2:#1a2219;
  --surface-3:#20291f;
  --line:#303b2f;
  --line-strong:#465645;
  --text:#f3f7ed;
  --muted:#a9b4a5;
  --muted-2:#7f8b7c;
  --lime:#d9ff38;
  --lime-soft:#d9ff3817;
  --amber:#ffc777;
  --red:#ff8b7d;
  --cyan:#8fe8d8;
  --shadow:0 24px 70px rgba(0,0,0,.35);
  --radius:18px;
  --shell:min(1440px,92vw);
}
body.light{
  color-scheme:light;
  --bg:#f4f6f0;
  --surface:#ffffff;
  --surface-2:#eef2e8;
  --surface-3:#e7ecdf;
  --line:#ccd5c6;
  --line-strong:#aebaa9;
  --text:#172019;
  --muted:#596656;
  --muted-2:#788574;
  --lime:#5c7700;
  --lime-soft:#5c770012;
  --amber:#8c5b19;
  --red:#a1382b;
  --cyan:#146d64;
  --shadow:0 24px 70px rgba(31,43,29,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .25s,color .25s}
button,a{font:inherit;color:inherit}
button{cursor:pointer}
a{text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.shell{width:var(--shell);margin-inline:auto}
.skip-link{position:fixed;left:14px;top:-70px;z-index:99;background:var(--lime);color:#10150d;padding:10px 14px;border-radius:8px;font-weight:800;transition:.2s}
.skip-link:focus{top:14px}
.site-header{position:sticky;top:0;z-index:50;height:76px;padding:0 4vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}
.brand{font-size:25px;font-weight:950;letter-spacing:-.075em;white-space:nowrap}
.header-copy{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:20px;line-height:1.2}
.header-copy span{font-size:10px;letter-spacing:.2em;font-weight:850}
.header-copy small{font-size:11px;color:var(--muted);margin-top:4px}
.desktop-nav{margin-left:auto;display:flex;gap:8px}
.desktop-nav a{font-size:13px;color:var(--muted);padding:8px 11px;border-radius:8px}
.desktop-nav a:hover{color:var(--text);background:var(--surface)}
.theme-toggle,.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:6vw;align-items:center;padding-block:70px}
.eyebrow{color:var(--lime);font-size:11px;letter-spacing:.18em;font-weight:850;text-transform:uppercase;margin:0 0 14px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(43px,5.3vw,82px);line-height:.98;letter-spacing:-.065em;margin-bottom:28px;max-width:950px}
h1 span{color:var(--lime)}
h2{font-size:clamp(31px,3.3vw,52px);line-height:1.02;letter-spacing:-.055em;margin-bottom:18px}
h3{font-size:22px;line-height:1.15;letter-spacing:-.03em}
.hero-lede{font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--muted);max-width:790px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:34px 0}
.button{border-radius:10px;padding:12px 17px;border:1px solid var(--line);font-weight:750}
.button.primary{background:var(--lime);border-color:var(--lime);color:#10150d}
.button.ghost{background:var(--surface)}
.button:hover{transform:translateY(-1px)}
.hero-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:850px}
.hero-principles div{padding:14px 16px;border-top:1px solid var(--line)}
.hero-principles b{display:block;font-size:13px;margin-bottom:4px}
.hero-principles span{display:block;font-size:12px;color:var(--muted)}
.hero-visual{position:relative}
.hero-visual img{display:block;width:100%;aspect-ratio:1/1.02;object-fit:cover;border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow);filter:saturate(.8)}
.hero-visual:before{content:"";position:absolute;inset:-16px 18px 18px -16px;border:1px solid color-mix(in srgb,var(--lime) 35%,transparent);border-radius:28px;z-index:-1}
.hero-overlay{position:absolute;left:22px;right:22px;bottom:42px;background:color-mix(in srgb,var(--bg) 83%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line-strong);padding:17px 18px;border-radius:14px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center}
.hero-overlay .status-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px var(--lime-soft);grid-row:1/3}
.hero-overlay strong{font-size:14px}.hero-overlay small{font-size:12px;color:var(--muted)}
.hero-visual>p{font-size:11px;color:var(--muted);margin:9px 4px 0}
.executive-band{border-block:1px solid var(--line);background:var(--surface)}
.executive-grid{display:grid;grid-template-columns:.8fr 1.45fr 1fr;gap:38px;align-items:center;padding-block:30px}
.executive-grid h2{font-size:30px;margin:0}.executive-grid>p{color:var(--muted);margin:0;font-size:16px}
.executive-stack{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.executive-stack span,.tool-badge,.status-badge{font-size:11px;border:1px solid var(--line);padding:6px 8px;border-radius:999px;background:var(--bg);white-space:nowrap}
.section{padding-block:80px}
.section-heading{margin-bottom:34px}.split-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end}.split-heading>p{color:var(--muted);margin:0;max-width:560px}.compact{margin-bottom:20px}
.map-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.map-tab{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:16px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;transition:.2s}
.map-tab>span{grid-row:1/3;font:700 11px/1 monospace;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:7px}.map-tab b{font-size:15px}.map-tab small{color:var(--muted)}
.map-tab:hover{border-color:var(--line-strong);transform:translateY(-1px)}.map-tab.active{border-color:var(--lime);background:var(--lime-soft)}.map-tab.active>span{color:var(--lime);border-color:var(--lime)}
.map-stage{min-height:560px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 75%,var(--bg)));padding:24px;overflow:hidden;position:relative}
.map-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;opacity:.08;pointer-events:none}
.view-intro{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.view-intro h3{margin-bottom:5px}.view-intro p{color:var(--muted);max-width:650px;margin:0}.view-pill{align-self:start;font-size:11px;color:var(--lime);border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:7px 10px}
.process-lanes{position:relative;z-index:1;display:grid;gap:12px}.process-lane{display:grid;grid-template-columns:175px 1fr;gap:18px;padding:14px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 35%,transparent)}
.lane-title{padding:10px}.lane-title span{display:block;font-size:10px;color:var(--lime);letter-spacing:.14em;font-weight:800}.lane-title b{display:block;font-size:16px;margin-top:7px}.lane-title small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.node-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flow-node{position:relative;text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:14px;min-height:112px;transition:.2s}.flow-node:hover{border-color:var(--lime);transform:translateY(-2px)}.flow-node:not(:last-child):after{content:"→";position:absolute;right:-10px;top:44%;color:var(--muted);z-index:2}.flow-node b{display:block;font-size:14px}.flow-node small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.flow-node .node-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.flow-node .node-meta span{font:700 10px/1 monospace;color:var(--muted)}.node-state{font-size:9px!important;color:var(--lime)!important;border:1px solid var(--line);border-radius:999px;padding:4px 6px}
.platform-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.platform-step{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:16px;min-height:150px;position:relative}.platform-step:after{content:"";position:absolute;right:-14px;top:50%;width:14px;border-top:1px dashed var(--line-strong)}.platform-step:nth-child(4n):after,.platform-step:last-child:after{display:none}.platform-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--lime);color:#10150d;font-size:11px;font-weight:900;margin-bottom:16px}.platform-step b{display:block;font-size:15px}.platform-step p{color:var(--muted);font-size:12px;margin:7px 0 0}.platform-step.clickable{cursor:pointer}.platform-step.clickable:hover{border-color:var(--lime)}
.tech-view{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.tech-zone{border:1px solid var(--line);border-radius:18px;padding:20px;background:color-mix(in srgb,var(--bg) 45%,transparent)}.tech-zone.local{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lime) 28%,transparent)}.tech-zone-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.tech-zone-head h3{font-size:19px;margin:0}.tech-zone-head span{font-size:10px;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:5px 8px;align-self:start}.tech-zone-head p{color:var(--muted);font-size:12px;margin:5px 0 0}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tech-card{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:13px;min-height:92px;cursor:pointer}.tech-card:hover{border-color:var(--lime)}.tech-card b{font-size:13px}.tech-card small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.external-grid{display:grid;gap:9px}.external-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--surface-2)}.external-card b{display:block;font-size:13px}.external-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.tech-bridge{grid-column:1/-1;margin-top:13px;border-top:1px dashed var(--line-strong);padding-top:14px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.tech-bridge:before{content:"↗";display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--lime);color:#10150d;font-weight:900}
.human-automation{padding-top:40px}.text-link{border:0;background:none;color:var(--lime);padding:0;font-weight:750}.automation-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.automation-mini{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px;min-height:152px}.automation-mini span{color:var(--lime);font:800 10px/1 monospace}.automation-mini b{display:block;margin:13px 0 6px;font-size:14px}.automation-mini p{color:var(--muted);font-size:11px;margin:0}.automation-mini:nth-child(n+6){display:none}
.library-section{border-block:1px solid var(--line);background:var(--surface)}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{border:1px solid var(--line);background:var(--bg);padding:8px 11px;border-radius:999px;font-size:12px}.filter-chip.active{background:var(--lime);border-color:var(--lime);color:#10150d;font-weight:800}.library-count{font-size:12px;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.library-card{border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:20px;text-align:left;min-height:220px;transition:.2s}.library-card:hover{border-color:var(--lime);transform:translateY(-2px)}.library-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.library-card-top>span:first-child{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.status-badge{padding:4px 7px;background:var(--surface)}.status-badge.defined{color:var(--lime)}.status-badge.pending{color:var(--amber)}.library-card h3{font-size:20px;margin:22px 0 8px}.library-card p{color:var(--muted);font-size:13px}.card-tools{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px}.tool-badge{font-size:9px;background:var(--surface)}
.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.roadmap-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:26px}.roadmap-card.current{border-color:color-mix(in srgb,var(--lime) 45%,var(--line))}.roadmap-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.roadmap-top span{font-size:10px;background:var(--lime);color:#10150d;font-weight:900;padding:5px 7px;border-radius:6px}.roadmap-top b{font-size:11px;color:var(--muted)}.roadmap-card p,.roadmap-card li{color:var(--muted);font-size:13px}.roadmap-card ul{padding-left:18px}.org-tree{margin:23px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-align:center}.org-tree>b{display:inline-block;border:1px solid var(--lime);padding:8px 12px;border-radius:8px}.org-tree div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;position:relative}.org-tree div:before{content:"";position:absolute;left:16%;right:16%;top:-10px;border-top:1px dashed var(--line-strong)}.org-tree div span{border:1px solid var(--line);padding:8px;border-radius:8px;font-size:11px;color:var(--muted)}
.closing{padding-block:100px;text-align:center}.closing h2{max-width:900px;margin-inline:auto}.closing>p:not(.eyebrow){max-width:800px;margin:0 auto 28px;color:var(--muted)}
.site-footer{border-top:1px solid var(--line)}.footer-inner{padding-block:28px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:11px}
/* Dialog */
dialog{width:min(850px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));margin:16px 16px 16px auto;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--bg);color:var(--text);box-shadow:var(--shadow);overflow:hidden}dialog::backdrop{background:rgba(3,6,3,.72);backdrop-filter:blur(4px)}.dialog-shell{height:100%;display:grid;grid-template-rows:auto 1fr auto}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:22px 26px;border-bottom:1px solid var(--line);background:var(--surface)}.dialog-head span{font-size:10px;color:var(--lime);letter-spacing:.15em;font-weight:800}.dialog-head h2{font-size:32px;margin:5px 0 0}.dialog-body{padding:26px;overflow:auto}.dialog-lede{font-size:17px;color:var(--muted);max-width:720px}.detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.summary-block{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px}.summary-block h3{font-size:11px;color:var(--lime);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.summary-block p{font-size:13px;margin:0}.summary-block.wide{grid-column:1/-1}.detail-tools{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 22px}.detail-tools span{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--surface)}.detail-note{border-left:3px solid var(--lime);background:var(--lime-soft);padding:15px 17px;border-radius:0 10px 10px 0;margin:18px 0;color:var(--muted);font-size:13px}.dialog-body details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:9px 0;overflow:hidden}.dialog-body summary{padding:15px 17px;font-weight:800;font-size:13px;cursor:pointer}.detail-inside{padding:0 17px 17px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.detail-inside p{margin:14px 0}.detail-inside ul{padding-left:18px}.detail-inside li{margin:6px 0}.technical-flow{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:15px 0}.technical-flow span{border:1px solid var(--line);background:var(--bg);padding:7px 9px;border-radius:7px;font-size:10px;color:var(--text)}.technical-flow i{font-style:normal;color:var(--lime)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#070a07;color:#dfe9d8;border:1px solid #2e3a2d;border-radius:10px;padding:14px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.data-table{width:100%;border-collapse:collapse;font-size:12px;margin:14px 0}.data-table th,.data-table td{padding:10px;border:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{background:var(--bg);color:var(--text)}.data-table td{color:var(--muted)}.dialog-foot{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-top:1px solid var(--line);background:var(--surface)}.dialog-foot button{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:8px 10px;font-size:12px}.dialog-foot span{font-size:10px;color:var(--muted)}
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{max-width:650px}.executive-grid{grid-template-columns:1fr}.executive-stack{justify-content:flex-start}.split-heading{grid-template-columns:1fr}.map-stage{min-height:auto}.tech-view{grid-template-columns:1fr}.platform-flow{grid-template-columns:repeat(2,1fr)}.platform-step:nth-child(4n):after{display:block}.platform-step:nth-child(2n):after{display:none}.automation-strip{grid-template-columns:repeat(3,1fr)}.library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:64px;gap:12px}.header-copy,.desktop-nav{display:none}.theme-toggle{margin-left:auto}.hero{padding-block:44px;gap:42px}.hero-principles{grid-template-columns:1fr}.hero-principles div{padding-inline:0}.hero-visual:before{display:none}.section{padding-block:58px}.map-tabs{grid-template-columns:1fr}.process-lane{grid-template-columns:1fr}.node-row{grid-template-columns:1fr}.flow-node:not(:last-child):after{content:"↓";right:12px;top:auto;bottom:-13px}.platform-flow{grid-template-columns:1fr}.platform-step:after{display:none!important}.tech-grid{grid-template-columns:1fr 1fr}.automation-strip{grid-template-columns:1fr 1fr}.library-toolbar{align-items:flex-start;flex-direction:column}.library-grid{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.detail-summary{grid-template-columns:1fr}.summary-block.wide{grid-column:auto}dialog{inset:auto 0 0 0;margin:0;width:100vw;height:92dvh;border-radius:20px 20px 0 0}.dialog-head{padding:18px}.dialog-body{padding:18px}.dialog-head h2{font-size:28px}}
@media(max-width:480px){.tech-grid,.automation-strip{grid-template-columns:1fr}.map-stage{padding:14px}.view-intro{flex-direction:column}.hero-actions .button{width:100%;text-align:center}.hero-overlay{left:12px;right:12px;bottom:28px}.org-tree div{grid-template-columns:1fr}.org-tree div:before{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}