*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}button,select{font:inherit}button,a.cta{cursor:pointer;border:1px solid currentColor;background:var(--ink);color:var(--bg);padding:12px 22px;border-radius:4px;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #2455ff;outline-offset:4px}.notice{background:#0b1329;color:white;padding:10px 5%;font-size:13px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}header,main,footer{max-width:1160px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:18px;align-items:center}nav{display:flex;gap:20px}.name{font-weight:800;letter-spacing:3px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:65px 0}h1{font-family:Georgia,serif;font-size:clamp(46px,7vw,88px);line-height:1.04;font-weight:400;margin:15px 0 30px}h2{font-family:Georgia,serif;font-size:38px;line-height:1.15}small,.eyebrow{letter-spacing:2px;text-transform:uppercase}.shape{height:380px;background:linear-gradient(140deg,var(--accent),var(--bg));border-radius:180px 180px 0 0;position:relative;overflow:hidden}.shape:after{content:'';position:absolute;inset:60px;border:1px solid var(--ink);border-radius:150px 150px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border-top:1px solid;padding:20px 0}section{padding:35px 0}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}button[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent)}button[aria-pressed=false]{background:transparent;color:var(--ink)}select{padding:12px;max-width:100%;background:var(--bg);color:var(--ink);border:1px solid}#result{padding:20px;background:var(--accent);min-height:85px}footer{border-top:1px solid;font-size:14px}.form .shape{border-radius:0;background:repeating-linear-gradient(90deg,#a4aca7 0 30px,#e6e8df 30px 58px);transform:skewY(-5deg)}[hidden]{display:none!important}@media(max-width:650px){header{flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:25px 0;gap:20px}.shape{height:230px}.grid{grid-template-columns:1fr}h1{font-size:52px}main,header,footer{padding:20px}nav{gap:14px;font-size:14px}}