@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif;color:#24233e;background:#faf9f6;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #a998d3;outline-offset:4px}
.wrap{width:min(100% - 48px,1180px);margin:auto}



.brand-mark{width:35px;height:35px;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:9px;background:#29244f}
.brand-mark i{background:#d4c5ff;border-radius:2px}
.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.5}


.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#3e3765,transparent 52%),linear-gradient(125deg,#17162f,#29234e 56%,#17162e);color:#fff}
.hero-inner{min-height:590px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:90px}
.eyebrow{margin:0 0 24px;color:#d4c5ff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
h1{max-width:780px;margin:0;font-size:clamp(48px,6vw,76px);line-height:1.08;font-weight:750;letter-spacing:-.035em}
h1 em{color:#d4c5ff;font-style:normal}
.lead{max-width:620px;margin:30px 0 0;color:#d1cedd;font-size:17px;line-height:1.75}
.notice{display:inline-flex;align-items:center;gap:10px;margin-top:38px;padding:12px 18px;border:1px solid rgba(212,197,255,.42);border-radius:999px;background:rgba(212,197,255,.1);color:#efe9ff;font-size:14px;font-weight:600}
.notice::before{content:"";width:8px;height:8px;border-radius:50%;background:#d4c5ff}
.details{padding:90px 0 110px}
.details h2{margin:0 0 38px;font-size:clamp(32px,4vw,48px);line-height:1.14;letter-spacing:-.035em}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.detail{padding:28px;border:1px solid #e3dfe9;border-radius:20px;background:#fff}
.detail span{color:#7965bd;font-size:11px;font-weight:700;letter-spacing:.12em}
.detail h3{margin:26px 0 12px;font-size:21px;letter-spacing:-.025em}
.detail p{margin:0;color:#717086;font-size:15px;line-height:1.7}
.footer{background:#15132b;color:#d8d2e8;padding:30px 0}
.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:13px}
@media(max-width:700px){.wrap{width:min(100% - 36px,1180px)}.brand-mark{width:31px;height:31px}.hero-inner{min-height:520px;padding-block:70px}h1{font-size:clamp(42px,10vw,58px)}.lead{font-size:15px}.details{padding:70px 0}.detail-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}