*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#25262a;background:#faf9f6;margin:0;font-family:system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #e9e5dc;justify-content:space-between;align-items:center;padding:20px 6%;display:flex}header b{font-size:22px}nav{gap:20px;display:flex}nav a{padding:8px 4px}main{max-width:1160px;margin:auto;padding:0 6% 60px}section{padding:56px 0}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;display:grid}.hero img{aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius)*1.5);width:100%}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:12px;font-weight:700}h1{letter-spacing:-2px;white-space:pre-line;margin:12px 0;font-size:clamp(38px,6vw,72px);line-height:1.05}h2{margin:0 0 24px;font-size:clamp(26px,4vw,38px)}p{color:#5d5e66;line-height:1.7}.button,button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;font:inherit;border:0;padding:15px 26px;font-weight:600;display:inline-block}button:disabled{opacity:.6;cursor:wait}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #1d1d1f}.grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:26px}article svg{color:var(--accent)}article small{color:#6b6b73;margin-top:10px;display:block}article h3{margin:6px 0}.band{background:var(--accent);color:#fff;border-radius:calc(var(--radius)*1.5);text-align:center;margin:20px 0;padding:48px 6%}.band p{color:#f0ecfa;max-width:560px;margin:0 auto 20px}.band .note{margin-top:20px;font-size:14px}.button.light{color:#3b2a75;background:#fff}form{gap:16px;max-width:520px;display:grid}label{gap:8px;font-size:14px;font-weight:600;display:grid}input,textarea{font:inherit;background:#fff;border:1px solid #bbb;border-radius:10px;padding:13px}.hint{margin:0;font-size:13px}.backend{border-radius:var(--radius);background:#f3f0fa;border:1px dashed #9a92b8;align-items:flex-start;gap:16px;padding:24px;display:flex}.backend svg{color:var(--accent);flex:none}.backend h2{margin:0 0 6px;font-size:20px}.backend p{margin:0}footer{border-top:1px solid #e9e5dc;padding:28px 6%}@media (width<=860px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.grid{grid-template-columns:1fr}section{padding:40px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}