:root{--ink:#171717;--paper:#f3efe6;--accent:#f06c3b;--line:#d8d1c3;--white:#fffdf8;--muted:#666157}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.7}
a{color:inherit}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}.hero{padding:92px 0 78px;background:var(--ink);color:var(--white)}
.hero h1{font-size:clamp(3rem,9vw,7rem);line-height:.95;letter-spacing:-.06em;margin:.08em 0 .22em}.lead{max-width:680px;font-size:1.12rem;color:#d9d4ca}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.primary{display:inline-block;margin-top:18px;padding:13px 19px;border-radius:999px;background:var(--accent);color:#111;text-decoration:none;font-weight:800}.primary.dark{background:var(--ink);color:var(--white)}.section{padding:70px 0}.section h2,.cta-row h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.04em;margin:.15em 0 .65em}
.chips{display:flex;gap:10px;flex-wrap:wrap}.chips button{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:11px 15px;font-weight:700;cursor:pointer}.chips button:hover,.chips button.active{background:var(--ink);color:var(--white)}.result{margin-top:24px;padding:26px;border:1px solid var(--line);background:var(--white);border-radius:18px}.result h3{margin-top:0}
.band{background:#ddd5c7}.grid{display:grid;gap:16px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card,.note{background:var(--white);padding:24px;border-radius:18px;border:1px solid var(--line)}.card span{font-size:.76rem;font-weight:900;color:var(--accent)}.card h3,.note h3{font-size:1.3rem;margin:.35em 0}.card a{font-weight:800}.cta-band{background:var(--accent);padding:52px 0}.cta-row{display:flex;align-items:end;justify-content:space-between;gap:28px}.cta-row p{max-width:680px}footer{padding:38px 0 70px;font-size:.85rem;color:var(--muted)}
@media(max-width:760px){.hero{padding:70px 0 58px}.grid.three,.grid.two{grid-template-columns:1fr}.cta-row{display:block}.section{padding:52px 0}.wrap{width:min(100% - 28px,1080px)}}