@font-face{font-family:Lemon Sugar;src:url(/fonts/Lemon-Sugar.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bebas Kai;src:url(/fonts/Bebas-Kai.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--text-white: #ffffff;--font-primary: "Lemon Sugar", system-ui, -apple-system, sans-serif;--font-nav: "Lemon Sugar", system-ui, -apple-system, sans-serif;--page-bg: #ffc301}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;-webkit-text-size-adjust:100%;font-family:var(--font-primary);background-color:#ffc301;color:var(--text-white);-webkit-font-smoothing:antialiased}#slider-viewport{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background-color:#ffc301}#slider-track{width:100%;height:100%;display:flex;flex-direction:column;transition:transform .85s cubic-bezier(.22,1,.36,1);will-change:transform}.slide-page{width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background-color:var(--page-bg);color:var(--text-white);padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.page-1{--page-bg: #ffc301}.page-2{--page-bg: #333333}.page-3{--page-bg: #e49eb5}.page-4{--page-bg: #02c9c9}.page-5{--page-bg: #c2d53f}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:1100px;margin:0 auto}h1,.page-title{font-family:var(--font-primary);font-size:clamp(2.2rem,min(8.5vw,13vh),7.5rem);font-weight:400;letter-spacing:.02em;line-height:1.25;text-transform:uppercase;max-width:100%;color:var(--text-white);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;vertical-align:baseline}.word{display:inline-block;white-space:nowrap;vertical-align:baseline}.word-spacer{display:inline-block;width:.28em;vertical-align:baseline}.char-box{display:inline-block;position:relative;overflow:hidden;vertical-align:baseline;cursor:pointer;user-select:none;-webkit-user-select:none;line-height:1.25;margin:0;padding:0}.char-layer{display:inline-block;line-height:1.25;vertical-align:baseline;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;pointer-events:none}.char-layer.char-base{color:var(--text-white);position:relative;display:inline-block}.char-layer.char-active{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;transform:translate3d(0,100%,0);background:repeating-linear-gradient(135deg,var(--text-white) 0,var(--text-white) 2px,var(--page-bg) 2px,var(--page-bg) 4px);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.page-subtitle{font-family:var(--font-primary);font-size:clamp(.95rem,min(2.4vw,3.2vh),1.55rem);font-weight:400;letter-spacing:.03em;line-height:1.45;text-transform:uppercase;max-width:44ch;margin-top:clamp(1.2rem,3vh,2.2rem);color:var(--text-white);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;vertical-align:baseline}.word-box{display:inline-block;position:relative;overflow:hidden;vertical-align:baseline;cursor:pointer;user-select:none;-webkit-user-select:none;line-height:1.35;margin:0;padding:.04em .02em}.subtitle-spacer{display:inline-block;width:.32em;vertical-align:baseline}.word-layer{display:inline-block;line-height:1.35;vertical-align:baseline;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;pointer-events:none;white-space:nowrap}.word-layer.word-base{color:var(--text-white);position:relative;display:inline-block}.word-layer.word-active{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;transform:translate3d(0,100%,0);background:repeating-linear-gradient(135deg,var(--text-white) 0,var(--text-white) 1.5px,var(--page-bg) 1.5px,var(--page-bg) 3px);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-actions{margin-top:clamp(1.8rem,4vh,3.2rem);display:flex;justify-content:center;align-items:center}.btn-learn-more{font-family:var(--font-primary);font-size:clamp(1.05rem,2vw,1.4rem);font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--text-white);background-color:transparent;border:2.5px solid var(--text-white);border-radius:10px;padding:.65rem 1.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;box-shadow:none;transition:background-color .22s ease,color .22s ease,transform .18s ease,border-color .22s ease}.btn-learn-more:hover,.btn-learn-more:focus-visible{background-color:var(--text-white);color:var(--page-bg);border-color:var(--text-white);transform:none;outline:none;box-shadow:none}.btn-learn-more:active{transform:scale(.97)}.page-nav-dots{position:fixed;bottom:clamp(1.2rem,3.5vh,2.5rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:clamp(.7rem,2vw,1.1rem);z-index:100;padding:.4rem .8rem}.nav-dot{width:clamp(18px,2.5vw,24px);height:clamp(18px,2.5vw,24px);border-radius:50%;border:2.5px solid var(--text-white);background:repeating-linear-gradient(135deg,var(--text-white) 0,var(--text-white) 2px,transparent 2px,transparent 4px);cursor:pointer;transition:transform .22s ease,background .22s ease;padding:0;outline:none}.nav-dot:hover{transform:scale(1.2)}.nav-dot.active{background:var(--text-white);transform:scale(1.15);box-shadow:none}.top-nav{position:fixed;top:clamp(1.2rem,3.5vh,2.5rem);right:clamp(1.2rem,3.8vw,3rem);display:flex;align-items:center;gap:clamp(.35rem,.75vw,.65rem);z-index:120;padding:.4rem .6rem;user-select:none;-webkit-user-select:none}.nav-link{background:transparent;border:none;color:var(--text-white);font-family:var(--font-nav);font-size:clamp(.95rem,1.35vw,1.35rem);font-weight:400;letter-spacing:.03em;line-height:1.25;text-transform:uppercase;cursor:pointer;padding:.15rem .05rem;position:relative;overflow:hidden;text-decoration:none;outline:none;vertical-align:baseline;user-select:none;-webkit-user-select:none;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center}.nav-layer{display:inline-block;line-height:1.25;vertical-align:baseline;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;pointer-events:none;white-space:nowrap}.nav-layer.nav-base{color:var(--text-white);position:relative;display:inline-block}.nav-layer.nav-active{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;transform:translate3d(0,100%,0);background:repeating-linear-gradient(135deg,var(--text-white) 0,var(--text-white) 1.5px,var(--page-bg) 1.5px,var(--page-bg) 3px);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nav-link:hover{opacity:.95}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--text-white);transform:scaleX(0);transform-origin:center;transition:transform .22s cubic-bezier(.22,1,.36,1);pointer-events:none}.nav-link.active:after{transform:scaleX(1)}.nav-divider{color:var(--text-white);font-family:var(--font-nav);font-size:clamp(.95rem,1.35vw,1.35rem);line-height:1.25;-webkit-user-select:none;user-select:none;opacity:.85;padding:0 .1rem}.canvas-toast{position:fixed;top:clamp(3.8rem,7.5vh,5.5rem);right:clamp(1.2rem,3.8vw,3rem);background-color:#1a1a1ae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.3);border-radius:8px;padding:.55rem 1.25rem;color:var(--text-white);font-family:var(--font-nav);font-size:clamp(.95rem,1.2vw,1.25rem);letter-spacing:.04em;z-index:125;pointer-events:none;opacity:0;transform:translate3d(0,15px,0) scale(.96);transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 24px #00000040;display:flex;align-items:center;gap:.5rem}.canvas-toast.show{opacity:1;transform:translateZ(0) scale(1)}.canvas-toast.wiggle{animation:toast-wiggle .35s ease}@keyframes toast-wiggle{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-2px) scale(1.03)}50%{transform:translateY(1px) scale(.98)}75%{transform:translateY(-1px) scale(1.01)}to{transform:translateY(0) scale(1)}}@media(max-width:340px){h1,.page-title{font-size:clamp(1.8rem,11vw,2.5rem);line-height:1.25}.page-subtitle{font-size:.88rem;margin-top:1rem;max-width:95%}.btn-learn-more{font-size:.95rem;padding:.5rem 1.35rem}.hero-actions{margin-top:1.4rem}.slide-page{padding:.75rem}.word-spacer{width:.22em}.page-nav-dots{bottom:.8rem;gap:.5rem}.top-nav{top:.6rem;right:.6rem;gap:.18rem;padding:0}.nav-link{font-size:.72rem;letter-spacing:.02em}.nav-divider{font-size:.72rem;padding:0}}@media(max-width:580px){.top-nav{top:max(.9rem,env(safe-area-inset-top));right:max(.9rem,env(safe-area-inset-right));gap:.28rem;padding:.2rem}.nav-link{font-size:.85rem;letter-spacing:.03em}.nav-divider{font-size:.85rem;padding:0}.canvas-toast{top:max(3.2rem,calc(env(safe-area-inset-top) + 2.5rem));right:50%;transform:translate(50%) translateY(-8px) scale(.96)}.canvas-toast.show{transform:translate(50%) translateY(0) scale(1)}}@media(max-height:460px)and (orientation:landscape){.slide-page{padding:.75rem 1.5rem}h1,.page-title{font-size:clamp(1.6rem,11vh,3.8rem);line-height:1.15}.page-subtitle{font-size:.95rem;margin-top:.65rem}.hero-actions{margin-top:.85rem}.btn-learn-more{padding:.45rem 1.4rem}.page-nav-dots{bottom:.5rem;gap:.6rem}.top-nav{top:.4rem;right:1rem;gap:.35rem;padding:.15rem}.nav-link,.nav-divider{font-size:.85rem}.canvas-toast{top:2rem;right:1rem;padding:.3rem .8rem}}@media(min-width:600px)and (max-width:1024px){h1,.page-title{font-size:clamp(3rem,9vw,5.5rem)}.page-subtitle{font-size:clamp(1.2rem,2.8vw,1.6rem)}}.mica-preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#333;background-image:radial-gradient(circle at 50% 50%,#ffffff03,#0000000f),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E");display:flex;align-items:center;justify-content:center;z-index:99999;opacity:1;visibility:visible;transform:translateZ(0);transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .5s ease .35s,visibility .85s ease;pointer-events:all;user-select:none;-webkit-user-select:none;will-change:transform}.mica-preloader.slide-up-exit{transform:translate3d(0,-100%,0);pointer-events:none}.mica-preloader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.mica-loader-track{width:125px;height:3px;background-color:#000;position:relative;overflow:hidden;border-radius:0;box-sizing:border-box}.mica-loader-fill{position:absolute;top:0;left:0;height:100%;width:0%;background-color:#fff;border-radius:0;transition:width .35s cubic-bezier(.22,1,.36,1);will-change:width,transform,left}.mica-loader-track.is-buffering .mica-loader-fill{transition:none;animation:mica-buffer-sweep 1.35s cubic-bezier(.65,0,.35,1) infinite}@keyframes mica-buffer-sweep{0%{left:0;width:0%}35%{left:0;width:55%}65%{left:45%;width:55%}to{left:100%;width:0%}}@media(prefers-reduced-motion:reduce){.mica-loader-fill{transition:width .15s linear}.mica-loader-track.is-buffering .mica-loader-fill{animation-duration:2.2s}}
