:root{
  --canvas:#070b11;--surface:#0b121b;--surface-2:#101a26;--surface-3:#152230;
  --ink:#f3f7fb;--body:#a9b6c7;--muted:#75849a;--hairline:rgba(160,185,215,.12);
  --accent:#67dcff;--accent-2:#328cff;--accent-3:#7062ff;--accent-soft:rgba(103,220,255,.12);
  --surface-dark:#07111a;--danger:#ff6e8a;--success:#65e0bb;
  --space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-sec:96px;
  --radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;
  --font-display:'Unbounded','Inter',system-ui,sans-serif;--font-body:'Inter',system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,'SF Mono',Menlo,monospace;
  --shadow-sm:0 6px 20px rgba(0,0,0,.18);--shadow-md:0 16px 45px rgba(0,0,0,.28);--shadow-lg:0 30px 90px rgba(0,0,0,.42);
  --ease:cubic-bezier(.22,1,.36,1);--t-fast:.18s var(--ease);--t-med:.32s var(--ease);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(circle at 10% -10%,rgba(52,143,255,.12),transparent 31%),
 radial-gradient(circle at 90% 0,rgba(112,98,255,.10),transparent 27%),
 linear-gradient(180deg,#070b11,#080d15 52%,#060a10);color:var(--body);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.02),transparent 40%);z-index:-1}
img,svg,video{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none;overflow-wrap:anywhere}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul,ol{margin:0;padding:0}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:500;color:var(--ink);text-wrap:balance}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.section{padding:var(--space-sec) 0}.section-soft{background:rgba(255,255,255,.018);border-top:1px solid rgba(160,185,215,.045);border-bottom:1px solid rgba(160,185,215,.045)}
.center{text-align:center}.display-xl{font-size:clamp(42px,7vw,76px);font-weight:500;letter-spacing:-3px;line-height:.98}.display-md{font-size:clamp(29px,4vw,43px);font-weight:500;letter-spacing:-1.6px;line-height:1.08}.title-lg{font-size:clamp(23px,2.5vw,29px);font-weight:650;letter-spacing:-.35px;line-height:1.2;font-family:var(--font-body)}.body-md{font-size:17px;line-height:1.72}.muted{color:var(--muted)}.hide{display:none!important}
h1 span,h2 span,.hero-sub span{color:var(--accent)}
.kicker{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;color:#76a0bf}.kicker::before{content:'';display:inline-block;width:18px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}
.skip-link{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:8px 14px;border-radius:0 0 8px 0;z-index:100}.skip-link:focus{left:0}

.nav{position:sticky;top:0;z-index:50;background:rgba(7,11,17,.82);backdrop-filter:saturate(170%) blur(18px);border-bottom:1px solid rgba(160,185,215,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}.nav-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:15px;color:#f2f8ff;letter-spacing:-.3px}.nav-logo .logo-img{width:31px;height:31px;border-radius:9px;background:#08111c;object-fit:cover;box-shadow:0 0 25px rgba(70,160,255,.16)}
.nav-links{display:flex;align-items:center;gap:5px}.nav-links a{padding:8px 11px;border-radius:999px;font-size:13px;color:#8493a7;font-weight:500;transition:background var(--t-fast),color var(--t-fast)}.nav-links a:hover{background:rgba(255,255,255,.04);color:#fff}
.nav-toggle{display:none;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center}.nav-toggle span{width:19px;height:2px;background:#e9f2fb;position:relative}.nav-toggle span::before,.nav-toggle span::after{content:'';position:absolute;left:0;width:19px;height:2px;background:#e9f2fb}.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
@media(max-width:820px){.nav-links{position:fixed;top:-100vh;left:0;right:0;flex-direction:column;align-items:stretch;background:rgba(7,11,17,.98);padding:12px;border-bottom:1px solid var(--hairline);box-shadow:var(--shadow-md);pointer-events:none;visibility:hidden;transition:top .32s var(--ease),visibility 0s linear .32s}.nav-links.open{top:68px;pointer-events:auto;visibility:visible;transition:top .32s var(--ease),visibility 0s}.nav-links a{padding:12px;font-size:15px}.nav-toggle{display:inline-flex}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--radius-pill);border:1px solid var(--hairline);font-size:13px;font-weight:650;line-height:1;cursor:pointer;transition:transform var(--t-fast),background var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(110deg,#258cff,#4d79ff 60%,#7161ff);color:#051019;border-color:transparent;box-shadow:0 14px 32px rgba(37,140,255,.2)}.btn-primary:hover{box-shadow:0 18px 42px rgba(37,140,255,.27)}.btn-accent{background:linear-gradient(110deg,#74e6ff,#3aa4ff);color:#041019;border-color:transparent}.btn-secondary{background:rgba(255,255,255,.025);color:#d6e2ef}.btn-ghost{background:transparent;color:#dbe6f2}.btn-lg{height:52px;padding:0 26px;font-size:14px}.btn-sm{height:36px;padding:0 15px;font-size:12px}

.hero{position:relative;padding:100px 0 78px;text-align:center;overflow:hidden}.home-hero::before{content:'';position:absolute;width:760px;height:620px;left:50%;top:-230px;transform:translateX(-50%);background:radial-gradient(circle,rgba(48,144,255,.14),rgba(111,98,255,.05) 43%,transparent 70%);filter:blur(18px);z-index:-1}
.hero-logo-wrap{width:140px;height:92px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;position:relative}.hero-logo-glow{position:absolute;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(61,165,255,.20),transparent 70%);filter:blur(8px)}.hero-logo-img{position:relative;max-width:130px;max-height:85px;object-fit:contain;filter:drop-shadow(0 20px 42px rgba(36,139,255,.22))}
.hero h1{margin-bottom:20px}.hero-sub{max-width:690px;margin:0 auto 28px;font-size:18px;color:#99a9bc;line-height:1.8}.hero-ctas{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}.hero-subline{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px;color:#5f7188;font-size:10px}.hero-subline i{width:3px;height:3px;border-radius:50%;background:#44536a}
.hero-note{display:flex;justify-content:center;gap:10px;align-items:center;color:#5d6e84;font-size:10px;margin-top:18px}.hero-note i{width:3px;height:3px;border-radius:50%;background:#44536a}
.hero-line{height:1px;background:linear-gradient(90deg,transparent,rgba(103,220,255,.18),rgba(112,98,255,.16),transparent);position:absolute;bottom:0;left:50%;width:82%;transform:translateX(-50%)}
.stats-strip{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:rgba(255,255,255,.012)}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stats>div{text-align:center;padding:22px 14px;border-right:1px solid var(--hairline)}.stats>div:last-child{border-right:0}.stats strong{display:block;color:#edf5fc;font-size:22px;letter-spacing:-.04em}.stats span{display:block;color:#61728a;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-top:3px}

.section-head{max-width:760px;margin:0 auto var(--space-xxl);text-align:center}.section-head h2{margin:12px 0}.section-head>p{color:#8696aa;font-size:15px;line-height:1.8}.screenshot-rail{overflow:hidden;padding-bottom:4px}.screenshot-track{display:flex;gap:20px;width:max-content;animation:marquee 42s linear infinite}.screenshot-rail:hover .screenshot-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.shot-card{width:235px;flex-shrink:0;margin:0}.shot-card img{width:100%;border-radius:25px;border:1px solid var(--hairline);box-shadow:var(--shadow-md);background:#0a1018}.shot-card figcaption{text-align:center;margin-top:9px;color:#6e8098;font-size:11px}

.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:220px;border-radius:24px;padding:27px;background:linear-gradient(150deg,#101924,#0b121b);border:1px solid var(--line);display:flex;flex-direction:column;gap:13px;position:relative;overflow:hidden;transition:transform var(--t-med),border-color var(--t-med),box-shadow var(--t-med)}.feature-card:hover{transform:translateY(-3px);border-color:rgba(103,220,255,.2);box-shadow:var(--shadow-sm)}.feature-card.span-2{grid-column:span 2}.feature-card.hero-feature{background:radial-gradient(circle at 85% 20%,rgba(48,145,255,.12),transparent 38%),linear-gradient(150deg,#121f2d,#0a111a);min-height:300px}.feature-card .num{position:absolute;top:25px;right:27px;color:#566a83;font-size:9px}.feature-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(103,220,255,.07);border:1px solid rgba(103,220,255,.08);color:#9eeaff;font-size:20px}.feature-card h3{font-family:var(--font-body);font-size:20px;font-weight:650;letter-spacing:-.25px}.feature-card p{margin:0;color:#8797ac;font-size:13px;line-height:1.7}.inline-link{font-size:12px;color:#8be2ff;margin-top:auto}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.two-col .body-md{max-width:650px;color:#8797ab;margin:20px 0 26px}.hero-ctas.left{justify-content:flex-start}.code-card{border:1px solid var(--line);border-radius:24px;padding:25px;background:linear-gradient(145deg,#0f1925,#091019);box-shadow:var(--shadow-sm)}.code-head{display:flex;justify-content:space-between;color:#637894;font:800 9px var(--font-mono);letter-spacing:.14em;padding-bottom:15px;border-bottom:1px solid var(--hairline)}.code-lines{display:flex;flex-direction:column}.code-lines span{padding:16px 0;border-bottom:1px solid rgba(160,185,215,.07);font-size:12px;color:#90a2b7}.code-lines span:last-child{border-bottom:0}.code-lines b{display:inline-block;width:92px;color:#5e7897;font:700 9px var(--font-mono);letter-spacing:.12em}
.cta-section{padding-top:35px}.cta-card{min-height:400px;border:1px solid rgba(103,220,255,.12);border-radius:31px;padding:55px;display:grid;grid-template-columns:1fr .45fr;align-items:center;background:radial-gradient(circle at 80% 25%,rgba(42,142,255,.16),transparent 35%),radial-gradient(circle at 92% 90%,rgba(112,98,255,.13),transparent 36%),linear-gradient(145deg,#101a28,#080e16);overflow:hidden;position:relative;box-shadow:var(--shadow-lg)}.cta-card h2{margin:12px 0 12px}.cta-card>div>p:last-of-type{max-width:500px;color:#8798ad;line-height:1.8}.cta-logo{display:grid;place-items:center;height:280px}.cta-logo img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 26px 55px rgba(52,148,255,.26))}
.page-hero{text-align:center;padding:90px 0 55px}.page-hero-inner{max-width:820px}.page-hero .hero-sub{max-width:680px}
.feature-list{display:flex;flex-direction:column;gap:16px}.feature-row{display:grid;grid-template-columns:58px 1fr 390px;gap:35px;align-items:center;padding:38px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(145deg,#0e1722,#091018)}.feature-row.reverse{grid-template-columns:390px 1fr 58px}.feature-row.reverse>div:nth-child(1){grid-column:2}.feature-row.reverse>div:nth-child(2){grid-column:1;grid-row:1}.feature-row.reverse>.feature-row-num{grid-column:3;grid-row:1}.feature-row-num{color:#5b718d;font:700 10px var(--font-mono)}.feature-row h2{margin:10px 0 15px}.feature-row p{color:#8698ad;font-size:14px;line-height:1.8}.feature-row ul{margin:18px 0 0;padding-left:18px;color:#76889e;font-size:12px;line-height:2}.feature-visual{height:270px;border-radius:22px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(47,146,255,.16),transparent 55%),#0a111a;display:flex;position:relative;overflow:hidden}.visual-wave{align-items:center;justify-content:center;gap:8px}.visual-wave i{display:block;width:8px;height:var(--h);max-height:150px;border-radius:99px;background:linear-gradient(180deg,#b8f3ff,#347fff)}.visual-wave i:nth-child(1){--h:45px}.visual-wave i:nth-child(2){--h:90px}.visual-wave i:nth-child(3){--h:140px}.visual-wave i:nth-child(4){--h:105px}.visual-wave i:nth-child(5){--h:65px}.visual-wave i:nth-child(6){--h:120px}.visual-wave span{position:absolute;bottom:16px;left:18px;color:#5d738f;font:700 9px var(--font-mono);letter-spacing:.14em}.visual-eq{flex-direction:column;padding:24px;justify-content:center}.eq-label{color:#6a7f99;font:700 9px var(--font-mono);letter-spacing:.16em}.eq-bars{height:110px;display:flex;gap:8px;align-items:center;margin:10px 0}.eq-bars i{width:10px;height:var(--h);border-radius:8px;background:linear-gradient(180deg,#7ce5ff,#3b7dff);display:block}.eq-bars i:nth-child(1){--h:32px}.eq-bars i:nth-child(2){--h:62px}.eq-bars i:nth-child(3){--h:48px}.eq-bars i:nth-child(4){--h:83px}.eq-bars i:nth-child(5){--h:55px}.eq-bars i:nth-child(6){--h:74px}.eq-bars i:nth-child(7){--h:41px}.eq-bars i:nth-child(8){--h:92px}.eq-bars i:nth-child(9){--h:57px}.eq-foot{font-size:8px;color:#536984;letter-spacing:.13em}.visual-lyrics{padding:32px 23px;flex-direction:column;justify-content:center;gap:14px}.visual-lyrics span{color:#556a84;font-size:15px}.visual-lyrics strong{color:#fff;font-size:21px;letter-spacing:-.025em}.visual-palette{align-items:flex-end;justify-content:center;gap:10px;padding:25px}.visual-palette i{display:block;width:25px;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#a9efff,#2c8cff)}.visual-palette i:nth-child(1){height:80px}.visual-palette i:nth-child(2){height:122px}.visual-palette i:nth-child(3){height:170px}.visual-palette i:nth-child(4){height:135px;background:linear-gradient(180deg,#9e91ff,#675dff)}.visual-palette i:nth-child(5){height:102px;background:linear-gradient(180deg,#b0a4ff,#7864ff)}.visual-orbit{align-items:center;justify-content:center}.visual-orbit::before,.visual-orbit::after,.visual-orbit>div{content:'';position:absolute;border-radius:50%;border:1px solid rgba(103,220,255,.18)}.visual-orbit::before{width:200px;height:200px}.visual-orbit::after{width:135px;height:135px;border-color:rgba(117,98,255,.22)}.visual-orbit>div{width:9px;height:9px;background:#89e8ff;border:0;box-shadow:0 0 24px rgba(103,220,255,.9);transform:translate(80px,-43px)}
.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-card{margin:0;text-align:center}.gallery-card img{width:100%;max-width:340px;margin:0 auto;border-radius:27px;border:1px solid var(--line);box-shadow:var(--shadow-md);background:#090f17}.gallery-card figcaption{padding-top:12px}.gallery-card strong{display:block;color:#dfe9f4;font-size:14px}.gallery-card span{display:block;color:#677a93;font-size:11px;margin-top:2px}.info-banner{display:grid;grid-template-columns:1fr 290px;gap:55px;align-items:center;border:1px solid var(--line);border-radius:29px;padding:42px;background:linear-gradient(145deg,#0e1824,#080f17)}.info-banner p{color:#8696ab;font-size:14px;line-height:1.85}.info-banner img{width:260px;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow-md)}
.guide-grid,.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guide-card,.community-card{min-height:270px;border:1px solid var(--line);border-radius:25px;padding:31px;background:linear-gradient(145deg,#0e1721,#091019);display:flex;flex-direction:column;gap:12px}.guide-num{font:700 10px var(--font-mono);color:#5c718d}.guide-card h2,.community-card h2{font-size:27px;letter-spacing:-.04em}.guide-card p:not(.kicker),.community-card p:not(.kicker){color:#8294aa;font-size:13px;line-height:1.8}.guide-card .btn,.community-card .btn{margin-top:auto;align-self:flex-start}
.article{max-width:760px}.article h2{margin:13px 0 20px}.article p{color:#8797ac;font-size:14px;line-height:1.9}.article pre{margin:25px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:#050b12;color:#8ce8ff;overflow:auto;font:12px/1.8 var(--font-mono)}
.prose{max-width:760px;margin:0 auto}.prose h2{font-size:29px;margin:42px 0 14px}.prose p,.prose li{color:#8797ac;font-size:14px;line-height:1.9}.prose ul{padding-left:20px;margin-bottom:15px}.prose a{color:#8de7ff;text-decoration:underline;text-decoration-color:rgba(103,220,255,.45);text-underline-offset:3px}
.release-list{display:flex;flex-direction:column;gap:16px;max-width:900px}.release-entry{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:24px;padding:28px 31px;background:linear-gradient(145deg,#0e1722,#091019)}.release-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(103,220,255,.08);color:#74dfff;font:700 8px var(--font-mono);letter-spacing:.14em}.release-entry h2{margin:10px 0 7px;font-size:25px}.release-entry p{margin:0;color:#8192a9;font-size:13px;line-height:1.75}
.download-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:16px;align-items:start}.card{border-radius:26px;border:1px solid var(--line);background:linear-gradient(145deg,#0e1722,#091019);padding:34px;box-shadow:var(--shadow-sm)}.download-logo{width:78px;height:78px;object-fit:contain;margin-bottom:22px;filter:drop-shadow(0 15px 26px rgba(46,142,255,.2))}.download-main h2{margin:12px 0}.download-main>.body-md,.download-side>p{color:#8798ad}.download-actions{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0}.release-info{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--hairline);padding:13px 0;color:#61728a;font-size:11px}.release-info strong{color:#c6d4e4;font:500 11px var(--font-mono);text-align:right}.download-side h3{margin:12px 0}.download-side ol{padding-left:20px;color:#8191a7;font-size:12px;line-height:2;margin:19px 0}.text-link{color:#86e5ff;font-size:12px}.text-link:hover{text-decoration:underline;text-underline-offset:3px}
.faq-list{max-width:820px;margin:0 auto}.faq-item{border-bottom:1px solid var(--hairline)}.faq-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 0;gap:20px;text-align:left}.faq-header h2{font-family:var(--font-body);font-size:17px;font-weight:600;color:#e0e9f3}.faq-header span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:#7b8ca2;transition:transform .2s,background .2s}.faq-header[aria-expanded="true"] span{transform:rotate(45deg);background:rgba(103,220,255,.08);color:#8eeaff}.faq-answer{display:none;padding:0 40px 20px 0}.faq-answer.open{display:block}.faq-answer p{margin:0;color:#8293a9;font-size:13px;line-height:1.85}

.footer{background:#05080d;border-top:1px solid var(--hairline);padding:58px 0 22px;margin-top:var(--space-sec)}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:42px;margin-bottom:43px}.footer-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:18px;color:#eef5fb}.footer-brand .logo-img{width:32px;height:32px;border-radius:9px;object-fit:cover}.footer-tag{max-width:300px;color:#617289;font-size:12px;line-height:1.8;margin-top:11px}.footer-col h4{margin:0 0 14px;color:#687a92;font:700 9px var(--font-mono);letter-spacing:.16em}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col a{font-size:12px;color:#8393a9}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--hairline);padding-top:22px;color:#4f6077;font-size:10px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:980px){.two-col,.download-grid{grid-template-columns:1fr}.cta-card{grid-template-columns:1fr}.cta-logo{height:230px}.feature-row,.feature-row.reverse{grid-template-columns:42px 1fr}.feature-row.reverse>div:nth-child(1),.feature-row.reverse>div:nth-child(2),.feature-row.reverse>.feature-row-num{grid-column:auto;grid-row:auto}.feature-visual{grid-column:1/-1}.feature-row{gap:20px}.screenshot-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.info-banner{grid-template-columns:1fr 240px}}
@media(max-width:700px){.container{padding:0 18px}.hero{padding:78px 0 55px}.hero-sub{font-size:15px}.hero-ctas .btn{width:100%}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(3),.stats>div:nth-child(4){border-top:1px solid var(--hairline)}.section{padding:80px 0}.display-xl{font-size:45px;letter-spacing:-2px}.display-md{font-size:36px}.bento,.guide-grid,.community-grid,.screenshot-grid{grid-template-columns:1fr}.feature-card.span-2{grid-column:auto}.screenshot-track{gap:13px}.shot-card{width:200px}.feature-row,.feature-row.reverse{grid-template-columns:1fr}.feature-row-num{order:0}.feature-visual{grid-column:auto}.info-banner{grid-template-columns:1fr}.info-banner img{width:220px;margin:0 auto}.release-entry{display:block}.release-entry .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.two-col{gap:40px}.code-card{margin-top:10px}.hero-subline,.hero-note{flex-wrap:wrap}}
@media(max-width:460px){.footer-grid{grid-template-columns:1fr}.hero-logo-wrap{height:80px}.hero-logo-img{max-width:115px}.card{padding:27px}.cta-card{padding:32px 25px}.feature-card{padding:24px}.feature-row{padding:25px}.section-head{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.screenshot-track{animation:none}.btn,.feature-card{transition:none}}

.gallery-image{width:100%;max-width:1100px;margin:0 auto;border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#080e15}
.community-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(103,220,255,.07);border:1px solid rgba(103,220,255,.10);color:#8ce8ff;font-size:20px}
.release-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(103,220,255,.07);color:#77dfff;font:700 8px var(--font-mono);letter-spacing:.14em}
.ripple-ink{position:absolute;border-radius:50%;background:rgba(255,255,255,.18);pointer-events:none;transform:scale(0);animation:zincRipple .55s ease-out}@keyframes zincRipple{to{transform:scale(2.1);opacity:0}}

/* ── App screenshot crops ─────────────────────────────────────────── */
.screen-crop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1030px;margin:0 auto}
.screen-crop{margin:0;text-align:center}
.screen-sprite{width:min(100%,250px);aspect-ratio:120/267;margin:0 auto;border-radius:25px;border:1px solid var(--line);background-image:url('./zinc-screens-sprite.webp');background-repeat:no-repeat;background-size:300% 200%;box-shadow:var(--shadow-md),0 0 0 1px rgba(103,220,255,.025);background-color:#070b11;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.screen-crop:hover .screen-sprite{transform:translateY(-7px) rotate(.5deg);border-color:rgba(103,220,255,.24);box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 45px rgba(45,143,255,.10)}
.shot-home{background-position:0 0}.shot-library{background-position:50% 0}.shot-player{background-position:100% 0}.shot-lyrics{background-position:0 100%}.shot-effects{background-position:50% 100%}.shot-account{background-position:100% 100%}
.screen-crop figcaption{padding-top:12px}.screen-crop figcaption strong{display:block;color:#dfe9f4;font-size:14px}.screen-crop figcaption span{display:block;color:#687b93;font-size:11px;margin-top:2px}

/* ── Zinc Buddy: roaming mascot ──────────────────────────────────── */
.zinc-buddy{
  --buddy-shift-x:0px;--buddy-shift-y:0px;
  position:fixed;left:0;top:0;width:96px;height:112px;z-index:80;
  transform:translate3d(calc(100vw - 122px + var(--buddy-shift-x)),calc(100vh - 138px + var(--buddy-shift-y)),0);
  pointer-events:none;transition:transform 2.2s var(--ease);filter:drop-shadow(0 16px 22px rgba(0,0,0,.30));
}
.zinc-buddy.is-moving{transition-duration:2.8s}
.zinc-buddy-bubble{
  position:absolute;right:68px;top:0;min-width:175px;max-width:235px;padding:12px 14px;
  border:1px solid rgba(103,220,255,.16);border-radius:16px;
  background:rgba(9,15,24,.88);backdrop-filter:blur(16px);
  box-shadow:0 18px 44px rgba(0,0,0,.30);opacity:0;transform:translateY(5px) scale(.98);
  transition:opacity .22s ease,transform .22s ease;pointer-events:none;color:#8c9db1;font-size:11px;line-height:1.55;
}
.zinc-buddy:hover .zinc-buddy-bubble,.zinc-buddy.is-chatting .zinc-buddy-bubble{opacity:1;transform:none}
.zinc-buddy-bubble strong{display:block;color:#eaf4fc;font-size:9px;letter-spacing:.13em;margin-bottom:4px}
.zinc-buddy-face{
  position:absolute;right:0;bottom:0;width:74px;height:74px;border-radius:30px 31px 35px 34px;
  background:linear-gradient(160deg,#fff,#dfeaf4);border:4px solid #080e16;
  box-shadow:0 0 0 1px rgba(103,220,255,.38),0 0 30px rgba(64,173,255,.22);
  overflow:visible;transform:rotate(-6deg);pointer-events:auto;cursor:pointer;
}
.zinc-buddy-face:before{
  content:'';position:absolute;left:-7px;bottom:-5px;width:29px;height:25px;
  background:linear-gradient(145deg,#72e4ff,#298cff 64%,#6f5fff);
  border:4px solid #080e16;border-top:0;border-right:0;border-radius:7px 3px 22px 21px;transform:rotate(-12deg)
}
.zinc-buddy-eye{position:absolute;top:20px;width:16px;height:23px;background:#05070c;border-radius:52% 48% 48% 52%;overflow:hidden}.zinc-buddy-eye::after{content:'';position:absolute;right:-1px;top:5px;width:9px;height:5px;background:#fff;border-radius:0 8px 8px 0;transform:skewX(24deg)}
.zinc-buddy-eye.left{left:18px}.zinc-buddy-eye.right{right:17px}
.zinc-buddy-smile{position:absolute;left:29px;bottom:15px;width:16px;height:8px;border-bottom:3px solid #05070c;border-radius:0 0 50% 50%;opacity:.8}
.zinc-buddy-wave{position:absolute;inset:-11px;border-radius:34px;border:1px solid rgba(103,220,255,.12);animation:buddyPulse 2.8s ease-in-out infinite;pointer-events:none}
.zinc-buddy-dot{position:absolute;left:4px;bottom:12px;width:7px;height:7px;border-radius:50%;background:#67dcff;box-shadow:0 0 16px rgba(103,220,255,.9)}
.zinc-buddy.is-chatting .zinc-buddy-face{animation:buddyBounce .45s var(--ease)}
.zinc-buddy-bubble button{display:none}
@keyframes buddyPulse{50%{transform:scale(1.12);opacity:.3}}@keyframes buddyBounce{50%{transform:rotate(-6deg) translateY(-8px) scale(1.04)}}
@media(max-width:800px){.screen-crop-grid{grid-template-columns:repeat(2,1fr)}.zinc-buddy{transform:translate3d(calc(100vw - 88px + var(--buddy-shift-x)),calc(100vh - 118px + var(--buddy-shift-y)),0);width:70px;height:82px}.zinc-buddy-face{width:57px;height:57px;border-radius:24px;border-width:3px}.zinc-buddy-eye{top:15px;width:12px;height:18px}.zinc-buddy-eye.left{left:13px}.zinc-buddy-eye.right{right:12px}.zinc-buddy-smile{left:23px;bottom:11px;width:12px;height:6px;border-width:2px}.zinc-buddy-face:before{left:-5px;bottom:-4px;width:24px;height:20px;border-width:3px}.zinc-buddy-bubble{right:55px;max-width:190px;min-width:145px}}
@media(max-width:520px){.screen-crop-grid{grid-template-columns:1fr}.screen-sprite{width:min(76vw,250px)}.zinc-buddy{display:none}}

/* High-quality uploaded app screenshots */
.home-screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1060px;margin:0 auto}
.home-screenshot{margin:0;text-align:center}
.home-screenshot img{display:block;width:100%;max-width:330px;margin:0 auto;border-radius:27px;border:1px solid var(--line);box-shadow:var(--shadow-md);background:#0a1018}
.home-screenshot figcaption{margin-top:10px;color:#6f8199;font-size:11px}
.real-screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1100px;margin:0 auto}
.real-shot{margin:0;text-align:center}
.real-shot img{display:block;width:100%;max-width:330px;margin:0 auto;border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow-md);background:#0a1018}
.real-shot figcaption{padding-top:12px}
.real-shot figcaption strong{display:block;color:#e1ebf5;font-size:14px}
.real-shot figcaption span{display:block;color:#687b92;font-size:11px;margin-top:2px}
@media(max-width:980px){.home-screenshot-grid,.real-screenshot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.home-screenshot-grid,.real-screenshot-grid{grid-template-columns:1fr}.home-screenshot img,.real-shot img{max-width:290px}}

/* Screenshot sizing matched to EpsilonMusic.app */
.home-screenshot-grid{
  display:flex;gap:24px;width:max-content;margin:0 auto;
  justify-content:center;
}
.home-screenshot{
  flex:0 0 240px;width:240px;margin:0;text-align:center;
}
.home-screenshot img{
  width:240px;max-width:240px;height:auto;
  border-radius:22px;border:1px solid var(--line);
  box-shadow:var(--shadow-md);background:#0a1018;
}
.screenshot-rail{overflow:hidden}
.real-screenshot-grid{
  display:grid;grid-template-columns:repeat(3,240px);
  justify-content:center;gap:32px;
  max-width:840px;margin:0 auto;
}
.real-shot{width:240px;margin:0;text-align:center}
.real-shot img{
  width:240px;max-width:240px;height:auto;
  border-radius:22px;border:1px solid var(--line);
  box-shadow:var(--shadow-md);background:#0a1018;
}
@media(max-width:820px){
  .real-screenshot-grid{grid-template-columns:repeat(2,240px);gap:24px}
}
@media(max-width:560px){
  .home-screenshot-grid{gap:14px}
  .real-screenshot-grid{grid-template-columns:1fr}
  .real-shot,.real-shot img,.home-screenshot,.home-screenshot img{width:220px;max-width:220px}
}

/* ── Zinc AI companion: roaming + conversational bubble ─────────── */
.zinc-ai{
  --ai-x:calc(100vw - 118px);
  --ai-y:calc(100vh - 132px);
  --ai-tilt:-3deg;
  --ai-flight:1700ms;
  position:fixed;left:0;top:0;z-index:90;
  width:104px;height:112px;
  transform:translate3d(var(--ai-x),var(--ai-y),0);
  transition:transform var(--ai-flight) cubic-bezier(.18,.82,.18,1);
  pointer-events:none;
}
.zinc-ai-avatar{
  position:absolute;right:0;bottom:0;width:86px;height:98px;padding:0;
  border:0;background:transparent;display:grid;place-items:center;
  pointer-events:auto;cursor:grab;outline:none;
  touch-action:none;user-select:none;-webkit-user-select:none;
}
.zinc-ai.is-dragging .zinc-ai-avatar{cursor:grabbing}
.zinc-ai.is-dragging{transition:none!important}
.zinc-ai-avatar img{
  width:86px;height:98px;object-fit:contain;background:transparent;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.32));
  transform:translateY(0) rotate(var(--ai-tilt));
  transform-origin:50% 70%;
  transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s ease;
  pointer-events:none;user-select:none;-webkit-user-drag:none;
}
.zinc-ai.is-moving .zinc-ai-avatar img{
  animation:zincAiFly .62s ease-in-out infinite alternate;
}
.zinc-ai.is-dragging .zinc-ai-avatar img{
  animation:zincAiDrag .45s ease-in-out infinite alternate;
}
.zinc-ai-avatar:hover img,
.zinc-ai.is-speaking .zinc-ai-avatar img{
  transform:translateY(-7px) rotate(var(--ai-tilt)) scale(1.05);
  filter:drop-shadow(0 18px 28px rgba(53,157,255,.22));
}
.zinc-ai-avatar:focus-visible{
  outline:2px solid var(--accent);outline-offset:4px;border-radius:30px;
}

/* Speech copy: centered under Zinc, with a small tail pointing upward. */
.zinc-ai-tip{
  position:absolute;left:50%;top:104px;
  width:max-content;max-width:min(280px,calc(100vw - 28px));min-width:102px;
  padding:9px 12px 10px;
  color:#dceaf6;background:#0d1621;
  border:1px solid rgba(121,177,220,.17);
  border-radius:14px;
  font-size:10px;line-height:1.48;font-weight:500;text-align:left;
  opacity:0;visibility:hidden;
  transform:translate(-50%,4px) scale(.97);
  transform-origin:50% 0;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  pointer-events:none;
  box-shadow:0 12px 32px rgba(0,0,0,.28);
  white-space:normal;
}
.zinc-ai-tip-label{
  display:flex;align-items:center;gap:5px;
  margin-bottom:4px;
  color:#6fdfff;font:700 7px/1 var(--font-mono);
  letter-spacing:.16em;
}
.zinc-ai-tip-label i{
  width:5px;height:5px;border-radius:50%;
  background:#67dcff;box-shadow:0 0 9px rgba(103,220,255,.8);
}
.zinc-ai-tip-text{
  display:block;
}
.zinc-ai-tip.is-typing::after{
  content:'';
  display:inline-block;
  width:4px;height:11px;margin-left:2px;
  vertical-align:-2px;border-radius:2px;
  background:#79dfff;
  animation:zincAiCaret .75s steps(1,end) infinite;
}
@keyframes zincAiCaret{0%,45%{opacity:1}46%,100%{opacity:0}}
.zinc-ai.is-open .zinc-ai-tip{
  opacity:0;visibility:hidden;pointer-events:none;
}

.zinc-ai.is-speaking .zinc-ai-tip,
.zinc-ai.is-dragging .zinc-ai-tip{
  opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);
}
.zinc-ai.tip-up .zinc-ai-tip{
  top:auto;bottom:108px;
  transform:translate(-50%,-4px) scale(.97);
  transform-origin:50% 100%;
}
.zinc-ai.tip-up .zinc-ai-tip::before{
  top:auto;bottom:-5px;
  border-left:0;border-top:0;
  border-right:1px solid rgba(121,177,220,.17);
  border-bottom:1px solid rgba(121,177,220,.17);
}
.zinc-ai.tip-up.is-speaking .zinc-ai-tip,
.zinc-ai.tip-up.is-dragging .zinc-ai-tip{
  transform:translate(-50%,0) scale(1);
}

/* Full chat panel, only shown after tapping Zinc. */
.zinc-ai-chat{
  position:absolute;right:70px;bottom:78px;width:255px;
  background:#0b121b;border:1px solid rgba(137,174,208,.16);
  border-radius:18px;padding:12px;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  pointer-events:auto;
}
.zinc-ai.open-left .zinc-ai-chat{left:70px;right:auto;}
.zinc-ai.open-center .zinc-ai-chat{left:50%;right:auto;transform:translateX(-50%);}
.zinc-ai-chat-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  color:#79dfff;font:700 9px var(--font-mono);letter-spacing:.14em;
}
.zinc-ai-close{
  flex:0 0 auto;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;border:1px solid rgba(137,174,208,.18);
  color:#b9c9d8;background:#111e2b;font:600 18px/1 var(--font-body);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.zinc-ai-close:hover{
  background:#18293a;border-color:rgba(103,220,255,.3);
  color:#fff;transform:rotate(8deg);
}
.zinc-ai-greeting{
  margin:10px 0 12px;color:#b8c8d8;font-size:12px;line-height:1.65;
}
.zinc-ai-actions{display:flex;flex-wrap:wrap;gap:7px;}
.zinc-ai-actions button{
  padding:7px 9px;border-radius:999px;border:1px solid rgba(103,220,255,.12);
  background:#0f1b28;color:#aeeaff;font-size:10px;
  transition:background .18s ease,transform .18s ease,color .18s ease;
}
.zinc-ai-actions button:hover{background:#142536;color:#fff;transform:translateY(-1px);}
.zinc-ai-tools{
  display:flex;gap:7px;margin-top:11px;padding-top:10px;
  border-top:1px solid rgba(137,174,208,.08);
}
.zinc-ai-tools button{
  flex:1;padding:7px 8px;border-radius:9px;
  border:1px solid rgba(137,174,208,.10);background:#0d1722;
  color:#7e92a8;font-size:9px;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.zinc-ai-tools button:hover{
  background:#122235;color:#ccefff;border-color:rgba(103,220,255,.18);
}
.zinc-ai-hint{
  margin-top:8px;color:#526a82;font-size:9px;line-height:1.45;text-align:center;
}

.zinc-ai-sparkle-layer{
  position:fixed;inset:0;z-index:89;pointer-events:none;overflow:hidden
}
.zinc-ai-spark{
  position:fixed;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;
  border-radius:50%;
  background:radial-gradient(circle,#fff 0 18%,#9ceaff 36%,rgba(103,220,255,0) 72%);
  box-shadow:0 0 12px rgba(103,220,255,.75);
  animation:zincAiSpark .82s cubic-bezier(.22,1,.36,1) forwards;
  opacity:0;
}
.zinc-ai-spark:nth-child(3n){width:4px;height:4px;margin:-2px 0 0 -2px}
.zinc-ai-spark::after{
  content:'';position:absolute;inset:-4px;
  background:linear-gradient(90deg,transparent 46%,rgba(255,255,255,.85) 50%,transparent 54%);
  transform:rotate(45deg);opacity:.8
}
@keyframes zincAiFly{
  from{transform:translate3d(0,4px,0) rotate(var(--ai-tilt))}
  to{transform:translate3d(0,-7px,0) rotate(calc(var(--ai-tilt) * -0.75))}
}
@keyframes zincAiDrag{
  from{transform:translate3d(-1px,2px,0) rotate(calc(var(--ai-tilt) - 2deg))}
  to{transform:translate3d(2px,-4px,0) rotate(calc(var(--ai-tilt) + 2deg))}
}
@keyframes zincAiSpark{
  0%{opacity:0;transform:scale(.25) translate3d(0,0,0) rotate(0)}
  18%{opacity:1;transform:scale(1) translate3d(0,0,0) rotate(25deg)}
  100%{opacity:0;transform:scale(.18) translate3d(var(--sx),var(--sy),0) rotate(var(--sr))}
}
@media(max-width:899px){
  .zinc-ai{
    --ai-x:calc(100vw - 92px);--ai-y:calc(100vh - 112px);
    width:78px;height:88px
  }
  .zinc-ai-avatar{width:70px;height:82px}
  .zinc-ai-avatar img{width:70px;height:82px}
  .zinc-ai-tip{top:88px;max-width:185px}
  .zinc-ai.tip-up .zinc-ai-tip{top:auto;bottom:84px}
  .zinc-ai-chat{right:58px;bottom:62px;width:225px}
  .zinc-ai.open-left .zinc-ai-chat{left:58px;right:auto}
}
@media(max-width:560px){
  .zinc-ai{
    width:72px;height:82px;
    --ai-x:calc(100vw - 88px);
    --ai-y:calc(100vh - 106px);
  }
  .zinc-ai-avatar{width:64px;height:76px}
  .zinc-ai-avatar img{width:64px;height:76px}
  .zinc-ai-tip{top:78px;max-width:170px;font-size:9px}
  .zinc-ai.tip-up .zinc-ai-tip{top:auto;bottom:76px}
  .zinc-ai-chat{right:54px;bottom:58px;width:min(225px,calc(100vw - 28px))}
  .zinc-ai.open-left .zinc-ai-chat{left:54px;right:auto}
  .zinc-ai-sparkle-layer{display:block}
}
@media(prefers-reduced-motion:reduce){
  .zinc-ai{transition:none}
  .zinc-ai.is-moving .zinc-ai-avatar img,.zinc-ai.is-dragging .zinc-ai-avatar img{animation:none}
  .zinc-ai-spark{animation:none;display:none}
}
/* ── Zinc homepage screenshot marquee ────────────────────────────── */
.zinc-screenshot-marquee{
  width:100%;overflow:hidden;padding:24px 0;
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.zinc-screenshot-marquee .marquee-track{
  display:flex;align-items:flex-start;gap:24px;width:max-content;
  animation:zincScreenshotMarquee 42s linear infinite;
  will-change:transform;
}
.zinc-screenshot-marquee:hover .marquee-track{animation-play-state:paused}
.zinc-screenshot-marquee .home-screenshot{
  flex:0 0 240px;width:240px;margin:0;text-align:center;
}
.zinc-screenshot-marquee .home-screenshot img{
  display:block;width:240px;max-width:240px;height:auto;margin:0;
  border-radius:22px;border:1px solid var(--line);
  box-shadow:var(--shadow-md);background:#0a1018;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s ease;
}
.zinc-screenshot-marquee .home-screenshot:hover img{
  transform:translateY(-6px) rotate(.35deg);
  border-color:rgba(103,220,255,.20);
  box-shadow:0 24px 55px rgba(0,0,0,.34);
}
.zinc-screenshot-marquee .home-screenshot figcaption{
  margin-top:10px;color:#6f8199;font-size:11px;
}
@keyframes zincScreenshotMarquee{to{transform:translateX(-50%)}}
@media(max-width:640px){
  .zinc-screenshot-marquee{padding:18px 0}
  .zinc-screenshot-marquee .marquee-track{gap:16px;animation-duration:68s}
  .zinc-screenshot-marquee .home-screenshot,
  .zinc-screenshot-marquee .home-screenshot img{width:180px;max-width:180px}
  .zinc-screenshot-marquee .home-screenshot img{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
  .zinc-screenshot-marquee .marquee-track{animation:none}
}


/* ── Final mobile Zinc AI bubble spacing ─────────────────────────── */
@media(max-width:899px){
  .zinc-ai-tip{
    padding:8px 11px 9px;
    line-height:1.42;
  }
  .zinc-ai.is-speaking .zinc-ai-tip,
  .zinc-ai.is-dragging .zinc-ai-tip{
    transform:translate(-50%,0) scale(1);
  }
  .zinc-ai.tip-up .zinc-ai-tip{
    transform:translate(-50%,-3px) scale(.97);
  }
  .zinc-ai.tip-up.is-speaking .zinc-ai-tip,
  .zinc-ai.tip-up.is-dragging .zinc-ai-tip{
    transform:translate(-50%,0) scale(1);
  }
}
@media(max-width:560px){
  .zinc-ai-tip{
    padding:7px 10px 8px;
    max-width:calc(100vw - 24px);
    font-size:9px;
    border-radius:12px;
  }
}


/* ── Zinc sponsorship section ─────────────────────────────────────── */
.support-section{position:relative;overflow:hidden}
.support-section::before{
  content:'';position:absolute;left:50%;top:18%;width:620px;height:420px;
  transform:translateX(-50%);
  background:radial-gradient(circle,rgba(56,145,255,.08),transparent 68%);
  filter:blur(12px);pointer-events:none
}
.support-panel{
  position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:18px;
  max-width:1060px;margin:0 auto;padding:18px;
  border:1px solid rgba(137,174,208,.12);border-radius:28px;
  background:linear-gradient(145deg,rgba(16,27,40,.96),rgba(8,14,23,.96));
  box-shadow:var(--shadow-lg)
}
.support-copy{
  min-height:330px;padding:34px 34px 32px;border-radius:22px;
  background:linear-gradient(145deg,rgba(103,220,255,.065),rgba(112,98,255,.035) 55%,rgba(255,255,255,.012));
  border:1px solid rgba(103,220,255,.09)
}
.support-orb{
  display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;
  border-radius:14px;color:#b9f2ff;font-size:20px;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),rgba(103,220,255,.09) 42%,rgba(112,98,255,.08));
  border:1px solid rgba(103,220,255,.16);box-shadow:0 0 30px rgba(62,173,255,.12)
}
.support-label{margin:0 0 8px;color:#6fdfff;font:700 9px var(--font-mono);letter-spacing:.16em}
.support-copy h3{font-family:var(--font-display);font-size:clamp(22px,3vw,31px);line-height:1.12;letter-spacing:-1px}
.support-copy>p:not(.support-label){max-width:520px;margin:14px 0 22px;color:#92a5ba;font-size:14px;line-height:1.72}
.sponsor-wall{
  min-height:330px;padding:20px;border-radius:22px;
  border:1px dashed rgba(137,174,208,.14);
  background:rgba(5,10,17,.30);display:flex;flex-direction:column
}
.sponsor-wall-head{
  display:flex;justify-content:space-between;gap:12px;
  color:#5d7590;font:700 8px var(--font-mono);letter-spacing:.15em
}
.sponsor-empty{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:28px 18px
}
.sponsor-empty-mark{
  display:grid;place-items:center;width:56px;height:56px;margin-bottom:16px;
  border:1px solid rgba(103,220,255,.14);border-radius:18px;
  color:#78dfff;background:rgba(103,220,255,.045);font-size:28px;font-weight:300
}
.sponsor-empty strong{color:#e7f2fb;font:600 15px var(--font-body)}
.sponsor-empty span{max-width:250px;margin-top:6px;color:#61778e;font-size:11px;line-height:1.55}
@media(max-width:820px){
  .support-panel{grid-template-columns:1fr;padding:12px;border-radius:24px}
  .support-copy,.sponsor-wall{min-height:290px}
}
@media(max-width:560px){
  .support-copy{padding:27px 23px 24px}
  .sponsor-wall{min-height:250px}
  .sponsor-wall-head{font-size:7px}
}


/* ── Premium support funding menu ────────────────────────────────── */
.support-menu{position:relative;display:block}
.support-menu summary{
  list-style:none;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;user-select:none
}
.support-menu summary::-webkit-details-marker{display:none}
.support-menu[open] summary{
  background:rgba(255,255,255,.055);
  border-color:rgba(103,220,255,.18);
  color:#fff
}
.support-menu-popover{
  position:absolute;right:0;top:calc(100% + 12px);
  width:246px;padding:8px;
  border:1px solid rgba(137,174,208,.15);
  border-radius:18px;
  background:linear-gradient(160deg,rgba(14,24,36,.985),rgba(8,14,22,.985));
  box-shadow:0 24px 60px rgba(0,0,0,.42),0 0 0 1px rgba(103,220,255,.025);
  backdrop-filter:blur(20px);
  z-index:60;
  animation:supportMenuIn .18s var(--ease);
}
.support-menu-popover::before{
  content:'';
  position:absolute;right:18px;top:-6px;
  width:11px;height:11px;
  background:#101c2a;
  border-left:1px solid rgba(137,174,208,.15);
  border-top:1px solid rgba(137,174,208,.15);
  transform:rotate(45deg)
}
.support-menu-popover a{
  position:relative;
  display:flex!important;align-items:center;gap:11px;
  width:100%;padding:11px 10px!important;
  border-radius:12px!important;
  color:#c7d5e2!important;
  font-size:11px!important;
  font-weight:600;
  overflow:hidden;
  transition:background .18s ease,transform .18s ease,color .18s ease
}
.support-menu-popover a::before{
  content:'';
  flex:0 0 auto;width:28px;height:28px;
  border-radius:9px;
  border:1px solid rgba(137,174,208,.12);
  background:rgba(255,255,255,.025)
}
.support-menu-popover a::after{
  position:absolute;left:18px;
  color:#67dcff;font:700 10px/1 var(--font-mono)
}
.support-menu-popover a:first-child::after{content:'P'}
.support-menu-popover a:last-child::after{content:'☕'}
.support-menu-popover a span{
  margin-left:auto;color:#5f7690;font-size:10px;
  transition:transform .18s ease,color .18s ease
}
.support-menu-popover a:hover{
  background:linear-gradient(90deg,rgba(103,220,255,.075),rgba(112,98,255,.045))!important;
  color:#fff!important;
  transform:translateX(2px)
}
.support-menu-popover a:hover span{color:#7ce4ff;transform:translateX(2px)}
@keyframes supportMenuIn{
  from{opacity:0;transform:translateY(-5px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:820px){
  .support-menu{width:100%}
  .support-menu summary{width:100%;justify-content:flex-start}
  .support-menu-popover{
    position:static;width:auto;margin:5px 0 4px;padding:5px;
    border-radius:13px;
    background:rgba(255,255,255,.018);
    box-shadow:none;
    animation:none
  }
  .support-menu-popover::before{display:none}
  .support-menu-popover a{padding:10px 9px!important}
}