:root{--color-primary: #EA5E2A;--color-primary-hover: #d4501f;--color-primary-light: rgba(234, 94, 42, .12);--color-bg: #1a1816;--color-bg-elevated: #242120;--color-bg-light: #faf8f6;--color-text: #f5f0eb;--color-text-dark: #2a2421;--color-text-muted: rgba(245, 240, 235, .55);--color-text-muted-dark: rgba(42, 36, 33, .5);--font-display: "Newake", sans-serif;--font-body: "Fredoka", sans-serif;--card-w: min(32vw, 620px);--card-h: min(32vw, 620px);--card-gap: clamp(20px, 8vw, 160px)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-home{background-color:var(--color-bg-light);color:var(--color-text-dark)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-heading,.hero-subtitle{animation:none!important;opacity:1!important}.arc-card{will-change:auto!important}}.hero{position:relative;width:100%;min-height:300vh;background:var(--color-bg-light)}.hero-viewport{position:sticky;top:0;width:100%;height:100vh;overflow:visible;clip-path:inset(-100vh -5vw -100vh -5vw)}.hero-content{position:absolute;bottom:3vh;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.hero-heading{font-family:var(--font-display);font-size:clamp(5rem,14vw,13rem);line-height:1;letter-spacing:.04em;white-space:nowrap;color:var(--color-primary);opacity:0;animation:heroFadeUp .8s cubic-bezier(.16,1,.3,1) .15s forwards}.hero-subtitle{font-family:var(--font-body);font-size:clamp(1.1rem,3vw,2.2rem);font-weight:500;font-style:italic;line-height:1.4;color:var(--color-primary);white-space:nowrap;text-align:center;pointer-events:none;margin-top:.5em;opacity:0;animation:heroFadeUp .8s cubic-bezier(.16,1,.3,1) .4s forwards}.carousel-container{position:absolute;left:0;width:100%;pointer-events:none;z-index:1;overflow:visible}.carousel-top{top:0;height:100%}.carousel-bottom{top:6vw;height:100%}.carousel-card{width:var(--card-w);height:var(--card-h);border-radius:clamp(20px,3vw,40px);overflow:hidden;background:#fff;padding:clamp(8px,1vw,14px);box-shadow:0 8px 40px #0000001a,0 2px 8px #0000000a}.arc-card{position:absolute;top:0;left:0;will-change:transform}.carousel-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:clamp(12px,2vw,28px)}.section-story{position:relative;width:100%;background:var(--color-bg-light);display:flex;flex-direction:column;align-items:center;margin-top:calc(80vh + 6vw);padding-top:clamp(4rem,8vh,8rem);padding-bottom:clamp(4rem,8vh,8rem)}.story-heading{font-family:var(--font-display);font-size:clamp(3rem,10vw,9rem);line-height:1;letter-spacing:.02em;color:var(--color-primary);text-align:center;margin-bottom:clamp(2rem,4vh,4rem)}.video-slider{width:100%;display:flex;flex-direction:column;align-items:center}.video-slider-track{display:flex;gap:clamp(16px,2vw,32px);width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:0 calc((100vw - min(78vw,1200px))/2)}.video-slider-track::-webkit-scrollbar{display:none}.video-slide{flex:0 0 min(78vw,1200px);scroll-snap-align:center}.video-slide-inner{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:clamp(16px,2.5vw,32px);overflow:hidden;background:#e0dcd8}.video-slide-img{width:100%;height:100%;object-fit:cover}.video-slide-iframe{width:100%;height:100%;border:none}.video-slide-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d5d0cb,#e8e4e0)}.video-slide-label{font-family:var(--font-body);font-size:clamp(1.2rem,2vw,2rem);color:var(--color-text-muted-dark);font-weight:500}.video-play-btn{position:absolute;bottom:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);width:clamp(40px,5vw,64px);height:clamp(40px,5vw,64px);border-radius:50%;border:none;background:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease;box-shadow:0 4px 16px #ea5e2a59}.video-play-btn svg{width:40%;height:40%;margin-left:2px}.video-play-btn:hover{transform:scale(1.08);background:var(--color-primary-hover)}.video-dots{display:flex;gap:10px;margin-top:clamp(1.5rem,3vh,2.5rem);justify-content:center}.video-dot{width:12px;height:12px;border-radius:50%;border:none;background:#d5d0cb;cursor:pointer;padding:0;transition:background-color .25s ease,transform .25s ease}.video-dot--active{background:var(--color-primary);transform:scale(1.15)}.section-features{position:relative;width:100%;background:var(--color-bg-light);padding:clamp(4rem,10vh,10rem) clamp(2rem,8vw,10rem);display:flex;flex-direction:column;gap:clamp(3rem,6vh,6rem)}.feature-block{max-width:800px}.feature-left{align-self:flex-start;text-align:left}.feature-right{align-self:flex-end;text-align:right}.feature-right .feature-body{margin-left:auto}.feature-heading{font-family:var(--font-display);font-size:clamp(3rem,10vw,9rem);line-height:1;letter-spacing:.02em;color:var(--color-primary)}.feature-body{font-family:var(--font-body);font-size:clamp(1.1rem,3.2vw,2.2rem);font-weight:400;line-height:1.45;color:var(--color-text-muted-dark);margin-top:clamp(.75rem,1.5vh,1.5rem);max-width:600px}.section-cta{position:relative;width:100%;background:var(--color-bg-light);padding:clamp(2rem,4vh,5rem) 0;display:flex;flex-direction:column;align-items:center;overflow:clip}.cta-heading{font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,5rem);line-height:1.05;letter-spacing:.02em;color:var(--color-primary);margin-bottom:clamp(.5rem,1.5vh,1.5rem);text-align:left;width:min(70vw,960px)}.cta-cards-stack{position:relative;width:100vw;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,1vh,1rem) 0;margin-bottom:clamp(1rem,2vh,2rem)}.cta-game-preview{position:relative;z-index:5;width:min(70vw,960px);border-radius:clamp(16px,2.5vw,32px);overflow:hidden;box-shadow:0 12px 48px #00000026;flex-shrink:0}.cta-game-preview img{display:block;width:100%;height:auto}.cta-button{display:inline-block;font-family:var(--font-display);font-size:clamp(1.2rem,2.2vw,1.6rem);letter-spacing:.04em;padding:clamp(14px,2vh,22px) clamp(40px,5vw,72px);border:none;border-radius:999px;background:var(--color-primary);color:#fff;cursor:pointer;text-decoration:none;transition:transform .2s ease,background-color .2s ease;box-shadow:0 6px 24px #ea5e2a59;align-self:center}.cta-button:hover{transform:scale(1.04);background:var(--color-primary-hover)}.section-testimonials{position:relative;width:100%;background:var(--color-primary);padding:clamp(5rem,10vh,10rem) clamp(2rem,5vw,6rem);margin-top:clamp(3rem,6vh,6rem);color:#fff}.testimonials-heading{font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,5rem);line-height:1.05;letter-spacing:.02em;color:#fff;margin-bottom:clamp(2rem,4vh,4rem)}.testimonials-wrapper{width:100%}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem);margin-bottom:clamp(1.5rem,3vh,3rem)}.testimonial-card{display:flex;flex-direction:column;gap:.75rem;background:#fff;border-radius:clamp(16px,2vw,24px);padding:clamp(1.5rem,2.5vw,2.5rem)}.testimonial-quote-mark{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,4rem);line-height:.8;color:var(--color-primary)}.testimonial-text{font-family:var(--font-body);font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.6;color:#333}.testimonial-author{display:flex;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:#d45a1a;flex-shrink:0}.testimonial-name{display:block;font-family:var(--font-display);font-size:clamp(.95rem,1.2vw,1.15rem);color:var(--color-primary)}.testimonial-role{display:block;font-family:var(--font-display);font-size:clamp(.9rem,1.15vw,1.05rem);color:var(--color-primary);opacity:.85}.testimonials-nav{display:flex;gap:1rem}.testimonials-arrow{background:none;border:none;color:#fff;font-size:clamp(1.8rem,3vw,2.5rem);cursor:pointer;padding:.25rem .5rem;line-height:1;opacity:.8;transition:opacity .2s}.testimonials-arrow:hover{opacity:1}.section-signup{position:relative;width:100%;background:var(--color-bg-light);padding:clamp(4rem,10vh,10rem) clamp(2rem,5vw,6rem);display:flex;flex-direction:column;align-items:center;text-align:center}.signup-heading{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);line-height:1.05;letter-spacing:.02em;color:var(--color-primary);margin-bottom:clamp(.5rem,1.5vh,1.5rem)}.signup-body{font-family:var(--font-body);font-size:clamp(1rem,1.8vw,1.5rem);line-height:1.5;color:var(--color-primary);max-width:700px;margin-bottom:clamp(2rem,4vh,3rem)}.signup-form{width:100%;max-width:650px}.signup-input-row{display:flex;gap:0;align-items:stretch}.signup-input{flex:1;font-family:var(--font-body);font-size:clamp(1rem,1.5vw,1.2rem);padding:clamp(14px,2vh,20px) clamp(20px,2.5vw,32px);border:3px solid var(--color-primary);border-right:none;border-radius:999px 0 0 999px;background:transparent;color:var(--color-primary);outline:none}.signup-input::placeholder{color:var(--color-primary);opacity:.5}.signup-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ea5e2a33}.signup-button{font-family:var(--font-display);font-size:clamp(1rem,1.5vw,1.2rem);letter-spacing:.04em;padding:clamp(14px,2vh,20px) clamp(24px,3vw,40px);border:3px solid var(--color-primary);border-radius:0 999px 999px 0;background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,transform .2s ease}.signup-button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.signup-button:disabled{opacity:.7;cursor:not-allowed}.signup-message{margin-top:1rem;font-family:var(--font-body);font-size:clamp(.9rem,1.2vw,1.1rem)}.signup-message--success{color:#2e7d32}.signup-message--error{color:#c62828}@media(max-width:768px){:root{--card-w: min(55vw, 260px);--card-h: min(55vw, 260px);--card-gap: clamp(8px, 2vw, 20px)}.carousel-card{border-radius:16px;padding:6px}.carousel-card img{border-radius:10px}.hero-subtitle{white-space:normal;max-width:90vw}.testimonials-grid{grid-template-columns:1fr}.signup-input-row{flex-direction:column;gap:.75rem}.signup-input{border-right:3px solid var(--color-primary);border-radius:999px}.signup-button{border-radius:999px}}