:root{
 --ink:#0F0F0F;--graf:#3A3A3A;--coral:#FF5C39;--terra:#C8553D;
 --off:#FAFAF7;--warm:#E8E6E1;--line:#E4E1DA;--cardline:#E8E5DE;--mut:#8A847C;
 --maxw:1000px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--off);
 -webkit-font-smoothing:antialiased;line-height:1.6}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:inherit}

/* topbar */
.topbar{position:sticky;top:0;z-index:20;background:rgba(15,15,15,.92);backdrop-filter:blur(8px);
 border-bottom:1px solid rgba(255,255,255,.08)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}
.topbar img{height:32px}
.topbar a.back{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.04em;color:#C8BFB5;text-decoration:none}
.topbar a.back:hover{color:var(--coral)}

/* hero */
.hero{position:relative;background:var(--ink);color:#F4F0EA;overflow:hidden;padding:64px 0 56px}
.hero:before{content:'';position:absolute;width:680px;height:680px;left:-160px;top:-120px;border-radius:50%;
 background:radial-gradient(circle,rgba(255,92,57,.28),rgba(255,92,57,.06) 45%,transparent 70%)}
.hero .wrap{position:relative}
.eyebrow{font-family:'Geist Mono',monospace;font-weight:500;font-size:12px;letter-spacing:.22em;
 text-transform:uppercase;color:var(--coral);display:block;margin-bottom:16px}
.hero h1{font-family:'Newsreader',serif;font-weight:700;font-size:clamp(32px,6vw,56px);line-height:1.04;
 letter-spacing:-.015em;color:#FBF8F3;max-width:16ch}
.hero h1 .c{color:var(--coral)}
.hero .sub{font-size:clamp(15px,2.4vw,18px);line-height:1.6;color:#C8BFB5;margin-top:20px;max-width:62ch}
.hero .sub b{color:#F4F0EA;font-weight:600}
.herostats{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.herostats .s{flex:1;min-width:150px;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px}
.herostats .v{font-family:'Newsreader',serif;font-weight:600;font-size:30px;color:var(--coral);line-height:1}
.herostats .l{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;
 color:#9A8E84;margin-top:9px;line-height:1.5}

/* section */
section.s{padding:54px 0;border-bottom:1px solid var(--line)}
.kick{font-family:'Geist Mono',monospace;font-weight:500;font-size:12px;letter-spacing:.2em;
 text-transform:uppercase;color:var(--terra);display:flex;align-items:center;gap:9px;margin-bottom:14px}
.kick:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--coral)}
h2{font-family:'Newsreader',serif;font-weight:700;font-size:clamp(26px,4.5vw,40px);line-height:1.1;
 letter-spacing:-.01em;max-width:18ch}
h2 .c{color:var(--coral)}
.lead{font-size:clamp(15px,2.2vw,17px);line-height:1.65;color:var(--graf);margin-top:18px;max-width:70ch}
.lead b{color:var(--ink);font-weight:600}

/* steps / cards grids */
.grid{display:grid;gap:16px;margin-top:28px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--cardline);border-radius:16px;background:#fff;padding:22px}
.card .n{font-family:'Geist Mono',monospace;font-weight:500;font-size:14px;color:var(--coral);
 width:32px;height:32px;border:1px solid var(--coral);border-radius:50%;display:flex;align-items:center;
 justify-content:center;margin-bottom:14px}
.card .lab{font-family:'Geist Mono',monospace;font-weight:500;font-size:10px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--coral);margin-bottom:10px}
.card h3{font-family:'Newsreader',serif;font-weight:600;font-size:19px;color:var(--ink);margin-bottom:8px;line-height:1.2}
.card p{font-size:14px;line-height:1.6;color:var(--graf)}
.card p b{color:var(--ink);font-weight:600}

/* stat row */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.stats .st{border:1px solid var(--cardline);border-radius:16px;background:#fff;padding:20px}
.stats .v{font-family:'Newsreader',serif;font-weight:600;font-size:34px;color:var(--terra);line-height:1}
.stats .v.coral{color:var(--coral)}
.stats .l{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;
 color:var(--mut);margin-top:11px;line-height:1.5}

/* table */
.tablewrap{overflow-x:auto;margin-top:26px;border:1px solid var(--cardline);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
th{font-family:'Geist Mono',monospace;font-weight:500;font-size:10px;letter-spacing:.06em;text-transform:uppercase;
 color:#fff;background:var(--ink);padding:13px 14px;text-align:left;white-space:nowrap}
th.r,td.r{text-align:right}
td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--graf);white-space:nowrap}
tr:last-child td{border-bottom:none}
tr.tot td{font-weight:600;color:var(--ink);background:#FBF1EC;border-top:2px solid var(--ink)}
td .coral{color:var(--coral);font-weight:600}

/* before-after */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.bacol{border:1px solid var(--cardline);border-radius:16px;background:#fff;padding:24px}
.bacol.after{border-color:#F2C9BC;background:#FFF8F5}
.bah{font-family:'Geist Mono',monospace;font-weight:500;font-size:11px;letter-spacing:.1em;
 text-transform:uppercase;margin-bottom:14px;color:var(--mut)}
.bacol.after .bah{color:var(--coral)}
.bacol li{list-style:none;font-size:14px;line-height:1.55;color:var(--graf);padding:7px 0 7px 26px;position:relative}
.bacol li:before{position:absolute;left:0;top:7px;font-family:'Geist Mono',monospace;font-size:13px}
.bacol li:before{content:'\2715';color:#C9A99E}
.bacol.after li:before{content:'\2713';color:var(--coral)}
.bacol li b{color:var(--ink);font-weight:600}

.callout{margin-top:26px;border:1px solid #F2D7CC;background:#FFF6F2;border-radius:14px;
 padding:20px 22px;font-size:15px;line-height:1.6;color:var(--graf)}
.callout b{color:var(--ink);font-weight:600}

/* CTA */
.cta{background:var(--ink);color:#F4F0EA;position:relative;overflow:hidden;padding:64px 0}
.cta:before{content:'';position:absolute;width:560px;height:560px;right:-140px;bottom:-180px;border-radius:50%;
 background:radial-gradient(circle,rgba(255,92,57,.26),transparent 70%)}
.cta .wrap{position:relative}
.cta h2{color:#FBF8F3}.cta h2 .c{color:var(--coral)}
.cta p{color:#C8BFB5;font-size:17px;line-height:1.6;margin-top:18px;max-width:60ch}
.btnrow{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-block;background:var(--coral);color:#fff;text-decoration:none;font-weight:600;font-size:15px;
 padding:14px 26px;border-radius:10px}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.3);color:#F4F0EA}
.btn:hover{opacity:.92}

/* footer */
footer{background:var(--off);padding:30px 0}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;
 font-family:'Geist Mono',monospace;font-size:11px;color:var(--mut)}
footer .b{color:var(--graf);font-weight:500}

@media(max-width:760px){
 .g3,.g4{grid-template-columns:1fr}
 .g2{grid-template-columns:1fr}
 .stats{grid-template-columns:repeat(2,1fr)}
 .ba{grid-template-columns:1fr}
 .herostats .s{min-width:calc(50% - 7px)}
 section.s{padding:42px 0}
}