:root{--bg:#f5f3ee;--surface:#ffffff;--ink:#181716;--muted:#68625b;--line:#ddd6cc;--line-strong:#c8bfb2;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#e6f2ef;--blue:#2563eb;--rose:#be123c;--warning-soft:#fff1f2;--paper:#fffdf9;--shadow:0 20px 50px rgba(48,43,36,0.1);--shadow-soft:0 12px 28px rgba(48,43,36,0.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;-webkit-tap-highlight-color:rgba(15,118,110,.18)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(37,99,235,.42);outline-offset:3px}.skip-link{position:fixed;top:12px;left:12px;z-index:20;transform:translateY(-140%);border-radius:8px;background:var(--ink);color:white;padding:10px 14px;font-weight:800}.skip-link:focus-visible{transform:translateY(0)}.site-footer,.site-header{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.brand{color:var(--ink);font-weight:800}nav{display:flex;gap:18px;color:var(--muted);font-size:.95rem}.footer-links a,nav a{transition:color .16s ease}.footer-links a:hover,nav a:hover{color:var(--ink)}main{padding-bottom:48px}.calculator-shell{width:min(1180px,calc(100% - 32px));margin:28px auto 56px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);grid-gap:24px;gap:24px;align-items:stretch}.calculator-panel,.content-section,.results-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.calculator-panel{padding:clamp(24px,4vw,44px);border-color:var(--line-strong)}.panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panel-heading>div{min-width:0}.eyebrow{margin:0 0 10px;color:var(--accent-strong);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1,h2{margin:0;line-height:1.05;letter-spacing:0;text-wrap:balance}h1{font-size:clamp(2.3rem,6vw,5.4rem);max-width:760px}h2{font-size:clamp(1.65rem,3vw,2.4rem)}p{color:var(--muted);line-height:1.7}.lede{max-width:700px;font-size:1.08rem}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.icon-button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.preset-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.preset-button{min-height:42px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:#403b36;cursor:pointer;font-weight:800;padding:0 14px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.preset-button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);transform:translateY(-1px)}.preset-button.active{border-color:var(--accent);background:var(--accent);color:white}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:30px}label{display:grid;grid-gap:8px;gap:8px;color:#403b36;font-weight:700}input,select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--paper);color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:hover,select:hover{border-color:var(--line-strong)}input:focus,select:focus{border-color:var(--accent);background:white}.quality-control{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:18px}.segmented{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted);cursor:pointer;font-weight:800;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.segmented:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.segmented.active{background:var(--accent);border-color:var(--accent);color:white}.results-panel{padding:18px;display:grid;grid-gap:14px;gap:14px;border-color:var(--line-strong)}.result-card{border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;grid-gap:8px;gap:8px;background:var(--paper)}.result-card.primary{background:#102826;color:white;border-color:#102826;box-shadow:var(--shadow)}.result-card span{color:inherit;opacity:.78;font-weight:800}.result-card strong{font-size:clamp(1.7rem,3vw,2.7rem)}.result-card small{color:inherit;opacity:.72;line-height:1.5}.result-action{min-height:38px;width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:white;font-size:.9rem;font-weight:800;padding:0 12px;transition:background-color .16s ease,border-color .16s ease}.result-action:hover{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.08)}.source-note{border-top:1px solid rgba(255,255,255,.16);padding-top:8px}.warning-note{border:1px solid rgba(190,18,60,.32);border-radius:8px;padding:10px;background:var(--warning-soft);color:#7f1d1d;opacity:1}.result-card.compact{min-height:0}.result-card.compact strong{font-size:clamp(1.15rem,2vw,1.75rem)}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.comparison-table,.wide-table{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.table-row{display:grid;grid-template-columns:1.1fr .85fr 1fr;grid-gap:12px;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);min-height:52px;transition:background-color .16s ease,color .16s ease}.table-row>span:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.row-badge{border:1px solid var(--line-strong);border-radius:999px;color:var(--accent-strong);font-size:.72rem;font-weight:800;line-height:1;padding:4px 7px}.row-badge.cheapest{border-color:rgba(190,18,60,.22);color:var(--rose);background:var(--warning-soft)}.wide-table .table-row{grid-template-columns:.85fr .9fr .95fr 1.5fr}.source-table .table-row{grid-template-columns:.8fr .9fr .75fr minmax(0,2fr)}.table-row:last-child{border-bottom:0}.table-head{background:#efe8dc;color:#403b36;font-weight:800}.table-row:not(.table-head):hover{background:#f8f3ea;color:var(--accent-strong)}.table-row.selected{background:var(--accent-soft);color:var(--accent-strong);font-weight:800}.table-row span:last-child{display:inline-flex;gap:6px;align-items:center}.content-section{width:min(1180px,calc(100% - 32px));margin:0 auto 28px;padding:clamp(24px,4vw,42px)}.fact-grid,.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:24px}.fact-grid>div,.platform-card{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--paper);display:grid;grid-gap:8px;gap:8px;min-height:150px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.fact-grid>div:hover,.platform-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.fact-grid span,.platform-card span{color:var(--accent-strong);font-weight:800}.fact-grid strong,.platform-card strong{line-height:1.35}.platform-card small{color:var(--muted)}.split-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:32px;gap:32px}.check-list{padding:0;margin:20px 0 0;display:grid;grid-gap:12px;gap:12px;list-style:none}.check-list li{position:relative;padding-left:24px;color:#403b36;line-height:1.55}.check-list li:before{content:"";position:absolute;left:0;top:.65em;width:9px;height:9px;border-radius:50%;background:var(--accent)}.text-link{display:inline-flex;margin-top:22px;color:var(--blue);font-weight:800;text-underline-offset:4px}.text-link:hover{text-decoration:underline}.inline-link{display:inline;margin-top:0}.note-panel{margin-top:28px;border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--paper)}.comparison-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:24px}.comparison-card{border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--paper);display:grid;grid-gap:10px;gap:10px}.comparison-card span{color:var(--accent-strong);font-weight:800}.comparison-card strong{font-size:clamp(1.9rem,4vw,3rem)}.comparison-card small{color:var(--muted);line-height:1.5}.comparison-card dl{display:grid;grid-gap:10px;gap:10px;margin:8px 0 0}.comparison-card dl div{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding-top:10px}.comparison-card dt{color:var(--muted);font-weight:700}.comparison-card dd{margin:0;font-weight:800}.site-footer{padding:18px 0 36px;font-size:.92rem}.footer-links{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-weight:700}.legal-page{display:grid;grid-gap:18px;gap:18px}.legal-page h1{font-size:clamp(2.1rem,5vw,4rem)}.legal-page h2{margin-top:12px;font-size:clamp(1.35rem,2vw,1.8rem)}.legal-page p{margin:0;max-width:840px}@media (max-width:900px){.calculator-shell,.comparison-cards,.insight-grid,.split-section{grid-template-columns:1fr}.fact-grid,.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.site-header{align-items:flex-start;flex-direction:column}.panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px}nav{width:100%;max-width:100%;overflow-x:auto;padding-bottom:4px}.calculator-shell,.content-section,.site-footer,.site-header{width:min(100% - 24px,1180px)}.calculator-shell{display:block;width:calc(100% - 24px);max-width:100%;margin:28px 12px 40px}.calculator-panel,.results-panel{width:100%;max-width:100%}.results-panel{margin-top:14px}.fact-grid,.form-grid,.platform-grid,.preset-row,.quality-control{grid-template-columns:1fr}.preset-row{display:grid}.preset-button{justify-content:center;width:100%}.lede{max-width:100%;overflow-wrap:anywhere}.source-table .table-row,.table-row,.wide-table .table-row{grid-template-columns:1fr;gap:5px}}