*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fffbf4;--ink: #1a1a2e;--primary: #ff6b35;--secondary: #ffd166;--teal: #06d6a0;--purple: #7b2d8b;--pink: #ef476f;--blue: #118ab2;--card-bg: #ffffff;--border: rgba(26, 26, 46, .1)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Nunito,sans-serif;overflow-x:hidden}.doodle-bg{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;background-image:radial-gradient(circle,var(--ink) 1px,transparent 1px),radial-gradient(circle,var(--ink) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px}.floater{position:fixed;pointer-events:none;z-index:0;border-radius:50%;opacity:.12;filter:blur(60px);animation:floatAnim 8s ease-in-out infinite}.floater-1{width:400px;height:400px;background:var(--primary);top:-100px;right:-100px;animation-delay:0s}.floater-2{width:300px;height:300px;background:var(--teal);bottom:10%;left:-80px;animation-delay:-3s}.floater-3{width:250px;height:250px;background:var(--secondary);top:40%;right:5%;animation-delay:-5s}@keyframes floatAnim{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem;background:#fffbf4e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:2px solid var(--border);animation:dropIn .6s ease both}@keyframes dropIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.logo-badge{width:2.4rem;height:2.4rem;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transform:rotate(-6deg);box-shadow:3px 3px 0 var(--ink)}.logo-text{font-family:Fredoka One,cursive;font-size:1.5rem;color:var(--ink);letter-spacing:.02em}.logo-text span{color:var(--primary)}nav ul{list-style:none;display:flex;gap:2rem}nav ul a{font-weight:700;font-size:.88rem;color:var(--ink);text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}nav ul a:hover{color:var(--primary);border-color:var(--primary)}.nav-cta{font-weight:800;font-size:.88rem;background:var(--ink);color:var(--bg);padding:.6rem 1.5rem;text-decoration:none;border-radius:100px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--primary);transition:transform .15s,box-shadow .15s}.nav-cta:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--primary)}.hero{min-height:100vh;display:flex;align-items:center;padding:8rem 3rem 4rem;position:relative;overflow:hidden;gap:3rem}.hero-left{flex:1;position:relative;z-index:2;max-width:600px}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--secondary);color:var(--ink);font-weight:800;font-size:.82rem;letter-spacing:.05em;padding:.4rem 1rem;border-radius:100px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);margin-bottom:1.5rem;animation:popIn .5s .2s cubic-bezier(.34,1.56,.64,1) both}.hero-title{font-family:Fredoka One,cursive;font-size:clamp(3.2rem,7vw,6rem);line-height:1.05;color:var(--ink);animation:popIn .6s .4s cubic-bezier(.34,1.56,.64,1) both}.hero-title .squiggle{position:relative;display:inline-block;color:var(--primary)}.hero-title .squiggle:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10'%3E%3Cpath d='M0,5 Q12.5,0 25,5 Q37.5,10 50,5 Q62.5,0 75,5 Q87.5,10 100,5' stroke='%23ff6b35' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat-x center / 80px 8px}.hero-title .highlight-box{background:var(--secondary);padding:0 .2em;border-radius:6px}.hero-title .teal-word{color:var(--teal)}.hero-desc{font-size:1.1rem;font-weight:400;line-height:1.75;color:#1a1a2ea6;margin:1.5rem 0 2rem;max-width:480px;animation:popIn .6s .6s cubic-bezier(.34,1.56,.64,1) both}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;animation:popIn .6s .8s cubic-bezier(.34,1.56,.64,1) both}.btn-fun{font-weight:800;font-size:.95rem;padding:.85rem 2rem;text-decoration:none;border-radius:100px;border:2px solid var(--ink);display:inline-flex;align-items:center;gap:.5rem;transition:transform .15s,box-shadow .15s}.btn-fun.primary{background:var(--primary);color:#fff;box-shadow:4px 4px 0 var(--ink)}.btn-fun.primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn-fun.outline{background:transparent;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.btn-fun.outline:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);background:var(--secondary)}.hero-right{flex:1;position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem;max-width:380px;animation:popIn .7s .5s cubic-bezier(.34,1.56,.64,1) both}.preview-card{background:var(--card-bg);border:2px solid var(--ink);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.preview-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}.preview-card:nth-child(2){margin-left:2rem}.preview-card:nth-child(3){margin-left:1rem}.preview-emoji{width:3.5rem;height:3.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;border:2px solid var(--ink)}.preview-card:nth-child(1) .preview-emoji{background:#ffe8e0}.preview-card:nth-child(2) .preview-emoji{background:#e0f8f0}.preview-card:nth-child(3) .preview-emoji{background:#fff3cc}.preview-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a1a2e73;margin-bottom:.15rem}.preview-name{font-weight:800;font-size:.95rem}.hero-sticker{position:absolute;right:-1rem;top:-1.5rem;background:var(--pink);color:#fff;font-family:Fredoka One,cursive;font-size:.85rem;padding:.5rem .75rem;border-radius:10px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(8deg)}.marquee-section{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--secondary);padding:.9rem 0;overflow:hidden}.marquee-track{display:inline-flex;animation:marquee 16s linear infinite}.marquee-item{font-family:Fredoka One,cursive;font-size:1.1rem;letter-spacing:.05em;color:var(--ink);padding:0 2rem;display:inline-flex;align-items:center;gap:1.5rem}.marquee-star{color:var(--primary);font-size:1.3rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);padding:4rem 3rem;gap:2rem}.stat-card{background:var(--card-bg);border:2px solid var(--ink);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:nth-child(1){box-shadow:5px 5px 0 var(--primary)}.stat-card:nth-child(2){box-shadow:5px 5px 0 var(--teal)}.stat-card:nth-child(3){box-shadow:5px 5px 0 var(--pink)}.stat-card:nth-child(4){box-shadow:5px 5px 0 var(--blue)}.stat-card:hover{transform:translate(-3px,-3px)}.stat-card:nth-child(1):hover{box-shadow:8px 8px 0 var(--primary)}.stat-card:nth-child(2):hover{box-shadow:8px 8px 0 var(--teal)}.stat-card:nth-child(3):hover{box-shadow:8px 8px 0 var(--pink)}.stat-card:nth-child(4):hover{box-shadow:8px 8px 0 var(--blue)}.stat-emoji{font-size:2rem;margin-bottom:.5rem;display:block}.stat-num{font-family:Fredoka One,cursive;font-size:2.8rem;line-height:1;margin-bottom:.25rem}.stat-card:nth-child(1) .stat-num{color:var(--primary)}.stat-card:nth-child(2) .stat-num{color:var(--teal)}.stat-card:nth-child(3) .stat-num{color:var(--pink)}.stat-card:nth-child(4) .stat-num{color:var(--blue)}.stat-label{font-size:.85rem;font-weight:700;color:#1a1a2e8c}section.page-section{padding:5rem 3rem;position:relative}.section-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--teal);color:var(--ink);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem 1rem;border-radius:100px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);margin-bottom:1rem}.section-heading{font-family:Fredoka One,cursive;font-size:clamp(2.2rem,4.5vw,3.5rem);line-height:1.1;margin-bottom:.5rem}.section-sub{font-size:1rem;color:#1a1a2e99;font-weight:400;max-width:500px;line-height:1.7;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.service-card{background:var(--card-bg);border:2px solid var(--ink);border-radius:20px;padding:2.5rem 2rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.service-card:nth-child(1){box-shadow:6px 6px 0 var(--primary)}.service-card:nth-child(2){box-shadow:6px 6px 0 var(--teal)}.service-card:nth-child(3){box-shadow:6px 6px 0 var(--secondary);border-color:var(--ink)}.service-card:nth-child(4){box-shadow:6px 6px 0 var(--pink)}.service-card:hover{transform:translate(-3px,-3px)}.service-card:nth-child(1):hover{box-shadow:9px 9px 0 var(--primary)}.service-card:nth-child(2):hover{box-shadow:9px 9px 0 var(--teal)}.service-card:nth-child(3):hover{box-shadow:9px 9px 0 var(--secondary)}.service-card:nth-child(4):hover{box-shadow:9px 9px 0 var(--pink)}.service-tag-num{position:absolute;top:1.25rem;right:1.5rem;font-family:Fredoka One,cursive;font-size:3.5rem;color:#1a1a2e0d;line-height:1}.service-icon{width:3.5rem;height:3.5rem;border-radius:12px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:1.25rem}.service-card:nth-child(1) .service-icon{background:#ffe8e0}.service-card:nth-child(2) .service-icon{background:#d4f9ed}.service-card:nth-child(3) .service-icon{background:#fff3cc}.service-card:nth-child(4) .service-icon{background:#fce4ec}.service-name{font-family:Fredoka One,cursive;font-size:1.5rem;margin-bottom:.75rem}.service-desc{font-size:.92rem;line-height:1.7;color:#1a1a2e99;font-weight:400;margin-bottom:1.25rem}.service-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:100px;border:1.5px solid var(--ink);background:var(--bg)}.work-section{background:var(--ink);padding:5rem 3rem}.work-section .section-pill{background:var(--pink)}.work-section .section-heading{color:var(--bg)}.work-section .section-sub{color:#fffbf48c}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.work-card{border-radius:18px;overflow:hidden;border:2px solid rgba(255,251,244,.15);background:#252540;transition:transform .2s,border-color .2s;position:relative}.work-card:hover{transform:translateY(-6px);border-color:var(--secondary)}.work-thumb{height:200px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;position:relative;overflow:hidden}.work-card:nth-child(1) .work-thumb{background:linear-gradient(135deg,#ff6b3520,#ffd16620)}.work-card:nth-child(2) .work-thumb{background:linear-gradient(135deg,#06d6a020,#118ab220)}.work-card:nth-child(3) .work-thumb{background:linear-gradient(135deg,#ef476f20,#7b2d8b20)}.work-card:nth-child(4) .work-thumb{background:linear-gradient(135deg,#ffd16620,#ff6b3520)}.work-card:nth-child(5) .work-thumb{background:linear-gradient(135deg,#118ab220,#06d6a020)}.work-card:nth-child(6) .work-thumb{background:linear-gradient(135deg,#7b2d8b20,#ef476f20)}.work-info{padding:1.25rem}.work-cat{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem}.work-card:nth-child(odd) .work-cat{color:var(--secondary)}.work-card:nth-child(2n) .work-cat{color:var(--teal)}.work-title{font-weight:800;color:var(--bg);font-size:.95rem}.process-section{background:var(--secondary);padding:5rem 3rem}.process-section .section-pill{background:var(--primary);color:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.process-card{background:var(--card-bg);border:2px solid var(--ink);border-radius:16px;padding:2rem 1.5rem;box-shadow:4px 4px 0 var(--ink);transition:transform .2s}.process-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.step-badge{width:2.8rem;height:2.8rem;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:Fredoka One,cursive;font-size:1.1rem;margin-bottom:1.25rem}.process-card:nth-child(1) .step-badge{background:var(--primary);color:#fff}.process-card:nth-child(2) .step-badge{background:var(--teal);color:#fff}.process-card:nth-child(3) .step-badge{background:var(--pink);color:#fff}.process-card:nth-child(4) .step-badge{background:var(--blue);color:#fff}.process-title{font-family:Fredoka One,cursive;font-size:1.2rem;margin-bottom:.5rem}.process-desc{font-size:.87rem;line-height:1.65;color:#1a1a2ea6}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.testi-card{background:var(--card-bg);border:2px solid var(--ink);border-radius:18px;padding:2rem;transition:transform .2s,box-shadow .2s}.testi-card:nth-child(1){box-shadow:5px 5px 0 var(--primary)}.testi-card:nth-child(2){box-shadow:5px 5px 0 var(--teal)}.testi-card:nth-child(3){box-shadow:5px 5px 0 var(--pink)}.testi-card:hover{transform:translate(-3px,-3px)}.testi-stars{color:var(--secondary);font-size:1rem;margin-bottom:.75rem;letter-spacing:.1em}.testi-text{font-size:.9rem;line-height:1.75;font-style:italic;color:#1a1a2eb3;margin-bottom:1.25rem}.testi-author{display:flex;align-items:center;gap:.75rem}.testi-avatar{width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.testi-card:nth-child(1) .testi-avatar{background:#ffe8e0}.testi-card:nth-child(2) .testi-avatar{background:#d4f9ed}.testi-card:nth-child(3) .testi-avatar{background:#fce4ec}.testi-name{font-weight:800;font-size:.9rem}.testi-role{font-size:.78rem;color:#1a1a2e80}.cta-section{background:var(--primary);padding:6rem 3rem;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap;position:relative;overflow:hidden}.cta-section:before{content:"✦";position:absolute;font-size:20rem;color:#ffffff0d;right:-2rem;top:-4rem;font-family:Fredoka One,cursive}.cta-heading{font-family:Fredoka One,cursive;font-size:clamp(2.5rem,5vw,4rem);color:#fff;line-height:1.1;margin-bottom:.75rem}.cta-sub{font-size:1rem;color:#fffc;font-weight:400;max-width:400px;line-height:1.6}.cta-buttons{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.btn-white-fun{font-weight:800;font-size:.9rem;background:#fff;color:var(--ink);border:2px solid var(--ink);padding:.85rem 2.25rem;text-decoration:none;border-radius:100px;display:inline-block;text-align:center;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.btn-white-fun:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn-outline-fun{font-weight:800;font-size:.9rem;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);padding:.85rem 2.25rem;text-decoration:none;border-radius:100px;display:inline-block;text-align:center;transition:background .2s,border-color .2s}.btn-outline-fun:hover{background:#ffffff26;border-color:#fff}footer{background:var(--ink);padding:5rem 3rem 2rem;border-top:3px solid var(--secondary)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,251,244,.1);margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.footer-logo-badge{width:2rem;height:2rem;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;transform:rotate(-6deg);border:2px solid rgba(255,251,244,.3)}.footer-logo-text{font-family:Fredoka One,cursive;font-size:1.3rem;color:var(--bg)}.footer-logo-text span{color:var(--primary)}.footer-tagline{font-size:.88rem;color:#fffbf480;line-height:1.7;font-weight:400;max-width:260px}.footer-col h4{font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#fffbf466;margin-bottom:1.25rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-col ul a{font-size:.88rem;color:#fffbf4a6;text-decoration:none;font-weight:600;transition:color .2s}.footer-col ul a:hover{color:var(--secondary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-bottom p{font-size:.8rem;color:#fffbf44d;font-weight:600}.social-links{display:flex;gap:.6rem}.social-link{width:2.2rem;height:2.2rem;border-radius:8px;border:2px solid rgba(255,251,244,.15);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fffbf480;text-decoration:none;font-weight:800;transition:background .2s,color .2s,border-color .2s}.social-link:hover{background:var(--primary);border-color:var(--primary);color:#fff}@keyframes popIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:960px){nav{padding:1rem 1.5rem}nav ul{display:none}.hero{flex-direction:column;padding:7rem 1.5rem 3rem}.hero-right{display:none}.stats-section{grid-template-columns:1fr 1fr;padding:3rem 1.5rem}section.page-section{padding:4rem 1.5rem}.services-grid{grid-template-columns:1fr}.work-section{padding:4rem 1.5rem}.work-grid{grid-template-columns:1fr 1fr}.process-section{padding:4rem 1.5rem}.process-grid{grid-template-columns:1fr 1fr}.testi-grid{grid-template-columns:1fr}.cta-section{padding:4rem 1.5rem;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}footer{padding:4rem 1.5rem 2rem}}
