:root{--purple:#6c3beb;--cream:#fff9ef;--ink:#242133;--peach:#ffb89a;--lime:#ddf58b;--line:#dfd8e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b37b00;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Fredoka',sans-serif;font-weight:500;line-height:1.07;letter-spacing:-.025em}h1{font-size:clamp(3.2rem,5.7vw,5.6rem)}h2{font-size:clamp(2.6rem,4.4vw,4.4rem)}h3{font-size:1.65rem}p{max-width:65ch}section{scroll-margin-top:30px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:0}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 48px;max-width:1440px;margin:auto}.logo{font-family:'Fredoka',sans-serif;font-weight:600;font-size:3.1rem;line-height:1;text-decoration:none;letter-spacing:-.065em;color:var(--purple)}.logo span{font-size:1.6rem;vertical-align:top;margin-left:4px;color:var(--purple);display:inline-block;animation:spin 18s linear infinite}nav{display:flex;gap:32px}nav a{text-decoration:none;font-weight:600;font-size:.95rem}nav a:hover{color:var(--purple)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--purple);color:white;border:2px solid var(--purple);border-radius:100px;padding:15px 27px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;line-height:1.4}.button:hover{transform:translateY(-4px);box-shadow:0 6px 0 var(--ink)}.button.small{padding:12px 23px;font-size:.9rem}.button.outline{background:transparent;color:var(--purple)}.hero{min-height:690px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;position:relative;padding:45px 0 92px}.note-pill{display:inline-block;border:1px solid #d9cdee;border-radius:100px;padding:7px 16px;font-size:.85rem;background:#f4edff;margin-bottom:24px}.hero h1{margin-bottom:25px}.hero-copy>p{font-size:1.08rem;line-height:1.7}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:28px 0}.text-link{font-weight:700;text-underline-offset:5px}.price-note{display:flex;flex-direction:column;font-size:.82rem;gap:4px}.price-note b{font-size:.94rem}.price-note span,.muted{color:#645b73}.hero-art{position:relative;height:480px;isolation:isolate}.hero-art:before{content:'';position:absolute;background:#ece1ff;width:95%;height:85%;border-radius:48% 52% 46% 54%;left:4%;top:12%;transform:rotate(-12deg);z-index:-1;animation:morph 9s ease-in-out infinite alternate}.mascot{width:100%;aspect-ratio:1.28;background:url('assets/webzy-assets.png') no-repeat;background-size:307.2% auto;background-position:0% 60%;filter:drop-shadow(0 18px 15px #36215512)}.hero-art .mascot{position:absolute;top:72px;left:0;animation:float 5s ease-in-out infinite}.price-sticker{position:absolute;right:0;top:-8px;z-index:2;background:var(--lime);width:154px;height:154px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.2;transform:rotate(13deg);font-size:.86rem}.price-sticker strong{font:500 1.65rem/1 'Fredoka',sans-serif;text-align:center;margin-top:4px}.hello{position:absolute;left:34%;bottom:0;font:500 1.4rem 'Fredoka';transform:rotate(-9deg)}.hero-orbit{position:absolute;background:white;border:1px solid var(--ink);padding:9px 17px;border-radius:9px;font-size:.83rem;box-shadow:3px 3px 0 var(--ink)}.orbit-one{top:55px;left:-30px;transform:rotate(-10deg)}.orbit-two{bottom:25px;right:-12px;transform:rotate(8deg);background:var(--peach)}.scroll-note{position:absolute;bottom:25px;left:0;font-size:.8rem;color:#70687a}.ticker{background:var(--lime);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;padding:17px 0;transform:rotate(-1.3deg);margin:10px 0 0}.ticker div{white-space:nowrap;width:max-content;word-spacing:9px;font-family:'Fredoka';font-size:1.3rem;animation:marquee 35s linear infinite}.play-section{background:#eee5ff;padding:100px 0 20px;overflow:hidden}.play-heading{display:flex;justify-content:space-between;align-items:end}.play-heading>p{max-width:330px}.eyebrow{font-size:.95rem;margin-bottom:18px;font-weight:600}.scene-wrap{height:560px;position:relative}.scene-wrap canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.scene-wrap canvas:active{cursor:grabbing}.scene-fallback{position:absolute;left:25%;top:12%;width:50%;height:65%;object-fit:cover;object-position:top;border:12px solid var(--purple);border-radius:18px}.scene-wrap.loaded .scene-fallback{display:none}.scene-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap}.scene-controls button{border:1px solid #c9b6e8;background:var(--cream);border-radius:50px;padding:9px 17px;min-width:45px}.ideas{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-head>p{max-width:390px}.idea-chips{display:flex;flex-wrap:wrap;gap:12px}.idea-chips button{background:transparent;border:1px solid #c4b9d0;border-radius:50px;padding:12px 24px;transition:.2s}.idea-chips button[aria-pressed=true]{background:var(--ink);color:white;transform:rotate(-3deg)}.idea-chips button:hover{border-color:var(--purple);transform:translateY(-3px)}.idea-description{margin-top:25px;min-height:55px}.work-section{background:#f0e8f9;padding:95px 0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:35px}.project-image{display:block;aspect-ratio:1.35;overflow:hidden;position:relative;border-radius:16px;border:1px solid #d0c3d9;background:white;transition:transform .3s}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s}.project-image:hover{transform:rotate(-2deg) translateY(-5px)}.project-image:hover img{transform:scale(1.04)}.project-image span{position:absolute;bottom:15px;right:15px;background:white;border-radius:50px;padding:8px 14px;font-size:.82rem;font-weight:700}.project-title{margin:20px 0 12px}.project-title h3{margin-bottom:7px;font-size:1.55rem}.project-title span{font-size:.83rem;color:#645b73}.project>p{font-size:.94rem;line-height:1.6}.pricing{padding:110px 0}.center{text-align:center}.center p{margin:22px auto 0}.center .eyebrow{margin:0 auto 20px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}.plan{border:1px solid #d7c9e9;border-radius:22px;padding:30px;position:relative;display:flex;flex-direction:column;background:#fffdfa}.plan.featured{border:2px solid var(--purple);background:#f4edff}.ribbon{position:absolute;left:-2px;right:-2px;top:-28px;background:var(--purple);color:white;border-radius:16px 16px 0 0;text-align:center;font-size:.82rem;padding:6px}.plan.featured{border-top-left-radius:0;border-top-right-radius:0}.plan-label{font-size:.82rem;margin-bottom:13px}.plan h3{font-size:1.8rem}.price{font-family:'Fredoka';font-size:3.2rem;margin:20px 0 10px;line-height:1.2}.price span{font-family:'DM Sans';font-size:.83rem;margin-left:9px;color:#645b73}.plan>p{font-size:.94rem}.plan ul{list-style:none;padding:20px 0;margin:0;flex:1}.plan li{padding:7px 0;font-size:.91rem}.plan li:before{content:'✓';color:var(--purple);margin-right:10px;font-weight:bold}.plan .delivery{font-size:.8rem;color:#645b73;min-height:55px;margin-bottom:18px}.included{margin-top:25px;border-bottom:1px solid var(--line);padding:20px 0 35px;display:grid;grid-template-columns:1fr 2fr;gap:20px}.included span{font-size:.9rem}.more-options{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:35px}.more-options h3{font-size:1.35rem;margin-bottom:15px}.more-options p{font-size:.94rem}.estimate-section{background:var(--peach);padding:90px 0}.estimate-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}.estimate-grid h2+p{margin:25px 0}.estimate-grid label:not(.check){display:block;font-weight:600;margin:18px 0 8px}select,input[type=number]{width:100%;border:1px solid #ac725b;background:var(--cream);border-radius:12px;padding:14px;color:var(--ink)}input[type=checkbox]{accent-color:var(--purple);width:19px;height:19px;flex-shrink:0}fieldset{border:0;padding:0;margin:25px 0 0}legend{font-weight:700;margin-bottom:14px}.check{display:flex;gap:10px;align-items:center;font-size:.94rem}.check b{margin-left:auto;font-size:.85rem;white-space:nowrap}.field-note{font-size:.82rem;line-height:1.55;margin:7px 0 22px 32px}.receipt{background:var(--cream);padding:40px;border-radius:5px;box-shadow:12px 15px 0 #c274561f;position:sticky;top:30px;transform:rotate(2deg);margin-top:25px;border-bottom:7px dashed var(--peach)}.receipt-sticker{position:absolute;right:10px;top:-20px;background:var(--lime);padding:8px 18px;border:1px solid var(--ink);transform:rotate(-8deg);font-size:.85rem}.receipt h3{font-size:1.9rem;margin-bottom:25px}.line-item{display:flex;justify-content:space-between;gap:15px;font-size:.9rem;padding:9px 0}.receipt-total{border-top:2px dashed #cfc3cf;margin-top:20px;padding-top:22px;display:flex;flex-direction:column;gap:7px}.receipt-total strong{font:500 3.4rem 'Fredoka'}.receipt #renewal{font-size:.86rem;margin:15px 0}.receipt-fine{font-size:.8rem;line-height:1.6;border-top:1px solid var(--line);padding-top:20px}.receipt-fine p{margin-top:7px}.receipt .button{width:100%;margin-top:25px}.copy-button{display:block;margin:16px auto 0;border:0;background:none;text-decoration:underline;color:var(--ink)}#copy-status{font-size:.8rem;text-align:center;min-height:22px}.seo-section{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;padding:110px 0}.seo-section p:not(.eyebrow){margin-top:22px}.seo-mascot .star{background-position:100% 60%;animation:float 6s ease-in-out infinite}.handwritten{display:block;text-align:center;font:500 1.4rem 'Fredoka';transform:rotate(-5deg)}.how-section{background:var(--lime);padding:90px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.steps article>span{width:46px;height:46px;display:grid;place-items:center;background:var(--cream);border:1px solid var(--ink);border-radius:50%;font-family:'Fredoka';font-size:1.5rem;margin-bottom:25px}.steps h3{margin-bottom:15px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;padding:110px 0}details{border-bottom:1px solid #d8cede;padding:20px 0}summary{cursor:pointer;font-weight:600;padding-right:15px}details p{margin-top:15px;font-size:.94rem;color:#645b73}.contact{background:var(--purple);color:var(--cream);text-align:center;padding:90px 0}.contact .note-pill{background:transparent;border-color:#a783f3}.contact h2{font-size:clamp(3rem,6vw,6rem)}.contact p{margin:25px auto 0}.contact .actions{justify-content:center}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.light-outline{border-color:#c4a8ff;background:transparent}.contact-address{font-size:.9rem}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px 0!important}footer>span{font-size:.85rem}footer button{border:1px solid #c8bad9;border-radius:50px;padding:9px 16px;background:transparent;font-size:.8rem}footer small{font-size:.8rem}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .button:hover,.motion-paused .project-image:hover{transform:none}@keyframes float{50%{transform:translateY(-18px) rotate(3deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes morph{to{border-radius:52% 48% 56% 44%;transform:rotate(8deg)}}
@media(min-width:1000px){.hero-copy{animation:entrance .8s both}.hero-art{animation:entrance 1s .1s both}}@keyframes entrance{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}header{padding:0 24px}.hero{min-height:620px}.hero-art{height:380px}.hero-art .mascot{top:65px}.hero-orbit{display:none}.price-sticker{width:120px;height:120px}.price-sticker strong{font-size:1.3rem}.plans{gap:12px}.plan{padding:24px 20px}.estimate-grid{gap:45px}.receipt{padding:30px}.projects{gap:17px}.check{flex-wrap:wrap}.scene-wrap{height:480px}}@media(max-width:700px){header{height:80px;gap:12px}.logo{font-size:2.6rem}nav{gap:17px}nav a{font-size:.82rem}nav a:last-child{display:none}header>.button{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 55px}.hero h1{font-size:clamp(3.1rem,11vw,4.5rem)}.hero-copy>p{font-size:1rem}.hero-art{height:350px;width:100%;max-width:420px;margin:25px auto 0}.hero-art .mascot{top:42px}.price-sticker{right:4%;top:10px}.hello{bottom:0}.scroll-note{display:none}.actions{gap:18px}.hero .text-link{font-size:.86rem}.button{padding:13px 22px}.play-section{padding-top:65px}.play-heading{align-items:start;gap:25px}.play-heading>p{font-size:.86rem;max-width:165px}.play-heading h2{font-size:2.7rem}.scene-wrap{height:390px}.ideas,.pricing,.seo-section,.faq{padding:70px 0}.section-head{display:block}.section-head>p{margin-top:25px}.idea-chips{gap:9px}.idea-chips button{font-size:.85rem;padding:10px 16px}.work-section{padding:65px 0}.projects,.plans,.more-options,.estimate-grid,.seo-section,.faq,.steps{grid-template-columns:1fr}.projects{gap:38px}.project-image{aspect-ratio:1.6}.plans{gap:50px}.plan{padding:30px}.plan .delivery{min-height:0}.included{grid-template-columns:1fr}.more-options{gap:28px}.estimate-section{padding:65px 0}.estimate-grid{gap:20px}.receipt{position:relative;top:0;transform:rotate(1deg)}.seo-section{gap:20px}.seo-mascot{max-width:330px;margin:auto}.steps{gap:35px}.steps article{padding-left:65px;position:relative}.steps article>span{position:absolute;left:0;top:0}.how-section{padding:65px 0}.faq{gap:25px}.contact{padding:70px 0}footer{flex-wrap:wrap}footer>span{max-width:200px}footer small{margin-left:auto}.center h2{font-size:3rem}.scene-fallback{left:10%;width:80%;height:60%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Keep automatic focus and keyboard navigation immediate. */
html{scroll-behavior:auto}

@media(min-width:701px){.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.project-image{aspect-ratio:1.7}}