:root{--ink:#35141d;--wine:#7d1f35;--cyan:#00d7d0;--paper:#f7f5f0;--line:#d8ccc5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Newsreader,serif}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.wordmark{color:var(--ink);font-weight:600;font-size:21px;text-decoration:none}.wordmark i{display:inline-block;width:12px;height:12px;background:var(--cyan);border-radius:50%;margin-right:9px}nav{display:flex;gap:30px;align-items:center;font:12px 'DM Mono',monospace;text-transform:uppercase}nav a{color:var(--ink);text-decoration:none}button,.button{font:12px 'DM Mono',monospace;text-transform:uppercase;cursor:pointer}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:80px 10vw 75px;border-bottom:1px solid var(--line)}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.12em;color:var(--wine);margin:0 0 22px}.hero h1{font-size:clamp(58px,7vw,108px);font-weight:400;line-height:.87;letter-spacing:-.04em;margin:0 0 28px}.hero h1 em{color:var(--wine);font-style:normal}.lede{font-size:20px;line-height:1.35;max-width:390px}.button{display:inline-flex;gap:30px;margin-top:20px;background:var(--wine);color:#fff;padding:16px 19px;text-decoration:none}.hero-art{position:relative;align-self:center;background:#efeae4;border:1px solid var(--line);padding:35px 25px 22px}.hero-art svg{width:100%;overflow:visible}.grid{stroke:#cfc2ba;stroke-width:1}.curve{fill:none;stroke:var(--wine);stroke-width:5}.curve.thin{stroke:var(--cyan);stroke-width:1.5;transform:translateY(4px)}svg text{font:11px 'DM Mono';fill:var(--ink)}.axis{font:10px 'DM Mono';color:var(--wine)}.axis.x{display:flex;justify-content:space-between}.axis.x span{color:var(--ink)}.stamp{position:absolute;right:22px;top:17px;font:9px 'DM Mono';line-height:1.5;color:var(--wine)}.stamp b{color:var(--ink)}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;padding:100px 15vw}.intro h2,.calculator h2{font-size:clamp(36px,4vw,64px);font-weight:400;line-height:.95;margin:0}.intro>p{font-size:24px;line-height:1.25;margin:35px 0}.calculator{background:var(--ink);color:var(--paper);padding:80px 10vw}.calc-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.calc-head .eyebrow{color:var(--cyan)}.csv{border:1px solid var(--cyan);background:transparent;color:var(--cyan);padding:14px 16px}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.calc-grid label{display:block;font:13px 'DM Mono';border-top:1px solid #76545c;padding-top:15px;margin-bottom:35px}.calc-grid output{float:right;color:var(--cyan)}input{width:100%;accent-color:var(--cyan);margin-top:22px}.formula{font:12px 'DM Mono';color:#d7b6bd;margin-top:30px}.result{border-left:1px solid #76545c;padding-left:35px}.result .eyebrow{color:var(--cyan)}.result strong{font-size:90px;font-weight:400;color:var(--paper);letter-spacing:-.06em}.result-row{display:flex;justify-content:space-between;border-top:1px solid #76545c;padding:13px 0;font:12px 'DM Mono';text-transform:uppercase}.result-row b{color:var(--cyan);font-weight:400}.bar{height:10px;background:#58313b;margin-top:30px}.bar i{display:block;height:100%;width:45%;background:var(--cyan)}small{display:block;font:10px 'DM Mono';color:#d7b6bd;margin-top:10px}.comparison{margin-top:70px;font:12px 'DM Mono'}.comparison table{width:100%;border-collapse:collapse}.comparison td,.comparison th{text-align:left;padding:14px 10px;border-top:1px solid #76545c}.comparison th{color:var(--cyan);font-weight:400}footer{display:flex;justify-content:space-between;padding:25px 5vw;font:10px 'DM Mono';text-transform:uppercase}@media(max-width:700px){header{padding:0 6vw}nav a{display:none}.hero{display:block;padding:55px 6vw}.hero-art{margin-top:55px}.intro{display:block;padding:70px 8vw}.intro>p{font-size:20px}.calculator{padding:60px 6vw}.calc-head{display:block}.csv{margin-top:25px}.calc-grid{display:block}.result{border-left:0;border-top:1px solid #76545c;padding:35px 0 0}.result strong{font-size:68px}.comparison{overflow:auto}.comparison table{min-width:540px}footer{display:block;line-height:2.2}}