:root{color:#201b22;background:#f7f2f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:clamp(32px,7vw,88px);align-items:center;min-height:78vh;padding:72px clamp(20px,6vw,96px) 56px;background:linear-gradient(90deg,#f7f2f1fa,#f7f2f1ad),url(https://images.unsplash.com/photo-1523906834658-6e24ef2386f9?auto=format&fit=crop&w=1800&q=80) center / cover}.hero-copy{max-width:760px}.eyebrow{margin:0 0 16px;color:#9b2e36;font-size:.9rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{max-width:860px;margin:0;color:#201b22;font-size:clamp(2.45rem,7vw,5.8rem);line-height:1;letter-spacing:0}.lede{max-width:660px;margin:24px 0 0;color:#5c5054;font-size:1.12rem;line-height:1.7}.signup-form{max-width:570px;margin-top:34px}.signup-form label{display:block;margin-bottom:10px;color:#342c30;font-size:.92rem;font-weight:850}.form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}input{min-width:0;height:50px;padding:0 15px;border:1px solid #d6c3c3;border-radius:8px;color:#201b22;background:#ffffffe6}button{height:50px;padding:0 18px;border:0;border-radius:8px;color:#fff8f7;background:#201b22;font-weight:900;cursor:pointer}.guide-panel{padding:28px;border:1px solid rgba(32,27,34,.14);border-radius:8px;background:#fff8f7;box-shadow:0 24px 80px #41222629}.panel-header{display:flex;justify-content:space-between;gap:16px;color:#7b686a;font-size:.9rem;font-weight:850}.panel-header strong{color:#9b2e36}.guide-panel h2{margin:28px 0 18px;font-size:1.8rem;line-height:1.15;letter-spacing:0}ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}li{padding:14px 15px;border-radius:8px;background:#f1e4e2;color:#403235;font-weight:760}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dfceca}.cards article{min-height:210px;padding:32px;background:#f7f2f1}.cards h2{margin:0;color:#201b22;font-size:1.3rem;letter-spacing:0}.cards p{margin:14px 0 0;color:#5c5054;line-height:1.65}@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:auto}.cards{grid-template-columns:1fr}}@media(max-width:560px){.hero{padding:48px 20px 36px}.form-row{grid-template-columns:1fr}button{width:100%}}
