:root{--green: #2fb85c;--green-bar: #5DDA71;--slate: #397D9D;--export-blue: #75BCFA;--lime: #ecfa66;--ink-btn: #10232C;--forest: #0f2a20;--forest-2: #16382a;--heading: #1E2533;--card-stroke: #C5F2CC;--check-bg: #9BE8A8;--emoji-bg: #DBF668;--grad-green: linear-gradient(94deg, #F3FFF5 4.3%, #E6FBE9 115.94%);--ink: #11201a;--ink-2: #33453d;--muted: #5f7068;--line: #e6ece8;--line-2: #f0f4f1;--soft: #f4f9f5;--good: #1a8f4c;--bad: #c0264a;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px}*{box-sizing:border-box}body{margin:0;font:400 16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.headline,.bar-val,.axis-tick,.fact .v,.disclosure-row b,.tablescroll td.n,.unitrow b,.totalrow b,.loaded-meta{font-variant-numeric:tabular-nums}.page{max-width:620px;margin:0 auto;padding:0 var(--s5) var(--s10)}.hero{margin:0 0 var(--s6);padding:var(--s8) 0 0;color:var(--heading);text-align:left}.logo{height:30px;width:auto;display:inline-block;margin-bottom:var(--s5)}.hero h1{font-size:29px;line-height:1.15;letter-spacing:-.022em;margin:0 0 var(--s3);font-weight:600}.hero .lede{color:var(--muted);font-size:15.5px;margin:0;max-width:46ch}.card{background:#fff;border:1px solid var(--card-stroke);border-radius:var(--r-xl);padding:var(--s6);box-shadow:0 6px 24px #0f2a200b;margin-bottom:var(--s4)}.card.center{text-align:center}.section-title{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--heading);margin:0 0 var(--s3)}.muted{color:var(--muted)}.small{font-size:13.5px}.tight{margin-top:0}.lede.dark{color:var(--ink);margin:var(--s2) 0 var(--s4);font-size:16px}.drop{display:flex;flex-direction:column;align-items:center;gap:var(--s2);border:2px dashed #c7ddcf;border-radius:var(--r-xl);padding:var(--s10) var(--s6);text-align:center;cursor:pointer;background:#fff;transition:border-color .15s,background .15s;margin-bottom:var(--s4)}.drop.over,.drop:hover{border-color:var(--green);background:var(--soft)}.drop-icon{width:48px;height:48px;border-radius:50%;background:var(--emoji-bg);color:#06231a;display:grid;place-items:center;font-size:22px;margin-bottom:var(--s1)}.card.loaded{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5)}.loaded-tick{flex:none;width:26px;height:26px;border-radius:50%;background:var(--check-bg);color:var(--heading);display:grid;place-items:center;font-size:14px;font-weight:700}.loaded-meta{min-width:0;flex:1}.loaded-name{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alt-entry{text-align:center;margin:calc(-1 * var(--s1)) 0 var(--s4);font-size:13.5px;color:var(--muted)}.alt-entry .btn-link{padding:0;font-size:inherit}.field{margin-bottom:var(--s5)}.field-label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:var(--s2)}.field-label .optional{font-weight:400;color:var(--muted)}.field input,.field select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:var(--r-md);font-size:15px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #2fb85c1f}.field input[aria-invalid=true]{border-color:var(--bad)}.input-unit{position:relative}.input-unit>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13.5px;pointer-events:none}.input-unit input{padding-right:76px}.field-help{font-size:12.5px;color:var(--muted);margin-top:var(--s1);line-height:1.45}.field-err{font-size:12.5px;color:var(--bad);font-weight:600;margin-top:var(--s1)}.field .pick{margin:0}.seg{display:flex;gap:var(--s2)}.seg button{flex:1;padding:11px var(--s3);border:1.5px solid var(--line);border-radius:var(--r-md);background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink-2);transition:border-color .15s,background .15s,box-shadow .15s}.seg button:hover{border-color:var(--green-bar)}.seg button.on{border-color:var(--green);background:var(--soft);color:var(--ink);box-shadow:0 0 0 3px #2fb85c1f}.seg button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.pick{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);margin:var(--s4) 0 var(--s5)}@media (max-width: 480px){.pick{grid-template-columns:repeat(2,1fr)}}.tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s2);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:var(--s4) var(--s2);background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}.tile:hover{border-color:var(--green-bar)}.tile.on{border-color:var(--green);background:var(--soft);box-shadow:0 0 0 3px #2fb85c1f}.tile .ic{font-size:24px;line-height:1}.tile .lbl{font-size:12px;color:var(--ink-2);line-height:1.3}.tile .check{position:absolute;top:var(--s2);right:var(--s2);width:17px;height:17px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-size:10px;color:transparent;transition:background .15s,border-color .15s}.tile.on .check{background:var(--check-bg);border-color:var(--check-bg);color:var(--heading)}.loader{padding:var(--s10) var(--s6)}.bolts{display:flex;justify-content:center;gap:var(--s3);font-size:30px;line-height:1}.bolts span{animation:bolt 1.25s ease-in-out infinite}.bolts span:nth-child(2){animation-delay:.18s}.bolts span:nth-child(3){animation-delay:.36s}@keyframes bolt{0%,to{opacity:.25;transform:translateY(2px) scale(.9)}45%{opacity:1;transform:translateY(-3px) scale(1.12)}}@media (prefers-reduced-motion: reduce){.bolts span{animation:none;opacity:1}}.loader-text{margin:var(--s5) 0 var(--s1);font-weight:600}.verdict{background:var(--grad-green)}.kicker{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--heading)}.headline{font-size:48px;font-weight:800;letter-spacing:-.03em;margin:var(--s2) 0 var(--s1);line-height:1.02}.headline.small{font-size:25px;letter-spacing:-.02em;line-height:1.2}.per{font-size:18px;color:var(--muted);font-weight:600;margin-left:6px;letter-spacing:0}.range{margin:var(--s2) 0 0;font-size:14.5px}.chip-save{display:inline-block;text-align:left;line-height:1.6;padding:6px var(--s3);background:var(--check-bg);color:var(--heading);border-radius:0;font-size:13.5px;font-weight:600}.chip-save b{color:inherit}.verdict-extras{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}.proof{margin-top:var(--s4);font-size:12.5px;color:var(--muted)}.chart-delta{font-size:15.5px;margin-bottom:var(--s4)}.chart-delta b{color:var(--green);font-weight:800}.chart-delta+.chart .chart-plot{margin-top:var(--s10)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.fact{background:#fff;padding:var(--s3) var(--s4)}.fact:last-child:nth-child(odd){grid-column:1 / -1}.fact .k{font-size:11.5px;color:var(--muted);margin-bottom:2px}.fact .v{font-size:15.5px;font-weight:700}.confhint{font-size:12.5px;color:var(--muted);margin:var(--s3) 0 0;line-height:1.45}.chart{position:relative}.chart-plot{position:relative;margin:var(--s6) 0 0;padding-left:44px}.axis{position:absolute;left:0;top:0;bottom:0;width:40px}.axis-tick{position:absolute;right:0;transform:translateY(50%);font-size:10.5px;color:var(--muted);white-space:nowrap;line-height:1}.grid{position:absolute;left:44px;right:0;top:0;bottom:0;pointer-events:none}.gridline{position:absolute;left:0;right:0;border-top:1px dashed var(--line)}.gridline.base{border-top:1px solid var(--line);border-top-style:solid}.bars{position:relative;display:flex;align-items:flex-end;gap:var(--s2);height:100%;padding:0 var(--s2) 0 var(--s3)}.bar-col{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;border-radius:var(--r-sm) var(--r-sm) 0 0;transition:background .12s}.bar-col.hot{background:#2fb85c0f}.bar-group{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;height:100%}.bar{position:relative;flex:1;max-width:64px;min-width:5px;border-radius:var(--r-sm) var(--r-sm) 0 0;box-shadow:inset 0 0 0 1px #11201a1a;transition:height .45s cubic-bezier(.22,.61,.36,1)}.bar-val{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;line-height:1}.cat-labels{display:flex;gap:var(--s2);margin:var(--s2) 0 0;padding:0 var(--s2) 0 calc(44px + var(--s3))}.cat-labels>div{flex:1;min-width:0;text-align:center;font-size:12px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.cat-pstryk{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.cat-logo{height:13px;width:auto;display:block}.cat-note{font-size:11px;color:var(--muted);line-height:1.25}.legend{display:flex;flex-wrap:wrap;gap:var(--s4);margin:var(--s1) 0 0}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.swatch{width:10px;height:10px;border-radius:3px;flex:none;box-shadow:inset 0 0 0 1px #11201a1f}.tip{position:absolute;top:0;right:0;background:var(--forest);color:#fff;border-radius:var(--r-md);padding:var(--s3);font-size:12.5px;line-height:1.5;display:flex;flex-direction:column;gap:2px;pointer-events:none;box-shadow:0 6px 20px #0f2a202e}.tip .tip-row{display:flex;align-items:center;gap:6px}.tip b{color:#fff}.unitrow,.totalrow{display:flex;justify-content:space-between;gap:var(--s3);font-size:13.5px;color:var(--muted);margin:var(--s4) 0 var(--s2);padding-top:var(--s3);border-top:1px solid var(--line)}.unitrow{margin-top:var(--s6);padding-top:var(--s4)}.unitrow b,.totalrow b{color:var(--ink)}.totalrow{font-size:15px;align-items:baseline}.panel{margin-bottom:var(--s5)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3)}.panel-title{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700}.panel-note{margin-top:var(--s2)}.disclosure{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}.disclosure-row{display:flex;justify-content:space-between;gap:var(--s3);font-size:13px;padding:5px 0}.disclosure-row span{color:var(--muted)}.disclosure-row b{text-align:right}details.tableview{margin-top:var(--s4)}details.tableview summary{cursor:pointer;font-size:13px;color:var(--muted)}details.tableview summary:hover{color:var(--ink)}.tablescroll{overflow-x:auto;margin-top:var(--s3)}.tablescroll table{border-collapse:collapse;width:100%;font-size:13px}.tablescroll th,.tablescroll td{text-align:left;padding:7px var(--s2);border-bottom:1px solid var(--line)}.tablescroll th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.tablescroll td.n{text-align:right;white-space:nowrap}details.method summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--ink);list-style:none}details.method summary::marker{content:""}details.method summary:after{content:" ▾";color:var(--muted)}details.method[open] summary:after{content:" ▴"}.assumptions{list-style:none;padding:0;margin:var(--s3) 0 0}.assumptions li{color:var(--muted);font-size:13px;padding-left:var(--s4);position:relative;margin-bottom:7px;line-height:1.5}.assumptions li:before{content:"";position:absolute;left:2px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--green-bar)}.caveat-title{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:var(--s5) 0 var(--s2)}.assumptions.caveats li:before{background:#d9b25c}.battery-card{border-color:var(--card-stroke)}.battery{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);border:1px solid var(--card-stroke);background:var(--grad-green);border-radius:var(--r-lg);font-size:14.5px;line-height:1.5}.battery b{color:var(--green)}.bolt{font-size:22px;line-height:1.2}.already{background:var(--grad-green)}.already .heart{font-size:56px;line-height:1;margin-bottom:var(--s3)}.already .muted{max-width:42ch;margin:var(--s3) auto 0}.share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);margin-top:var(--s5)}.share-pill{background:#fff;color:var(--ink-btn);border:1.5px solid var(--ink-btn);border-radius:999px;padding:9px var(--s4);font-weight:700;font-size:13.5px;cursor:pointer;text-decoration:none;transition:background .15s;display:inline-flex;align-items:center;gap:7px}.share-ic{width:15px;height:15px;flex:none}.share-pill:hover{background:var(--soft)}.share-pill:focus-visible{outline:2px solid var(--green);outline-offset:2px}.close-cta{text-align:center;background:var(--heading);border-color:var(--heading)}.close-title{font-size:20px;font-weight:800;letter-spacing:-.015em;margin-bottom:var(--s2);color:#fff}.close-cta .muted{color:#b7b7b9}.close-cta .btn{background:var(--emoji-bg);color:var(--heading)}.close-cta .btn:hover{background:#cfeb59}.close-cta .btn-link{color:#fff}.close-cta .btn-link:hover{color:#fff;opacity:.85}.btn{background:var(--ink-btn);color:#fff;border:0;border-radius:999px;padding:15px var(--s5);font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block;transition:background .15s,transform .05s}.btn:hover{background:#1b3a48}.btn:active{transform:translateY(1px)}.btn-outline{background:#fff;color:var(--ink-btn);border:1.5px solid var(--ink-btn);border-radius:999px;padding:13px var(--s5);font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s}.btn-outline:hover{background:var(--soft)}.btn-block{display:block;width:100%;text-align:center;margin-top:var(--s5)}.btn-link{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13.5px;padding:var(--s2);text-decoration:underline;text-underline-offset:2px}.btn-link:hover{color:var(--ink)}.center-link{display:block;margin:var(--s3) auto 0}.btn:focus-visible,.btn-outline:focus-visible,.btn-link:focus-visible,.tile:focus-visible,.drop:focus-within{outline:2px solid var(--green);outline-offset:2px}.err{color:var(--bad);margin-top:0}.foot{color:var(--muted);font-size:12.5px;text-align:center;margin-top:var(--s6);line-height:1.5}@media (max-width: 480px){.page{padding:0 var(--s4) var(--s8)}.hero{margin:0 0 var(--s5)}.card{padding:var(--s5)}.headline{font-size:40px}.chart-plot,.grid{padding-left:36px}.cat-labels{padding-left:calc(36px + var(--s3))}.grid{left:36px}.axis{width:32px}.cat-labels>div{font-size:11px}.chart.dense .bar-val{display:none}}
