:root{--bg:#fff8f3;--grape:#5b2be0;--grape-d:#2c1570;--peach:#ffc9a8;--mint:#b5f2d6;--lemon:#fff08a;--pink:#ffb3df;--sky:#bfe3ff;--ink:#22163f;--soft:#695f80;--line:#eadfe0;--h:"Bricolage Grotesque",system-ui,sans-serif;--t:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--t);background:var(--bg);color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--grape)}svg{display:block;max-width:100%}::selection{background:var(--lemon)}
.w{max-width:1160px;margin:0 auto;padding:0 24px}
.bar{padding:18px 0;position:relative;z-index:5}.bar .w{display:flex;justify-content:space-between;align-items:center;gap:20px}
.lg{font:800 25px var(--h);letter-spacing:-.04em;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}.lg i{width:30px;height:30px;border-radius:50% 50% 50% 8px;background:var(--grape);display:block;position:relative}.lg i::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lemon);right:6px;top:6px}
.links{display:flex;gap:6px;list-style:none;background:#fff;border-radius:99px;padding:6px;box-shadow:0 6px 24px -10px rgba(60,20,120,.3)}.links a{display:block;padding:9px 17px;border-radius:99px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;transition:background .2s}.links a:hover{background:var(--bg)}.links a[aria-current]{background:var(--grape);color:#fff}
.btn{display:inline-block;padding:15px 26px;border-radius:99px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .2s}.btn:hover{transform:scale(1.04)}.go{background:var(--grape);color:#fff}.sf{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
h1,h2,h3{font-family:var(--h);font-weight:800;letter-spacing:-.04em;line-height:1.02}h1{font-size:clamp(42px,7vw,92px)}h2{font-size:clamp(32px,4.6vw,60px)}h3{font-size:25px;line-height:1.12;letter-spacing:-.03em}
.wig{display:inline-block;background:var(--lemon);padding:0 .18em;border-radius:.22em;transform:rotate(-2deg)}.wig.p{background:var(--pink);transform:rotate(1.5deg)}
.top{text-align:center;padding:50px 0 0;position:relative}.top .pill{display:inline-block;background:var(--mint);font-weight:700;font-size:14px;padding:7px 15px;border-radius:99px;margin-bottom:24px}.top p{max-width:640px;margin:24px auto 30px;font-size:19px;color:var(--soft)}.top .cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.blob{position:absolute;border-radius:50%;z-index:-1;animation:wob 12s ease-in-out infinite}.b1{width:210px;height:210px;background:var(--peach);top:30px;left:-60px}.b2{width:170px;height:170px;background:var(--sky);top:130px;right:-40px;animation-delay:-5s}.b3{width:90px;height:90px;background:var(--pink);top:330px;left:12%;animation-delay:-8s}@keyframes wob{50%{transform:translateY(-18px) scale(1.06)}}
.win{margin:50px auto 0;max-width:980px;background:#fff;border-radius:30px;padding:18px;box-shadow:0 30px 70px -30px rgba(60,20,120,.45);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;text-align:left}
.t{border-radius:20px;padding:20px}.t small{display:block;font-weight:700;font-size:13px;opacity:.75}.t b{font:800 38px/1.1 var(--h);letter-spacing:-.04em}.t1{grid-row:span 2;background:var(--grape);color:#fff}.t2{background:var(--mint)}.t3{background:var(--lemon)}.t4{background:var(--peach);grid-column:span 2}.t4 span{display:block;font-weight:600;font-size:15px;margin-top:4px}
.sect{padding:96px 0}.sect.tint{background:#fff;border-radius:44px;margin:0 12px}.hd{max-width:720px;margin-bottom:44px}.hd p{color:var(--soft);font-size:19px;margin-top:14px}.hd.ctr{text-align:center;margin-left:auto;margin-right:auto}
.scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 24px 20px;margin:0 -24px;scrollbar-width:thin}.c{scroll-snap-align:start;border-radius:28px;padding:30px;min-height:290px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.c p{font-size:16px;margin-top:10px;opacity:.82}.c .e{font-size:38px}.c-a{background:var(--sky)}.c-b{background:var(--peach)}.c-c{background:var(--mint)}.c-d{background:var(--lemon)}.c-e{background:var(--pink)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.st{background:var(--bg);border-radius:28px;padding:30px}.st i{font:800 22px var(--h);width:48px;height:48px;border-radius:50%;background:var(--grape);color:#fff;display:grid;place-items:center;font-style:normal;margin-bottom:22px}.st p{color:var(--soft);margin-top:9px;font-size:16px}
.you{background:var(--grape-d);color:#fff;border-radius:44px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.you p{color:#d9cffb;margin-top:16px}.you .wig{color:var(--ink)}
.notes{display:grid;gap:12px}.note{background:#fff;color:var(--ink);border-radius:20px 20px 20px 6px;padding:16px 18px}.note small{display:block;color:var(--soft);font-weight:600;font-size:13px}.note .row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.note .row span{padding:7px 14px;border-radius:99px;font-weight:700;font-size:13px;background:var(--mint)}.note .row span+span{background:var(--bg)}.note.r{margin-left:34px;background:var(--lemon);border-radius:20px 20px 6px 20px}
.perm{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.perm div{background:var(--bg);border-radius:22px;padding:24px}.perm p{color:var(--soft);font-size:15.5px;margin-top:7px}.perm h3{font-size:21px}
.qs{max-width:820px;margin:0 auto;display:grid;gap:10px}details{background:#fff;border-radius:22px;padding:6px 24px}summary{list-style:none;cursor:pointer;padding:15px 0;font-weight:700;font-size:18px;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary::after{content:"＋";color:var(--grape);transition:transform .2s}details[open] summary::after{transform:rotate(45deg)}details p{color:var(--soft);padding-bottom:18px}
.bye{margin:20px 12px 12px;background:var(--lemon);border-radius:44px;text-align:center;padding:84px 24px}.bye p{max-width:520px;margin:16px auto 28px;font-size:19px}
.ft{padding:44px 0 34px}.ft .w{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.ft ul{list-style:none;display:grid;gap:8px}.ft h4{font:700 14px var(--t);color:var(--soft);margin-bottom:12px}.ft a{color:var(--ink);text-decoration:none;font-weight:500}.ft a:hover{color:var(--grape)}.ft .s{font-size:13px;color:var(--soft);margin-top:12px;max-width:360px}.ft .x{grid-column:1/-1;font-size:13px;color:var(--soft);border-top:1px solid var(--line);padding-top:18px}
.mid{text-align:center;padding:56px 0 40px}.mid p{font-size:19px;color:var(--soft);max-width:640px;margin:18px auto 0}
.pl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pc{border-radius:28px;padding:30px;display:flex;flex-direction:column}.pc ul{list-style:none;margin:20px 0 26px;display:grid;gap:8px;font-size:16px}.pc li::before{content:"✿ ";color:var(--grape)}.pc .btn{margin-top:auto;text-align:center}.pc small{font-weight:700;font-size:14px;margin-top:6px;display:block}
.box{background:#fff;border-radius:30px;padding:32px}.fm{display:grid;gap:15px}.fm label{display:grid;gap:6px;font-weight:700;font-size:14px}.fm input,.fm select,.fm textarea{font:500 16px var(--t);padding:14px 16px;border-radius:16px;border:2px solid var(--line);background:var(--bg);color:var(--ink);width:100%}.fm textarea{min-height:130px}.fm input:focus,.fm select:focus,.fm textarea:focus{outline:none;border-color:var(--grape)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lay{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;align-items:start}
.lgl{max-width:760px;margin:0 auto;background:#fff;border-radius:30px;padding:44px}.lgl .dt{color:var(--soft);font-size:14px;margin-bottom:24px}.lgl h2{font-size:27px;letter-spacing:-.03em;margin:34px 0 10px}.lgl h3{font-size:19px;margin:18px 0 7px}.lgl p{margin-bottom:12px;color:#3d3358}.lgl ul,.lgl ol{margin:0 0 15px 22px;display:grid;gap:6px;color:#3d3358}.lgl .ok{background:var(--mint);border-radius:18px;padding:16px 18px;margin:16px 0}.lgl .ok p{margin:0}
.js .up{opacity:0;transform:translateY(20px) scale(.98);transition:opacity .6s,transform .6s}.js .up.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .up{opacity:1;transform:none}}
@media(max-width:900px){.win{grid-template-columns:1fr 1fr}.t1{grid-row:auto;grid-column:span 2}.steps,.you,.pl,.lay{grid-template-columns:1fr}.you{padding:40px 24px;border-radius:32px}}
@media(max-width:720px){body{padding-bottom:80px;font-size:16px}.w{padding:0 18px}.bar .w{justify-content:center}.links{position:fixed;left:10px;right:10px;bottom:10px;justify-content:space-between;z-index:30;box-shadow:0 10px 30px -8px rgba(40,10,90,.5)}.links a{padding:11px 10px;font-size:13.5px}.sect{padding:64px 0}.sect.tint{border-radius:30px;margin:0 6px}.scroll{padding-left:18px;padding-right:18px;margin:0 -18px;grid-auto-columns:82%}.perm,.g2{grid-template-columns:1fr}.top .cta .btn{flex:1 1 100%}.win{border-radius:24px;padding:10px;margin-top:36px}.t b{font-size:30px}.bye{margin:10px 6px;border-radius:30px;padding:60px 18px}.bye .btn{width:100%}.ft .w{grid-template-columns:1fr 1fr}.ft .w>div:first-child{grid-column:1/-1}.lgl{padding:26px 20px;border-radius:24px}.box{padding:22px 18px}.note.r{margin-left:18px}.blob{opacity:.8}}
.top{overflow-x:clip}
@media(max-width:1240px){.b2{right:0}}
@media(max-width:720px){.links a{padding:11px 9px;font-size:13px}}