@font-face{font-family:Rubik;src:url('assets/fonts/Rubik.ttf') format('truetype');font-weight:300 900;font-display:swap}
@font-face{font-family:Karantina;src:url('assets/fonts/Karantina-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Marker;src:url('assets/fonts/PermanentMarker.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--blue:#1548ff;--ink:#101725;--paper:#fff;--subtle:#535a67;--ease:cubic-bezier(.23,1,.32,1);--body:Rubik,Arial,sans-serif;--display:Karantina,Rubik,Arial,sans-serif;--hand:Marker,cursive;--gutter:clamp(22px,5vw,80px);--section-gap:clamp(76px,9vw,136px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.65;-webkit-font-smoothing:antialiased}::selection{background:var(--blue);color:white}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}section[id],article[id]{scroll-margin-top:40px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--display);font-weight:700;line-height:.98}p{text-wrap:pretty}svg{display:block}img{display:block;max-width:100%}[hidden]{display:none!important}.shell{max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}.blue{color:var(--blue)}.skip-link{position:fixed;top:12px;right:12px;background:var(--ink);color:white;padding:10px 18px;z-index:10;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:118px;gap:30px}.brand{display:block;width:145px}.brand img{width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:500}.nav-contact{display:flex;align-items:center;gap:22px;background:var(--ink);color:white;padding:12px 22px;border-radius:100px}.nav-contact span{font-size:22px;line-height:1}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:40px;padding-top:38px}.hero-copy{padding-bottom:26px}.hero h1{font-size:clamp(72px,7.7vw,112px);letter-spacing:-.018em}.hero .last-line{position:relative;display:inline-block}.title-underline{position:absolute;color:var(--blue);width:125%;right:0;bottom:-22px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;transform:rotate(-3deg)}.hero-description{max-width:485px;font-size:17px;line-height:1.85;margin-top:40px;color:#353c48}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:54px;padding:12px 22px;border-radius:3px;font-size:15px;font-weight:600;transition:transform 180ms var(--ease),background-color 180ms,color 180ms}.button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none}.button-blue{background:var(--blue);color:white}.button:active{transform:scale(.97)}.creator-link{font-size:14px;font-weight:500;display:flex;gap:12px;align-items:center}.creator-link span{font-size:24px}.spray-art{position:relative;min-width:0;height:470px;isolation:isolate}.spray-wall{position:absolute;top:52px;left:10px;width:100%;transform:rotate(-7deg);z-index:2}.spray-line{display:block;width:max-content;max-width:100%;font-family:var(--hand);font-weight:400;line-height:1.45;white-space:nowrap;transform-origin:left center;clip-path:inset(0)}.spray-first{font-size:clamp(38px,4.35vw,64px)}.spray-second{font-size:clamp(39px,4.45vw,65px);color:var(--blue);margin-left:12px}.spray-third{font-size:clamp(25px,2.65vw,38px);margin-left:32px;margin-top:9px}.art-splashes{position:absolute;inset:0;width:100%;height:100%;color:var(--blue);pointer-events:none}.spray-kid{position:absolute;right:14px;bottom:8px;width:175px;height:auto;z-index:3;transform:rotate(7deg)}.art-note{position:absolute;left:70px;bottom:16px;font-family:var(--hand);font-size:17px;line-height:1.5;transform:rotate(-7deg)}.spray-mist{opacity:0}.skip-animation{position:absolute;bottom:-18px;left:0;border:0;border-bottom:1px solid currentColor;color:var(--subtle);background:transparent;font-size:12px;padding:7px 0;direction:rtl}.spraying .spray-line{clip-path:inset(-5% 100% -5% -5%)}.spraying .spray-mist{animation:spray-puff 500ms linear 6}.spraying .spray-arm{transform-origin:145px 144px;animation:can-shake 650ms var(--ease) 5}.spraying .art-splashes{animation:splatter-in 1600ms ease-out both}.hero-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6e8ee;padding-block:24px;margin-top:26px;gap:20px;font-size:12px}.hero-foot>span:first-child{display:flex;align-items:center;gap:10px}.hero-foot i{width:7px;height:7px;border-radius:50%;background:var(--blue)}.hero-foot>span[lang]{font-size:11px;letter-spacing:.08em;font-weight:500}.hero-foot a{width:36px;height:36px;display:grid;place-items:center}.hero-foot svg{width:22px;height:22px;stroke:var(--ink);stroke-width:1.5;fill:none}
.examples{background:var(--blue);color:white;padding-block:80px 56px;position:relative;overflow:hidden}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-top h2{font-size:clamp(58px,6.1vw,88px)}.section-intro{padding-bottom:5px;max-width:440px}.section-intro>p{font-size:16px;line-height:1.8}.section-intro .demo-disclaimer{margin-top:17px;font-size:12px;color:#e2e8ff}.example-composition{display:grid;grid-template-columns:1fr 1fr 1.04fr;gap:44px;align-items:center;margin-top:65px;padding-inline:26px}.demo-frame{position:relative;aspect-ratio:9/16;isolation:isolate;background:#0e1935;border-radius:16px;max-width:320px;width:100%;overflow:visible;align-self:start}.demo-one{transform:rotate(4deg);margin-top:24px}.demo-two{transform:rotate(-5deg)}.demo-photo{position:absolute;inset:0;z-index:-1;background:#f1f4ff;border-radius:16px}.photo-one{background-position:left center}.photo-two{background-position:right center}.demo-label{position:absolute;right:14px;top:15px;padding:3px 11px;border-radius:30px;font-size:11px;font-weight:600;background:white;color:var(--ink)}.frame-meta{position:absolute;left:18px;right:18px;bottom:104px;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:14px;font-weight:600}.frame-meta svg{height:26px;width:26px;fill:none;stroke:var(--blue);stroke-width:1.5}.mock-banner{position:absolute;left:0;right:0;bottom:28px;min-height:60px;padding:10px 16px;background:var(--blue);color:white;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:opacity 180ms ease-out,transform 180ms var(--ease)}.mock-banner>span{font-size:20px;font-weight:900;letter-spacing:-.04em}.mock-banner small{font-size:11px}.banner-light{background:white;color:var(--ink)}.demo-frame figcaption{position:absolute;bottom:-35px;left:0;right:0;font-size:12px;text-align:center;white-space:nowrap}.example-explainer{padding-inline-start:24px;align-self:center}.hand-arrow{width:115px;fill:none;stroke:white;stroke-width:2.5;stroke-linecap:round;transform:rotate(9deg);margin-bottom:15px}.example-explainer h3{font-family:var(--display);font-size:58px;line-height:1.08}.example-explainer p{font-size:15px;margin-top:22px;line-height:1.8}.banner-toggle{display:flex;gap:12px;align-items:center;background:transparent;color:white;border:0;padding:12px 0;margin-top:24px;font-size:13px;min-height:48px}.toggle-track{display:inline-block;border:1px solid #ffffff90;border-radius:99px;width:40px;height:23px;padding:3px;background:white}.toggle-track>span{width:15px;height:15px;display:block;border-radius:50%;background:var(--blue);transform:translateX(-16px);transition:transform 180ms var(--ease)}.banner-toggle[aria-pressed=false] .toggle-track>span{transform:none}.no-banners .mock-banner{opacity:0;transform:translateY(6px)}.toggle-status{font-size:12px;display:block;min-height:22px}.examples-note{margin-top:80px;font-size:12px;color:#e2e8ff;text-align:center}.examples a:focus-visible,.examples button:focus-visible,.contact a:focus-visible,.contact button:focus-visible{outline-color:white}
.how{padding-block:var(--section-gap) 80px}.how-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.how-heading h2{font-size:clamp(54px,5.7vw,82px)}.how-heading>p{max-width:250px;font-size:15px;margin-bottom:5px;color:var(--subtle)}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-block:64px 54px}.steps li{position:relative;padding-top:12px}.step-number{font-family:var(--hand);font-size:27px;color:var(--blue);display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:24px;border:2px solid var(--blue);border-radius:46% 54% 48% 52%;transform:rotate(-9deg)}.steps li:nth-child(2) .step-number{transform:rotate(8deg)}.steps h3{font-family:var(--display);font-size:46px;line-height:1.06}.steps p{font-size:15px;max-width:300px;line-height:1.8;margin-top:18px;color:var(--subtle)}.how-bottom{border-top:1px solid #e6e8ee;padding-top:24px;display:flex;gap:24px;justify-content:space-between;align-items:center}.how-bottom p{font-size:14px;font-weight:500}.how-bottom>span{font-size:12px;color:var(--subtle)}.how-bottom>span>span{color:var(--blue);padding-inline:10px;font-size:20px}
.contact{background:var(--ink);color:white;padding-block:80px 52px;position:relative;overflow:hidden}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:36px}.contact h2{font-size:clamp(62px,6.8vw,98px);line-height:1.05}.paint-word{position:relative;color:#fff;isolation:isolate;white-space:nowrap}.paint-word:before{content:"";position:absolute;inset:4px -8px -3px;background:var(--blue);transform:rotate(2deg);clip-path:polygon(0 7%,4% 0,96% 9%,100% 1%,98% 87%,92% 100%,1% 95%,3% 40%);z-index:-1}.contact-slogan{font-family:var(--hand);color:#5f83ff;font-size:29px;line-height:1.35;transform:rotate(-7deg);margin-inline-end:24px}.contact-paths{display:grid;grid-template-columns:1fr 1fr;margin-top:58px;gap:80px}.contact-paths article{padding-top:28px;border-top:1px solid #ffffff38}.contact-paths h3{font-family:var(--display);font-size:42px;line-height:1.1}.contact-paths p{font-size:15px;color:#dce0e8;margin-top:16px}.contact-paths .button{margin-top:26px}.button-white{background:white;color:var(--ink)}.button-outline{border:1px solid #ffffff90;color:white}.email-line{display:flex;align-items:center;gap:14px;margin-top:46px;font-size:14px}.email-line>a{text-decoration:underline;text-decoration-color:#ffffff60}.email-line button{background:transparent;border:0;color:#dce0e8;padding:10px;min-height:44px;min-width:44px}.email-line svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.6}.email-line #copy-status{font-size:12px;color:#dce0e8}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px;font-size:11px;color:var(--subtle)}.footer-brand{width:105px}.footer-brand img{width:100%;height:auto}.site-footer>span[lang]{font-family:var(--hand);font-size:15px;color:var(--ink)}
@media(hover:hover) and (pointer:fine){.button-blue:hover{background:#0731d5;transform:translateY(-2px)}.nav-contact:hover{background:var(--blue)}.button-white:hover{background:#e8edff;transform:translateY(-2px)}.button-outline:hover{background:white;color:var(--ink);transform:translateY(-2px)}.creator-link:hover,.site-header nav>a:not(.nav-contact):hover{color:var(--blue)}.email-line>a:hover{text-decoration-color:white}}
@keyframes paint-in{from{clip-path:inset(-5% 100% -5% -5%)}to{clip-path:inset(-5%)}}@keyframes spray-puff{0%,100%{opacity:0;transform:translate(0,0)}30%{opacity:.8}80%{opacity:0;transform:translate(-12px,-10px)}}@keyframes can-shake{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}@keyframes splatter-in{from{opacity:0}35%{opacity:.2}to{opacity:1}}@keyframes settle-in{from{transform:translateY(14px);opacity:.5}to{transform:translateY(0);opacity:1}}.arriving{animation:settle-in 550ms var(--ease) both}
@media(min-width:1440px){.spray-wall{left:18px}.spray-first{font-size:64px}.spray-second{font-size:65px}}
@media(max-width:1050px){.site-header nav{gap:25px}.hero{gap:24px}.hero-actions{gap:18px}.hero-description{font-size:16px}.spray-art{height:420px}.spray-kid{width:150px}.art-note{left:38px}.example-composition{gap:28px;padding-inline:8px}.example-explainer{padding-inline-start:8px}.example-explainer h3{font-size:46px}.steps{gap:35px}.contact-slogan{font-size:24px}.how-heading>p{max-width:210px}}
@media(max-width:760px){:root{--gutter:24px}.site-header{min-height:92px;gap:15px}.brand{width:115px}.site-header nav{gap:18px;font-size:12px}.nav-contact{padding:9px 14px;gap:12px}.nav-contact span{font-size:19px}.hero{padding-top:20px;grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(76px,13.2vw,106px);line-height:1.02}.hero h1 br:nth-of-type(2){display:none}.hero h1 .last-line{margin-right:8px}.title-underline{bottom:-14px}.hero-description{max-width:530px;margin-top:32px;font-size:16px}.hero-actions{margin-top:25px;gap:22px}.hero-actions .button{font-size:14px;gap:22px}.creator-link{font-size:13px}.spray-art{height:375px;width:100%;max-width:510px;margin:20px auto 0}.spray-wall{top:43px;left:8px}.spray-first{font-size:clamp(33px,7.6vw,56px)}.spray-second{font-size:clamp(34px,7.8vw,57px)}.spray-third{font-size:clamp(23px,5.1vw,33px)}.spray-kid{width:145px;bottom:4px;right:15px}.art-note{font-size:14px;bottom:16px;left:44px}.art-splashes{height:390px;top:-14px}.skip-animation{bottom:0;font-size:11px}.hero-foot{margin-top:18px;padding-block:19px}.hero-foot>span[lang]{font-size:9px;letter-spacing:0}.hero-foot>span:first-child{font-size:11px}.hero-foot a{width:24px}.examples{padding-block:58px 38px}.section-top{display:block}.section-top h2{font-size:66px}.section-intro{margin-top:24px;max-width:100%}.section-intro>p{font-size:15px}.section-intro .demo-disclaimer{font-size:11px}.demo-disclaimer br{display:none}.example-composition{grid-template-columns:1fr 1fr;gap:24px;margin-top:45px;padding-inline:4px}.demo-frame{border-radius:12px}.demo-photo{border-radius:12px}.demo-one{margin-top:14px}.mock-banner{padding:8px 9px;min-height:47px;bottom:22px;gap:5px}.mock-banner>span{font-size:clamp(12px,3.1vw,20px)}.mock-banner small{font-size:9px}.frame-meta{bottom:82px;left:12px;right:12px;font-size:11px}.frame-meta svg{height:20px;width:20px}.demo-label{font-size:10px;padding:3px 8px;top:11px;right:10px}.demo-frame figcaption{font-size:10px;bottom:-31px;white-space:normal}.example-explainer{grid-column:1/-1;margin-top:45px;padding-inline:0;position:relative}.hand-arrow{position:absolute;left:10px;top:0;width:75px;transform:rotate(120deg)}.example-explainer h3{font-size:54px}.example-explainer p{font-size:15px;margin-top:16px}.banner-toggle{margin-top:16px}.examples-note{margin-top:30px;text-align:right;font-size:11px}.how{padding-block:72px 55px}.how-heading{display:block}.how-heading h2{font-size:62px}.how-heading>p{max-width:none;margin-top:22px;font-size:14px}.steps{grid-template-columns:1fr;margin-block:38px 35px;gap:32px}.steps li{display:grid;grid-template-columns:52px 1fr;column-gap:18px;padding-top:0}.step-number{grid-row:1/3;margin-top:3px;margin-bottom:0}.steps h3{font-size:40px}.steps h3 br{display:none}.steps p{grid-column:2;margin-top:10px;max-width:450px;font-size:14px}.how-bottom{display:block}.how-bottom p{font-size:13px}.how-bottom>span{display:block;margin-top:12px}.contact{padding-block:60px 40px}.contact h2{font-size:68px}.contact-slogan{display:none}.contact-paths{grid-template-columns:1fr;gap:32px;margin-top:35px}.contact-paths article{padding-top:25px}.contact-paths h3{font-size:40px}.contact-paths p{font-size:15px}.contact-paths .button{margin-top:22px}.email-line{margin-top:35px;flex-wrap:wrap}.site-footer{padding-block:22px;gap:16px}.footer-brand{width:85px}.site-footer>span[lang]{font-size:11px}.site-footer>span:last-child{font-size:10px}}
@media(max-width:410px){.site-header nav>a:first-child{display:none}.site-header nav{gap:15px}.brand{width:100px}.hero-actions{gap:16px}.hero-actions .button{padding-inline:16px;gap:14px}.hero-actions .creator-link{font-size:12px;gap:7px}.hero h1{font-size:76px}.hero .last-line{margin-right:4px}.spray-art{height:345px}.spray-kid{width:128px}.spray-wall{left:0;top:48px}.spray-third{margin-left:19px}.spray-second{margin-left:4px}.art-note{left:28px;font-size:13px}.hero-foot>span[lang]{display:none}.how-heading h2{font-size:56px}.contact h2{font-size:60px}.example-composition{gap:21px}.mock-banner{flex-direction:column;gap:0;align-items:flex-start}.mock-banner small{font-size:8px}.section-top h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.spray-line{clip-path:none!important}.spray-mist{opacity:0!important}.skip-animation{display:none!important}}

/* Real brand artwork and creator videos are intentionally pending, never AI stand-ins. */
.wordmark{display:block;font-family:var(--hand);font-size:33px;line-height:1.3;transform:rotate(-6deg);color:var(--ink);position:relative}.wordmark:after{content:"";display:block;height:5px;background:var(--blue);width:96%;clip-path:polygon(0 25%,100% 0,95% 80%,3% 100%);margin-top:1px}.footer-brand .wordmark{font-size:25px}.empty-video{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#53658e;text-align:center;font-family:var(--display);font-size:49px;line-height:1.1;padding-bottom:48px}.empty-video small{font-family:var(--body);font-size:10px;line-height:1.6;margin-top:18px}.banner-light{background:var(--ink);color:white}.frame-meta svg{stroke:var(--blue)}
@media(max-width:760px){.wordmark{font-size:28px}.empty-video{font-size:39px}.empty-video small{font-size:9px;margin-top:12px}}
@media(max-width:410px){.wordmark{font-size:25px}.empty-video{font-size:34px}.empty-video small{font-size:8px}}

.inline-arrow{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle;flex-shrink:0}.how-bottom .inline-arrow{width:18px;height:18px;color:var(--blue);margin-inline:8px}.site-header nav>a{min-height:44px;display:flex;align-items:center}.skip-animation{min-height:44px}.skip-animation .inline-arrow{width:15px;height:15px;margin-right:4px}

/* Slightly irregular solid edges match the reference; no gradient or fade. */
.section-transition{height:20px;background:var(--edge-from);position:relative;pointer-events:none}
.section-transition::after{content:"";position:absolute;inset:0;background:var(--edge-to);clip-path:polygon(0 45%,8% 0,18% 35%,27% 12%,39% 60%,47% 5%,57% 20%,65% 70%,73% 0,82% 18%,90% 2%,97% 45%,100% 15%,100% 100%,0 100%)}
.white-to-blue{--edge-from:var(--paper);--edge-to:var(--blue)}
.blue-to-white{--edge-from:var(--blue);--edge-to:var(--paper)}
.white-to-ink{--edge-from:var(--paper);--edge-to:var(--ink)}
.ink-to-white{--edge-from:var(--ink);--edge-to:var(--paper)}
.direct-contact{display:flex;align-items:center;flex-wrap:wrap;gap:12px 32px;margin-top:40px}
.direct-contact .email-line{margin-top:0}
.phone-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;text-decoration:underline;text-decoration-color:#ffffff60;text-underline-offset:5px}
.phone-link .whatsapp-icon{width:28px;height:28px;flex-shrink:0}
@media(hover:hover) and (pointer:fine){.phone-link:hover{text-decoration-color:white}}
@media(max-width:760px){.direct-contact{margin-top:28px;gap:8px 24px}.section-transition{height:14px}}

/* Small back-view mascot; JavaScript shares one clock with the paint reveal. */
.spray-character{--kid-rest-right:24px;--kid-rest-bottom:52px;position:absolute;right:var(--kid-rest-right);bottom:var(--kid-rest-bottom);width:68px;height:auto;z-index:3;pointer-events:none}
.spraying .spray-character{left:0;top:0;right:auto;bottom:auto;will-change:transform}
.paint-stream{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
#paint-trail{opacity:0}
.replay-animation{position:absolute;bottom:-18px;left:0;min-height:44px;border:0;border-bottom:1px solid currentColor;color:var(--subtle);background:transparent;font-size:12px;padding:7px 0;direction:rtl}
.replay-animation .inline-arrow{width:15px;height:15px;margin-right:4px}
@media(max-width:760px){.spray-character{--kid-rest-right:20px;--kid-rest-bottom:52px;width:58px}.replay-animation{bottom:0;font-size:11px}}
@media(max-width:410px){.spray-character{--kid-rest-right:16px;width:54px}}
@media(prefers-reduced-motion:reduce){.paint-stream,.replay-animation{display:none!important}.spray-character{transform:none!important}}

.spray-art .art-note{bottom:56px}

@keyframes kid-wrist{0%,100%{transform:rotate(0)}50%{transform:rotate(-2deg)}}

.is-walking .kid-leg-left{transform-origin:90px 182px;animation:kid-step 240ms ease-in-out infinite alternate}
.is-walking .kid-leg-right{transform-origin:106px 182px;animation:kid-step 240ms ease-in-out infinite alternate-reverse}
@keyframes kid-step{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}

.animation-controls{position:absolute;bottom:-18px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.animation-controls .skip-animation,.animation-controls .replay-animation{position:static}
@media(max-width:760px){.animation-controls{bottom:0;gap:8px}}