:root{--leading:28px;--half:14px;--edge:clamp(20px,5vw,72px);--measure:64ch}
body{margin:0;background:radial-gradient(1200px 720px at 82% -160px,color-mix(in srgb, var(--color-accent-900) 75%, transparent), transparent 60%),radial-gradient(1100px 800px at -10% 100%,color-mix(in srgb, black 30%, transparent), transparent 55%),var(--color-bg);text-wrap:pretty}
.wrap{max-width:900px;margin:0 auto;padding:0 var(--edge)}
.page-hero{padding:calc(2.8*var(--leading)) 0 calc(1.5*var(--leading))}
.page-hero h1{font-size:clamp(30px,4vw,44px);letter-spacing:-0.015em;margin:0}
.page-hero .sub{font-size:16px;line-height:var(--leading);color:color-mix(in srgb, var(--color-text) 82%, transparent);margin:var(--space-3) 0 0;max-width:var(--measure)}
.faq{display:grid;gap:var(--space-3);padding:var(--half) 0 calc(2*var(--leading))}
.faqi{border:1px solid var(--color-neutral-800);border-radius:var(--radius-md);padding:var(--space-6)}
.faqi h3{font-size:16.5px;margin:0 0 var(--space-2)}
.faqi p{font-size:15px;line-height:var(--leading);margin:0;color:color-mix(in srgb, var(--color-text) 82%, transparent);max-width:62ch}
.contact{border:1px solid var(--color-accent-700);background:color-mix(in srgb, var(--color-accent-900) 55%, transparent);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:calc(2*var(--leading))}
.contact h2{font-size:20px;margin:0 0 var(--space-2)}
.contact p{font-size:15px;line-height:var(--leading);margin:0;color:color-mix(in srgb, var(--color-text) 85%, transparent);max-width:62ch}
.contact a{color:var(--color-accent-300)}