:root{color:#1c1917;background:#f6f1e7;font-family:"Source Sans 3",Arial,sans-serif}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto}header{border-bottom:1px solid #e7e0d4;align-items:center;gap:18px;height:76px;padding:0 24px;display:flex}header b{color:#3f5d4a;font-size:24px}header span{color:#78716c;flex:1}a{color:#3f5d4a;font-weight:600;text-decoration:none}.hero{max-width:720px;padding:112px 24px 88px}.eyebrow{color:#3f5d4a;letter-spacing:.08em;font-weight:700}.hero h1{margin:16px 0;font-family:Noto Naskh Arabic,serif;font-size:clamp(48px,8vw,86px);line-height:1.05}.lede{color:#57534e;font-size:22px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}button,.secondary{cursor:pointer;border:1px solid #3f5d4a;border-radius:12px;padding:13px 22px;font-size:16px;font-weight:700}.actions button{color:#fff;background:#3f5d4a}.secondary{background:0 0}.steps{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;display:grid}.steps article,.panel,.legal-links{background:#fffcf6;border:1px solid #e7e0d4;border-radius:16px;padding:24px}.steps i{color:#3f5d4a;font-style:normal;font-weight:700}.steps h2{margin:14px 0 4px}.steps p,.panel p{color:#57534e;font-size:18px;line-height:1.5}.panel,.legal-links{margin:64px 24px}.legal-links{flex-wrap:wrap;gap:14px;display:flex}.legal-links h2{width:100%;margin-top:0}.legal-links a{border-bottom:1px solid #3f5d4a}footer{color:#78716c;padding:52px 24px}.legal{padding:50px 24px}.legal pre{white-space:pre-wrap;background:#fffcf6;border:1px solid #e7e0d4;border-radius:16px;margin-top:30px;padding:30px;font-family:inherit;line-height:1.8}.checkout{max-width:680px;min-height:70vh;padding:72px 24px}.checkout .panel{margin:24px 0}.checkout h1{margin:10px 0;font-family:Noto Naskh Arabic,serif;font-size:40px;line-height:1.2}.checkout form{gap:16px;margin:28px 0;display:grid}.checkout label{gap:8px;font-weight:700;display:grid}.checkout input{width:100%;font:inherit;direction:ltr;background:#fff;border:1px solid #b9b0a2;border-radius:10px;padding:13px}.checkout button{color:#fff;background:#3f5d4a}.checkout button:disabled{opacity:.65;cursor:wait}.checkout-message{background:#f1ebe0;border-radius:10px;padding:12px}.checkout small{color:#78716c}@media (width<=700px){.steps{grid-template-columns:1fr}.hero{padding-top:70px}header span{display:none}}
