.stage-wrapper{display:flex;justify-content:center;margin-bottom:32px}.stage{width:420px;height:540px;position:relative;background:var(--paper);border-radius:6px;overflow:hidden;box-shadow:0 20px 60px #0000001a,0 0 0 1px #0000000a}.stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:28px 28px;z-index:0}.wireframe-layer{position:absolute;inset:0;z-index:2;transition:opacity .5s ease}.wireframe-layer svg{width:100%;height:100%}.draw{fill:none;stroke:var(--pencil);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.draw-heavy{stroke-width:2.2;stroke:var(--ink)}.draw-light{stroke-width:1.2;stroke:#aaa}.draw-1{--len: 900;animation:drawIn 1s ease-out .2s forwards}.draw-2{--len: 400;animation:drawIn .6s ease-out .7s forwards}.draw-3{--len: 300;animation:drawIn .5s ease-out 1s forwards}.draw-4{--len: 500;animation:drawIn .6s ease-out 1.3s forwards}.draw-5{--len: 400;animation:drawIn .5s ease-out 1.6s forwards}.draw-6{--len: 300;animation:drawIn .4s ease-out 1.9s forwards}.draw-7{--len: 200;animation:drawIn .3s ease-out 2.1s forwards}.draw-8{--len: 400;animation:drawIn .5s ease-out 2.3s forwards}.draw-9{--len: 300;animation:drawIn .4s ease-out 2.6s forwards}.draw-10{--len: 300;animation:drawIn .4s ease-out 2.8s forwards}.draw-11{--len: 200;animation:drawIn .3s ease-out 3s forwards}.draw-12{--len: 200;animation:drawIn .3s ease-out 3.2s forwards}@keyframes drawIn{to{stroke-dashoffset:0}}.sketch-label{font-family:Architects Daughter,cursive;font-size:10px;fill:var(--pencil);opacity:0}.lbl-1{animation:fadeEl .3s ease .9s forwards}.lbl-2{animation:fadeEl .3s ease 1.7s forwards}.lbl-3{animation:fadeEl .3s ease 2.2s forwards}.lbl-4{animation:fadeEl .3s ease 3.1s forwards}@keyframes fadeEl{to{opacity:.7}}.wireframe-layer{animation:wireframeFadeOut .8s ease 4s forwards}@keyframes wireframeFadeOut{to{opacity:.08}}.real-section{position:absolute;z-index:3;overflow:hidden}.real-hero-wrap{top:0;left:0;right:0;height:260px;clip-path:inset(0 100% 0 0)}.real-stats-wrap{top:260px;left:0;right:0;height:65px;clip-path:inset(0 100% 0 0)}.real-features-wrap{top:325px;left:0;right:0;height:130px;clip-path:inset(0 100% 0 0)}.real-social-wrap{inset:455px 0 0;clip-path:inset(0 100% 0 0)}.real-hero-wrap{animation:rollerReveal .9s cubic-bezier(.22,1,.36,1) 3.8s forwards}.real-stats-wrap{animation:rollerReveal .7s cubic-bezier(.22,1,.36,1) 4.5s forwards}.real-features-wrap{animation:rollerReveal .7s cubic-bezier(.22,1,.36,1) 5s forwards}.real-social-wrap{animation:rollerReveal .6s cubic-bezier(.22,1,.36,1) 5.5s forwards}@keyframes rollerReveal{to{clip-path:inset(0 0% 0 0)}}.rp-hero{width:100%;height:100%;background:#2c0e0d;display:flex;position:relative;overflow:hidden}.rp-hero-text{flex:1;padding:40px 20px 28px 32px;position:relative;z-index:1}.rp-hero-img{width:45%;flex-shrink:0;overflow:hidden}.rp-hero-img img{width:100%;height:100%;object-fit:cover;opacity:.85}.rp-badge{display:inline-block;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#fffc;background:#ffffff1f;padding:4px 10px;border-radius:4px;margin-bottom:14px}.rp-hero h3{font-size:20px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.5px;margin-bottom:10px}.rp-hero p{font-size:10px;color:#ffffff80;line-height:1.5;margin-bottom:16px}.rp-cta{display:inline-block;background:#c4552a;color:#fff;padding:8px 20px;border-radius:6px;font-size:11px;font-weight:700}.rp-stats{width:100%;height:100%;display:flex;padding:14px 32px;gap:12px;background:#fff;border-bottom:1px solid #f0f0f0}.rp-stat{flex:1;text-align:center}.rp-stat-num{font-size:15px;font-weight:700;color:var(--dark)}.rp-stat-label{font-size:7.5px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.rp-features{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px 32px;background:#fff}.rp-feat{display:flex;align-items:center;gap:8px;font-size:11px;color:#475569;font-weight:500}.rp-feat-icon{width:18px;height:18px;border-radius:4px;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--accent);flex-shrink:0}.rp-social{width:100%;height:100%;padding:18px 32px;background:#fff;border-top:1px solid #f0f0f0}.rp-social-text{font-size:9px;color:#94a3b8;margin-bottom:4px}.rp-stars{color:#f59e0b;font-size:13px;letter-spacing:2px}.roller{position:absolute;z-index:20;width:50px;height:80px;pointer-events:none;opacity:0}.roller svg .roller-head{fill:var(--accent);opacity:.85}.roller svg .roller-handle{fill:none;stroke:#666;stroke-width:2.5;stroke-linecap:round}.roller svg .roller-grip{fill:#555}.roller-hero{top:100px;left:-60px;animation:rollerAppear .01s ease 3.6s forwards,rollerMoveAcross .9s cubic-bezier(.22,1,.36,1) 3.8s forwards,rollerDisappear .2s ease 4.65s forwards}.roller-stats{top:268px;left:-60px;animation:rollerAppear .01s ease 4.35s forwards,rollerMoveAcross .7s cubic-bezier(.22,1,.36,1) 4.5s forwards,rollerDisappear .2s ease 5.15s forwards}.roller-features{top:348px;left:-60px;animation:rollerAppear .01s ease 4.85s forwards,rollerMoveAcross .7s cubic-bezier(.22,1,.36,1) 5s forwards,rollerDisappear .2s ease 5.65s forwards}.roller-social{top:468px;left:-60px;animation:rollerAppear .01s ease 5.35s forwards,rollerMoveAcross .6s cubic-bezier(.22,1,.36,1) 5.5s forwards,rollerDisappear .2s ease 6.05s forwards}@keyframes rollerAppear{to{opacity:1}}@keyframes rollerDisappear{to{opacity:0}}@keyframes rollerMoveAcross{0%{left:-60px}to{left:430px}}@media(max-width:480px){.stage-wrapper{overflow:hidden}.stage{transform:scale(.82);transform-origin:top center}}@media(max-width:380px){.stage{transform:scale(.7);transform-origin:top center}}.how-section[data-astro-cid-cmgpsf2k]{max-width:960px;margin:0 auto;padding:64px 24px}.section-title[data-astro-cid-cmgpsf2k]{font-family:Architects Daughter,cursive;font-size:1.6rem;color:var(--ink);text-align:center;margin-bottom:40px}.get-section[data-astro-cid-gplzgdxk]{max-width:960px;margin:0 auto;padding:64px 24px;border-top:1px solid rgba(0,0,0,.06)}.section-title[data-astro-cid-gplzgdxk]{font-family:Architects Daughter,cursive;font-size:1.6rem;color:var(--ink);text-align:center;margin-bottom:40px}.brand-link{color:var(--ink);text-decoration:none;background:linear-gradient(180deg,transparent 70%,var(--accent) 70%);padding:0 2px;transition:color .2s}.brand-link:hover{color:var(--ink)}.hero{display:flex;flex-direction:column;align-items:center;padding:48px 24px 40px}.hero-text{max-width:520px;width:100%;margin-bottom:36px}.hero-prelude{font-family:Architects Daughter,cursive;font-size:.9rem;color:var(--pencil);margin-bottom:8px}.hero-title{font-family:Architects Daughter,cursive;font-size:2.2rem;color:var(--ink);text-align:left;margin-bottom:8px}.hero-rotator{position:relative;height:2.4rem;overflow:hidden}.hero-line{font-family:Architects Daughter,cursive;font-size:1.6rem;color:var(--accent);text-align:right;position:absolute;right:0;top:0;width:100%;opacity:0;transform:translate(30px);transition:opacity .4s ease,transform .4s ease}.hero-line.active{opacity:1;transform:translate(0)}.hero-line.exiting{opacity:0;transform:translate(-30px)}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.btn-primary{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;padding:12px 28px;background:var(--accent);color:#fff;border:none;border-radius:6px;text-decoration:none;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#d4673f}.btn-ghost{font-family:Architects Daughter,cursive;font-size:1rem;padding:12px 24px;background:var(--ink);color:var(--paper);border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-ghost:hover{background:var(--red)}.price-note{font-family:Architects Daughter,cursive;font-size:.9rem;color:var(--pencil);text-align:center;margin-bottom:0}.closer{max-width:960px;margin:0 auto;padding:64px 24px;text-align:center}.closer-text{font-family:Architects Daughter,cursive;font-size:1.8rem;color:var(--ink)}.closer-prelude{font-family:Architects Daughter,cursive;font-size:.9rem;color:var(--pencil);margin-top:12px}.closer-cta{margin-top:24px;display:inline-block}.closer-text span{color:var(--accent)}.site-footer{max-width:960px;margin:0 auto;padding:32px 24px;border-top:1px solid rgba(0,0,0,.06);text-align:center}.footer-nav{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.footer-nav a{font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--pencil);text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--ink)}.site-footer p{font-size:.85rem;color:var(--pencil)}@media(max-width:768px){.hero-title{font-size:1.5rem}.hero-rotator{height:2rem}.hero-line{font-size:1.2rem}}@media(max-width:480px){.site-header{padding:16px 16px 0}.hero{padding:32px 16px}}