:root{--bg:#0e1216;--surface:#161c23;--surface-2:#1e262f;--border:#2a333d;--text:#eef2f6;--text-muted:#9aa8b5;--accent:#4fd1c5;--accent-2:#7aa5f7;--radius:14px}[data-theme=light]{--bg:#f7f9fb;--surface:#fff;--surface-2:#eef2f6;--border:#d7dee5;--text:#16202b;--text-muted:#5b6b7a;--accent:#0d8f86;--accent-2:#2f6fed}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 20px}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0e1216d9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{letter-spacing:.02em;font-size:1.3rem;font-weight:800}.logo b{color:var(--accent)}.nav{color:var(--text-muted);gap:18px;font-size:.92rem;display:flex}.nav a:hover{color:var(--text)}.nav-desktop{align-items:center}.nav-item{position:relative}.nav-btn{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.nav-item:hover .nav-btn,.nav-item:focus-within .nav-btn{color:var(--text)}.nav-item:hover .mega,.nav-item:focus-within .mega{display:block}.mega{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:440px;margin-top:12px;padding:18px;display:none;position:absolute;top:100%;left:0;box-shadow:0 18px 40px #0006}.mega-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.mega-title{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.78rem;display:block}.mega-grid a{color:var(--text-muted);padding:4px 0;font-size:.9rem;display:block}.mega-grid a:hover{color:var(--accent)}.nav-actions{align-items:center;gap:14px;display:flex}.nav-en{color:var(--text-muted);font-size:.92rem}.nav-en:hover{color:var(--text)}.theme-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem}.theme-btn:hover{color:var(--text)}.nav-burger{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.4rem;display:none}.mobile-menu{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:20px;padding:18px 20px 24px;display:grid}.mobile-group a{color:var(--text-muted);padding:4px 0;font-size:.95rem;display:block}.mobile-group a:hover{color:var(--accent)}.hero{text-align:center;padding:64px 0 40px}.hero h1{max-width:760px;margin:0 auto 14px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.hero p{color:var(--text-muted);max-width:620px;margin:0 auto 28px;font-size:1.15rem}.search{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:560px;margin:0 auto;display:flex;overflow:hidden}.search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:16px 18px;font-size:1rem}.search button{background:var(--accent);color:#06232b;cursor:pointer;border:none;padding:0 26px;font-weight:700}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:6px 14px;font-size:.85rem}.chip:hover{color:var(--text);border-color:var(--accent)}.pillar-list{margin:0;padding:0;list-style:none}.pillar-list li{margin-bottom:8px}.pillar-list a{color:var(--text-muted)}.pillar-list a:hover{color:var(--accent)}.section{border-top:1px solid var(--border);padding:44px 0}.section h2{margin:0 0 6px;font-size:1.4rem}.section .sub{color:var(--text-muted);margin:0 0 22px}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card h3{color:var(--accent);margin:0 0 6px;font-size:1.02rem}.card p{color:var(--text-muted);margin:0;font-size:.92rem}.cta-box{background:linear-gradient(135deg, var(--surface), var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.cta-box h3{margin:0 0 6px}.cta-box p{color:var(--text-muted);margin:0}.btn{background:var(--accent);color:#06232b;border-radius:var(--radius);white-space:nowrap;padding:12px 22px;font-weight:700;display:inline-block}.btn.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:40px;font-size:.85rem}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:28px;padding:34px 20px;display:grid}.footer-col h4{color:var(--text);margin:0 0 12px;font-size:.9rem}.footer-list{margin:0;padding:0;list-style:none}.footer-list li{margin-bottom:8px}.footer-list a{color:var(--text-muted)}.footer-list a:hover{color:var(--accent)}.footer-brand .logo{font-size:1.3rem}.footer-desc{color:var(--text-muted);margin:10px 0 0}.footer-note{color:var(--text-muted);margin:12px 0 0;font-size:.78rem}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px 26px;display:flex}.footer-bottom-links a{color:var(--text-muted)}.footer-bottom-links a:hover{color:var(--accent)}.page{padding:40px 0}.crumbs{color:var(--text-muted);margin:0 0 22px;font-size:.85rem}.crumbs a:hover{color:var(--text)}.page h1{margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.6rem)}.lede{color:var(--text-muted);max-width:720px;margin:0 0 26px;font-size:1.08rem}.list{color:var(--text);padding-left:20px;line-height:1.7}.list a{color:var(--accent)}.list a:hover{text-decoration:underline}.cost-range{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:6px;display:grid}.cost-range>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.cost-range .k{color:var(--text-muted);margin-bottom:6px;font-size:.82rem;display:block}.cost-range strong{font-size:1.5rem}.muted{color:var(--text-muted);font-size:.92rem}.grid-2{grid-template-columns:repeat(2,1fr)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px;font-size:.92rem}th{color:var(--text-muted);font-weight:600}tbody tr:last-child td{border-bottom:none}.faq{margin-bottom:18px}.faq h3{margin:0 0 4px;font-size:1.02rem}.faq p{color:var(--text-muted);margin:0}.meta{color:var(--text-muted);border-top:1px solid var(--border);margin-top:30px;padding-top:16px;font-size:.8rem}.calculator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.calc-label{color:var(--text-muted);margin-bottom:10px;font-size:.92rem;display:block}.calc-row{flex-wrap:wrap;gap:12px;display:flex}.calc-row input{border:1px solid var(--border);background:var(--surface-2);min-width:180px;color:var(--text);border-radius:var(--radius);outline:none;flex:1;padding:12px 14px;font-size:1rem}.calc-result{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.calc-result p{margin:0 0 6px}.calc-input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:var(--radius);outline:none;margin-bottom:12px;padding:12px 14px;font-size:1rem}.guide{margin-bottom:22px}.guide h2{margin:0 0 6px;font-size:1.25rem}.guide p{color:var(--text-muted);margin:0}.callout{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;margin:14px 0;padding:14px 16px}.callout strong{color:var(--accent);margin-bottom:4px;display:block}.callout p{color:var(--text-muted);margin:0}.callout.example{border-left-color:var(--accent-2)}.callout.example strong{color:var(--accent-2)}.diagnostic{margin-top:20px}.safety-gate{border-radius:var(--radius);background:#dc3c3c14;border:1px solid #dc3c3c66;margin-bottom:20px;padding:20px}.safety-gate h2{color:#ff8a8a}.safety-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.checklist{margin:0;padding:0;list-style:none}.checklist li{margin-bottom:10px}.checklist-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.checklist-grid h3{margin:0 0 10px;font-size:1.02rem}.question{margin-bottom:12px}.question-q{margin:0 0 8px;font-weight:600}.question-actions{gap:10px;display:flex}.emergency-call{background:#e052521f;border-left-color:#e05252}.emergency-call strong{color:#ff8a8a}.tool{padding:24px}.tool-grid{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}.field-row{margin-bottom:12px}.field-row input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:var(--radius);outline:none;margin-bottom:6px;padding:12px 14px;font-size:1rem}.field-group{flex-direction:column;gap:8px;display:flex}.measure-row{gap:8px;margin-bottom:8px;display:flex}.measure-row input{flex:1;margin-bottom:0}.mini-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:8px;width:34px}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-size:.9rem}.checks{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px;display:grid}.check{color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.tool-output h3{margin:0 0 10px;font-size:1.05rem}.result-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.result-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.result-grid .k{color:var(--text-muted);margin-bottom:4px;font-size:.78rem;display:block}.result-grid strong{font-size:1rem}.intents{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.intent{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;display:flex}.intent:hover{border-color:var(--accent);color:var(--accent)}.intent svg{color:var(--accent)}.problem-search{max-width:560px;margin:0 auto}.search-results{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.search-results a{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;border-radius:10px;padding:10px 12px;display:block}.search-results a:hover{border-color:var(--accent);color:var(--accent)}.steps{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.step-icon{width:40px;height:40px;color:var(--accent);background:#4fd1c524;border-radius:10px;place-items:center;margin-bottom:12px;display:inline-grid}.step h3{margin:0 0 4px;font-size:1.02rem}.step p{color:var(--text-muted);margin:0;font-size:.9rem}.step:hover{border-color:var(--accent)}.btn-small{padding:8px 14px;font-size:.88rem}.project-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px;display:flex}.saved-project-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.saved-project-row details{margin-top:6px}.saved-project-row pre{margin-top:6px;font-size:.85rem}.cta-box.emergency{background:linear-gradient(135deg, #dc3c3c40, var(--surface));border-color:#dc3c3c66}.consent{z-index:50;background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000040}.consent p{color:var(--text-muted);max-width:60ch;margin:0;font-size:.9rem}.consent-actions{gap:10px;display:flex}.router{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;max-width:560px;padding:20px;display:flex}.hero{background:radial-gradient(1100px 480px at 75% -10%,#4fd1c533,#0000 60%),radial-gradient(900px 420px at 15% 5%,#7aa5f724,#0000 60%);position:relative}.hub-hero{align-items:center;gap:18px;margin-bottom:24px;display:flex}.hub-icon{border-radius:var(--radius);background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#06232b;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.hub-hero h1{margin:0 0 4px}.hub-hero .lede{margin:0}.pillar-card{position:relative}.pillar-icon{width:40px;height:40px;color:var(--accent);background:#4fd1c524;border-radius:10px;place-items:center;margin-bottom:12px;display:inline-grid}.featured-tool{max-width:420px;display:block}.range-bar{margin:14px 0 26px}.range-track{background:linear-gradient(90deg, var(--surface-2), var(--border));border-radius:999px;height:8px;position:relative}.range-marker{background:var(--accent);border:3px solid var(--bg);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-labels{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:.8rem;display:flex}.items-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px;display:grid}.item{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.item svg{color:var(--accent);flex-shrink:0}.item:hover{border-color:var(--accent);color:var(--accent)}.features{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.feature{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:8px;padding:16px 10px;font-size:.85rem;display:flex}.feature svg{color:var(--accent)}.feature:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:800px){.features{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.grid-2,.cost-range{grid-template-columns:1fr}.nav-desktop{display:none}.nav-burger{display:block}.footer-grid{grid-template-columns:repeat(2,1fr)}.tool-grid,.checks{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.checklist-grid{grid-template-columns:1fr}}