:root{--bg-0:#05080f;--bg-1:#0a1020;--bg-2:#101a32;--bg-3:#16213d;--surface:#ffffff0b;--surface-2:#ffffff14;--surface-3:#ffffff21;--line:#ffffff1a;--line-soft:#ffffff0f;--teal:#34cda8;--aqua:#2bb6bd;--blue:#2e7dd6;--blue-deep:#2a64c9;--grad:linear-gradient(142deg, #38d0a6 0%, #29b1c2 48%, #2f7bd9 100%);--grad-soft:linear-gradient(142deg, #38d0a638, #2f7bd938);--glow-teal:#34cda873;--glow-blue:#2e7dd673;--text:#eef3fb;--text-dim:#a6b2cb;--text-mute:#6b7691;--font-display:"Fredoka", system-ui, sans-serif;--font-ui:"Plus Jakarta Sans", system-ui, sans-serif;--reader-serif:"Fraunces", Georgia, "Times New Roman", serif;--r-sm:10px;--r:14px;--r-lg:22px;--r-xl:30px;--pill:999px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.45, 0, .15, 1);--t-enter:.72s;--t-fast:.4s;--t:.66s;--maxw:1480px;--design-w:1440px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ui);background:var(--bg-1);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}#root{text-align:left;border:none;width:100%;max-width:100%;min-height:100%;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.app-bg{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 80% -10%, #2e7dd633, transparent 55%), radial-gradient(90% 60% at 0% 0%, #34cda824, transparent 50%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 100%);position:fixed;inset:0}#cf-viewport{width:100%;position:relative;overflow-x:hidden}#cf-canvas{width:var(--design-w);transform-origin:0 0;position:absolute;top:0;left:0}.page{z-index:1;flex-direction:column;display:flex;position:relative}.hero-stage{justify-content:center;align-items:center;min-height:880px;padding:0;display:flex;position:relative;overflow:visible}.covers-carousel{z-index:0;opacity:.4;align-items:center;height:520px;padding:0;display:flex;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.covers-carousel.mode-2{flex-direction:column;justify-content:center;align-items:stretch;gap:22px;height:540px}.carousel-row{align-items:center;width:100%;height:248px;display:flex;position:relative;overflow:hidden}.carousel-track{will-change:transform;align-items:center;width:max-content;height:100%;display:flex}.carousel-track.single{animation:350s linear infinite marquee}.carousel-track.row-a{animation:220s linear infinite marquee}.carousel-track.row-b{animation:240s linear infinite marquee-reverse}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.audio-toggle{z-index:20;-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--pill);color:var(--text-dim);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);animation:fadeIn .8s var(--ease) .4s both;background:#0c111e99;align-items:center;gap:11px;padding:10px 18px 10px 14px;display:inline-flex;position:fixed;top:22px;left:22px;box-shadow:0 10px 30px -16px #000c}.audio-toggle:hover{color:var(--text);border-color:var(--surface-3)}.audio-toggle .audio-label{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:700}.eq{align-items:flex-end;gap:2.5px;width:18px;height:16px;display:flex}.eq span{transform-origin:bottom;background:currentColor;border-radius:2px;flex:1;height:30%}.audio-toggle.is-playing{color:var(--teal);background:#34cda81a;border-color:#34cda866}.audio-toggle.is-playing .eq span{animation:eqBounce 1.1s var(--ease-soft) infinite}.audio-toggle.is-playing .eq span:first-child{height:60%;animation-delay:0s}.audio-toggle.is-playing .eq span:nth-child(2){height:100%;animation-delay:.22s}.audio-toggle.is-playing .eq span:nth-child(3){height:45%;animation-delay:.44s}.audio-toggle.is-playing .eq span:nth-child(4){height:80%;animation-delay:.12s}@keyframes eqBounce{0%,to{transform:scaleY(.32)}50%{transform:scaleY(1)}}.audio-toggle.needs-gesture{animation:fadeIn .8s var(--ease) .4s both, audioNudge 2.6s var(--ease) 1.2s infinite}@keyframes audioNudge{0%,to{box-shadow:0 10px 30px -16px #000c,0 0 #34cda800}50%{box-shadow:0 10px 30px -16px #000c,0 0 0 6px #34cda824}}@media (width<=640px){.audio-toggle .audio-label{display:none}.audio-toggle{padding:10px 13px}}.rows-toggle{z-index:20;-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--pill);animation:fadeIn .8s var(--ease) .4s both;background:#0c111e99;gap:4px;padding:4px;display:flex;position:fixed;top:22px;right:22px;box-shadow:0 10px 30px -16px #000c}.rows-toggle button{border-radius:var(--pill);color:var(--text-dim);transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);justify-content:center;align-items:center;padding:10px 16px;display:flex}.rows-toggle .glyph{background:currentColor;border-radius:2px;width:16px;height:2px;display:block;position:relative}.rows-toggle .glyph-2:after{content:"";background:currentColor;border-radius:2px;width:16px;height:2px;position:absolute;top:5px;left:0}.rows-toggle .glyph-2{transform:translateY(-3.5px)}.rows-toggle button:hover{color:var(--text)}.rows-toggle button.active{background:var(--grad);color:#04121a;box-shadow:0 8px 22px -10px var(--glow-blue)}.cover-item{aspect-ratio:9/16;border-radius:var(--r-lg);background:#131c30;border:1px solid #ffffff14;flex:none;width:auto;height:100%;margin-right:24px;overflow:hidden;box-shadow:0 30px 70px -20px #000000e6}.cover-item img{object-fit:cover;width:100%;height:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-display{z-index:3;animation:fadeInScale .8s var(--ease) both;justify-content:center;display:flex;position:absolute;top:64px;left:0;right:0}.logo-display img{filter:drop-shadow(0 10px 30px #34cda859);width:auto;height:92px}.hero-content{z-index:2;text-align:center;max-width:900px;animation:fadeIn .8s var(--ease) .2s both;padding:72px 56px;position:relative}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--teal);align-items:center;gap:9px;margin-bottom:80px;font-size:13px;font-weight:700;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--grad);border-radius:2px;width:26px;height:2px}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:18px;font-size:108px;font-weight:600;line-height:.92}.hero-title .grad-text{background:linear-gradient(142deg,#38d0a6 0%,#29b1c2 48%,#2f7bd9 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-dim);max-width:70ch;margin:28px auto 0;font-size:22px;line-height:1.65}.form-section{z-index:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:80px 56px;position:relative}.form-card{border:1px solid var(--line);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(16px);animation:riseIn var(--t-enter) var(--ease) .4s both;background:#0c111e8c;padding:60px;box-shadow:0 18px 50px -28px #000000b3}.form-group{text-align:left;margin-bottom:32px}.form-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin-bottom:12px;font-size:13px;font-weight:700;display:block}.form-row{grid-template-columns:1fr 1fr;gap:28px;display:grid}.form-input{border:1px solid var(--line);border-radius:var(--r);width:100%;font-family:var(--font-ui);color:var(--text);transition:border-color var(--t-fast), background var(--t-fast);background:#ffffff0b;padding:14px 18px;font-size:16px}.form-input::placeholder{color:var(--text-mute)}.form-input:focus{border-color:var(--teal);background:#ffffff14;outline:none}.form-textarea{border:1px solid var(--line);border-radius:var(--r);width:100%;font-family:var(--font-ui);color:var(--text);resize:vertical;min-height:120px;transition:border-color var(--t-fast), background var(--t-fast);background:#ffffff0b;padding:14px 18px;font-size:16px}.form-textarea::placeholder{color:var(--text-mute)}.form-textarea:focus{border-color:var(--teal);background:#ffffff14;outline:none}.role-selector{flex-wrap:wrap;gap:12px;display:flex}.role-btn{border:1.5px solid var(--line);border-radius:var(--r);min-width:120px;color:var(--text);font-family:var(--font-ui);cursor:pointer;transition:all var(--t-fast) var(--ease);background:0 0;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:14px;font-weight:600;display:flex}.role-btn:hover{border-color:var(--teal);background:#34cda814}.role-btn.active{background:var(--grad);color:#04121a;box-shadow:0 10px 30px -10px var(--glow-blue);border-color:#0000}.btn-submit{border-radius:var(--pill);background:var(--grad);color:#04121a;height:54px;font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;cursor:pointer;box-shadow:0 10px 30px -10px var(--glow-blue), 0 4px 12px -4px var(--glow-teal);transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);will-change:transform;border:none;justify-content:center;align-items:center;gap:10px;padding:0 36px;font-size:16px;font-weight:600;display:inline-flex}.btn-submit:hover{box-shadow:0 16px 40px -12px var(--glow-blue), 0 6px 18px -6px var(--glow-teal);transform:translateY(-2px)}.btn-submit:active{transform:scale(.97)}.form-footer{color:var(--text-mute);text-align:center;margin-top:18px;font-size:13px}.cta-section{z-index:2;justify-content:center;margin-top:-130px;padding:0 56px 72px;display:flex;position:relative}.hero-cta{flex-direction:column;align-items:center;gap:16px;margin-top:0;display:flex}.btn-cta{height:60px;padding:0 44px;font-size:18px}.hero-cta-note{color:var(--text-mute);font-size:14px}.btn-block{width:100%;margin-top:8px}.site-footer{z-index:2;border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:44px 56px 52px;display:flex;position:relative}.footer-brand{align-items:center;gap:14px;display:flex}.footer-brand img{opacity:.92;width:auto;height:30px}.footer-meta{color:var(--text-mute);font-size:13px;line-height:1.6}.footer-links{color:var(--text-dim);align-items:center;gap:10px;font-size:14px;display:flex}.footer-links a{color:var(--text-dim);transition:color var(--t-fast) var(--ease)}.footer-links a:hover{color:var(--teal)}.footer-sep{background:var(--text-mute);opacity:.7;border-radius:50%;width:4px;height:4px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity var(--t-fast) var(--ease), visibility var(--t-fast) var(--ease);background:#03060cb8;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal-card{border:1px solid var(--line);border-radius:var(--r-xl);opacity:0;width:100%;max-width:620px;max-height:calc(100vh - 56px);transition:transform var(--t) var(--ease), opacity var(--t) var(--ease);background:linear-gradient(#121a2ef5,#0a1020f5);padding:48px;position:relative;overflow-y:auto;transform:translateY(24px)scale(.97);box-shadow:0 40px 120px -30px #000000d9}.modal-overlay.open .modal-card{opacity:1;transform:none}.modal-close{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;transition:background var(--t-fast) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:var(--surface-2)}.modal-close span{background:var(--text-dim);border-radius:2px;width:16px;height:2px;position:absolute}.modal-close span:first-child{transform:rotate(45deg)}.modal-close span:last-child{transform:rotate(-45deg)}.modal-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:10px;font-size:34px;font-weight:600}.modal-lead{color:var(--text-dim);max-width:46ch;margin-bottom:32px;font-size:16px;line-height:1.6}.modal-form .form-group:last-of-type{margin-bottom:28px}.modal-success{text-align:center;padding:12px 0}.modal-success .modal-lead{margin-left:auto;margin-right:auto}.success-mark{background:var(--grad);color:#04121a;width:72px;height:72px;box-shadow:0 16px 40px -12px var(--glow-teal);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.success-mark svg{width:36px;height:36px}@keyframes riseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:50ms!important;animation-duration:1ms!important}}@media (width<=760px){#cf-canvas{width:100%!important;position:static!important;left:0!important;transform:none!important}#cf-viewport{clear:both;overflow-x:hidden;height:auto!important}.hero-stage{min-height:80vh;padding:0}.logo-display{top:clamp(22px,6vw,40px)}.logo-display img{height:clamp(44px,12vw,66px)}.hero-content{max-width:100%;padding:0 clamp(22px,7vw,34px)}.hero-eyebrow{letter-spacing:.16em;margin-bottom:clamp(20px,6vw,30px);font-size:clamp(11px,3vw,13px)}.hero-eyebrow:before{width:20px}.hero-title{margin-bottom:clamp(14px,4vw,20px);font-size:clamp(40px,13vw,66px);line-height:.94}.hero-sub{max-width:38ch;margin-top:clamp(18px,5vw,26px);font-size:clamp(15px,4.3vw,19px);line-height:1.58}.covers-carousel{opacity:.42;height:clamp(250px,40vh,340px)}.covers-carousel.mode-2{gap:clamp(14px,3.5vw,20px);height:clamp(360px,58vh,480px)}.carousel-row{flex:1;height:auto;min-height:0}.cover-item{border-radius:16px;margin-right:clamp(14px,4vw,20px)}.cta-section{margin-top:clamp(-48px,-11vw,-22px);padding:0 clamp(22px,7vw,34px) clamp(34px,9vw,50px)}.btn-cta{height:56px;padding:0 34px;font-size:16px}.hero-cta{gap:14px}.hero-cta-note{text-align:center;font-size:13px}.site-footer{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:34px clamp(22px,7vw,34px) clamp(40px,11vw,56px)}.footer-links{flex-wrap:wrap;justify-content:center}.audio-toggle{float:left;margin:14px 0 8px 16px;position:relative;top:auto;left:auto}.rows-toggle{float:right;margin:14px 16px 8px 0;position:relative;top:auto;right:auto}.modal-card{padding:30px 24px}.modal-title{font-size:27px}.form-row{grid-template-columns:1fr;gap:0}}