
:root{--grad:linear-gradient(135deg,#2a1a9c 0%,#5b3df5 42%,#8b5cf6 72%,#c026d3 100%)}
.gband{background:var(--grad);color:#fff;position:relative;overflow:hidden}
.gband::before{content:"";position:absolute;right:-8%;bottom:-55%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 65%)}
.gband::after{content:"";position:absolute;left:-6%;top:-60%;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,170,255,.3),transparent 65%)}
.gin{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:72px 20px 64px;text-align:center}
.gband.sm .gin{padding:38px 20px 34px;text-align:left;max-width:820px}
.gband .pill{display:inline-block;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.38);font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;margin-bottom:18px}
.gband h1{color:#fff;font-size:clamp(34px,7.5vw,62px);line-height:1.04;letter-spacing:-.04em;font-weight:800;margin:0 0 16px}
.gband.sm h1{font-size:clamp(28px,5.6vw,44px);line-height:1.1;margin:8px 0 10px}
.gband h1 em{font-style:normal;color:#ffd8ff}
.gband .sub{color:rgba(255,255,255,.93);font-size:clamp(16px,2.4vw,19px);line-height:1.6;max-width:640px;margin:0 auto 26px}
.gband .meta{color:rgba(255,255,255,.85);font-size:14px;margin:0}
.crumbs{font-size:13px;color:rgba(255,255,255,.85)}.crumbs a{color:#fff;text-decoration:none;font-weight:600}
.hbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hbtns a{display:inline-block;padding:15px 26px;border-radius:999px;font-weight:800;font-size:16px;text-decoration:none}
.hbtns .p{background:#fff;color:#3b1fd1;box-shadow:0 14px 30px rgba(20,10,80,.35)}.hbtns .g{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.sec{max-width:1100px;margin:0 auto;padding:44px 20px 6px}
.sec h2{font-size:clamp(24px,4vw,34px);letter-spacing:-.03em;font-weight:800;margin:0 0 6px}.sec .lead{color:#667085;margin:0 0 20px;line-height:1.6}
.feat{display:grid;gap:18px;grid-template-columns:1fr;background:#faf9ff;border:1px solid #eceef5;border-radius:28px;padding:26px}
@media(min-width:800px){.feat{grid-template-columns:1.2fr 1fr;align-items:center;padding:34px}}
.feat h3{font-size:26px;letter-spacing:-.03em;font-weight:800;margin:0 0 8px}.feat p{color:#3b4254;line-height:1.65;margin:0 0 14px}
.hs{list-style:none;counter-reset:s;padding:0;display:grid;gap:10px;margin:0}
.hs li{counter-increment:s;background:#fff;border:1px solid #eceef5;border-radius:18px;padding:14px 14px 14px 58px;position:relative;line-height:1.45}
.hs li::before{content:counter(s);position:absolute;left:14px;top:13px;width:32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;display:grid;place-items:center}
.hs b{display:block}.hs span{color:#667085;font-size:14px}
.ggrid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:700px){.ggrid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.ggrid{grid-template-columns:repeat(3,1fr)}}
.gcard{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #eceef5;border-radius:22px;padding:20px;text-decoration:none;color:#14161f;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 30px rgba(91,61,245,.07);transition:transform .15s}
.gcard:hover{transform:translateY(-3px)}.gcard .tg{align-self:flex-start;font-size:12px;font-weight:800;color:#5b3df5;background:#f3f0ff;border-radius:999px;padding:4px 10px}
.gcard h3{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.02em;font-weight:800}.gcard p{margin:0;color:#667085;font-size:15px;line-height:1.55;flex:1}.gcard .rm{font-size:14px;font-weight:700;color:#5b3df5}
.why{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:800px){.why{grid-template-columns:repeat(3,1fr)}}
.why div{background:#faf9ff;border-radius:22px;padding:22px}.why b{display:block;font-size:18px;margin-bottom:6px;letter-spacing:-.02em}.why p{margin:0;color:#667085;line-height:1.6;font-size:15px}
.cta-band{margin:50px 0 0}.cta-band .gin{padding:56px 20px}.cta-band h2{color:#fff;font-size:clamp(26px,5vw,40px);letter-spacing:-.03em;font-weight:800;margin:0 0 10px}.cta-band p{color:rgba(255,255,255,.92);margin:0 auto 22px;max-width:520px}
.art{max-width:760px;margin:0 auto;padding:34px 20px 20px;font-size:17px;line-height:1.75;color:#2a3042}
.art h2{font-size:clamp(22px,3.8vw,29px);letter-spacing:-.03em;font-weight:800;margin:36px 0 10px;color:#14161f;line-height:1.2}.art h3{font-size:18px;margin:22px 0 4px;color:#14161f}
.art p{margin:0 0 16px}.art ul,.art ol{padding-left:22px;margin:0 0 18px}.art li{margin:6px 0}.art a{color:#5b3df5}
.art table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:15px;display:block;overflow-x:auto}.art th,.art td{border:1px solid #e1e4ee;padding:10px 12px;text-align:left}.art th{background:#f3f0ff}
.cta-box{background:var(--grad);color:#fff;border-radius:26px;padding:28px 24px;margin:36px 0;text-align:center}.cta-box h3{color:#fff;font-size:24px;margin:0 0 8px;letter-spacing:-.02em}.cta-box p{margin:0 0 16px;color:rgba(255,255,255,.93)}
.cta-box a{display:inline-block;background:#fff;color:#3b1fd1;font-weight:800;text-decoration:none;padding:13px 24px;border-radius:999px}
.more{max-width:1100px;margin:0 auto;padding:10px 20px 20px}.more h2{font-size:26px;letter-spacing:-.03em;font-weight:800;margin:10px 0 14px}
.cform{display:grid;gap:4px;background:#faf9ff;border:1px solid #eceef5;border-radius:22px;padding:20px;margin:18px 0}
.cform label{font-size:13px;font-weight:700;color:#667085;margin-top:8px}.cform input,.cform select,.cform textarea{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1.5px solid #e1e4ee;border-radius:14px;background:#fff;color:#14161f}.cform textarea{min-height:120px}
.cform button{margin-top:14px;font:inherit;font-weight:800;font-size:16px;padding:14px;border:0;border-radius:999px;background:#5b3df5;color:#fff;cursor:pointer}
