@font-face{font-family:Lemon Sugar;src:url(/fonts/Lemon-Sugar.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;--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:0 4px 14px #0000000a;transition:background-color .22s ease,color .22s ease,transform .18s ease,border-color .22s ease,box-shadow .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:translateY(-2px);outline:none;box-shadow:0 8px 24px #0000001f}.btn-learn-more:active{transform:translateY(0) 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,box-shadow .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:0 2px 10px #0003}@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}}@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}}@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)}}