:root{--reef: #10312E;--ocean: #0E6E6B;--ocean-dk: #0A5451;--lagoon: #E7F3F1;--sand: #FAF5EC;--sand-dk: #F0E7D8;--shell: #FFFFFF;--coral: #F2664B;--coral-dk: #D94E34;--sun: #E0A83C;--palm: #2E7D5B;--muted: #5B6B68;--muted-2: #7E938F;--rule: #E4DDD0;--rule-2: #B8C6C3;--mint: #EAF4EF;--mint-2: #DCEBE8;--blush: #FDF0ED;--cream: #FDF6E7;--palm-dk: #1E5A40;--ok: #2E7D5B;--danger: #B91C1C;--font-display: "Montserrat", -apple-system, sans-serif;--font-ui: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", monospace;--shadow: 0 2px 8px rgba(16,49,46,.06)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-ui);color:var(--reef);line-height:1.55}body{margin:0;background:var(--sand)}a{color:var(--ocean)}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}.data-num{font-family:var(--font-mono);letter-spacing:-.02em}h2{font-size:28px;margin:0 0 18px}.container{max-width:1180px;margin:0 auto;padding:0 20px}.container-sm{max-width:680px;margin:0 auto;padding:0 20px}header.site{padding:14px 0;border-bottom:1px solid var(--rule);background:var(--sand);position:sticky;top:0;z-index:20}header.site .inner{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--reef);text-decoration:none}header.site nav{display:flex;align-items:center;flex-wrap:wrap}header.site nav a{margin-left:18px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500}header.site nav a:hover,header.site nav a.active{color:var(--ocean)}header.site nav a.nav-cta{background:var(--coral);color:#fff;padding:8px 16px;border-radius:999px}header.site nav a.nav-cta:hover{background:var(--coral-dk)}footer.site{border-top:1px solid var(--rule);padding:32px 0;color:var(--muted);font-size:13px}.hero{background:linear-gradient(180deg,var(--lagoon) 0%,var(--sand) 100%);padding:72px 0 52px}.hero h1{font-size:clamp(34px,5.5vw,54px);font-weight:600;line-height:1.08;margin:0 0 16px}.hero p.lead{font-size:19px;color:var(--muted);max-width:620px;margin:0 0 28px}.eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ocean);margin-bottom:14px}section{padding:52px 0}section.alt{background:var(--sand-dk)}section.deep{background:var(--reef);color:var(--sand)}section.deep h2{color:var(--sand)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.stat .num{font-family:var(--font-display);font-weight:700;font-size:32px;color:var(--ocean)}.stat .lbl{font-size:13px;color:var(--muted)}section.deep .stat .num{color:var(--sun)}section.deep .stat .lbl{color:#b9cbc7}.card{background:var(--shell);border:1px solid var(--rule);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.badge{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.b-yield{background:var(--lagoon);color:var(--ocean-dk)}.b-ver{background:#e9f3ee;color:var(--palm)}.b-flag{background:#fdeee4;color:var(--coral-dk)}.b-data{background:#fbf3e2;color:#9a6f1b}.provenance{font-size:12px;color:var(--muted)}.btn{display:inline-block;border:0;cursor:pointer;font-family:var(--font-ui);font-weight:600;font-size:15px;border-radius:10px;padding:12px 20px;text-decoration:none;text-align:center}.btn.primary{background:var(--coral);color:#fff}.btn.primary:hover{background:var(--coral-dk)}.btn.secondary{background:var(--ocean);color:#fff}.btn.secondary:hover{background:var(--ocean-dk)}.btn.ghost{background:transparent;color:var(--ocean);border:1.5px solid var(--ocean)}.btn.sm{font-size:13px;padding:8px 14px;border-radius:8px}.btn:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:15px;color:var(--reef);background:var(--shell);border:1px solid var(--rule);border-radius:8px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ocean);border-color:var(--ocean)}label{font-size:13px;font-weight:500;color:var(--muted)}input[type=range]{accent-color:var(--ocean);padding:0;border:0;background:transparent;width:100%}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filters select{font-size:13px;font-weight:500;padding:8px 12px;border-radius:999px}.semantic{display:flex;gap:10px;background:var(--shell);border:1.5px solid var(--ocean);border-radius:14px;padding:6px 6px 6px 16px;align-items:center;box-shadow:0 4px 14px #10312e14}.semantic input{flex:1;border:0;outline:0;background:transparent;font-size:16px}.semantic input:focus{outline:0}.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.lcard{background:var(--shell);border:1px solid var(--rule);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:transform .12s}.lcard:hover{transform:translateY(-2px)}.lcard a{text-decoration:none;color:inherit}.lphoto{height:175px;position:relative;display:flex;align-items:flex-end;padding:10px}.lphoto .yield{background:#10312ed9;color:#fff;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px}.lphoto .yield b{color:var(--sun)}.lbody{padding:15px 16px}.lprice{font-family:var(--font-display);font-weight:700;font-size:21px}.lprice small{font-size:13px;color:var(--muted);font-family:var(--font-ui);font-weight:500}.ltitle{font-size:14px;font-weight:600;margin:3px 0 1px}.lloc{font-size:13px;color:var(--muted)}.lbadges{margin-top:9px;display:flex;gap:6px;flex-wrap:wrap}.lmeta{display:flex;gap:13px;font-size:12.5px;color:var(--muted);margin-top:9px;border-top:1px dashed var(--rule);padding-top:9px}.panel{background:var(--shell);border:1px solid var(--rule);border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:var(--shadow)}.panel h2{font-size:20px;margin:0 0 14px}.cost-table{width:100%;border-collapse:collapse;font-size:14px}.cost-table td{padding:8px 4px;border-bottom:1px dashed var(--rule)}.cost-table td:last-child{text-align:right;font-weight:600}.cost-table tr.total td{border-top:2px solid var(--reef);border-bottom:0;font-weight:700}.yield-big{font-family:var(--font-display);font-weight:700;font-size:38px;color:var(--ocean)}.calc-result{background:var(--lagoon);border-radius:10px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center}.calc-result b{font-family:var(--font-display);font-size:25px;color:var(--ocean-dk)}.slider-row{margin:13px 0}.slider-row label{display:flex;justify-content:space-between;margin-bottom:5px}.slider-row output{color:var(--reef);font-weight:700}.appshell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 61px)}.sidenav{background:var(--reef);padding:24px 0}.sidenav a{display:block;color:#b9cbc7;text-decoration:none;font-size:14px;font-weight:500;padding:10px 22px;border-left:3px solid transparent}.sidenav a:hover{color:var(--sand)}.sidenav a.active{color:var(--sand);border-left-color:var(--sun);background:#ffffff0a}.appmain{padding:30px 34px;max-width:1000px}.appmain h1{font-size:26px;margin:0 0 6px}.appmain .sub{color:var(--muted);font-size:14px;margin:0 0 24px}.tile-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.delta-up{color:var(--palm);font-weight:600}.delta-down{color:var(--coral-dk);font-weight:600}table.data{width:100%;border-collapse:collapse;background:var(--shell);border:1px solid var(--rule);border-radius:12px;overflow:hidden;font-size:14px}table.data th{background:var(--lagoon);text-align:left;font-weight:600;padding:10px 14px}table.data td{padding:10px 14px;border-top:1px solid var(--rule)}.empty{text-align:center;padding:48px 20px;color:var(--muted);background:var(--shell);border:1px dashed var(--rule);border-radius:12px}.empty h3{font-size:19px;margin:0 0 6px;color:var(--reef)}@media(max-width:800px){.appshell{grid-template-columns:1fr}.sidenav{display:flex;overflow-x:auto;padding:0;position:sticky;top:61px;z-index:15}.sidenav a{border-left:0;border-bottom:3px solid transparent;white-space:nowrap}.sidenav a.active{border-bottom-color:var(--sun)}.appmain{padding:22px 18px}}