*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#182033;line-height:1.6;background:#fff}
a{color:#5c5bd7;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:min(1100px,92%);margin:auto}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6e9ef;z-index:10}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;gap:12px;align-items:center;color:#182033}
.brand:hover{text-decoration:none}
.brand span:last-child{display:flex;flex-direction:column;line-height:1.1}
.brand small{color:#6b7280;margin-top:4px}
.logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#5c5bd7,#9a6ad7);color:#fff;font-weight:800}
nav{display:flex;gap:22px}
nav a{font-weight:700;color:#27324a}
.hero{padding:84px 0;background:radial-gradient(circle at 90% 10%,rgba(155,106,214,.15),transparent 28%),linear-gradient(180deg,#fbfbff,#fff)}
.hero-grid,.two{display:grid;grid-template-columns:1.3fr .8fr;gap:44px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;font-weight:800;color:#5c5bd7}
h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.04;margin:.15em 0 .35em}
h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15}
h3{margin-top:0}
.lead{font-size:1.15rem;color:#5f6b7a}
.panel,.cards article{border:1px solid #e6e9ef;border-radius:18px;background:#fff;padding:26px;box-shadow:0 14px 40px rgba(25,35,55,.07)}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{padding:13px 20px;border-radius:12px;border:1px solid #e6e9ef;color:#182033;font-weight:700;background:#fff}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.primary{background:#5c5bd7;color:#fff;border-color:#5c5bd7}
.section{padding:72px 0}
.soft{background:#f7f8fb}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.cards article p,.panel p{color:#5f6b7a}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.contact>div{border-top:3px solid #5c5bd7;padding-top:16px}
footer{background:#111827;color:#e5e7eb;padding:30px 0}
.footer{display:flex;justify-content:space-between;gap:20px}
.footer a{color:#fff}
.legal{padding:72px 0}
.legal .wrap{max-width:820px}
@media(max-width:800px){
  nav{display:none}
  .hero-grid,.two,.cards,.contact{grid-template-columns:1fr}
  .hero{padding:52px 0}
  .footer{flex-direction:column}
}