*{box-sizing:border-box}body{margin:0;background:#07070a;color:#f7f4ef;font-family:Inter,ui-sans-serif,system-ui}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 75% 20%,#6d39ff44,transparent 28%),radial-gradient(circle at 20% 90%,#ff477e20,transparent 30%);pointer-events:none}main{max-width:1180px;margin:auto;padding:24px}nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0 50px}nav b{letter-spacing:.22em}nav span{color:#aaa4b2}button{border:0;border-radius:999px;padding:13px 20px;background:#f7f4ef;color:#111;font-weight:800}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{letter-spacing:.18em;color:#bdaeff;font-size:12px}.hero h1{font-size:clamp(48px,7vw,96px);line-height:.92;margin:12px 0 24px}.hero p{max-width:600px;color:#b9b5c0;line-height:1.7}.actions{display:flex;gap:10px;margin-top:28px}.ghost{background:transparent;color:white;border:1px solid #333}.card{position:relative;min-height:540px;border:1px solid #ffffff22;border-radius:34px;padding:28px;overflow:hidden;background:linear-gradient(145deg,#191420,#0b0b10 55%,#24195a);box-shadow:0 40px 100px #000}.card:after{content:"";position:absolute;inset:-30%;background:conic-gradient(from 90deg,transparent,#7a4dff33,transparent,#ff477e28,transparent);animation:spin 9s linear infinite}.card>*{position:relative;z-index:2}.shine{position:absolute;inset:-50% auto auto -30%;width:50%;height:200%;background:linear-gradient(90deg,transparent,#ffffff18,transparent);transform:rotate(18deg);animation:sweep 4s ease-in-out infinite}.card strong{display:block;font-size:150px;line-height:1;margin-top:90px;letter-spacing:-.08em}.card h2{letter-spacing:.22em;color:#d7caff}.bars{display:grid;gap:14px;margin:38px 0}.bars i{font-style:normal;background:linear-gradient(90deg,#fff var(--v),#ffffff12 var(--v));background-clip:text;color:transparent;border-bottom:1px solid #ffffff18;padding-bottom:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:80px 0}.grid article{padding:28px;border:1px solid #ffffff15;border-radius:24px;background:#ffffff08}.grid span{font-size:11px;letter-spacing:.18em;color:#bdaeff}.grid p{color:#aaa4b2}@keyframes sweep{50%{transform:translateX(350%) rotate(18deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){nav span{display:none}.hero{grid-template-columns:1fr}.card{min-height:430px}.card strong{font-size:110px;margin-top:55px}.grid{grid-template-columns:1fr}}