*{box-sizing:border-box;margin:0;padding:0}
:root{--acc:#B48CFF;--line:rgba(140,110,230,.45)}
body{background:#000;color:#fff;font-family:'Familjen Grotesk',system-ui,sans-serif}
main{max-width:1100px;margin:0 auto;padding:56px 48px 80px}
.sec{padding:24px 0 40px}
.title{font-size:clamp(44px,7vw,72px);font-weight:400;letter-spacing:-.01em;line-height:1.05;margin-bottom:28px}
.title.heavy{font-weight:700}
.acc{color:var(--acc)}
.b{font-weight:700}
.lead{max-width:440px;font-size:18px;line-height:1.5;margin-bottom:48px}
.sub{font-size:20px;font-weight:400;margin-bottom:-60px}
.grid{display:grid;gap:22px;align-items:end}
.five{grid-template-columns:repeat(5,1fr)}
.three{grid-template-columns:repeat(3,1fr)}
.card{position:relative;border:0;border-radius:22px;background:linear-gradient(180deg,#07060d,#000 70%);padding:24px;overflow:hidden;border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}
.card.sm{height:170px;display:flex;flex-direction:column;justify-content:flex-end}
.card.sm.tall{height:250px}
.card.md{min-height:250px;display:flex;flex-direction:column}
.card.md.tall{min-height:340px}
.card h3{font-size:22px;font-weight:500;margin-bottom:auto;position:relative;z-index:1}
.card p,.card li{font-size:15px;line-height:1.45;position:relative;z-index:1}
.card.md>p{margin-top:60px}
.card ul{list-style:none;margin-top:50px}
.lbl{font-size:16px}
.feat{background:radial-gradient(120% 90% at 0% 0%,#7b3cff 0%,#3a1680 28%,#0b0618 60%,#000 85%)}
.dot{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:50%;background:linear-gradient(225deg,#1a1030 40%,#8b5cff);border:1px solid rgba(180,140,255,.5);color:#fff;line-height:1;display:grid;place-items:center;font-size:14px;font-weight:700}
.foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.18);margin-top:22px;padding-top:18px;font-size:18px;position:relative}
.foot .dot{position:static}
.rule{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 70%,transparent);margin-top:60px}
.fullrule{height:1px;background:rgba(255,255,255,.75);margin:30px -100vw;}
.shape{position:absolute;top:18px;right:18px}
.pills i{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e8fbff,#7fd8f0 40%,#9a6cff 85%);box-shadow:0 4px 12px rgba(120,80,255,.5)}
.pills{width:70px;height:60px}
.pills i:nth-child(1){right:0;top:0;width:24px;height:24px}
.pills i:nth-child(2){right:16px;top:14px}
.pills i:nth-child(3){right:36px;top:24px;background:radial-gradient(circle at 30% 30%,#ffd0ff,#d14cff 50%,#7a2cff)}
.wave{width:130px;height:90px;border-radius:30px;background:linear-gradient(135deg,#bff2ff 0%,#7fd3ee 35%,#a98bff 70%,#7d5cff 100%);clip-path:path('M5 60 C25 20 45 20 55 45 C65 70 85 70 95 40 C105 15 120 10 128 15 L128 40 C118 35 112 45 105 60 C92 92 62 95 50 70 C42 52 30 52 20 80 Z');filter:drop-shadow(0 6px 10px rgba(120,80,255,.6))}
.star{width:80px;height:80px}
.star i{position:absolute;left:28px;top:0;width:26px;height:80px;border-radius:14px;background:linear-gradient(180deg,#bff2ff,#7fd3ee 50%,#b04cff)}
.star i:nth-child(2){transform:rotate(60deg)}
.star i:nth-child(3){transform:rotate(-60deg);background:linear-gradient(180deg,#d070ff,#7fd3ee)}
@media(max-width:860px){
 main{padding:36px 22px 60px}
 .five{grid-template-columns:repeat(2,1fr)}
 .five .feat{grid-column:span 2}
 .three{grid-template-columns:1fr}
 .sub{margin-bottom:8px}
 .card.sm.tall{height:200px}
 .card.md,.card.md.tall{min-height:220px}
}

.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(150,115,240,.6) 0%,rgba(150,115,240,.35) 45%,rgba(150,115,240,0) 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.card.sm.tall .card.sm{padding-top:22px}
.ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(180,140,255,.22),rgba(110,60,230,.08));border:1px solid rgba(180,140,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 14px rgba(120,70,255,.25);margin-bottom:auto;position:relative;z-index:1}
.ico img{width:22px;height:22px;display:block}
.snlogo{width:58px;height:58px;border:2.5px solid #B48CFF;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:28px;letter-spacing:-1.5px;color:#fff;line-height:1;background:linear-gradient(145deg,rgba(180,140,255,.18),rgba(139,92,255,.05));box-shadow:0 4px 18px rgba(139,92,255,.45),inset 0 1px 0 rgba(255,255,255,.15)}
.snlogo span{background:linear-gradient(135deg,#B48CFF,#8B5CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec+.sec{margin-top:40px}
.ico{width:36px;height:36px;border-radius:10px}
.ico img{width:18px;height:18px}
.card.sm{padding-top:20px}
.shape.snlogo{top:20px;right:20px;width:46px;height:46px;border-radius:11px;font-size:22px;letter-spacing:-1px;border:1.5px solid rgba(216,196,255,.55);background:linear-gradient(145deg,#8f5cff,#6a3ae0);box-shadow:0 4px 16px rgba(139,92,255,.5),inset 0 1px 0 rgba(255,255,255,.2)}
.snlogo span{background:none;-webkit-background-clip:initial;background-clip:initial;color:#E6DAFF}
.shape.snlogo{background:#2a1663;border:1.5px solid #B48CFF;box-shadow:0 2px 12px rgba(139,92,255,.4)}
.snlogo span{color:#B48CFF}
.ico{opacity:.7}