/* DOGYCODE — chosen brand. Motion enhances a readable, ordinary document. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.22,.68,0,1.04)}
html{scroll-padding-top:98px}body{overflow-x:clip}.page-progress{position:fixed;inset:0 0 auto;height:3px;z-index:90;pointer-events:none}.page-progress>span{display:block;height:100%;background:var(--accent);transform:scaleX(var(--page-progress,0));transform-origin:left;will-change:transform}.header{position:sticky;top:0;z-index:30;height:82px;background:var(--paper);transition:box-shadow .3s}.header.is-scrolled{box-shadow:0 14px 20px -24px var(--ink)}.header .wordmark{font-size:22px}.hero{padding-top:48px;min-height:690px;grid-template-columns:1.16fr 1fr;padding-bottom:25px}.hero h1{font-size:clamp(76px,8.5vw,138px);margin-top:28px;letter-spacing:-.035em}.hero h1>.title-line{display:block;color:var(--ink);overflow:clip;padding-bottom:.05em;margin-bottom:-.05em;line-height:1.02}.title-line>span{display:block;transform-origin:left bottom}.hero h1>.title-line.accent{color:var(--accent)}.hero-bottom{margin-top:30px;gap:30px}.hero-bottom p{font-size:15px;line-height:1.55}.hero .button-accent{font-size:12px;min-height:54px;border-color:var(--accent)}.hero-art{min-height:515px}.hero-art .art-blob{height:76%;top:12%;left:0;width:104%;transform:rotate(-12deg)}.hero-art .art-orbit{opacity:.35;width:110%;left:-3%;top:20%;transform:rotate(31deg)}.hero-art .art-sticker{display:none}.hero-scroll-layer{transform:translate3d(0,var(--scroll-y,0px),0) rotate(var(--scroll-r,0deg));will-change:transform}.mascot-scroll{width:100%;position:relative;z-index:2}.mascot-scroll .mascot-wrap{width:100%;max-width:520px;margin:0 auto}.mascot-scroll .mascot{width:100%;max-height:520px}.hero-art .spark-one{width:40px;right:4%;top:4%}.hero-art .spark-two{width:30px;left:-5%;bottom:12%}.mascot-caption{bottom:0;right:4%;max-width:230px}.float-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:13px;padding:16px 19px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:5px;pointer-events:none;white-space:nowrap}.float-chip b{font-size:12px;letter-spacing:-.02em}.float-chip small{display:block;font-size:9px;margin-top:2px;color:var(--muted)}.float-chip i{font-style:normal;background:var(--accent);color:var(--paper);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px;margin-left:5px}.chip-icon{font-size:27px}.chip-png{left:-9%;bottom:16%;rotate:-7deg}.chip-catalog{right:-3%;top:6%;rotate:9deg;padding:13px 18px}.catalog-grid{font-size:30px;color:var(--accent);line-height:1}.float-label{position:absolute;z-index:3;left:2%;top:5%;font-size:13px;line-height:1.3;font-family:Georgia,serif;font-style:italic;rotate:-10deg;pointer-events:none}.float-label strong{font-weight:400}.float-label svg{display:block;width:80px;height:44px;margin-left:40px}.hero-footnote{position:relative;z-index:5;margin-top:17px;padding-top:18px}.hero-footnote>a{display:flex;gap:28px;align-items:center}.hero-footnote>a span{margin-left:0}.marquee{background:var(--accent);color:var(--paper);padding:20px 0}.marquee-star{color:var(--paper)}.marquee-track{animation-duration:36s}.intro{position:relative;padding-top:78px;padding-bottom:85px}.intro-grid{gap:9%;margin-top:50px}.intro-copy{padding-top:7px}.intro .display-heading{font-size:clamp(60px,6.7vw,104px)}.intro-copy .lead{font-size:23px}.intro-copy>p:not(.lead){font-size:14px}.inline-tags span{background:var(--paper);border-color:var(--ink);font-size:10px;padding:8px 13px;rotate:-2deg}.inline-tags span:nth-child(2){background:var(--accent);color:var(--paper);border-color:var(--accent);rotate:3deg}.inline-tags span:nth-child(3){rotate:-3deg}.work{background:var(--accent);color:var(--paper);overflow:clip;padding-top:0;padding-bottom:70px}.scroll-case{height:190svh;position:relative}.case-pin{position:sticky;top:82px;height:calc(100svh - 82px);display:flex;flex-direction:column;padding-top:26px;padding-bottom:24px;min-height:540px}.work .section-index{border-color:#f4f0e670;font-size:9px;flex-shrink:0;padding-bottom:13px}.work-heading{padding-top:24px;align-items:center;flex-shrink:0}.work-heading .display-heading{font-size:clamp(45px,4.8vw,70px);line-height:.95}.work-heading h2 span{color:var(--paper);-webkit-text-stroke:1px var(--paper);color:transparent}.work-heading>p{font-size:12px;opacity:.9;line-height:1.6;margin:0 1% 0 0}.product-stage{flex:1;min-height:0;width:min(850px,82%);gap:25px;margin:30px auto 23px;align-items:center;isolation:isolate}.card-flight{min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) rotate(var(--card-r,0deg)) scale(var(--card-scale,1));opacity:var(--card-alpha,1);will-change:transform,opacity;transform-origin:50% 70%}.product-card{display:flex;flex-direction:column;align-items:center}.product-card img{width:auto;height:36svh;max-width:100%;max-height:330px;object-fit:contain;object-position:center;background:var(--paper);border:2px solid var(--paper);box-shadow:0 18px 24px #791d132d;border-radius:6px}.product-card figcaption{color:var(--paper);font-size:8px;opacity:.95;letter-spacing:.04em;padding-top:12px;white-space:nowrap}.card-one{transform:rotate(-7deg) translateY(8px)}.card-two{transform:rotate(2deg) translateY(-10px)}.card-three{transform:rotate(8deg) translateY(8px)}.stage-caption{top:-12px;left:-10%;opacity:1;font-size:8px}.stage-arrow{right:-12%;bottom:0;color:var(--paper);width:80px}.case-story{position:relative;flex-shrink:0}.case-steps{display:flex;justify-content:space-between;gap:15px;padding-bottom:18px}.case-steps>span{display:flex;align-items:center;gap:9px;font-size:11px;opacity:.65;transition:opacity .4s}.case-steps i{font-style:normal;font-size:10px;border:1px solid #f4f0e688;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.case-steps>.is-active,.case-steps>.is-complete{opacity:1}.case-steps>.is-active i{background:var(--paper);color:var(--accent);border-color:var(--paper)}.case-progress{height:2px;background:#f4f0e638}.case-progress span{display:block;height:100%;background:var(--paper);transform:scaleX(var(--case-progress,0));transform-origin:left}.scroll-note{display:block;text-align:right;font-size:8px;letter-spacing:.07em;margin-top:10px;opacity:.8}.scroll-note b{margin-left:10px}.work-features{border-color:#f4f0e670;margin-top:15px;padding:24px 0}.feature-icon{color:var(--paper);border-color:var(--paper)}.work-features p{opacity:1}.work-features b{color:var(--paper)}.demo-block{padding-top:7px;margin-top:65px}.demo-copy .eyebrow{color:var(--paper);opacity:.8}.demo-copy>p{opacity:.85}.demo-player{border-color:#f4f0e6aa;box-shadow:8px 8px 0 #b52c19;border-radius:8px}.start{padding-top:78px;padding-bottom:80px}.start-grid{padding-top:48px;gap:9%}.price-card{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--accent);padding:34px;transform:rotate(3deg)}.price{color:var(--accent)}.price-card .button{background:var(--accent);color:var(--paper)}.price-details{border-color:var(--line);opacity:1;color:var(--muted)}.steps{margin-top:85px;gap:35px}.steps li{position:relative;padding-top:24px}.step-number{color:var(--accent);font-size:50px}.steps h3{font-size:19px}.steps p{font-size:12px}.faq{padding-top:65px;padding-bottom:75px}.closing{min-height:480px;padding-top:45px;padding-bottom:50px}.closing h2{font-size:clamp(60px,7.9vw,125px);position:relative;z-index:3;max-width:78%}.closing-label,.closing>.button{position:relative;z-index:4}.navi-peek{position:absolute;right:-55px;bottom:-120px;width:340px;rotate:-14deg;z-index:2;pointer-events:none}.navi-peek img{width:100%}.navi-peek>span{position:absolute;left:60px;top:-28px;background:var(--paper);color:var(--ink);padding:11px 18px;border:1.5px solid var(--ink);rotate:12deg;font:italic 14px/1.3 Georgia,serif;box-shadow:3px 3px 0 var(--ink)}.footer{min-height:108px}.motion-toggle{bottom:18px;right:20px;background:var(--paper);border-color:var(--ink)}

/* Only initialize hiding after the observer and scroll controller are ready. */
.motion-ready .reveal{--enter-x:0px;--enter-y:45px;--enter-r:0deg;opacity:0;transform:translate3d(var(--enter-x),var(--enter-y),0) rotate(var(--enter-r));transition:opacity .85s var(--ease-out),transform 1.05s var(--ease-out);transition-delay:var(--enter-delay,0ms)}.motion-ready .reveal[data-enter=left]{--enter-x:-65px;--enter-y:20px}.motion-ready .reveal[data-enter=right]{--enter-x:70px;--enter-y:25px;--enter-r:3deg}.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0) rotate(0deg)}.motion-ready .price-card.reveal.is-visible{transform:rotate(3deg)}.motion-ready .navi-peek.reveal.is-visible{transform:none}.motion-ready .title-line>span{animation:title-arrive 1.15s var(--ease-out) both}.motion-ready .title-line:nth-child(2)>span{animation-delay:.11s}.motion-ready .title-line:nth-child(3)>span{animation-delay:.22s}.motion-ready .hero-enter{animation:soft-arrive .8s var(--ease-out) both}.motion-ready .mascot-scroll{animation:mascot-arrive 1.45s var(--ease-out) both}.motion-ready .float-chip{animation:chip-arrive 1.1s var(--ease-soft) both;animation-delay:.4s}.motion-ready .chip-catalog{animation-delay:.65s}.motion-ready .float-label{animation:soft-arrive 1s var(--ease-out) both;animation-delay:.7s}
@keyframes title-arrive{from{transform:translateY(115%) rotate(2deg);opacity:0}to{transform:translateY(0) rotate(0deg);opacity:1}}@keyframes soft-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes mascot-arrive{from{opacity:0;translate:50px 90px;scale:.87}to{opacity:1;translate:0 0;scale:1}}@keyframes chip-arrive{from{opacity:0;translate:70px 55px;scale:.7}to{opacity:1;translate:0 0;scale:1}}
html.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-paused .price-card.reveal{transform:rotate(3deg)!important}.motion-paused .hero-scroll-layer{transform:none!important}.motion-paused .title-line>span,.motion-paused .float-chip,.motion-paused .float-label,.motion-paused .mascot-scroll,.motion-paused .hero-enter{animation:none!important;opacity:1!important;translate:none!important;scale:1!important}.motion-paused .card-flight{transform:none!important;opacity:1!important}.motion-paused .case-progress>span{transform:scaleX(1)}
@media(min-width:1600px){.hero{min-height:800px;padding-top:65px}.hero-art{min-height:620px}.hero h1{font-size:146px}.mascot-scroll .mascot-wrap{max-width:585px}.mascot-scroll .mascot{max-height:620px}.hero-art .art-blob{height:75%;top:12%}.chip-png{left:-3%}.float-label{font-size:16px;left:6%}.chip-catalog{right:2%;top:8%}.case-pin{padding-top:32px;padding-bottom:27px}.work-heading .display-heading{font-size:78px}.product-stage{width:min(950px,80%);gap:30px}}
@media(max-width:1150px){.hero{min-height:650px;padding-top:35px}.hero h1{font-size:8.9vw}.hero-art{min-height:470px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:19px;margin-top:27px}.hero-bottom p{font-size:13px}.float-chip{padding:12px 14px;gap:10px}.float-chip b{font-size:10px}.float-chip small{font-size:8px}.chip-png{left:-6%;bottom:10%}.chip-catalog{right:-3%;top:5%}.float-label{font-size:11px;top:2%;left:0}.hero-art .spark-one{top:2%;right:10%;width:30px}.mascot-caption{font-size:9px;bottom:-4%;max-width:205px}.work-heading .display-heading{font-size:53px}.work-heading>p{font-size:11px}.product-stage{width:81%;gap:22px}.product-card figcaption{font-size:7px}.stage-caption{font-size:7px;left:-9%}.demo-block{gap:35px}.closing{min-height:420px}.navi-peek{width:280px;right:-50px;bottom:-100px}.closing h2{font-size:8vw}}
@media(max-width:800px),(max-height:649px){.scroll-case{height:auto}.case-pin{position:relative;top:auto;height:auto;min-height:0;padding-top:34px;padding-bottom:10px}.work-heading{padding-top:25px}.product-stage{flex:none;width:88%;margin:60px auto 35px}.product-card img{width:100%;height:auto;max-height:none}.case-story{margin-top:20px}.scroll-note{display:none}.case-progress{display:none}.case-steps{font-size:9px;padding-bottom:15px}.case-steps>span{opacity:1;font-size:9px;gap:7px}.case-steps i{width:21px;height:21px;font-size:8px}.work-features{margin-top:12px}}
@media(max-width:800px){.header{height:76px}.hero{padding-top:32px;min-height:0;grid-template-columns:1.05fr 1fr}.hero h1{font-size:9.4vw}.hero-bottom p{font-size:11px}.hero .button-accent{font-size:10px;min-height:46px;padding:12px 16px}.hero-art{min-height:395px}.mascot-scroll .mascot-wrap{width:113%;max-width:none;margin-left:-6%}.chip-catalog{font-size:9px;right:-5%;top:7%;padding:9px 11px}.chip-png{left:-8%;bottom:8%;padding:10px 11px;gap:8px}.chip-png .chip-icon{font-size:20px}.float-chip i{width:16px;height:16px;font-size:10px;margin:0}.float-label{display:none}.mascot-caption{display:none}.intro{padding-top:52px;padding-bottom:55px}.intro-grid{gap:35px;margin-top:35px}.intro .display-heading{font-size:8vw}.intro-copy .lead{font-size:17px}.intro-copy>p:not(.lead){font-size:11px}.inline-tags span{font-size:8px;padding:6px 9px}.work-heading .display-heading{font-size:7.8vw}.work{padding-bottom:45px}.demo-block{margin-top:40px;gap:25px}.start{padding-top:50px;padding-bottom:50px}.start-grid{padding-top:35px;gap:35px}.price-card{padding:27px;box-shadow:6px 6px 0 var(--accent)}.steps{margin-top:55px;gap:23px}.step-number{font-size:40px}.steps h3{font-size:15px}.steps p{font-size:10px}.faq{padding-top:45px;padding-bottom:50px}.closing{min-height:350px;padding-top:35px;padding-bottom:37px}.closing h2{font-size:8.5vw;max-width:87%}.navi-peek{width:220px;right:-55px;bottom:-86px}.navi-peek>span{font-size:10px;left:55px;top:-24px;padding:9px 12px}.motion-ready .reveal{--enter-y:30px}.motion-ready .reveal[data-enter=left]{--enter-x:-30px;--enter-y:12px}.motion-ready .reveal[data-enter=right]{--enter-x:30px;--enter-y:15px}}
@media(max-width:560px){html{scroll-padding-top:85px}.header{height:73px}.header .wordmark{font-size:19px}.hero{padding-top:26px;padding-bottom:20px;display:block}.hero .eyebrow{font-size:8px}.hero h1{font-size:15.2vw;margin:23px 0 0;letter-spacing:-.035em;line-height:.98}.hero h1>.title-line{line-height:1.01}.hero-bottom{margin-top:24px;margin-bottom:0;width:51%;gap:16px}.hero-bottom p{font-size:11px;line-height:1.55}.hero-bottom p br{display:block}.hero .button-accent{font-size:9px;min-height:44px;padding:12px 14px;gap:10px}.hero-art{position:absolute;right:-4px;top:184px;width:49%;height:260px;min-height:0;pointer-events:none}.hero-art .art-blob{top:24%;height:58%;left:0;width:100%}.hero-art .art-orbit{top:29%;height:43%;left:-3%;width:106%}.mascot-scroll{width:112%;flex:0 0 auto;margin:5px -3% 0 0}.mascot-scroll .mascot-wrap{width:100%;margin:0}.mascot-scroll .mascot{max-height:260px}.hero-art .spark-one{width:22px;top:4%;right:20%}.hero-art .spark-two{display:none}.chip-catalog{display:none}.chip-png{padding:8px 9px;gap:7px;left:0;bottom:5%;border-width:1px;box-shadow:3px 3px 0 var(--ink);rotate:-6deg}.chip-png small,.chip-png .chip-icon{display:none}.chip-png b{font-size:8px}.float-chip i{width:14px;height:14px;font-size:8px}.hero-footnote{margin-top:112px;padding-top:17px;font-size:6px}.hero-footnote>a{font-size:7px;gap:7px}.marquee{padding:16px 0}.marquee-track{font-size:23px}.intro{padding-top:39px;padding-bottom:45px}.intro-grid{display:block;margin-top:28px}.intro .display-heading{font-size:14.2vw}.intro-copy{margin-top:30px}.intro-copy .lead{font-size:20px}.intro-copy>p:not(.lead){font-size:12px;line-height:1.7}.inline-tags{margin-top:23px;gap:7px}.inline-tags span{font-size:9px;padding:7px 10px}.work .section-index{font-size:7px}.work-heading{display:block}.work-heading .display-heading{font-size:14vw}.work-heading>p{font-size:11px;margin-top:18px;line-height:1.6}.work-heading>p br{display:none}.product-stage{width:95%;gap:10px;margin:52px auto 35px}.product-card img{border-width:1px;border-radius:4px}.product-card figcaption{font-size:5px;letter-spacing:-.02em;white-space:normal;padding-top:10px}.stage-caption{font-size:6px;top:-30px;left:-1%}.stage-arrow{width:43px;right:-3%;bottom:-10%}.case-story{margin-top:10px}.case-steps{gap:6px;justify-content:space-between}.case-steps>span{font-size:7px;gap:4px;align-items:flex-start;line-height:1.3;max-width:30%}.case-steps i{width:15px;height:15px;min-width:15px;font-size:6px}.work-features{padding:20px 0;margin-top:5px}.demo-block{margin-top:35px}.demo-copy .eyebrow{font-size:7px}.start{padding-top:40px;padding-bottom:44px}.start-grid{gap:36px;padding-top:30px}.start-copy .display-heading{font-size:14vw}.price-card{padding:27px;box-shadow:6px 6px 0 var(--accent);margin-right:7px}.steps{margin-top:46px;gap:25px}.step-number{font-size:35px}.steps h3{font-size:16px}.steps p{font-size:11px}.faq{padding-top:36px;padding-bottom:43px}.closing{min-height:360px;padding-top:32px;padding-bottom:42px}.closing h2{font-size:14vw;max-width:100%;line-height:1.01;margin-top:25px}.closing .button{margin-top:0}.navi-peek{width:165px;right:-42px;bottom:-65px}.navi-peek>span{font-size:8px;left:33px;top:-10px;padding:7px 9px}.footer{padding-bottom:35px}.motion-toggle{right:12px;bottom:12px}.motion-ready .reveal{transition-duration:.7s,.85s}.motion-ready .reveal[data-enter=right],.motion-ready .reveal[data-enter=left]{--enter-x:20px;--enter-y:20px;--enter-r:0deg}.motion-ready .navi-peek.reveal[data-enter=right]{--enter-x:35px}}
@media(max-width:360px){.hero .button-accent{font-size:8px;padding:11px 12px;gap:6px}.hero .eyebrow{font-size:7px}.hero-art{top:172px;right:-7px;width:49%;height:236px}.mascot-scroll .mascot{max-height:235px}.hero-footnote{margin-top:103px}.float-chip{left:-3%;bottom:4%}.hero-bottom p{font-size:10px}.work-features b{font-size:8px}.closing{min-height:335px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-scroll-layer,.card-flight{transform:none!important;opacity:1!important}.title-line>span,.hero-enter,.mascot-scroll,.float-chip,.float-label{animation:none!important;opacity:1!important;translate:none!important;scale:1!important}.scroll-case{height:auto}.case-pin{position:relative;top:auto;height:auto;min-height:0;padding-top:35px;padding-bottom:30px}.product-stage{flex:none;margin:55px auto 40px}.case-progress span{transform:scaleX(1)}.price-card.reveal{transform:rotate(3deg)!important}}
.intro,.start,.faq{overflow:clip}.work,.marquee,.closing{background:#ce311e}.hero .button-accent,.price-card .button,.inline-tags span:nth-child(2){background:#ce311e;color:var(--paper);border-color:#ce311e}
@media(min-width:801px) and (min-height:650px) and (max-height:760px){.case-pin{padding-top:18px;padding-bottom:18px}.work-heading{padding-top:17px}.work-heading .display-heading{font-size:52px}.product-stage{margin-top:22px;margin-bottom:18px}.product-card img{height:32svh;max-height:245px}.product-card figcaption{padding-top:9px}.case-steps{padding-bottom:12px}.scroll-note{margin-top:8px}.stage-caption{top:-6px}}