*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Segoe UI,Roboto,sans-serif;color:#1d1d1f;background:linear-gradient(180deg,#f5f5f7,#fbfbfd);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:#5e5ce6;text-decoration:none}a:hover{text-decoration:underline}
.top{position:sticky;top:0;z-index:5;background:rgba(251,251,253,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}
.top .in{max-width:980px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:19px;color:#1d1d1f}.brand img{width:30px;height:30px;border-radius:50%}
.top nav a{margin-left:18px;font-size:14px;color:#1d1d1f;font-weight:500}
main{max-width:980px;margin:0 auto;padding:28px 20px 40px}
.hero{text-align:center;padding:30px 0 20px}
.iris{width:112px;height:112px;border-radius:50%;animation:fl 4s ease-in-out infinite;filter:drop-shadow(0 10px 24px rgba(94,92,230,.35))}
@keyframes fl{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.iris{animation:none}}
.t{font-size:14px;color:#86868b;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
h1{font-size:40px;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:10px 0 12px}
.lead{font-size:19px;color:#424245;max-width:620px;margin:0 auto}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:30px 0}
.glass{background:rgba(255,255,255,.75);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:22px;box-shadow:0 2px 14px rgba(0,0,0,.04)}
.card h2{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:6px 0}.card p{color:#515154;font-size:16px}
.card .em{font-size:34px}
.btn{display:inline-block;margin-top:14px;background:#5e5ce6;color:#fff!important;border-radius:14px;padding:13px 20px;font-weight:600;font-size:16px;text-decoration:none!important}
.btn.g{background:#f0f0f5;color:#1d1d1f!important}.soon{opacity:.85}
.sec{margin:40px 0}.sec h2{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.grid3 h3{font-size:17px;margin-bottom:4px}.grid3 p{color:#515154;font-size:15px}
.doc h1{font-size:32px}.doc h2{font-size:20px;margin:24px 0 6px}.doc p,.doc li{color:#333;margin:6px 0}.doc ul{padding-left:22px}
.ad{margin:26px 0;min-height:100px}
footer{border-top:1px solid #e5e5ea;margin-top:30px}
footer .in{max-width:980px;margin:0 auto;padding:22px 20px 34px;font-size:13px;color:#86868b;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
footer a{color:#515154}footer nav a{margin-right:16px}
.list{position:relative;padding-left:34px}.list:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:#e5e5ea}
.it{position:relative;padding:13px 0;font-size:16px;font-weight:500;border-bottom:1px solid #f0f0f2;display:block;color:#1d1d1f}
.it:before{content:"";position:absolute;left:-29px;top:17px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #d2d2d7}
.it.c{font-weight:700}.it.c:before{border-color:#5e5ce6;box-shadow:0 0 0 5px rgba(94,92,230,.15)}.it small{display:block;color:#86868b;font-weight:500;font-size:13px}
@media(max-width:600px){h1{font-size:32px}.top nav a.hm{display:none}}