/* V23: vivid editorial visual layer; retains server controls and modal semantics. */
:root{--navy:#14244d;--navy2:#172e57;--panel:#fff;--line:#d9e5f8;--bright:#132444;--muted:#425777;--blue:#315eea;--cyan:#0bb9e5;--ink:#152744;--paper:#f8fbff;--radius:22px}
html{scroll-padding-top:110px}body{background:#f8fbff;color:#152744;}
.announcement{background:#3d54d3;color:#fff}.site-header{background:rgba(255,255,255,.88);border-bottom:1px solid #dce7f8;box-shadow:0 5px 35px rgba(34,66,129,.05)}
.brand strong{color:#132744}.brand small{color:#657a9f}.header-nav a{color:#354d72}.header-nav a.active,.header-nav a:hover{color:#244fe0;background:#eaf0ff}.header-nav a:focus-visible,.header-actions a:focus-visible,.header-actions button:focus-visible{outline:3px solid #346afa;outline-offset:3px}
.header-actions .discord-link{color:#223e7b;border-color:#c6d7ef;background:#f2f7ff}.header-actions .discord-link:hover{background:#e6efff}.account-btn{background:#2755e4;border-color:#2755e4;color:#fff}
.hero{padding-top:62px;background:transparent;position:relative}.hero::before{content:'';position:absolute;z-index:-1;top:0;left:50%;width:100vw;max-width:100vw;height:112%;transform:translateX(-50%);background:radial-gradient(ellipse at 10% 14%,#dcf3ff 0,transparent 43%),radial-gradient(ellipse at 92% 32%,#ffe2d6 0,transparent 46%),linear-gradient(180deg,#f7faff,#fff 83%)}
.headline-overline{color:#3757b4}.overline-line{background:#ff7451}.hero-heading h1{color:#10254d}.hero-heading h1 em{color:#345dec;font-style:normal}.hero-heading p{color:#485977;font-size:clamp(14px,1.4vw,17px)}
.product-layout{box-shadow:0 24px 70px rgba(22,55,113,.14);border:1px solid #dae5f9;border-radius:25px;overflow:hidden;background:#fff}.showroom{background:#122346}.showroom-topbar{background:#152c53}.showroom-stage{background:#162d57}.stage-canvas{background:#193a70}.product-side{background:#fff;color:#182f57}.product-top h2{color:#152d53}.product-top p{color:#4e6283}.smallcaps{color:#4163b0}.product-highlights{border-color:#e3eaf6}.product-highlights div{color:#24375c}.product-highlights small{color:#657591}.highlight-icon{background:#edf4ff;color:#3056de}.product-purchase{background:#edf3ff;border-color:#cddcfa;border-radius:17px}.product-purchase p{color:#566983}.purchase-tag{color:#1b4399;background:#e3ecff;border-color:#c8d8fc}.price-flex span{color:#506587}.price-flex strong{color:#203ce3}.purchase-buttons .button-ghost{color:#284b9e;border-color:#a6bdea;background:#fff}.purchase-buttons .button-primary{background:#315eea;border-radius:10px}
.quick-tabs{background:#fff;border-color:#e6eef9}.quick-inner a{color:#203857;border-color:#e6eef9}.quick-inner a:hover{background:#eef4ff;color:#164be6}.quick-num{color:#fa764e}
.section-top h2{color:#14284c}.section-top h2 span{color:#315eea}.section-top p{color:#516584}.eyebrow{color:#315ce0}.eyebrow i{background:#ff7551}.section-link-label{color:#3a5da6}
.empty-news{background:linear-gradient(115deg,#eaf4ff 0%,#f2f5ff 56%,#fff1e8 100%);border:1px solid #cdddff;color:#1e3559;border-radius:22px;box-shadow:0 14px 44px rgba(43,70,143,.08)}.empty-news p{color:#526683}.empty-emblem{background:#fff;color:#315eea;border:1px solid #c4d8fd}.empty-arrow{color:#315eea}
.update-card{background:#fff;border:1px solid #dbe7f6;color:#183057;border-radius:20px;box-shadow:0 13px 35px rgba(20,49,106,.07)}.update-copy p{color:#506786}.update-copy small{color:#4262a5}.update-art{background:linear-gradient(135deg,#3162f3,#765be6);color:#fff}
.feature-card{border-radius:22px;box-shadow:0 18px 38px rgba(18,44,104,.08);background:#fff;border-color:#e0eaf6;overflow:hidden}.feature-card .feature-bottom{background:#fff;color:#183158}.feature-bottom p{color:#536682}.feature-top{background:#f7faff;color:#4267aa}.feature-visual{background:linear-gradient(145deg,#dcefff,#eff2ff)}.feature-stick .feature-visual{background:linear-gradient(120deg,#e0f6ff,#dbe4ff)}.feature-fbf .feature-visual{background:linear-gradient(120deg,#f6eaff,#ecf0ff)}.feature-3d .feature-visual{background:linear-gradient(120deg,#e6eeff,#fff0e8)}
.library-shell{border-color:#d9e5fa;background:rgba(255,255,255,.87);border-radius:24px;box-shadow:0 25px 60px rgba(23,64,135,.08)}.library-bar{background:rgba(245,248,255,.96);border-bottom-color:#e1e9f8}.library-tabs button{color:#486089;border-color:transparent;background:transparent;transition:background .2s,color .2s,transform .2s}.library-tabs button.active{background:linear-gradient(120deg,#315eea,#597bf8);color:#fff;box-shadow:0 8px 20px rgba(49,94,234,.22)}.library-tabs button:hover:not(.active){background:#eaf0ff;color:#1a49c7}.search-wrap{background:#fff;border-color:#c8d9f2}.search-wrap svg{color:#3d5fa8}.search-wrap input{color:#20375d}.search-wrap input::placeholder{color:#697b9b}.library-content{color:#20375d}.library-empty h3{color:#183153}.library-empty p{color:#5a6d8b}.empty-illustration span{background:linear-gradient(130deg,#dfe9ff,#c9dcff);color:#315eea;border-color:#c2d2ff}.library-empty .button-outline,.section-top .button-outline{border-color:#b8ccf0;background:#f5f8ff;color:#264fb0}.resource-card{border:1px solid #d9e6f8;background:#fff;color:#233858;border-radius:19px;box-shadow:0 11px 32px rgba(32,71,140,.07);transition:transform .2s, box-shadow .2s}.resource-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(32,71,140,.14)}.resource-thumb.blank{background:linear-gradient(130deg,#dcedff,#e6e3ff)}.resource-thumb.blank span{color:#315eea}.resource-copy small{color:#3963b5}.resource-copy p{color:#586e8c}.resource-copy button{background:#315eea;border-color:#315eea}.resource-copy .yt-link{color:#2758ce!important}
.download-panel{border:1px solid #ccdbf7;background:linear-gradient(120deg,#ebf3ff 0%,#eceeff 55%,#ffeddf 100%);color:#172d53;border-radius:25px;box-shadow:0 16px 45px rgba(28,65,129,.08)}.download-panel h2{color:#162d57}.download-panel h2 span{color:#315de8}.download-panel p{color:#4d6080}.download-meta span{border-color:#c0d0f0;color:#36599f;background:#fff}.download-side{background:#fff;border:1px solid #cbdaf5;color:#162c57;border-radius:20px}.download-side strong{color:#315be5}.download-side>span,.download-side small{color:#5b6e8d}.download-side .button-primary{background:#315eea}
.footer{background:#f0f5ff;border-top:1px solid #dbe6fb}.footer-inside p,.footer-note{color:#61718d}.footer-links{color:#395376}.foot-brand b{color:#1b335b}
/* Styles showcase: no synthetic results until the user supplies genuine exports */
.studio-reel{background:linear-gradient(130deg,#2138af,#375be5 43%,#7f53d8 100%);padding:90px 0;color:white;margin-top:82px;position:relative;overflow:hidden}.studio-reel::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 15%,rgba(66,225,255,.24),transparent 33%),radial-gradient(circle at 98% 100%,rgba(255,179,120,.24),transparent 35%)}.reel-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center;position:relative}.reel-kicker{color:#bdf2ff;letter-spacing:.12em;font-size:11px;font-weight:800}.reel-sparkle{color:#ffcf9a;margin-right:7px;font-size:17px}.reel-copy h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(35px,4.5vw,66px);letter-spacing:-.06em;line-height:1.04;margin:15px 0 19px;color:#fff}.reel-copy h2 em{font-style:normal;color:#d6eeff}.reel-copy>p{font-size:15px;line-height:1.8;max-width:500px;color:#eff3ff}.reel-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.reel-tabs button{border-radius:12px;padding:13px 18px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.12);color:#fff;font-weight:800;backdrop-filter:blur(9px);transition:background .2s,transform .2s}.reel-tabs button:hover{background:rgba(255,255,255,.23);transform:translateY(-2px)}.reel-tabs button.active{background:white;color:#294bd3;border-color:white;box-shadow:0 15px 32px rgba(3,15,75,.14)}.studio-reel .reel-tabs button:not(.active){background:rgba(255,255,255,.12)!important;color:#fff!important}.studio-reel .reel-tabs button.active{background:#fff!important;color:#2448aa!important}.reel-note{display:flex;gap:12px;align-items:flex-start;max-width:460px;color:#f0f2ff;font-size:12px;line-height:1.65}.reel-note>span:first-child{color:#9df2ff;font-size:21px}
.reel-stage-shell{background:rgba(10,19,57,.48);border:1px solid rgba(255,255,255,.22);border-radius:24px;overflow:hidden;box-shadow:0 28px 70px rgba(8,10,71,.24);backdrop-filter:blur(16px)}.reel-stage-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.15)}.reel-stage-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#e5eeff}.reel-stage-status{display:flex;align-items:center;gap:8px;color:#c8daff;font-size:10px;font-weight:700}.reel-stage-status i{width:7px;height:7px;border-radius:50%;background:#ffc087}.reel-video-view{height:350px;background:radial-gradient(circle at 50% 50%,#2a3c8b,#0b1d5b);position:relative;overflow:hidden}.reel-video-view::before,.reel-video-view::after{content:none!important;display:none!important}.reel-video-view video{width:100%;height:100%;object-fit:contain}.reel-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px;text-align:center;color:#e7efff;background:radial-gradient(circle at 50% 40%,rgba(120,169,255,.2),transparent 70%)}.reel-place-icon{font-size:65px;font-weight:900;color:#eff8ff;letter-spacing:-.1em;line-height:1}.reel-place-icon span{font-size:24px;color:#ffcead;vertical-align:top}.reel-place-frames{display:flex;gap:8px}.reel-place-frames i{width:28px;height:5px;border-radius:9px;background:#769eff}.reel-place-frames i:nth-child(2){background:#d8eaff}.reel-placeholder strong{font-size:20px;color:#fff}.reel-placeholder p{max-width:350px;color:#c8d7ff;font-size:13px;line-height:1.7;margin:0}.reel-stage-label{display:flex;justify-content:space-between;gap:10px;position:absolute;top:auto!important;bottom:12px;left:18px;right:18px;z-index:2;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em}.reel-stage-label span{border:1px solid rgba(255,255,255,.21);background:rgba(8,16,57,.55);padding:8px 10px;border-radius:8px}.reel-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 20px;border-top:1px solid rgba(255,255,255,.13)}.reel-bottom>div{display:flex;flex-direction:column;gap:3px}.reel-bottom strong{font-size:16px;color:white}.reel-bottom span,.reel-bottom small{font-size:11px;color:#ccdcff}.reel-bottom small{text-align:right;max-width:175px}
/* Mobile announcement and genuine store imagery */
.platform-section{padding:86px 0;background:linear-gradient(135deg,#fff6ef,#f6f7ff 50%,#ecf6ff);border-top:1px solid #e2e7f9;border-bottom:1px solid #dbe6fa}.platform-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:65px;align-items:center}.platform-overline{font-size:12px;font-weight:900;color:#365cdf;letter-spacing:.13em}.platform-overline i{display:inline-block;width:9px;height:9px;background:#ff8e61;transform:rotate(45deg);margin-right:8px}.platform-intro h2{font-size:clamp(35px,5vw,65px);font-weight:800;line-height:1.04;letter-spacing:-.055em;color:#173059;margin:17px 0}.platform-intro h2 em{color:#315eea;font-style:normal}.platform-intro p{color:#516482;font-size:16px;line-height:1.75}.platform-timeline{margin-top:23px;display:flex;align-items:center;gap:10px;color:#344f83;font-weight:800;font-size:13px}.timeline-dot{height:9px;width:9px;border-radius:50%;background:#ff8053;box-shadow:0 0 0 6px #ffe2d4}.platform-badges{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-badge-item{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;border-radius:22px;background:rgba(255,255,255,.88);border:1px solid #d8e4fa;box-shadow:0 16px 32px rgba(39,63,147,.07)}.platform-subtitle{font-size:10px;font-weight:900;letter-spacing:.12em;color:#4862a5}.official-badge-holder{position:relative;min-height:74px;width:100%;display:flex;align-items:center;justify-content:center}.official-store-badge{display:block;max-width:100%;height:auto;object-fit:contain;max-height:80px;flex:0 1 auto}.apple-badge{max-height:72px}.badge-offline-fallback{display:none}.official-badge-holder.badge-failed .official-store-badge{display:none}.official-badge-holder.badge-failed .badge-offline-fallback{display:flex;align-items:center;justify-content:center;gap:10px;background:#111827;color:#fff;border:1px solid #4a5261;border-radius:9px;padding:10px 12px;min-width:175px;max-width:100%;box-sizing:border-box}.badge-offline-fallback span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.badge-offline-fallback small{font-size:8px;letter-spacing:.04em;color:#fff}.badge-offline-fallback strong{font-size:17px;letter-spacing:-.03em;color:#fff;font-weight:750}.badge-offline-fallback svg{flex:0 0 30px}.platform-coming{font-size:12px;color:#1b4cba;font-weight:900;background:#e8f0ff;border:1px solid #cadafa;border-radius:999px;padding:6px 12px}.platform-honesty{grid-column:1/-1;margin:0;padding:3px 4px 0;color:#6a7995;font-size:11px;line-height:1.65}
@media(max-width:950px){.reel-layout,.platform-grid{grid-template-columns:1fr;gap:30px}.platform-grid{gap:24px}.studio-reel{padding:63px 0}.platform-section{padding:65px 0}}
@media(max-width:620px){.hero{padding-top:42px}.hero-heading h1{font-size:clamp(35px,8.5vw,46px)}.header-actions .mobile-library{color:#fff;background:#315eea;border-color:#315eea}.header-actions .account-btn{color:#fff}.product-layout{border-radius:20px}.reel-stage-shell{border-radius:18px}.reel-video-view{height:280px}.reel-placeholder{padding:35px 24px}.reel-placeholder strong{font-size:17px}.reel-stage-status{display:none}.reel-bottom{align-items:start;flex-direction:column}.reel-bottom small{max-width:none;text-align:left}.platform-badges{grid-template-columns:1fr 1fr;gap:9px}.platform-badge-item{padding:14px}.platform-coming{font-size:11px}.official-badge-holder{min-height:50px}.official-store-badge{max-height:54px}.platform-subtitle{font-size:9px}}
@media(max-width:380px){.platform-badges{grid-template-columns:1fr}.platform-badge-item{align-items:center}.official-badge-holder{max-width:230px}.official-store-badge{max-height:80px}}
@media(prefers-reduced-motion:reduce){.reel-tabs button:hover,.resource-card:hover{transform:none}}