:root{--bg:#f7f8f1;--paper:#ffffff;--paper2:#f1f5ed;--ink:#20352d;--muted:#697b70;--line:#e2e9dd;--green:#234d3e;--sage:#dcecd7;--lime:#cbe89a;--accent:#df774c;--accent-soft:#fff0e6;--purple:#6e658d;--blue:#547ba0;--shadow:0 8px 28px rgba(35,77,62,.045);--r:16px;--font:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(32px,3.8vw,54px);line-height:1.13;letter-spacing:-.045em;margin-bottom:17px;font-weight:760}h2{font-size:clamp(23px,2.4vw,32px);line-height:1.2;letter-spacing:-.025em;margin-bottom:9px}h3{font-size:17px;letter-spacing:-.01em;margin-bottom:8px}h4{font-size:14px;margin-bottom:7px}p{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:257px minmax(0,1fr)}.sidebar{background:#fcfdf9;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:28px 17px 23px;z-index:8}.brand{display:flex;gap:12px;align-items:center;padding:6px 8px 44px}.brand-mark{background:var(--green);width:42px;height:43px;color:#e6f5d9;border-radius:13px;display:grid;place-items:center;font-size:25px;font-weight:830;letter-spacing:-2px;position:relative}.brand-dot{color:#ffb77e;font-size:22px;letter-spacing:0;margin-left:-7px}.brand-title{font-weight:850;font-size:20px;letter-spacing:-1px;line-height:1.05}.brand-title span{font-size:10px;border:1px solid #b5c9bd;vertical-align:middle;border-radius:4px;padding:2px 5px;letter-spacing:1px;color:var(--green)}.brand-sub{font-size:10px;letter-spacing:.6px;color:var(--muted)}.sidebar-label{padding:0 15px 10px;letter-spacing:1.7px;color:#8c9c91;font-weight:750;font-size:10px}.nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;text-align:left;width:100%;gap:12px;color:#61736a;background:transparent;border:0;padding:13px 13px;border-radius:11px;font-weight:630}.nav-link:hover,.nav-link:focus-visible{background:#eef4e8;color:var(--green)}.nav-link.active{background:#eaf3e3;color:var(--green);font-weight:800}.nav-icon{font-size:21px;width:22px;line-height:20px;text-align:center;font-family:Arial}.nav-key{margin-left:auto;font-size:10px;color:#93a39a;font-weight:650}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.edition{font-size:10px;font-weight:850;letter-spacing:1px;color:var(--green);display:flex;align-items:center;gap:7px}.status-dot,.demo-flash{display:inline-block;width:7px;height:7px;background:#78b464;border-radius:50%}.sidebar-bottom p{font-size:11px;line-height:1.65;margin:10px 0 14px}.sidebar-action{width:100%;border:1px solid #d1e0ce;background:transparent;padding:10px;border-radius:10px;color:var(--green);font-size:12px;font-weight:720}.sidebar-action:hover{background:var(--sage)}.main-content{min-width:0}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.6vw,54px);border-bottom:1px solid var(--line);background:rgba(252,253,248,.93);position:sticky;top:0;z-index:6;backdrop-filter:blur(12px)}.breadcrumb{font-size:11px;font-weight:720;letter-spacing:1.3px;color:#66796c}.breadcrumb span{color:#b4c4b5;padding:0 8px}.breadcrumb strong{color:#243f34}.topbar-actions{display:flex;align-items:center;gap:14px}.demo-tag{font-size:10px;font-weight:800;letter-spacing:.5px;color:#536854;background:#e9f1e2;border:1px solid #d7e4d0;border-radius:99px;padding:7px 10px;display:flex;align-items:center;gap:6px}.demo-flash{background:#c78843}.reset-btn{border:0;background:transparent;color:#66796d;padding:8px 0;font-weight:650;font-size:12px}.reset-btn:hover{color:var(--green)}.mobile-menu{display:none;background:none;border:0;font-size:21px;color:var(--green)}.page{max-width:1460px;margin:auto;padding:36px clamp(24px,3.7vw,56px) 58px;animation:fadeIn .24s ease-out}@keyframes fadeIn{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:none}}.eyebrow{color:#a45f3f;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:850;margin-bottom:16px;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:22px;height:2px;background:var(--accent)}.page-header{margin-bottom:27px}.page-header p{max-width:790px;margin:0;font-size:14px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:26px;align-items:stretch;margin-bottom:22px}.hero-copy{padding:50px clamp(26px,3.5vw,49px);border-radius:20px;background:linear-gradient(117deg,#f2f7e9 0%,#eef4e4 58%,#e7efdc 100%);position:relative;overflow:hidden;border:1px solid #dce8d3}.hero-copy:after{content:'';position:absolute;width:280px;height:280px;border:40px solid rgba(122,159,107,.065);border-radius:50%;right:-120px;bottom:-160px;pointer-events:none}.hero-copy p{max-width:640px;font-size:15px;margin-bottom:25px}.hero-accent{color:#c76f47}.hero-side{border-radius:20px;background:var(--green);color:#f3faef;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-side:after{content:'◌';font-size:270px;position:absolute;right:-75px;bottom:-115px;color:rgba(255,255,255,.06);line-height:1}.hero-side .small-label{font-size:11px;letter-spacing:1.7px;font-weight:760;color:#c4e1ca;position:relative;z-index:1}.hero-side h2{color:#f2ffe8;font-size:26px;margin-top:16px;max-width:270px;position:relative;z-index:1}.hero-side p{color:#bfd6c6;position:relative;z-index:1}.hero-side .proof-line{border-top:1px solid #547267;padding-top:18px;margin-top:25px;color:#e0eecf;font-size:12px;position:relative;z-index:1}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;padding:11px 17px;font-weight:760;font-size:12px;transition:.14s ease;white-space:nowrap}.btn.primary{color:#fff;background:var(--green)}.btn.primary:hover{background:#356854;transform:translateY(-1px)}.btn.dark{color:#fff;background:#233f33}.btn.light{color:var(--green);background:#f5faf0;border-color:#d4e3ce}.btn.light:hover{background:#e8f3e0}.btn.white{background:white;border-color:var(--line);color:var(--green)}.btn.orange{background:var(--accent);color:white}.btn.outline{border-color:#cbdccc;background:transparent;color:var(--green)}.btn:focus-visible,.nav-link:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a9d28d;outline-offset:2px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.chip{font-size:10px;letter-spacing:.3px;display:inline-flex;align-items:center;gap:5px;font-weight:760;padding:5px 9px;border-radius:99px;background:#e9f4e5;color:#315c45}.chip.orange{background:#fff0e6;color:#bd673e}.chip.ink{background:#e9eced;color:#415a66}.chip.purple{background:#eeebf7;color:#71618f}.chip.warn{background:#fff0dc;color:#9f622c}.chip.gray{background:#eff1ee;color:#78837c}.section{margin-top:32px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px;gap:10px}.section-head p{margin-bottom:0}.section-head h2{margin:0 0 5px}.section-kicker{font-size:11px;font-weight:820;letter-spacing:1.2px;color:#8b9f8b}.glass-card,.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card{padding:22px}.card.soft{background:#f6faf1}.card.tint{background:#eff6e8}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{padding:20px;position:relative}.metric .metric-top{font-size:10px;letter-spacing:1px;color:#7f9183;font-weight:850;margin-bottom:8px}.metric strong{font-size:28px;font-weight:830;letter-spacing:-1.5px;line-height:1.15;display:block}.metric p{font-size:11px;margin:6px 0 0;line-height:1.4}.metric .metric-mark{position:absolute;right:19px;top:17px;font-size:18px;color:#9cb5a0}.step-line{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.step-node{background:#fff;padding:15px 12px 17px;border:1px solid #dfebde;border-radius:12px;position:relative;min-height:153px;transition:.16s}.step-node:hover{border-color:#93ba8d;transform:translateY(-2px);box-shadow:var(--shadow)}.step-node:after{content:'›';position:absolute;right:-13px;top:43%;font-size:24px;font-weight:700;color:#9ab997;z-index:2}.step-node:last-child:after{display:none}.step-num{font-weight:850;font-size:10px;color:#a4b6aa}.step-glyph{font-size:23px;color:#47765d;margin-top:7px}.step-node strong{display:block;font-size:13px;line-height:1.27;margin:7px 0}.step-node p{font-size:11px;margin:0;line-height:1.42}.step-node.highlight{background:#eaf3df}.step-node.orange{background:#fff3ea}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mini-card{padding:21px}.mini-card h3{margin:9px 0 7px}.mini-card p{font-size:12px;margin-bottom:0}.mini-num{font-size:10px;font-weight:860;color:#9ab09b}.mini-symbol{font-size:23px;line-height:1.1;color:#608268}.source-note{border-left:3px solid #bdcead;background:#f1f6e9;color:#546e58;padding:12px 15px;border-radius:0 9px 9px 0;font-size:12px}.callout{background:var(--green);color:white;border-radius:15px;padding:24px 27px;display:flex;justify-content:space-between;align-items:center;gap:15px}.callout p{color:#bfd7c5;margin:5px 0 0}.callout h3{color:#fff;margin:0;font-size:20px}.site-footer{border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:19px clamp(24px,3.7vw,56px) 24px;font-size:10px;color:#85998c;letter-spacing:.4px}.scenario-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:20px}.scenario-btn{text-align:left;background:#fff;border:1.5px solid var(--line);padding:15px 14px;border-radius:13px;min-height:114px;display:flex;flex-direction:column;gap:7px}.scenario-btn:hover{border-color:#9fc6a0}.scenario-btn.selected{border-color:var(--green);background:#eff7e9;box-shadow:inset 0 0 0 1px var(--green)}.scenario-btn .scenario-type{font-size:10px;color:#9a8066;font-weight:840;letter-spacing:1.1px}.scenario-btn strong{font-size:13px;line-height:1.27}.scenario-btn small{font-size:11px;color:#799083;line-height:1.35}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:17px;align-items:start}.lab-column{display:grid;gap:17px;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:17px}.card-header h3{margin:0}.card-header p{font-size:12px;margin:5px 0 0}.eyebrow-small{font-size:10px;font-weight:860;letter-spacing:1.25px;color:#879889;margin:0 0 4px}.evidence-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eff2ed}.evidence-row:last-child{border:0}.evi-icon{height:28px;width:28px;background:#edf4e7;display:grid;place-items:center;border-radius:8px;color:#4d795e;font-size:14px}.evidence-row strong{font-size:12px;display:block}.evidence-row p{margin:2px 0 0;font-size:10px;line-height:1.4}.small-btn{background:transparent;border:1px solid #d9e5d5;border-radius:8px;font-size:10px;color:#49705b;padding:5px 8px}.small-btn:hover{background:#edf4e8}.control-wrap{padding-top:12px;border-top:1px solid var(--line);margin-top:9px}.toggle-control{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:680}.toggle-control input{accent-color:#2e644e;width:17px;height:17px}.gate-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gate-card{padding:13px;border-radius:12px;background:#f5f7f2;border:1px solid var(--line);text-align:left;min-width:0}.gate-card:hover{border-color:#9caf9d}.gate-card.gate-pass{background:#ebf6e7}.gate-card.gate-block{background:#fff1e6}.gate-card.gate-current{outline:2px solid #8bae86;outline-offset:-2px}.gate-card .gate-code{font-size:11px;font-weight:850;color:#719270}.gate-card strong{font-size:12px;display:block;margin:3px 0 7px;line-height:1.25}.gate-card small{font-size:10px;line-height:1.3;color:#73867a}.gate-detail{margin-top:15px;background:#f6f9f3;border-radius:9px;padding:14px;font-size:12px}.gate-detail p{font-size:12px;margin:7px 0 0}.task-result{background:linear-gradient(140deg,#254b3d,#37644e);border-radius:14px;padding:22px;color:#fff}.task-result .result-label{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#bcdabc}.task-result h2{font-size:27px;margin:9px 0;color:white}.task-result p{color:#e0ede0;margin-bottom:8px;font-size:13px}.task-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.task-meta span{color:#f0f8e9;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.1);padding:5px 8px;border-radius:7px;font-size:10px}.line-list{padding:0;margin:0;list-style:none}.line-list li{padding:9px 0;border-bottom:1px solid #edf1e9;display:flex;gap:10px;font-size:12px;color:#4f6658}.line-list li:last-child{border:0}.line-list li .li-tick{color:#6b9874;font-weight:800}.slider-wrap{padding:12px 0;border-bottom:1px solid #f0f1ed}.slider-wrap:last-child{border:0}.slider-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:680}.slider-label output{font-weight:850;font-size:14px;color:var(--green)}.slider-wrap input[type=range]{width:100%;accent-color:#416f53;margin:12px 0 0}.range-hints{display:flex;justify-content:space-between;color:#a5b3a5;font-size:9px}.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quote-option{padding:13px 10px;border:1px solid #dce5d9;border-radius:12px;min-width:0;background:#fff}.quote-option.recommended{border:2px solid #4b8563;background:#f4faef;padding:12px 9px}.quote-option .quote-name{font-size:10px;font-weight:850;color:#778b79}.quote-option .quote-value{font-size:24px;font-weight:860;letter-spacing:-.8px;margin:8px 0}.quote-option .quote-value small{font-size:10px;color:#8b978e;font-weight:500;letter-spacing:0}.quote-option .quote-margin{font-size:11px;font-weight:720}.quote-option p{font-size:10px;line-height:1.42;margin:7px 0 0}.quote-option button{font-size:11px;margin-top:12px;padding:7px;width:100%}.math-note{margin:13px 0 0;font-size:11px;color:#798b7c}.chart-shell{background:#fbfcfa;border:1px solid #edf1ec;border-radius:11px;padding:10px 12px 5px}.chart-title{display:flex;justify-content:space-between;font-weight:770;font-size:12px;margin:4px 0 8px}.chart-shell svg{width:100%;display:block;overflow:visible}.chart-sub{font-size:10px;color:#91a093;margin-top:3px}.selected-note{border-left:3px solid #5e9467;background:#f1f8ec;padding:12px 13px;font-size:12px;color:#395846;border-radius:0 9px 9px 0}.warn-note{border-left-color:#cf8e4a;background:#fff6e8;color:#9b622d}.decision-btns{display:flex;gap:9px;flex-wrap:wrap}.decision-btns .btn{flex:1}.decision-help{margin:12px 0 0;font-size:11px}.audit-mini{background:#f9faf6;border:1px solid #e9eee6;border-radius:12px;padding:14px;display:flex;gap:12px;align-items:start}.audit-mini .audit-mark{font-size:21px;color:#54785b}.audit-mini strong{font-size:12px}.audit-mini p{font-size:11px;margin:4px 0 0}.seam{background:linear-gradient(90deg,#b3cfa8,transparent);height:1px;margin:27px 0}.arch-intro{background:#eaf4e4;padding:27px;border:1px solid #d3e3ca;border-radius:17px;margin-bottom:18px}.arch-intro p{margin:0}.flow-stack{display:grid;grid-template-columns:1fr;gap:10px}.arch-layer{display:grid;grid-template-columns:68px 1fr 240px;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 18px;position:relative}.arch-layer:after{content:'↓';position:absolute;bottom:-19px;left:32px;font-size:19px;font-weight:800;color:#8eac94;z-index:2}.arch-layer:last-child:after{display:none}.arch-layer .layer-n{font-size:11px;font-weight:850;color:#648369;border-radius:10px;background:#eaf3e6;height:42px;display:grid;place-items:center}.arch-layer.critical{background:#f1f8ec;border-color:#cbdcc5}.arch-layer .layer-title{font-weight:820;font-size:15px;letter-spacing:-.15px}.arch-layer p{font-size:12px;margin:2px 0 0}.arch-layer .layer-out{color:#51715a;font-weight:750;font-size:12px}.gate-pill-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gate-pill{padding:22px;border-radius:13px;border:1px solid var(--line);background:#fff}.gate-pill strong{font-size:22px}.gate-pill span{display:block;font-weight:800;margin-top:8px}.gate-pill p{margin:5px 0 0;font-size:12px}.tag-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tag-list span{padding:4px 7px;background:#eaf0e7;border-radius:5px;font-size:10px;color:#57705d}.list-table{width:100%;border-collapse:collapse;font-size:12px}.list-table th{background:#f2f7ef;color:#57735d;text-align:left;font-size:10px;letter-spacing:.5px;padding:13px 12px}.list-table td{border-bottom:1px solid #edf1eb;padding:12px;vertical-align:top}.list-table tr:last-child td{border-bottom:0}.list-table tr:hover td{background:#fafcf8}.table-scroll{overflow-x:auto}.policy-list{display:grid;gap:8px}.policy-item{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:15px;border:1px solid var(--line);background:#fff;border-radius:11px}.policy-item .policy-code{font-size:14px;font-weight:850;color:#a1b9a1}.policy-item strong{font-size:12px}.policy-item p{font-size:11px;margin:3px 0 0}.policy-item.strong{background:#ecf5e7;border-color:#d6e7cf}.data-model{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;gap:7px;align-items:stretch}.data-box{border:1px solid var(--line);background:#fff;padding:17px 13px;border-radius:12px}.data-box h3{font-size:13px}.data-box p{font-size:11px;margin-bottom:12px}.schema-list{display:flex;flex-wrap:wrap;gap:5px}.schema-list code{font-size:10px;color:#58705e;background:#eff5eb;border-radius:5px;padding:5px}.arr{display:grid;place-items:center;color:#81a287;font-size:25px}.tab-controls{display:flex;gap:8px;flex-wrap:wrap}.tab-controls button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;color:#637a69;font-weight:780;font-size:11px}.tab-controls button.active{color:white;background:var(--green)}.event-row{display:grid;grid-template-columns:104px 1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #edf0e9}.event-row:last-child{border:0}.event-row time{color:#849689;font-size:10px;font-weight:750}.event-row strong{font-size:12px}.event-row p{font-size:11px;margin:4px 0 0}.empty-state{padding:45px 24px;text-align:center;border:1px dashed #bed1b9;background:#f8fbf5;border-radius:15px;color:#7a907e}.empty-state strong{font-size:15px;color:#496e50}.empty-state p{font-size:12px;margin:10px 0 0}.kpi-bars{display:grid;gap:13px}.kpi-bar-head{display:flex;justify-content:space-between;font-size:12px;font-weight:650;margin-bottom:7px}.bar-track{height:9px;background:#e7eee6;border-radius:20px;overflow:hidden}.bar-fill{height:100%;background:#87af7f;border-radius:20px;transition:width .2s}.bar-fill.orange{background:#dea06a}.bar-fill.purple{background:#a8a0c1}.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.roadmap-card{padding:22px;position:relative}.roadmap-card .r-phase{font-size:10px;letter-spacing:1px;font-weight:850;color:#8ba68c}.roadmap-card h3{margin:13px 0 9px}.roadmap-card p{font-size:12px}.roadmap-card ul{padding-left:17px;font-size:11px;line-height:1.8;color:#566f5e}.roadmap-card.active{background:#eef7e9;border-color:#b3d1a7}.r-index{font-size:31px;letter-spacing:-1px;font-weight:860;color:#345c48}.roadmap-card:not(:first-child) .r-index{color:#aebcb0}.roadmap-card .chip{margin-bottom:10px}.check-list{display:grid;gap:8px}.check-list .check{display:flex;gap:9px;align-items:start;font-size:12px;padding:8px;border-bottom:1px solid #edf1ec}.check:last-child{border:0}.check span:first-child{color:#578765;font-weight:900}.roadmap-warning{border:1px solid #efd4bd;background:#fff4e9;padding:19px;border-radius:12px;color:#855c42;font-size:12px}.roadmap-warning strong{display:block;font-size:14px;margin-bottom:5px}.toast{position:fixed;bottom:26px;right:24px;z-index:20;background:#284c3c;color:white;border-radius:11px;padding:12px 18px;box-shadow:0 18px 42px rgba(0,0,0,.16);font-size:12px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s}.toast.show{opacity:1;transform:none}.detail-dialog{border:1px solid #dfe9dc;border-radius:18px;max-width:620px;width:calc(100% - 32px);padding:32px;box-shadow:0 20px 80px rgba(10,34,21,.2);max-height:85vh;overflow:auto}.detail-dialog::backdrop{background:rgba(20,44,34,.48)}.modal-x{position:absolute;right:14px;top:10px;font-size:26px;background:none;border:0;color:#63806b}.modal-title{font-size:23px;font-weight:850;margin:4px 0 8px}.modal-code{font-family:ui-monospace,monospace;font-size:11px;color:#63806d;background:#eff4ea;border-radius:5px;padding:5px 8px;display:inline-block}.modal-field{padding:12px 0;border-bottom:1px solid #ebf0e7}.modal-field .field-k{font-size:10px;letter-spacing:1px;font-weight:850;color:#8b9c8e}.modal-field .field-v{font-size:13px;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}.field{display:grid;gap:6px;font-size:12px;color:#58705e;font-weight:750;margin:13px 0}.field input,.field select,.field textarea{border:1px solid #cbdcc8;border-radius:8px;padding:10px;background:white;color:#263f30;width:100%}.field textarea{min-height:88px}.arch-image{max-width:100%;border:1px solid var(--line);background:white;border-radius:12px}.insight-strip{display:flex;align-items:center;gap:10px;font-size:12px;color:#506b59}.no-margin{margin:0}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-0{margin-bottom:0}.font-small{font-size:12px}.fineprint{font-size:10px;color:#90a092}.red{color:#b76f43}.green{color:#397450}.select-inline{background:#fff;border:1px solid #d7e4d3;border-radius:8px;padding:8px;font-size:12px;max-width:100%}
@media(max-width:1200px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-left:11px;padding-right:11px}.nav-link{gap:7px;padding:11px 8px}.hero{grid-template-columns:1.15fr .85fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-line{grid-template-columns:repeat(4,minmax(0,1fr))}.step-node:after{display:none}.scenario-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:270px;transform:translateX(-102%);transition:transform .2s;box-shadow:10px 0 22px rgba(0,0,0,.07)}.sidebar.mobile-open{transform:translateX(0)}.mobile-menu{display:block;margin-right:12px}.topbar{justify-content:start}.topbar-actions{margin-left:auto}.lab-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.triptych{grid-template-columns:1fr 1fr}.data-model{grid-template-columns:1fr;gap:9px}.arr{transform:rotate(90deg)}.arch-layer{grid-template-columns:48px 1fr}.arch-layer .layer-out{grid-column:2}.gate-pill-row{grid-template-columns:1fr}}
@media(max-width:600px){.topbar{padding:0 16px;height:60px}.breadcrumb{font-size:9px;letter-spacing:.6px}.demo-tag{font-size:9px;padding:5px}.reset-btn span{display:none}.page{padding:23px 15px 36px}.hero-copy{padding:32px 22px}.hero-side{padding:24px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:14px}.metric strong{font-size:24px}.step-line{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-strip{grid-template-columns:1fr 1fr;gap:8px}.scenario-btn{padding:12px 10px}.scenario-btn strong{font-size:12px}.scenario-btn small{font-size:10px}.split-grid,.triptych,.roadmap-grid{grid-template-columns:1fr}.gate-row{grid-template-columns:repeat(3,1fr)}.gate-card{padding:9px 7px}.gate-card strong{font-size:10px}.gate-card small{font-size:9px}.quote-value{font-size:20px!important}.quote-option{padding:9px 7px}.callout{display:block}.callout .btn{margin-top:15px}.event-row{grid-template-columns:75px 1fr}.event-row>.chip{grid-column:2;width:max-content}.site-footer{display:grid;gap:5px;padding:16px}.card{padding:17px}.btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}