:root{--p:#4f2bd9;--p2:#ff3d81;--ink:#14122b;--mut:#5c5a73;--bg:#f7f6fc;--r:18px;--f:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 var(--f);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--p)}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}
.adbar{background:#fff4cc;color:#5a4500;font-size:12.5px;text-align:center;padding:7px 12px;font-weight:600}
.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:rgba(255,255,255,.85);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid #ece9f7}
.logo{font-weight:900;letter-spacing:-.02em;color:var(--ink);text-decoration:none;font-size:18px}.nav nav a{margin-left:18px;color:var(--mut);text-decoration:none;font-weight:600;font-size:14px}.nav nav a:hover{color:var(--p)}
.hero{background:radial-gradient(1200px 500px at 85% -10%,#ff6fa5 0,transparent 60%),linear-gradient(135deg,#2a0f8a 0%,#4f2bd9 45%,#8a2be2 75%,#ff3d81 120%);color:#fff;padding:56px 0 72px;overflow:hidden}
.hero.sm{padding:40px 0 56px}.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.eyebrow{display:inline-block;background:rgba(255,255,255,.16);padding:5px 12px;border-radius:99px;font-size:13px;font-weight:700;margin:0 0 14px}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.035em;margin:0 0 14px;font-weight:900}h1 em{font-style:normal;background:linear-gradient(90deg,#ffe36e,#ffb0cf);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;opacity:.92;max-width:34em;margin:0 0 18px}
.badges{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:8px}.badges li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:99px;font-size:13.5px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ff3d81,#ff7a45);color:#fff;font-weight:800;text-decoration:none;padding:14px 22px;border-radius:14px;box-shadow:0 10px 24px -8px rgba(255,61,129,.6);transition:transform .15s,box-shadow .15s;font-size:16px}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(255,61,129,.7)}.btn.big{font-size:17px;padding:16px 26px;background:#fff;color:var(--p);box-shadow:0 12px 30px -10px rgba(0,0,0,.4)}
.heronote{font-size:12.5px;opacity:.85;margin-top:12px}.hero .disc{background:rgba(255,255,255,.12);color:#fff;border-color:#ffe36e}
.stack{position:relative;height:340px}.stack .gc{position:absolute;width:300px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35));animation:float 6s ease-in-out infinite}
.stack .gc:nth-child(1){left:0;top:10px;transform:rotate(-10deg)}.stack .gc:nth-child(2){left:90px;top:80px;transform:rotate(4deg);animation-delay:-2s}.stack .gc:nth-child(3){left:30px;top:160px;transform:rotate(-3deg);animation-delay:-4s}
.stack.one .gc{position:relative;left:auto;top:auto;width:100%;max-width:380px;transform:rotate(-4deg)}.stack.one{height:auto}
@keyframes float{50%{translate:0 -10px}}
.sh{font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.03em;margin:56px 0 20px;font-weight:900}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 1px 2px rgba(20,18,43,.05),0 12px 30px -16px rgba(20,18,43,.25);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;animation:up .5s both}
.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}@keyframes up{from{opacity:0;transform:translateY(14px)}}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px rgba(79,43,217,.45)}.cv{display:block;padding:22px 22px 0;background:linear-gradient(180deg,#f1edff,#fff)}.cv .gc{width:100%;display:block;transition:transform .3s}.card:hover .gc{transform:rotate(-2deg) scale(1.02)}
.cb{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1}.cb h3{margin:8px 0 6px;font-size:1.2rem;letter-spacing:-.02em}.cb h3 a{color:var(--ink);text-decoration:none}.cb p{color:var(--mut);margin:0 0 14px}.cb .btn{width:100%;margin-top:auto}
.tag{align-self:flex-start;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--p);background:#efeaff;padding:4px 9px;border-radius:99px}
.disc{font-size:12.5px;line-height:1.5;color:#4a4860;background:#faf8ff;border-left:3px solid #f0b400;border-radius:8px;padding:9px 11px;margin:10px 0 0}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}.steps li{background:#fff;border-radius:var(--r);padding:22px;box-shadow:0 10px 26px -18px rgba(20,18,43,.3);counter-increment:s;position:relative}
.steps li:before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-weight:900;margin-bottom:10px}.steps b{display:block;font-size:1.05rem}.steps span{color:var(--mut)}
details{background:#fff;border-radius:14px;padding:4px 18px;margin:10px 0;box-shadow:0 6px 18px -14px rgba(20,18,43,.35)}summary{cursor:pointer;font-weight:800;padding:12px 0;list-style:none}summary::after{content:"+";float:right;color:var(--p);font-size:20px;line-height:1}details[open] summary::after{content:"–"}details p{color:var(--mut);margin:0 0 14px}
.checks{padding:0;list-style:none}.checks li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid #ece9f7}.checks li:before{content:"✓";position:absolute;left:0;top:9px;width:22px;height:22px;border-radius:50%;background:#e6fbef;color:#0a8f4e;display:grid;place-items:center;font-weight:900;font-size:13px}
.narrow>.btn{margin-top:24px}.prose{padding:40px 20px}.prose h1{color:var(--ink);font-size:2.2rem}
footer{margin-top:64px;background:#14122b;color:#b9b6d3;padding:28px 0 40px;font-size:13.5px}footer .disc{background:#1f1c3d;color:#d9d6ef}footer a{color:#fff}.links a{margin-right:16px}
.sticky{display:none}
@media (max-width:820px){.hg{grid-template-columns:1fr}.stack{height:220px}.stack .gc{width:210px}.stack .gc:nth-child(2){left:110px;top:40px}.stack .gc:nth-child(3){left:40px;top:90px}.steps{grid-template-columns:1fr}.nav nav a:not(:first-child){display:none}.hero{padding:36px 0 48px}
.sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);padding:10px 14px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px -12px rgba(20,18,43,.3);animation:up .4s .6s both}.sticky .btn{width:100%}.has-sticky footer{padding-bottom:120px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.note{font-size:12px;line-height:1.4;color:#6b6985;margin:7px 0 0;text-align:center}.hero .note{color:rgba(255,255,255,.8);text-align:left}.sticky .note{margin-top:4px;font-size:11px}