:root {
  --ink:#12324a; --muted:#5b7181; --paper:#f7fbfd; --aqua:#0aa9c2; --cyan:#43d8e7;
  --blue:#3276c6; --green:#68b936; --lime:#a7dc4d; --amber:#f3ad2f; --coral:#eb765f;
  --violet:#7654bd; --white:#fff; --line:rgba(29,95,122,.16); --shadow:0 16px 40px rgba(20,74,103,.14);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif;background:linear-gradient(180deg,#edfaff 0,#f9fcff 34%,#f5f8f4 100%)}
button,select,input{font:inherit}.aurora{position:fixed;inset:0 0 auto;height:420px;z-index:-1;background:radial-gradient(circle at 10% 10%,rgba(67,216,231,.3),transparent 34%),radial-gradient(circle at 76% 0,rgba(125,92,192,.17),transparent 30%),radial-gradient(circle at 94% 25%,rgba(167,220,77,.17),transparent 34%)}
.app-header{max-width:1500px;margin:auto;padding:28px clamp(20px,4vw,64px) 18px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:18px}.brand-icon{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 9px 15px rgba(0,130,166,.24))}.eyebrow,.step-label{margin:0 0 4px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:.74rem;color:#07859b}.brand h1{font-size:clamp(1.9rem,4vw,3.6rem);line-height:.95;margin:0;background:linear-gradient(92deg,#087f9e,#2867bd 43%,#7e55bd 75%,#e06b6b);-webkit-background-clip:text;color:transparent;letter-spacing:-.05em}.tagline{margin:9px 0 0;color:var(--muted);font-weight:650}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.glass-button,.text-button{border:0;cursor:pointer;font-weight:800}.glass-button{padding:12px 17px;border-radius:16px;color:#17627a;background:linear-gradient(#fff,rgba(226,249,252,.88));box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(20,104,127,.12);border:1px solid rgba(27,139,164,.2)}.glass-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(20,104,127,.18)}
main{max-width:1500px;margin:auto;padding:0 clamp(16px,4vw,64px) 56px}.input-shell{background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow),inset 0 1px 0 #fff;border-radius:30px;padding:24px;backdrop-filter:blur(18px)}.input-heading,.section-toolbar,.chart-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.input-heading h2,.section-toolbar h2{margin:0;font-size:clamp(1.35rem,2.5vw,2rem);letter-spacing:-.025em}.text-button{background:transparent;color:#087f9e}.input-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:12px;margin-top:18px}.input-card{position:relative;min-width:0;padding:15px 16px 13px;border-radius:20px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,var(--card1),var(--card2)) border-box;box-shadow:0 7px 18px rgba(32,97,122,.08)}.input-card:focus-within{box-shadow:0 0 0 4px rgba(255,222,48,.72),0 12px 25px rgba(32,97,122,.14)}.input-card>span{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#425c6e;margin-bottom:7px}.input-card small{display:block;margin-top:6px;color:#668090;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem}.input-card select,.input-card input{width:100%;border:0;background:transparent;color:var(--ink);font-weight:900;font-size:1.15rem;outline:0}.number-input{display:flex;align-items:baseline;gap:5px}.number-input b{color:var(--card2)}.city-card{--card1:#36d7e2;--card2:#2774c9}.heat-card{--card1:#ffbe43;--card2:#e9565f}.use-card{--card1:#aadc4b;--card2:#37b985}.time-card{--card1:#45d8e6;--card2:#7653bd}.jets-card{--card1:#faad3a;--card2:#ee6a65}.input-card.invalid{box-shadow:0 0 0 4px rgba(235,118,95,.45)}.scenario-strip{display:grid;grid-template-columns:1.4fr .7fr 1fr auto;gap:1px;margin-top:18px;overflow:hidden;border-radius:16px;background:var(--line)}.scenario-strip>div{background:#edf8fb;padding:12px 15px}.scenario-strip span{color:#4d6979;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.scenario-strip strong{display:block;margin-top:2px}.scenario-note{display:flex!important;align-items:center;gap:8px;color:#087c93;font-weight:800;background:#d9f7ef!important}.scenario-note span{font-size:1.2rem;color:#58ad36}
.view-tabs{display:flex;gap:8px;padding:28px 0 18px;overflow:auto}.view-tab{white-space:nowrap;border:0;border-radius:16px;padding:13px 20px;background:#e7eff3;color:#56707f;font-weight:900;cursor:pointer}.view-tab.active{color:white;background:linear-gradient(135deg,#0aa9c2,#3776c8 55%,#7755bd);box-shadow:0 8px 22px rgba(39,113,168,.24)}.view{display:none}.view.active{display:block}.section-toolbar{margin:10px 0 18px}.sort-control{display:flex;gap:9px;align-items:center;color:var(--muted);font-weight:800}.sort-control select{border:1px solid var(--line);border-radius:12px;padding:9px 34px 9px 12px;background:white;color:var(--ink);font-weight:800}.collection-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.collection-tab{border:0;border-radius:20px;padding:18px 16px;text-align:left;cursor:pointer;background:linear-gradient(145deg,var(--soft),#fff);box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(31,83,109,.09);color:var(--ink);border-bottom:5px solid var(--tone)}.collection-tab strong{display:block;font-size:1.08rem}.collection-tab span{font-size:.74rem;color:var(--muted)}.collection-tab.active{box-shadow:0 0 0 4px var(--tone),0 12px 30px rgba(31,83,109,.15);transform:translateY(-2px)}.collection-summary{margin:18px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-radius:18px;background:linear-gradient(90deg,var(--summarySoft),rgba(255,255,255,.94));border-left:7px solid var(--summaryTone)}.collection-summary strong{font-size:1.15rem}.collection-summary span{color:var(--muted)}.model-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.model-card{background:white;border:1px solid var(--line);border-radius:22px;padding:17px;box-shadow:0 8px 20px rgba(25,82,108,.07);position:relative;overflow:hidden}.model-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--tone),var(--tone2))}.model-card h3{font-size:1.25rem;margin:4px 0 2px}.model-meta{color:var(--muted);font-size:.77rem}.cost-main{display:flex;align-items:baseline;gap:5px;margin:16px 0 12px}.cost-main strong{font-size:2rem;letter-spacing:-.05em}.cost-main span{color:var(--muted);font-size:.75rem}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cost-grid div{padding:8px;border-radius:10px;background:#f3f8fa}.cost-grid span{display:block;font-size:.65rem;text-transform:uppercase;color:#607987;font-weight:800}.cost-grid b{font-size:.86rem}.annual-line{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:.8rem}.annual-line b{color:#2867a8}.chart-card{margin-top:18px;border-radius:25px;background:rgba(255,255,255,.92);padding:20px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.95)}.chart-heading h3{margin:0;font-size:1.2rem}.legend{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.low{background:#72bf3f}.legend-dot.high{background:#3276c6}.bar-chart{display:grid;gap:8px;margin-top:18px}.bar-row{display:grid;grid-template-columns:minmax(70px,130px) 1fr 70px;align-items:center;gap:10px;font-size:.8rem}.bar-label{font-weight:800;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:20px;border-radius:12px;background:#edf3f5;overflow:hidden;box-shadow:inset 0 2px 4px rgba(17,65,86,.08)}.bar-fill{height:100%;min-width:4px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 35%),linear-gradient(90deg,var(--bar1),var(--bar2));box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.bar-value{font-weight:900;color:#2d5267}.long-chart{gap:5px}.long-chart .bar-track{height:15px}
.season-key{display:flex;gap:8px;margin-bottom:10px}.season-key span{padding:6px 11px;border-radius:10px;font-size:.7rem;font-weight:900}.winter{background:#dcebf9}.spring{background:#dff2d1}.summer{background:#fff0bf}.fall{background:#eadcf2}.table-shell{overflow:auto;border-radius:22px;box-shadow:var(--shadow);background:white}.table-shell table{width:100%;min-width:1080px;border-collapse:separate;border-spacing:0;font-size:.78rem}.table-shell th{position:sticky;top:0;z-index:1;padding:12px 10px;color:#173b52;background:#e4f1f7;text-align:right}.table-shell th:first-child,.table-shell th:nth-child(2),.table-shell td:first-child,.table-shell td:nth-child(2){text-align:left}.table-shell th.month-winter{background:#cfe2f5}.table-shell th.month-spring{background:#d9edca}.table-shell th.month-summer{background:#ffe2a0}.table-shell th.month-fall{background:#e4d7ee}.table-shell th.annual{background:#d6e8f6}.table-shell td{padding:9px 10px;border-top:1px solid #edf2f3;text-align:right}.table-shell tbody tr:hover{background:#f2fbfd}.collection-pill{display:inline-block;padding:4px 8px;border-radius:10px;background:var(--pill);font-weight:900}.assumption-chip{background:#ddf1e3;color:#34723c;border-radius:999px;padding:8px 13px;font-weight:800;font-size:.75rem}.section-intro{max-width:900px;color:var(--muted);margin:-5px 0 18px;line-height:1.55}.conversion-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.conversion-card{background:white;border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:0 8px 20px rgba(25,82,108,.07)}.conversion-card h3{margin:0}.conversion-card .collection-name{color:var(--muted);font-size:.74rem}.compare-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:15px 0}.compare-cost{padding:10px;border-radius:13px;background:#f2f6f8}.compare-cost.converted{background:#e6f5e1}.compare-cost span{display:block;font-size:.65rem;text-transform:uppercase;color:var(--muted);font-weight:800}.compare-cost b{font-size:1.18rem}.arrow{color:#58a737;font-weight:900}.savings{display:flex;justify-content:space-between;align-items:center;padding-top:11px;border-top:1px solid var(--line);color:#3f6e36}.savings b{font-size:1.15rem}
footer{display:flex;align-items:center;gap:13px;padding:22px clamp(20px,4vw,64px);background:#153c55;color:white}footer img{width:58px;height:58px;object-fit:contain}footer div{flex:1}footer span{color:#bcd0dc;font-size:.75rem}.glass-button.dark{background:linear-gradient(#2e6886,#1e506a);color:#fff;border-color:#4f7890}dialog{border:0;border-radius:28px;padding:28px;max-width:620px;color:var(--ink);box-shadow:0 28px 90px rgba(3,31,49,.35);background:linear-gradient(150deg,#fff,#eefbfe)}dialog::backdrop{background:rgba(6,37,55,.55);backdrop-filter:blur(8px)}.story-dialog img{width:180px;height:180px;object-fit:contain;float:right;margin:-12px -10px 10px 18px}.story-dialog h2,.info-dialog h2{font-size:2rem;margin:0 0 15px}.story-dialog p,.info-dialog li{line-height:1.55}.dialog-close{float:right;border:0;background:#e4f1f4;border-radius:50%;width:36px;height:36px;font-size:1.4rem;cursor:pointer}.fine-print{background:#e6f4f5;padding:14px;border-radius:14px;color:#4f6878;font-size:.83rem}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);padding:12px 18px;border-radius:14px;background:#153c55;color:white;font-weight:800;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow)}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.app-header{align-items:flex-start}.input-grid{grid-template-columns:repeat(2,1fr)}.city-card{grid-column:span 2}.scenario-strip{grid-template-columns:1fr 1fr}.scenario-note{grid-column:span 2}.collection-tabs{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.app-header{display:block;padding-top:18px}.brand{align-items:flex-start}.brand-icon{width:78px;height:78px}.header-actions{margin-top:16px}.input-shell{padding:16px;border-radius:23px}.input-grid{grid-template-columns:1fr}.city-card{grid-column:auto}.scenario-strip{grid-template-columns:1fr}.scenario-note{grid-column:auto}.collection-tabs{grid-template-columns:1fr 1fr}.section-toolbar,.input-heading,.chart-heading{align-items:flex-start;flex-direction:column}.sort-control{width:100%;justify-content:space-between}.bar-row{grid-template-columns:72px 1fr 58px}.legend{display:none}footer{align-items:flex-start;flex-wrap:wrap}footer .glass-button{width:100%}.story-dialog img{float:none;display:block;margin:0 auto 12px;width:150px;height:150px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}