.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;padding-bottom:22px;display:flex}.nav{align-items:center;gap:22px;display:flex}.navlink{padding:10px 6px;font-size:15px;font-weight:700;text-decoration:none}.navlink:hover{text-underline-offset:4px;text-decoration:underline}.header-actions{align-items:center;gap:12px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:22px;padding-top:28px;padding-bottom:80px;display:flex}:root:not([data-theme=dark]) .hero .tag{box-shadow:var(--shadow);transform:rotate(-1.5deg)}.hero-title{max-width:900px;margin:0;font-size:68px;line-height:1.08}.hero-sub{max-width:560px;margin:0;font-size:18px;line-height:1.6}.hl{background:linear-gradient(transparent 58%, var(--yellow) 58%);padding:0 6px}:root[data-theme=dark] .hl{color:var(--pink);text-shadow:0 0 22px #ff5fd28c;background:0 0}.hero-cta{flex-direction:column;align-items:center;gap:12px;margin-top:10px;display:flex}.stage{aspect-ratio:560/600;border:var(--border-strong);border-radius:var(--radius-lg);background:var(--paper);width:min(560px,100%);box-shadow:var(--shadow-lg);touch-action:none;cursor:pointer;color:inherit;font:inherit;margin:14px auto 0;padding:0;display:block;position:relative;overflow:hidden}:root[data-theme=dark] .stage.rgb{--fill:var(--paper)}.stage-bg{position:absolute;inset:0}.stage-bg:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 40%, var(--speed) 0deg 1.3deg, transparent 1.3deg 7deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#0000 0 30%,#000 66%);mask-image:radial-gradient(circle at 50% 40%,#0000 0 30%,#000 66%)}:root[data-theme=dark] .stage-bg{background:linear-gradient(var(--gridline) 1px, transparent 1px) 0 0 / 100% 34px, linear-gradient(90deg, var(--gridline) 1px, transparent 1px) 0 0 / 34px 100%, radial-gradient(ellipse at 50% 100%, var(--gridglow), transparent 62%), var(--gridbg)}:root[data-theme=dark] .stage-bg:before{display:none}.sfx{font-family:var(--font-display);color:var(--paper);-webkit-text-stroke:3px var(--ink);pointer-events:none;font-size:58px;line-height:1;position:absolute}.sfx-a{top:26px;left:22px;transform:rotate(-12deg)}.sfx-b{bottom:70px;right:20px;transform:rotate(10deg)}:root[data-theme=dark] .sfx{color:#0000;-webkit-text-stroke:1.5px var(--cyan);opacity:.55}.waifu{width:76%;height:auto;position:absolute;bottom:0;left:12%}.stage-hint{border:var(--border);background:var(--panel);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:flex;position:absolute;bottom:14px;left:14px}.bubble{background:var(--paper);border:3px solid var(--ink);font-family:var(--font-display);color:var(--ink);pointer-events:none;border-radius:50%;padding:12px 18px;font-size:24px;animation:.45s cubic-bezier(.2,1.6,.4,1) both pop;position:absolute;top:9%}.bubble.right{right:7%}.bubble.left{left:7%}:root[data-theme=dark] .bubble{background:var(--panel2);border:1.5px solid var(--pink);color:var(--pink);box-shadow:var(--glow)}.heart{color:var(--pink);pointer-events:none;animation:1s ease-out both rise;position:absolute}@keyframes pop{0%{opacity:0;transform:scale(.3)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.5)}25%{opacity:1}to{opacity:0;transform:translateY(-110px)scale(1.15)}}.section{padding-top:40px;padding-bottom:90px}.section-title{text-align:center;margin:0 0 12px;font-size:40px}.section-sub{text-align:center;margin:0 0 44px;font-size:16px}.steps{flex-direction:column;gap:48px;max-width:1000px;margin:0 auto;display:flex}.step{align-items:center;gap:32px;width:min(720px,100%);padding:32px;display:flex;position:relative}.step-1{margin-right:auto}.step-2{margin-left:auto}.step-3{margin-left:8%}:root:not([data-theme=dark]) .step-1{transform:rotate(-.8deg)}:root:not([data-theme=dark]) .step-2{transform:rotate(.6deg)}:root:not([data-theme=dark]) .step-3{transform:rotate(-.4deg)}.step-text{flex-direction:column;gap:10px;min-width:0;display:flex}.step-text h3{margin:0;font-size:26px}.step-text p{margin:0;font-size:15.5px;line-height:1.65}.num{font-family:var(--font-display);color:var(--pink);font-size:46px;line-height:1}:root:not([data-theme=dark]) .num{-webkit-text-stroke:2px #151217}:root[data-theme=dark] .num{text-shadow:0 0 18px #ff5fd280}.illus{border-radius:var(--radius-lg);border:var(--border);width:150px;height:150px;color:var(--text);background:radial-gradient(#15121724 1.2px,#0000 1.6px) 0 0/9px 9px,#fff;flex:none;place-items:center;display:grid}:root[data-theme=dark] .illus{background:var(--panel2);box-shadow:inset 0 0 30px #a970ff2e}.illus .f-paper{fill:var(--paper)}.illus .f-pink{fill:var(--pink)}.illus .f-cyan{fill:var(--cyan)}.illus .f-yellow{fill:var(--yellow)}.chips{flex-wrap:wrap;gap:8px;display:flex}.mini{border:var(--border);background:var(--panel);border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12.5px;font-weight:800;display:inline-flex}.arrow{width:170px;height:156px;color:var(--pink);pointer-events:none;z-index:2;position:absolute;top:50%;overflow:visible}.arrow-right{left:100%}.arrow-left{right:100%}:root[data-theme=dark] .arrow{filter:drop-shadow(0 0 6px #ff5fd299)}.plans{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;max-width:880px;margin:0 auto;display:grid}.plan{flex-direction:column;gap:18px;display:flex}.plan h3{margin:0;font-size:24px}.plan .btn{margin-top:auto}.price{font-family:var(--font-display);font-size:44px}.plan-head{justify-content:space-between;align-items:center;gap:12px;display:flex}:root:not([data-theme=dark]) .plan-featured{background:radial-gradient(#1512171f 1.2px,#0000 1.6px) 0 0/9px 9px,#fff6d6}:root[data-theme=dark] .plan-featured.rgb{--fill:var(--panel)}.checklist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.checklist li{align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;display:flex}.checklist svg{color:var(--cyan);flex:none;margin-top:3px}.site-footer{border-top:var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;padding-bottom:40px;display:flex}@media (width<=760px){.nav{display:none}.hero-title{font-size:44px}.sfx{font-size:38px}.step{flex-direction:column;align-items:flex-start;padding:24px;margin:0!important}.steps{gap:24px}.arrow{display:none}.illus{width:120px;height:120px}}
