:root{color-scheme:light;--bg: #f7f8f6;--surface: #ffffff;--surface-strong: #f0f5ef;--ink: #111827;--muted: #5f6b7a;--line: #d9e2dc;--accent: #0f9f6e;--accent-dark: #08724f;--blue: #2563eb;--amber: #c97b0c;--red: #c2413a;--shadow: 0 24px 60px rgba(17, 24, 39, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);color:var(--ink);scroll-behavior:smooth}body{margin:0;min-height:100vh;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{min-height:100vh;background:linear-gradient(rgba(17,24,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.04) 1px,transparent 1px);background-size:32px 32px}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(217,226,220,.9);background:#f7f8f6eb;backdrop-filter:blur(14px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #0d8f66;border-radius:8px;background:#10231e;color:#d7ffee}.nav-links{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;font-weight:650}.nav-links a{padding:9px 10px;border-radius:8px}.nav-links a:hover{background:#eef4ef;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid transparent;border-radius:8px;background:var(--ink);color:#fff;font-weight:750;line-height:1;cursor:pointer}.button:hover{background:#263241}.button:disabled{cursor:not-allowed;opacity:.68}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.button.secondary:hover{background:#edf3ee}.button.accent{background:var(--accent)}.button.accent:hover{background:var(--accent-dark)}.hero{padding:72px 0 34px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid #bee7d4;border-radius:8px;background:#effaf4;color:#116247;font-size:13px;font-weight:760}h1,h2,h3,p{margin-top:0}h1{max-width:850px;margin-bottom:18px;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:0}h2{margin-bottom:12px;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:0}h3{margin-bottom:8px;font-size:19px;line-height:1.2;letter-spacing:0}.lead{max-width:720px;color:var(--muted);font-size:19px}.section{padding:64px 0}.section.alt{background:#ffffffb3;border-block:1px solid rgba(217,226,220,.8)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head p{max-width:660px;color:var(--muted)}.finder-panel,.dashboard-panel,.card,.table-wrap,.tool-detail,.stack-detail,.notice{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.finder-panel{padding:18px}.finder-panel label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:760;text-transform:uppercase}.finder-controls{display:grid;grid-template-columns:1fr;gap:12px}.input,.select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fbfdfb;color:var(--ink);padding:12px}.input:focus,.select:focus{outline:3px solid rgba(15,159,110,.18);border-color:var(--accent)}.finder-result{margin-top:16px;padding:14px;border:1px solid #cbe6d8;border-radius:8px;background:#f1fbf5}.finder-result strong{display:block;margin-bottom:4px}.dashboard-panel{padding:18px}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.mini-tabs{display:flex;gap:6px}.mini-tabs span{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#f8faf8;color:var(--muted);font-size:12px;font-weight:760}.stack-map{display:grid;gap:10px}.stack-node{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;min-height:64px;padding:10px;border:1px solid #dde7e0;border-radius:8px;background:#fbfdfb}.node-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#effaf4;color:var(--accent-dark)}.node-meta span,.muted{color:var(--muted)}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:#f8faf8;color:#3d4b59;font-size:12px;font-weight:760}.badge.green{border-color:#bde7d1;background:#effaf4;color:#126447}.badge.blue{border-color:#c9dafd;background:#f0f5ff;color:#1e4eb3}.badge.amber{border-color:#f3d4a5;background:#fff7e8;color:#8a530a}.grid{display:grid;gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{display:flex;flex-direction:column;padding:18px}.card p{color:var(--muted)}.card-actions{margin-top:auto;padding-top:16px}.link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-dark);font-weight:790}.page-hero{padding:58px 0 28px}.page-hero .lead{max-width:780px}.tool-detail,.stack-detail{padding:24px}.tool-detail label,.stack-detail label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:760}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.side-panel{border:1px solid var(--line);border-radius:8px;background:#f8faf8;padding:16px}.side-panel dl{display:grid;gap:12px;margin:0}.side-panel dt{color:var(--muted);font-size:12px;font-weight:760;text-transform:uppercase}.side-panel dd{margin:2px 0 0;font-weight:760}.steps{display:grid;gap:10px;padding-left:0;list-style:none}.steps li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfdfb}.step-number{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#10231e;color:#fff;font-size:13px;font-weight:800}.table-wrap{overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f1f5f2;color:#334155;font-size:13px}tr:last-child td{border-bottom:0}.calculator{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.audit-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.audit-layout label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:760}.audit-tools{margin-top:14px}.audit-report{display:grid;gap:14px}.audit-metrics{display:grid;gap:8px}.audit-metrics div{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #2e5d4d;border-radius:8px;background:#19322a;color:#e7fff2}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-tile{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}.check-tile input{width:18px;height:18px}.total-box{position:sticky;top:96px;border:1px solid var(--line);border-radius:8px;background:#10231e;color:#fff;padding:18px;box-shadow:var(--shadow)}.total-box strong{display:block;font-size:44px;line-height:1}.footer{margin-top:64px;padding:34px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:24px}.notice{padding:16px;background:#fffdf7}.lead-capture{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:22px;align-items:center;border:1px solid #bde7d1;border-radius:8px;background:#10231e;color:#fff;padding:24px;box-shadow:var(--shadow)}.lead-capture h2{margin:12px 0 8px;font-size:clamp(26px,3vw,38px)}.lead-capture p{color:#cfe1d8}.lead-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.lead-capture .input{background:#fff}.lead-status{grid-column:2;margin:-12px 0 0;font-size:13px}.lead-status[data-state=success]{color:#a7f3d0}.lead-status[data-state=warning]{color:#fde68a}.lead-status[data-state=error]{color:#fecaca}.metric-card{border:1px solid var(--line);border-radius:8px;background:#fbfdfb;padding:14px}.metric-card strong{display:block;font-size:30px;line-height:1}.creator-callout{margin-top:24px;border-color:#bde7d1;background:#f1fbf5}.redirect-helper{margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.hero-grid,.detail-grid,.calculator,.audit-layout,.lead-capture,.grid.three,.grid.four,.grid.two{grid-template-columns:1fr}.nav-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.nav-links{width:100%;flex-wrap:wrap;overflow-x:visible;padding-bottom:0}.section-head,.footer-inner{align-items:flex-start;flex-direction:column}.total-box{position:static}.lead-status{grid-column:1}}@media(max-width:580px){.container{width:min(100% - 24px,1180px)}.hero{padding-top:44px}h1{font-size:42px}.nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links a{justify-content:center;text-align:center}.check-grid,.lead-form-row{grid-template-columns:1fr}.lead-form-row .button{width:100%}.stack-node{grid-template-columns:34px 1fr}.stack-node .badge{grid-column:2;width:fit-content}}
