:root{color:#172b43;font-synthesis:none;text-rendering:optimizelegibility;--navy:#102b46;--navy-soft:#1b405e;--teal:#087f8c;--teal-light:#dff4f2;--paper:#f3f7fb;--card:#fff;--ink:#172b43;--muted:#64758a;--line:#dce5ed;--warning:#8a5a0a;--warning-bg:#fff7e5;--error:#b42318;background:#f3f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e4edf6;--navy:#091421;--navy-soft:#142a3d;--teal:#54d1ca;--teal-light:#173a40;--paper:#0b1724;--card:#122235;--ink:#e4edf6;--muted:#9fb0c2;--line:#2b4054;--warning:#f4cb72;--warning-bg:#382d1a;--error:#ff9c94;background:#0b1724}*{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #39bfc2}.app-shell{background:var(--paper);min-height:100vh;color:var(--ink)}.site-header{background:var(--navy);color:#f4f8fc;border-bottom:3px solid #19a6a6;justify-content:space-between;align-items:center;gap:28px;padding:22px clamp(18px,4vw,56px);display:flex}.brand{min-width:200px}.brand-kicker{color:#7ddbd5;letter-spacing:.13em;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:750}.brand h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.12}.brand-tagline{color:#c1d0df;margin:7px 0 0;font-size:.9rem}.site-nav{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.nav-link{color:#d7e4ef;background:0 0;border:1px solid #0000;border-radius:9px;padding:10px 12px;font-size:.88rem;font-weight:650;transition:background .18s,border-color .18s}.nav-link:hover{background:#203e57}.nav-link.active{color:#fff;background:#176b78;border-color:#318e98}.disclaimer-banner{width:min(1200px,100% - 36px);color:var(--warning);background:var(--warning-bg);border:1px solid #e8cf91;border-radius:12px;margin:20px auto 0;padding:13px 16px;font-size:.9rem;line-height:1.6}main{width:min(1200px,100% - 36px);margin:0 auto;padding:30px 0 52px}h1,h2,h3,h4{color:var(--ink);line-height:1.22}p{line-height:1.7}a{color:var(--teal)}.hero-panel{border:1px solid var(--line);background:linear-gradient(125deg, var(--card) 60%, var(--teal-light));border-radius:20px;padding:clamp(24px,4vw,42px);box-shadow:0 12px 32px #102b460b}.hero-panel h2{letter-spacing:-.04em;max-width:760px;margin-top:0;font-size:clamp(1.8rem,4vw,2.8rem)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin:22px 0;display:grid}.card,.panel,.result-card,.stat-card{border:1px solid var(--line);background:var(--card);border-radius:15px;min-width:0;padding:22px;box-shadow:0 5px 20px #102b4608}.card h2,.card h3,.panel h2,.panel h3{margin-top:0}.foundation-note{border-left:4px solid var(--teal);background:var(--teal-light);border-radius:0 10px 10px 0;padding:16px 18px}.demo-label{color:var(--teal);background:var(--teal-light);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.error,.error-text{color:var(--error)}.meta-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.meta-list>*{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:13px}fieldset,.preview-fieldset{border:1px solid var(--line);background:var(--card);border-radius:13px;min-width:0;margin:18px 0;padding:20px}legend{color:var(--ink);padding:0 8px;font-weight:750}label{color:var(--ink);font-size:.9rem;font-weight:650}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--card);border-radius:9px;margin-top:6px;padding:11px 12px}textarea{resize:vertical;min-height:100px}button[type=submit],.primary-button{border:1px solid var(--teal);color:#fff;background:#087f8c;border-radius:10px;padding:11px 17px;font-weight:750}button[type=submit]:hover,.primary-button:hover{filter:brightness(1.08)}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}th{color:var(--muted);background:var(--paper);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}tr:hover td{background:var(--teal-light)}.pipeline-steps{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.pipeline-step{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:15px}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:22px 18px 30px;font-size:.82rem}.site-footer p{max-width:850px;margin:0 auto}@media (width<=760px){.site-header{flex-direction:column;align-items:flex-start;gap:18px;padding:20px 18px}.site-nav{width:100%}.nav-link{flex:auto}main{padding-top:22px}.card,.panel,.result-card,.stat-card{padding:17px}table{white-space:nowrap;display:block;overflow-x:auto}}.theme-toggle{color:#f4f8fc;background:#1b405e;border:1px solid #477087;border-radius:10px;flex:none;padding:10px 13px;font-size:.85rem;font-weight:700;transition:background .18s,border-color .18s}.theme-toggle:hover{background:#176b78;border-color:#54d1ca}:root[data-theme=dark] .hero-panel{background:linear-gradient(125deg, var(--card), #16323b)}:root[data-theme=dark] .site-header{border-bottom-color:#247f83}@media (width<=760px){.theme-toggle{align-self:flex-start}}img,video,canvas,svg,button,input,select,textarea{max-width:100%}.site-header{flex-wrap:wrap;min-width:0}.site-nav,main,.app-shell,.hero-panel,.card,.panel,.result-card,.stat-card{min-width:0}@media (width>=761px) and (width<=1100px){.site-header{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 28px}.site-nav{width:100%}main{width:min(100% - 48px,1000px)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){main{width:calc(100% - 28px);padding-top:20px;padding-bottom:34px}.disclaimer-banner{width:calc(100% - 28px);margin-top:14px;padding:12px 14px}.site-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.nav-link{overflow-wrap:anywhere;width:100%;min-height:44px;padding:10px 8px}.theme-toggle{min-height:44px}.hero-panel{border-radius:15px;padding:22px 18px}.card-grid{grid-template-columns:minmax(0,1fr);gap:13px}.meta-list,.pipeline-steps{grid-template-columns:minmax(0,1fr)}fieldset,.preview-fieldset{padding:15px 12px}input,select,textarea{min-height:44px;font-size:16px}button[type=submit],.primary-button{min-height:44px}th,td{padding:10px}}@media (width<=380px){.brand h1{font-size:1.65rem}.site-nav{grid-template-columns:minmax(0,1fr)}.hero-panel h2{font-size:1.7rem}}