@font-face{font-family:pixel;src:url(/fonts/pixelify.ttf) format("truetype");font-display:swap}
@font-face{font-family:atk;src:url(/fonts/atkinson_regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:atk;font-weight:700;src:url(/fonts/atkinson_bold.ttf) format("truetype");font-display:swap}
:root{--ink:#1E1630;--ink2:#5B5170;--paper:#FFF7FB;--lilac:#F3EEFF;--pink:#FF5FA2;--violet:#7C5CFF;--lime:#C6F36B;--yellow:#FFD66B;--sky:#5CC8FF;--dark:#2A2140}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 atk,system-ui,sans-serif;
 background-image:radial-gradient(#e9ddf2 1.2px,transparent 1.3px);background-size:22px 22px}
a{color:var(--violet);font-weight:700}
.wrap{max-width:1040px;margin:0 auto;padding-left:20px;padding-right:20px}
header.top{display:flex;align-items:center;gap:10px;padding-top:18px;padding-bottom:18px}
header.top .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:22px pixel,monospace}
header.top .logo img{width:40px;height:40px}
header.top nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}
header.top nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.px{font-family:pixel,monospace;font-weight:400;letter-spacing:.5px}
h1,h2,h3{line-height:1.15;margin:0 0 .4em}
h1{font:clamp(40px,7vw,72px)/1.02 pixel,monospace}
h2{font:clamp(28px,4.5vw,40px)/1.1 pixel,monospace}
h3{font-size:20px}
.lead{font-size:clamp(18px,2.4vw,22px);color:var(--ink2);max-width:34em}
.card{background:#fff;border:2px solid var(--ink);border-radius:24px;padding:22px;box-shadow:4px 4px 0 var(--ink)}
.tape{position:relative}
.tape::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:22px;background:var(--yellow);opacity:.85;transform:translateX(-50%) rotate(-3deg);border-radius:3px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border:2px solid var(--ink);border-radius:20px;background:var(--pink);color:var(--ink);font-weight:700;font-size:18px;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}
.btn.soon{background:#fff;cursor:default}
.btn small{font-weight:400;color:var(--ink2)}
.chip{display:inline-block;padding:4px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--lime);font-weight:700;font-size:14px}
section{padding:56px 0}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding-top:28px}
.hero .fig{width:min(320px,70vw);margin:0 auto;transform:rotate(-4deg);filter:drop-shadow(4px 6px 0 rgba(30,22,48,.18))}
.bubble{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:6px 16px;font:20px pixel,monospace;margin-bottom:14px;position:relative}
.bubble::after{content:"";position:absolute;left:28px;bottom:-9px;width:14px;height:14px;background:#fff;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}
.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:22px}
.note{font-size:14px;color:var(--ink2)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.steps .card{counter-increment:s}
.steps .card::before{content:counter(s);display:inline-grid;place-items:center;width:40px;height:40px;border:2px solid var(--ink);border-radius:50%;background:var(--sky);font:22px pixel,monospace;margin-bottom:10px}
.shots{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.shots img{width:200px;border:2px solid var(--ink);border-radius:22px;box-shadow:4px 4px 0 var(--ink);background:#fff}
.shots img:nth-child(odd){transform:rotate(-2deg)}.shots img:nth-child(even){transform:rotate(2deg)}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat .card{border-radius:20px}
.feat .card:nth-child(3n+1){background:var(--lilac)}.feat .card:nth-child(3n+2){background:#fff}.feat .card:nth-child(3n){background:#FFF1C9}
.feat .e{font-size:26px}
.price{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.price .tag{font:clamp(64px,10vw,96px)/1 pixel,monospace}
.price ul{padding-left:20px;margin:10px 0}
details{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:14px 18px;margin:12px 0;box-shadow:3px 3px 0 var(--ink)}
summary{font-weight:700;cursor:pointer}
details p{margin:.6em 0 0}
footer{border-top:2px dashed #d9c9e6;padding-top:30px;padding-bottom:40px;margin-top:30px;font-size:15px;color:var(--ink2)}
footer .row{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.legal{max-width:760px}
.legal h2{font-size:26px;margin-top:1.4em}
.legal .card{margin:22px 0}
@media (max-width:760px){.hero,.price{grid-template-columns:1fr}.steps,.feat{grid-template-columns:1fr}.hero .fig{width:200px}header.top nav{display:none}.shots img{width:44%}}

.pride{height:4px;margin-top:6px;border-radius:2px;width:120px;background:linear-gradient(90deg,#5CC8FF 0 14%,#FF9EC8 14% 28%,#fff 28% 42%,#E40303 42% 52%,#FF8C00 52% 62%,#FFED00 62% 72%,#008026 72% 82%,#24408E 82% 91%,#732982 91%)}