*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{--brand-primary: #FF6B6B;--brand-primary-soft: #ff8e8e;--brand-secondary: #4ECDC4;--brand-accent: #FFE66D;--brand-bg: #f5efe4;--brand-surface: #ffffff;--brand-text: #2C3E50;--brand-muted: #607d8b;--brand-violet: #6f5de7;--brand-blue: #3f9cff;--display-font: "Fredoka", sans-serif;--display-letter-spacing: -.03em;--display-line-height: 1;--display-weight: 500;--hero-display-size: clamp(3.2rem, 7.2vw, 6.15rem);margin:0;font-family:Manrope,sans-serif;background:radial-gradient(circle at 8% 4%,rgba(133,235,212,.18),transparent 34%),radial-gradient(circle at 84% 10%,rgba(255,199,123,.16),transparent 30%),radial-gradient(circle at 100% 26%,rgba(255,149,116,.12),transparent 26%),linear-gradient(180deg,#fcf8f1 0%,var(--brand-bg) 50%,#efe4d4 100%);color:var(--brand-text);line-height:1.55}a{color:inherit}.page-shell{min-height:100vh;overflow-x:clip;overflow-y:visible}.topbar,.hero,.section,footer{width:min(1280px,calc(100% - 2rem));margin:0 auto}.hero{width:min(1380px,calc(100% - 2rem))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 0 .5rem;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:900;font-family:Nunito,sans-serif;letter-spacing:-.03em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar-actions{display:inline-flex;align-items:center;gap:.75rem}.brand-mark{display:inline-flex}.brand-text{display:inline-flex;gap:.5rem}.brand-tile{width:2.55rem;height:2.95rem;display:inline-flex;align-items:center;justify-content:center;border:3px solid;border-bottom-width:6px;border-radius:.65rem;background:#fff;border-color:#2b2b2b;color:#2b2b2b;font-family:Nunito,sans-serif;font-size:1.32rem;font-weight:900;line-height:1;letter-spacing:-.02em;padding-top:.14rem;flex:0 0 auto}.brand-tile-accent{background:#a8e6cf;color:#1e7a5c;border-color:#6dcba8}.topnav{display:inline-flex;align-items:center;gap:1.4rem;font-size:.96rem;color:#2c3e50b8}.topnav a,.footer-links a{text-decoration:none}.topnav a:hover,.footer-links a:hover{color:var(--brand-primary)}.topbar-cta,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.15rem;border-radius:999px;border:1px solid rgba(44,62,80,.12);background:#ffffff8c;backdrop-filter:blur(12px);font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:2.5rem;padding:4.5rem 0 5rem;min-height:calc(100vh - 5.5rem)}.hero-copy h1,.section-head h2,.score-copy h2,.closing-card h2{font-family:var(--display-font);font-weight:var(--display-weight);letter-spacing:var(--display-letter-spacing);line-height:var(--display-line-height);margin:0}.hero-copy h1{font-size:var(--hero-display-size);max-width:9ch}.eyebrow{margin:0 0 1rem;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--brand-primary)}.eyebrow-warm{color:var(--brand-secondary)}.hero-text{max-width:34rem;font-size:1.15rem;margin:1.5rem 0 0;color:#2c3e50d1}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.cta-btn{display:inline-flex;align-items:center;gap:.65rem;padding:1rem 1.4rem;border-radius:999px;background:var(--brand-text);color:var(--brand-surface);text-decoration:none;font-weight:800;box-shadow:0 14px 30px #2c3e5038;transition:transform .18s ease,box-shadow .18s ease}.cta-btn:hover,.ghost-btn:hover,.topbar-cta:hover{transform:translateY(-2px)}.ghost-btn{text-decoration:none;font-weight:700}.cta-btn-inverse{background:var(--brand-surface);color:var(--brand-text)}.cta-label-mobile{display:none}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:2rem;max-width:42rem}.hero-stats div,.story-card,.mode-card,.score-card{border:1px solid rgba(44,62,80,.08);background:#ffffffa3;backdrop-filter:blur(10px)}.hero-stats div{padding:1rem 1rem 1.05rem;border-radius:1.3rem}.hero-stats strong,.score-card strong{display:block;font-size:1rem;margin-bottom:.2rem}.hero-stats span,.score-card span,.story-card p,.mode-card p,.score-copy p,.closing-card p{color:#607d8bf5}.hero-visual{position:relative;display:flex;justify-content:flex-start;align-items:center;padding:1.5rem 0;min-width:0}.hero-visual:before{content:"";position:absolute;left:12%;right:12%;bottom:6%;height:20%;border-radius:999px;background:radial-gradient(circle at center,#1426394d,#1426391f 42%,#14263900 78%);filter:blur(22px);transform:translateY(12px);pointer-events:none}.main-mockup{width:min(100%,76rem);max-width:none;height:auto;display:block;transform:translate(0);filter:drop-shadow(0 28px 40px rgba(15,35,54,.16)) drop-shadow(0 12px 16px rgba(15,35,54,.1));user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.hero-mobile-cta{display:none}.marquee{border-top:1px solid rgba(44,62,80,.08);border-bottom:1px solid rgba(44,62,80,.08);background:#ffffff61;overflow:hidden}.marquee-track{display:flex;width:max-content;padding:1rem 0;animation:marquee-slide 28s linear infinite;will-change:transform}.marquee-track:not(.is-ready){animation:none}.marquee-group{display:flex;align-items:center;gap:2.25rem;flex:0 0 auto;padding-right:2.25rem}.marquee-track span{position:relative;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#607d8bf2;white-space:nowrap}.marquee-track span:not(:last-child):after{content:"";position:absolute;top:50%;right:-1.2rem;width:.32rem;height:.32rem;border-radius:50%;background:#4ecdc4a6;transform:translateY(-50%)}.section{padding:6.5rem 0}.section-light{padding-top:5rem}.section-dark{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--brand-text);color:var(--brand-surface);padding-left:max(1rem,calc((100vw - 1280px)/2));padding-right:max(1rem,calc((100vw - 1280px)/2))}.section-cream{padding-top:5.5rem}.section-head{max-width:42rem;margin-bottom:2.6rem}.section-head h2,.score-copy h2,.closing-card h2{font-size:clamp(2.4rem,5vw,4.3rem)}.story-grid,.modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.story-card,.mode-card{padding:1.5rem;border-radius:1.6rem}.story-index,.mode-kicker{display:inline-flex;padding:.4rem .7rem;border-radius:999px;font-size:.74rem;font-weight:800;text-transform:uppercase;background:#2c3e500f;color:#607d8bf2}.story-card h3,.mode-card h3{margin:1rem 0 .45rem;font-size:1.45rem;line-height:1.05;letter-spacing:-.04em}.section-dark .section-head,.section-dark .mode-card p,.section-dark .mode-kicker{color:#fffc}.section-dark .mode-card{background:#ffffff0a;border-color:#ffffff14}.section-dark .mode-kicker{background:#ffffff12}.mode-card-featured{background:radial-gradient(circle at top right,rgba(78,205,196,.12),transparent 40%),linear-gradient(180deg,#ff6b6b3d,#ffffff0a);transform:translateY(-.8rem)}.score-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1.4rem;align-items:start}.score-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.score-card{padding:1.3rem;border-radius:1.5rem;min-height:9rem}.closing{padding-top:2rem;padding-bottom:5rem}.closing-card{position:relative;padding:3rem;border-radius:2rem;background:radial-gradient(circle at top right,rgba(78,205,196,.14),transparent 38%),linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-soft) 100%);color:#fff6ec;overflow:hidden}.closing-card p{max-width:38rem;color:#fff6ecd1}footer{display:flex;justify-content:space-between;gap:1rem;padding:0 0 2rem;font-size:.9rem;color:#607d8bf2}.footer-links{display:inline-flex;align-items:center;gap:.65rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--marquee-shift, 0px)))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.marquee-track,.cta-btn,.ghost-btn,.topbar-cta{animation:none;transition:none;transform:none;opacity:1}}@media(max-width:980px){.brand{gap:.45rem}.brand-text{gap:.38rem}.brand-tile{width:2.05rem;height:2.35rem;border-width:2.5px;border-bottom-width:5px;border-radius:.52rem;font-size:1.06rem;padding-top:.12rem}.topnav{display:none}.topbar-actions{width:100%;justify-content:space-between}.hero,.score-layout{grid-template-columns:1fr}.hero{padding-top:3.2rem}.hero-copy h1{max-width:11ch}.hero-visual{order:-1;padding-top:.5rem;justify-content:center}.hero-visual:before{left:10%;right:10%;bottom:4%;height:18%}.main-mockup{width:min(100%,60rem)}.story-grid,.modes-grid,.score-stack{grid-template-columns:1fr}.mode-card-featured{transform:none}footer{flex-direction:column;align-items:center;text-align:center}}@media(max-width:640px){.topbar,.hero,.section:not(.section-dark),footer{width:min(100% - 1.75rem,1280px)}.section-dark{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.topbar{flex-wrap:wrap;padding-top:1rem}.brand{width:100%;justify-content:center;gap:.28rem}.brand-text{gap:.24rem}.brand-tile{width:1.52rem;height:1.74rem;border-width:2px;border-bottom-width:4px;border-radius:.4rem;font-size:.82rem;padding-top:.08rem}.topbar-actions{display:none}.font-switcher{flex:1;justify-content:center}.font-switch{flex:1}.topbar-cta{display:inline-flex}.hero{padding-bottom:4rem;min-height:auto}.hero-actions{display:none}.hero-visual{gap:1.5rem;flex-direction:column}.main-mockup{width:100%;max-width:min(34rem,100%);filter:drop-shadow(0 18px 28px rgba(15,35,54,.14)) drop-shadow(0 8px 12px rgba(15,35,54,.08))}.hero-mobile-cta{display:inline-flex;width:fit-content;max-width:100%;text-align:center}.hero-copy h1{font-size:clamp(3rem,14vw,4.6rem)}.section-head{max-width:22rem;margin-bottom:1.8rem}.section-head h2,.closing-card h2{font-size:clamp(2rem,9vw,3rem);line-height:.98}.section-dark{padding-top:4.25rem;padding-bottom:4.25rem;padding-left:clamp(.9rem,3vw,1.15rem);padding-right:clamp(.9rem,3vw,1.15rem)}.section-dark .section-head,.section-dark .modes-grid{padding-left:clamp(.35rem,2.2vw,.7rem);padding-right:clamp(.35rem,2.2vw,.7rem)}.modes-grid{gap:.9rem}.mode-card{padding:1.2rem 1.1rem;border-radius:1.35rem}.mode-kicker{padding:.35rem .65rem;font-size:.69rem}.mode-card h3{margin-top:.9rem;font-size:1.25rem}.mode-card p{font-size:.95rem;line-height:1.5}.hero-text{font-size:1.02rem}.hero-stats{grid-template-columns:1fr}.section{padding:4.5rem 0}.closing-card{padding:2rem 1.3rem}.cta-label-desktop{display:none}.cta-label-mobile{display:inline}}