:root{color-scheme:light;--ink: #20282a;--ink-muted: #5b6464;--ink-soft: #78807f;--bg: #dcdfdc;--bg-deep: #d0d4d1;--surface: #eceeeb;--surface-soft: #e4e7e4;--surface-warm: #f2f1ed;--surface-raised: #f5f6f2;--line: #c6cbc7;--line-strong: #aeb7b2;--teal: #147b73;--teal-soft: #d4e7e3;--blue: #496d8c;--blue-soft: #dce4ea;--sage: #668a5b;--sage-soft: #dde8d8;--amber: #a87931;--amber-soft: #eadfc9;--risk: #9a5a55;--risk-soft: #ead7d4;--shadow: 0 18px 55px rgba(44, 52, 50, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0%,rgba(245,246,242,.72),transparent 32rem),linear-gradient(180deg,var(--surface-warm),var(--bg) 38rem,var(--bg-deep));color:var(--ink);font-size:15px;line-height:1.5}button,input{font:inherit}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(174,183,178,.74);background:#eceeebe0;backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:min(100%,1440px);margin:0 auto;padding:15px 32px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:21px;font-weight:700}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(20,123,115,.38);border-radius:8px;background:var(--teal-soft);color:var(--teal);font-size:17px;font-weight:800}.desktop-nav{display:flex;gap:36px;align-items:center}.nav-link{position:relative;padding:8px 0;color:var(--ink-muted);font-size:14px;font-weight:600}.nav-link[data-active=true]{color:var(--ink)}.nav-link[data-active=true]:after{position:absolute;right:0;bottom:2px;left:0;height:2px;background:var(--teal);content:""}.header-actions{display:flex;gap:10px;align-items:center}.language-picker{position:relative}.language-trigger{display:inline-flex;min-width:78px;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--ink);cursor:pointer;font-size:13px;font-weight:800;padding:8px 11px}.language-trigger:hover,.language-trigger:focus-visible{border-color:#8f9a95;background:#fbfbf7}.language-chevron{color:var(--ink-muted);font-size:11px}.language-menu{position:absolute;top:calc(100% + 8px);right:0;display:none;width:142px;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#f5f6f2fa;box-shadow:var(--shadow)}.language-picker[data-open=true] .language-menu{display:grid}.language-menu button{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:13px;font-weight:800;padding:11px 12px;text-align:left}.language-menu button:last-child{border-bottom:0}.language-menu button:hover,.language-menu button[aria-selected=true]{background:var(--teal-soft);color:var(--teal)}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-raised);color:var(--ink);cursor:pointer;font-size:14px;font-weight:700;padding:9px 16px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.button:hover,.button:focus-visible{border-color:#8f9a95;background:#fbfbf7;transform:translateY(-1px)}.button.primary{border-color:#1f5f5b;background:var(--teal);color:#f6faf7}.button.primary:hover,.button.primary:focus-visible{background:#0f6b65}.menu-toggle{display:none;width:40px;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--ink);cursor:pointer}.menu-bars{display:grid;gap:4px;width:18px;margin:0 auto}.menu-bars span{height:2px;background:currentColor}.mobile-nav{display:none;border-top:1px solid var(--line);padding:0 22px 18px}.mobile-nav[data-open=true]{display:grid;gap:6px}.mobile-nav a{border-radius:8px;padding:10px 12px;color:var(--ink-muted);font-weight:700}.mobile-nav a[data-active=true]{background:var(--teal-soft);color:var(--teal)}.section{border-top:1px solid rgba(174,183,178,.68)}.section-inner{width:min(100%,1440px);margin:0 auto;padding:72px 32px}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:22px;font-size:58px;line-height:1.05}h2{max-width:780px;margin-bottom:14px;font-size:38px;line-height:1.16}h3{margin-bottom:8px;font-size:19px;line-height:1.25}.lead{max-width:670px;color:var(--ink-muted);font-size:17px}.muted{color:var(--ink-muted)}.hero{min-height:calc(100vh - 69px)}.hero-inner{width:min(100%,1440px);margin:0 auto;padding:48px 32px 0}.hero-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:38px;align-items:start}.hero-copy{padding-top:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;background:#eceeebad;box-shadow:var(--shadow)}.principle{min-height:124px;padding:20px}.principle:nth-child(1),.principle:nth-child(2){border-bottom:1px solid var(--line)}.principle:nth-child(1),.principle:nth-child(3){border-right:1px solid var(--line)}.principle-badge,.mini-badge{display:inline-grid;place-items:center;border-radius:8px;font-weight:800}.principle-badge{width:34px;height:34px;margin-bottom:16px;background:var(--teal-soft);color:var(--teal)}.principle:nth-child(2) .principle-badge{background:var(--blue-soft);color:var(--blue)}.principle:nth-child(3) .principle-badge{background:var(--sage-soft);color:var(--sage)}.principle:nth-child(4) .principle-badge{background:var(--amber-soft);color:var(--amber)}.principle p{margin-bottom:0;color:var(--ink-muted);font-size:13px}.demo-wrap{margin-top:32px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.feature-panel{background:#eceeebdb;padding:30px}.feature-panel p{color:var(--ink-muted)}.feature-list{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.feature-list li{color:var(--ink-muted);font-size:14px}.feature-list li:before{color:var(--teal);content:"+ ";font-weight:800}.roadmap-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.roadmap-cards-four{grid-template-columns:repeat(4,minmax(0,1fr))}.phase-card{border:1px solid var(--line);border-radius:8px;background:#eceeebcc;padding:24px}.phase-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.status{border-radius:999px;padding:4px 9px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:800}.status.live{background:var(--sage-soft);color:var(--sage)}.site-footer{border-top:1px solid rgba(174,183,178,.76);background:#d0d4d1b3;padding-bottom:max(18px,env(safe-area-inset-bottom))}.footer-inner{display:grid;width:min(100%,1440px);margin:0 auto;grid-template-columns:1fr auto;gap:24px;padding:30px 32px;color:var(--ink-muted);font-size:14px}.footer-brand,.footer-message{align-self:center}.footer-legal{display:flex;flex-wrap:wrap;gap:8px 14px;grid-column:1 / -1;align-items:center;color:var(--ink-soft);font-size:13px}.footer-legal a{text-decoration:underline;text-underline-offset:3px}.footer-legal a:hover,.footer-legal a:focus-visible{color:var(--ink)}@media(max-width:1020px){.hero-top{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:24px}h1{font-size:46px}.principle{min-height:118px;padding:16px}.feature-grid,.roadmap-cards{grid-template-columns:1fr}.roadmap-cards-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.header-inner{padding:13px 18px}.brand{font-size:18px}.brand-mark{width:28px;height:28px;font-size:15px}.desktop-nav{display:none}.menu-toggle{display:block}.hero-inner{padding:42px 18px 0}.hero-top,.principles,.roadmap-cards-four{grid-template-columns:1fr}.principle:nth-child(n){border-right:0}.principle:nth-child(3){border-bottom:1px solid var(--line)}.section-inner{padding:54px 18px}h1{font-size:38px}h2{font-size:30px}.lead{font-size:16px}.footer-inner{grid-template-columns:1fr;gap:14px;padding:28px 18px}}
