:root{--ink:#242219;--muted:#756f62;--paper:#fcf7ef;--cream:#f4eadb;--line:#e5dac8;--orange:#dc633f;--orange-dark:#b84c2d;--sage:#486957;--yellow:#f5bf4f;--card:#fffdf9}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:radial-gradient(circle at 90% 4%,#f7dfad80 0,transparent 22rem),var(--paper)}button,input,select{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.hero{padding:42px 0 54px;position:relative}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:700 15px 'DM Mono',monospace;letter-spacing:-.06em}.brand i{font-style:normal;color:var(--orange)}.brand-mark{display:grid;place-items:center;background:var(--orange);color:#fff;width:24px;height:24px;border-radius:7px;font:700 18px Georgia}.eyebrow,.section-kicker{color:var(--orange-dark);font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}.hero .eyebrow{margin-top:90px}.hero h1{font:600 clamp(43px,6vw,76px)/.98 'Playfair Display',Georgia,serif;letter-spacing:-.055em;margin:0;max-width:780px}.hero h1 em{color:var(--orange);font-style:italic}.lede{color:var(--muted);font-size:17px;line-height:1.65;max-width:540px;margin:26px 0 17px}.method-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fffaf3;border-radius:99px;padding:8px 11px;color:var(--muted);font:12px 'DM Mono',monospace}.method-pill span{width:8px;height:8px;border-radius:50%;background:var(--sage)}.workspace{display:grid;grid-template-columns:minmax(390px,.94fr) 1.06fr;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 60px #4a361413}.editor-panel{padding:33px;border-right:1px solid var(--line)}.panel-head,.comparison-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-head h2,.comparison h2{font:700 24px/1.1 'Playfair Display',serif;letter-spacing:-.04em;margin:0}.text-button{border:0;background:none;color:var(--muted);font:12px 'DM Mono',monospace;text-decoration:underline;cursor:pointer;padding:0}.entries{margin:26px 0 12px;display:grid;gap:9px}.entry{display:grid;grid-template-columns:22px 1.05fr .85fr .8fr 22px;gap:8px;align-items:end;padding:13px 10px;border:1px solid #eee4d5;background:#fffefa;position:relative}.entry-index{align-self:center;color:var(--orange);font:500 12px 'DM Mono',monospace}.entry label{display:grid;gap:5px;color:var(--muted);font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.entry input,.entry select{min-width:0;width:100%;border:0;border-bottom:1px solid #cec4b4;background:transparent;padding:5px 0;color:var(--ink);font-size:14px;outline:none;border-radius:0}.entry input:focus,.entry select:focus{border-color:var(--orange)}.remove{align-self:center;border:0;background:transparent;color:#a59b8a;padding:2px;cursor:pointer;font-size:21px;line-height:1}.remove:hover{color:var(--orange)}.add-button{border:1px dashed #cfc0ad;color:var(--orange-dark);background:#fffaf4;width:100%;padding:13px;font:500 12px 'DM Mono',monospace;cursor:pointer}.add-button span{font-size:18px;vertical-align:-2px;margin-right:5px}.result-panel{overflow:hidden;position:relative;background:var(--ink);color:#fff;padding:34px;isolation:isolate}.result-panel>*:not(.result-orbit){position:relative;z-index:2}.result-orbit{position:absolute;border:1px solid #f7c36236;border-radius:50%;z-index:1}.orbit-one{width:550px;height:550px;right:-290px;top:-310px}.orbit-two{width:350px;height:350px;right:-185px;top:-205px}.result-panel .section-kicker{color:#f5c66a}.headline-result{font:600 clamp(38px,5vw,61px)/1.1 'Playfair Display',serif;letter-spacing:-.06em;margin:13px 0 10px}.result-detail{margin:0;color:#ded7c8;font-size:14px;line-height:1.5}.result-rule{height:1px;background:#ffffff2b;margin:31px 0 18px}.chart-head{display:flex;justify-content:space-between;color:#eee5d5;font:11px 'DM Mono',monospace}.chart-head span:last-child{color:#cbbba1}.chart-wrap{height:220px;margin-top:10px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-note{color:#cfc7b7;font-size:11px;line-height:1.5;margin:9px 0 0}.dotted{display:inline-block;width:21px;border-top:2px dotted var(--yellow);vertical-align:middle;margin-right:5px}.comparison{padding:72px 0 30px}.data-status{color:var(--muted);font:11px 'DM Mono',monospace;margin:0}.comparison-rows{margin-top:23px;border-top:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .62fr;align-items:center;gap:18px;padding:20px 8px;border-bottom:1px solid var(--line)}.compare-source{display:flex;align-items:center;gap:12px}.compare-dot{display:grid;place-items:center;flex:none;width:33px;height:33px;background:var(--cream);border-radius:50%;color:var(--orange-dark);font:500 10px 'DM Mono',monospace}.compare-title{font-weight:700;font-size:14px}.compare-sub{color:var(--muted);font:11px 'DM Mono',monospace;margin-top:3px}.compare-cell span{display:block;color:var(--muted);font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.compare-cell strong{font-size:14px}.lift{color:var(--sage)!important}footer{border-top:1px solid var(--line);padding:25px 0 45px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:11px;line-height:1.5}footer p{max-width:490px;margin:0}@media(max-width:780px){.shell{width:min(100% - 28px,620px)}.hero{padding:24px 0 35px}.hero .eyebrow{margin-top:60px}.hero h1{font-size:47px}.lede{font-size:15px}.workspace{display:block}.editor-panel{border-right:0;border-bottom:1px solid var(--line);padding:22px 16px}.result-panel{padding:28px 20px}.entry{grid-template-columns:20px 1fr 1fr 20px;gap:8px}.entry label:first-of-type{grid-column:2 / 4}.entry label:nth-of-type(2){grid-column:2}.entry label:nth-of-type(3){grid-column:3}.entry .remove{grid-column:4;grid-row:1 / 3}.compare-row{grid-template-columns:1fr 1fr;gap:14px;padding:17px 0}.compare-source{grid-column:1 / -1}.comparison{padding:54px 0 24px}.data-status{text-align:right}.comparison-head h2{font-size:22px}footer{display:block;padding-bottom:28px}footer p+ p{margin-top:10px}.chart-wrap{height:190px}}@media(max-width:380px){.entry{padding:10px 7px}.entry input,.entry select{font-size:13px}.headline-result{font-size:38px}}