:root {
  --bg: #080914;
  --bg2: #0d1020;
  --panel: rgba(255,255,255,.055);
  --panel-strong: rgba(255,255,255,.085);
  --line: rgba(255,255,255,.12);
  --text: #f4f3ff;
  --muted: #9698b1;
  --subtle: #666a86;
  --violet: #a78bfa;
  --blue: #76a9ff;
  --cyan: #7de7ed;
  --pink: #f2a0d5;
  --coral: #ff9d92;
  --font: "DM Sans", sans-serif;
  --display: "Space Grotesk", sans-serif;
  --mono: "DM Mono", monospace;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0; color: var(--text); background:
    radial-gradient(ellipse at 50% -25%, rgba(92,85,180,.17), transparent 48%),
    linear-gradient(180deg,#080914 0%,#0b0d1b 48%,#090a16 100%);
  font-family: var(--font); overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
::selection { background: rgba(167,139,250,.35); color: white; }
.ambient { position: fixed; z-index: -1; pointer-events: none; border-radius: 50%; filter: blur(100px); opacity: .19; }
.ambient-one { width: 420px; height: 420px; background: #6653e8; top: 10%; left: -260px; }
.ambient-two { width: 460px; height: 460px; background: #1b9eae; top: 45%; right: -310px; }
.ambient-three { width: 350px; height: 350px; background: #a94d9e; bottom: 0; left: 25%; opacity: .11; }
.noise { position: fixed; inset: 0; z-index: 10; pointer-events: none; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E"); }
.glass {
  background: linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: 0 24px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.11);
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
}
.announcement { height: 34px; padding: 0 max(calc((100vw - var(--max))/2),5vw); display:flex; align-items:center; gap:10px; border-bottom:1px solid rgba(255,255,255,.055); color:#aeb0c6; font:9px var(--mono); letter-spacing:1.5px; }
.announcement-pulse,.eyebrow-dot { width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan); }
.announcement-right { margin-left:auto; }.announcement-right span { color:var(--pink);font-size:13px; }
.header { position:sticky;top:12px;z-index:20;max-width:var(--max);width:calc(100% - 64px);height:68px;margin:16px auto 0;padding:0 22px;border-radius:20px;display:flex;align-items:center;justify-content:space-between; }
.logo { display:flex;align-items:center;gap:10px; }.logo-symbol { width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#a78bfa,#668cf5);font:700 23px var(--display);color:#111225;box-shadow:0 5px 24px rgba(137,115,255,.35); }.logo-symbol span { color:#fff; }.logo-word { font:600 20px var(--display);letter-spacing:-1px; }
.main-nav { display:flex;align-items:center;gap:34px; }.main-nav a,.footer-links a { color:#b2b2c8;font-size:12px;transition:color .2s; }.main-nav a:hover,.footer-links a:hover { color:white; }
.nav-cta { padding:11px 17px;border:1px solid rgba(167,139,250,.35);border-radius:30px;background:rgba(167,139,250,.10);font-size:11px;font-weight:700;letter-spacing:.3px; }.nav-cta span { color:var(--cyan);margin-left:8px; }.menu-toggle { display:none;color:white;background:none;border:0;font-size:23px; }
.hero { max-width:var(--max);min-height:690px;margin:auto;padding:105px 30px 25px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px; }
.hero-copy { position:relative;z-index:2;padding-bottom:35px; }.eyebrow { display:flex;align-items:center;gap:10px;color:#aeb0c9;font:10px var(--mono);letter-spacing:1.7px; }.hero h1,.section-heading h2,.download-copy h2,.together-intro h2,.closing h2 { font:600 clamp(56px,7vw,88px)/.99 var(--display);letter-spacing:-5px;margin:27px 0 24px; }.gradient-text { color:transparent;background:linear-gradient(105deg,#f0c4ed 0%,#a99aff 42%,#7bdce9 95%);background-clip:text;-webkit-background-clip:text; }
.hero-description { max-width:450px;color:#a7a8bf;font-size:15px;line-height:1.9; }.hero-actions { display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap; }
.button { min-height:49px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s; }.button:hover { transform:translateY(-3px); }.button-primary { color:#101222;background:linear-gradient(110deg,#d4c0ff,#9eafff 58%,#9ae8e7);box-shadow:0 10px 35px rgba(151,139,255,.2); }.button-primary:hover { box-shadow:0 15px 40px rgba(151,139,255,.34); }.button-icon { font-size:19px; }.button-glass { border:1px solid var(--line);background:rgba(255,255,255,.045);color:#e4e3f5; }.button-glass span { color:var(--cyan); }.hero-caption { display:flex;justify-content:space-between;max-width:455px;margin-top:58px;padding-top:18px;border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:1px;color:#777a98; }.caption-dot { display:inline-block;width:6px;height:6px;border-radius:50%;background:#a78bfa;margin-right:7px; }
.spatial-scene { position:relative;height:540px;display:grid;place-items:center;perspective:1100px; }.scene-glow { position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(128,108,255,.3),rgba(59,169,208,.1) 48%,transparent 70%);filter:blur(12px); }.orbit { position:absolute;border:1px solid rgba(184,177,255,.18);border-radius:50%;transform:rotate(-27deg); }.orbit-one { width:450px;height:180px; }.orbit-two { width:390px;height:320px;transform:rotate(52deg);border-color:rgba(125,231,237,.17); }.orbit-three { width:500px;height:390px;transform:rotate(-62deg);border-style:dashed;opacity:.55; }
.scene-disc { position:absolute;width:340px;height:340px;border-radius:50%;background:repeating-radial-gradient(circle at center,#17182c 0 2px,#22233e 3px 4px,#121426 5px 7px);box-shadow:0 0 0 1px rgba(255,255,255,.15),0 35px 90px rgba(0,0,0,.5),inset 0 0 45px #050610;display:grid;place-items:center;animation:rotate-disc 36s linear infinite; }.scene-disc:before { content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(255,255,255,.1); }.disc-groove { width:105px;height:105px;border-radius:50%;background:linear-gradient(140deg,#a78bfa,#6b91ef 60%,#8ee3df);box-shadow:0 0 40px rgba(144,135,255,.45); }.disc-label { position:absolute;font:700 40px var(--display);color:#141426; }.scene-card { position:relative;z-index:2;width:260px;padding:13px;border-radius:21px;transform:rotateY(-12deg) rotateX(5deg) translateZ(45px);background:linear-gradient(145deg,rgba(33,35,63,.86),rgba(14,16,34,.88));box-shadow:0 35px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.2); }.scene-card-top,.track-times { display:flex;justify-content:space-between;align-items:center;color:#a9abc2;font:8px var(--mono);letter-spacing:1.2px;padding:4px 4px 12px; }.equalizer { display:flex;align-items:center;gap:2px;height:12px; }.equalizer i { width:2px;border-radius:3px;background:var(--cyan);height:5px;animation:eq .8s infinite alternate; }.equalizer i:nth-child(2){height:11px;animation-delay:.2s}.equalizer i:nth-child(3){height:7px;animation-delay:.4s}.equalizer i:nth-child(4){height:10px;animation-delay:.1s}.equalizer i:nth-child(5){height:4px;animation-delay:.3s}
.scene-art { height:210px;position:relative;overflow:hidden;border-radius:13px;background:linear-gradient(150deg,#332d65,#aa739d 55%,#f4b79d); }.art-orb { position:absolute;width:120px;height:120px;border-radius:50%;top:22px;right:25px;background:linear-gradient(140deg,#f7e0ce,#e7a4c5);box-shadow:0 0 45px rgba(255,214,219,.5); }.art-horizon { position:absolute;left:-30px;right:-30px;bottom:48px;height:100px;border-radius:50% 50% 0 0;background:linear-gradient(160deg,#655d99,#302d59); }.art-mountain { position:absolute;bottom:25px;left:-20px;width:310px;height:95px;background:linear-gradient(150deg,#292a54,#11162d);clip-path:polygon(0 100%,35% 0,58% 65%,76% 20%,100% 100%); }.art-title { position:absolute;z-index:2;left:17px;top:18px;font:700 26px/.9 var(--display);letter-spacing:-1px;color:#fff; }.art-edition { position:absolute;bottom:12px;right:12px;font:7px var(--mono);letter-spacing:1px;color:#e9def6; }.track-info { display:flex;justify-content:space-between;padding:13px 3px 9px; }.track-info strong,.track-info span { display:block; }.track-info strong { font-size:11px; }.track-info div span { margin-top:4px;color:#989ab3;font-size:9px; }.track-heart { color:var(--pink);font-size:20px; }.track-progress { height:3px;background:rgba(255,255,255,.13);border-radius:5px; }.track-progress span { display:block;width:58%;height:100%;background:linear-gradient(90deg,#bd9cff,#7de7ed);border-radius:5px; }.track-times { padding:6px 0;font-size:7px; }.track-controls { display:flex;justify-content:center;align-items:center;gap:27px;padding:4px 0 7px;color:#c3c3d7; }.control-play { width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d5c3ff,#94e4e9);color:#17182a; }.float-chip { position:absolute;z-index:3;border-radius:14px;padding:12px 15px;display:flex;align-items:center;gap:10px;font:8px/1.6 var(--mono);letter-spacing:1px;color:#d9d7ef; }.chip-top { top:65px;right:0; }.chip-icon { font-size:24px;color:var(--pink); }.chip-bottom { bottom:65px;left:-10px; }.online-indicator { width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan); }.scene-coordinate { position:absolute;bottom:8px;right:0;color:#656985;font:8px var(--mono);letter-spacing:1.5px; }
@keyframes rotate-disc { to { transform:rotate(360deg); } } @keyframes eq { to { transform:scaleY(.45); } }
.hero-bottom { position:absolute;bottom:0;left:30px;right:30px;display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid rgba(255,255,255,.09);color:#777a95;font:8px var(--mono);letter-spacing:1.4px; }
.section-shell { max-width:var(--max);margin:0 auto;padding:115px 30px; }.section-index { color:#888ba8;font:10px var(--mono);letter-spacing:1.5px; }.section-index span { color:var(--violet); }.manifesto { position:relative;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden; }.manifesto-main { display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-top:50px;position:relative;z-index:1; }.manifesto-heading { font:600 clamp(43px,6vw,70px)/1.08 var(--display);letter-spacing:-3.8px; }.manifesto-copy { max-width:390px;padding-bottom:8px; }.manifesto-copy p,.section-heading>p,.feature-description p,.download-copy>p,.together-intro>p { color:var(--muted);font-size:14px;line-height:1.9; }.text-link { display:inline-block;margin-top:13px;color:#d4c6ff;font-size:11px;font-weight:700; }.text-link span { color:var(--cyan);margin-left:8px; }.manifesto-decoration { position:absolute;right:5%;top:30px;font:700 220px var(--display);color:rgba(255,255,255,.018);letter-spacing:-20px; }.manifesto-decoration span { color:rgba(167,139,250,.1); }
.section-heading { display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px; }.section-heading h2,.download-copy h2,.together-intro h2 { font-size:clamp(46px,6vw,67px);letter-spacing:-3.5px;line-height:1.02;margin:22px 0 0; }.section-heading>p { max-width:330px;margin:0 0 5px; }.feature-grid { display:grid;grid-template-columns:1.15fr .85fr;gap:17px; }.feature-card { position:relative;overflow:hidden;border-radius:25px;padding:23px;min-height:430px; }.feature-meta { display:flex;justify-content:space-between;color:#9294b0;font:9px var(--mono);letter-spacing:1px; }.feature-meta span:last-child { color:#777a97; }.feature-large { grid-row:span 2;min-height:520px; }.library-visual { position:relative;z-index:1;max-width:430px;margin:35px auto 25px;padding:18px;border-radius:17px;background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.25); }.library-top { display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;color:#c8c6df; }.library-tabs { display:flex;gap:20px;margin:20px 0 12px;border-bottom:1px solid var(--line);padding-bottom:12px;color:#888ba5;font-size:9px; }.library-tabs .active { color:#d8cbff; }.library-row { display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055); }.library-row span { flex:1; }.library-row b,.library-row small { display:block; }.library-row b { font-size:11px; }.library-row small { margin-top:4px;color:#898ba5;font-size:9px; }.library-row em { font:8px var(--mono);color:#8588a2;font-style:normal; }.cover { width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:17px;color:white; }.cover-one { background:linear-gradient(135deg,#9e8be9,#e8a6ce); }.cover-two { background:linear-gradient(135deg,#64b7c7,#7a85ce); }.cover-three { background:linear-gradient(135deg,#eaa98c,#9d78c8); }.feature-description { position:relative;z-index:1; }.feature-description h3 { font:600 22px var(--display);letter-spacing:-.8px;margin:0 0 8px; }.feature-description p { font-size:12px;margin:0;max-width:380px; }.feature-orb { position:absolute;width:250px;height:250px;right:-110px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(152,125,255,.23),transparent 70%); }.feature-discovery,.feature-together { min-height:250px; }.discovery-visual { height:160px;position:relative;display:grid;place-items:center;overflow:hidden; }.discovery-ring { position:absolute;border:1px solid rgba(169,155,255,.25);border-radius:50%; }.ring-a { width:145px;height:145px; }.ring-b { width:115px;height:115px;border-style:dashed; }.discovery-core { text-align:center;font:700 19px/.9 var(--display);letter-spacing:-.5px; }.discovery-core span { color:#c4aaff; }.discovery-spark { position:absolute;color:var(--cyan); }.spark-a { top:20px;right:23%;font-size:23px; }.spark-b { bottom:20px;left:25%;color:var(--pink); }.connection-visual { height:160px;position:relative;display:grid;place-items:center; }.connection-orbit { width:155px;height:115px;border:1px solid rgba(125,231,237,.3);border-radius:50%;transform:rotate(-25deg); }.connection-node { position:absolute;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;font:700 17px var(--display);box-shadow:0 10px 30px rgba(0,0,0,.3); }.node-a { background:linear-gradient(135deg,#a58cf4,#db9bd0);top:25px;left:24%; }.node-b { background:linear-gradient(135deg,#7de7ed,#7796ef);color:#101322; }.node-c { background:linear-gradient(135deg,#f0a78d,#d77cb5);bottom:12px;right:23%; }.connection-line { position:absolute;width:125px;border-top:1px dashed rgba(255,255,255,.3);transform:rotate(25deg); }.connection-label { position:absolute;bottom:3px;color:#8588a2;font:8px var(--mono);letter-spacing:1px; }
.download-section { position:relative;padding:115px 30px;overflow:hidden;background:linear-gradient(125deg,#111329 0%,#15152d 50%,#101b2b 100%);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1); }.download-backdrop { position:absolute;width:700px;height:700px;right:-220px;top:-330px;border-radius:50%;background:radial-gradient(circle,rgba(141,119,255,.2),rgba(81,174,205,.06) 48%,transparent 70%);pointer-events:none; }.download-shell { max-width:var(--max);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start;position:relative; }.download-copy { padding-top:30px; }.download-copy h2 { margin:28px 0 20px; }.download-copy>p { max-width:390px; }.download-benefits { display:grid;gap:13px;margin:28px 0;color:#c4c4d9;font-size:11px; }.download-benefits span { color:var(--cyan);margin-right:9px; }.github-link { display:inline-block;margin-top:15px;color:#b9a8ff;font:9px var(--mono);letter-spacing:1px; }.release-console,.development-console { padding:24px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); }.console-top { display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line); }.console-kicker { color:#9294b2;font:8px var(--mono);letter-spacing:1.5px; }.console-top h3 { font:600 22px var(--display);margin:7px 0 0; }.live-tag { padding:7px 10px;border-radius:20px;background:rgba(125,231,237,.08);color:#a3e9e9;font:8px var(--mono);letter-spacing:1px; }.live-tag i { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:6px;box-shadow:0 0 10px var(--cyan); }.latest-release { padding:22px 0 18px; }.latest-tag-row { display:flex;gap:10px;align-items:center; }.version-tag { padding:6px 10px;border-radius:8px;background:rgba(167,139,250,.17);border:1px solid rgba(167,139,250,.24);color:#d5c6ff;font:10px var(--mono); }.latest-label { color:#9a9bb5;font:8px var(--mono);letter-spacing:1px; }.release-date { margin-top:14px;color:#898ba6;font:8px var(--mono);letter-spacing:1px; }.release-title { font:600 21px var(--display);margin:8px 0; }.release-body { max-height:115px;overflow:auto;color:#aeb0c5;font-size:11px;line-height:1.8; }.release-body strong { color:#eeeafa; }.release-body code { color:#bfaeff; }.asset-list { margin-top:18px; }.asset-button { min-height:43px;padding:0 14px;border-radius:11px;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(100deg,#d4c2ff,#a3b7ff 60%,#a3e8e6);color:#141526;font-size:10px;font-weight:800;letter-spacing:.4px; }.asset-meta { color:#9699b1;font:9px var(--mono); }.asset-button .asset-meta { color:#3b3b5b; }.checksum-block { position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(0,0,0,.12); }.checksum-label { width:100%;color:#888ba6;font:8px var(--mono);letter-spacing:1px; }.checksum-value { min-width:0;flex:1;overflow-wrap:anywhere;color:#b9dfe2;font:9px var(--mono); }.checksum-copy { border:1px solid rgba(125,231,237,.3);background:rgba(125,231,237,.08);color:#a8ebed;border-radius:7px;padding:7px 10px;font:8px var(--mono);cursor:pointer; }.history-heading { display:flex;justify-content:space-between;padding:14px 0 10px;border-top:1px solid var(--line);color:#999bb5;font:8px var(--mono);letter-spacing:1px; }.release-list { display:grid;gap:9px; }.release-history-item { display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07); }.release-item-main { min-width:0; }.release-item-title { font-size:11px;font-weight:700; }.release-item-date,.release-item-tag { color:#9294ae;font:8px var(--mono);margin-top:5px; }.release-item-tag { margin:0; }.release-history-item .asset-button { grid-column:1/-1;min-height:34px;width:max-content;padding:0 12px;font-size:9px; }.release-history-item .checksum-block { grid-column:1/-1;margin-top:2px; }.all-releases { display:block;margin-top:17px;color:#bbaaff;font:8px var(--mono);letter-spacing:1px; }.loading-block,.feed-error { color:#b0b1c5;font:9px var(--mono);letter-spacing:.5px;padding:17px 0; }.feed-error { color:#ffaaa9; }
.together-section { display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center; }.together-intro h2 { margin-bottom:22px; }.together-intro>p { max-width:410px; }.connection-status { display:flex;align-items:center;gap:12px;margin-top:30px;padding:14px;border-radius:14px;max-width:330px; }.status-dot { width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan); }.status-dot.offline { background:#ff8c94;box-shadow:0 0 12px #ff8c94; }.connection-status div { flex:1; }.connection-status b,.connection-status small { display:block; }.connection-status b { font-size:11px; }.connection-status small { margin-top:4px;color:#9395ad;font-size:9px; }.connection-status>a { color:var(--cyan); }.together-panel { padding:24px;border-radius:22px; }.together-panel-head { display:flex;justify-content:space-between;color:#a5a6c0;font:8px var(--mono);letter-spacing:1.2px;padding-bottom:17px;border-bottom:1px solid var(--line); }.together-panel-head span:last-child { color:var(--pink);font-size:16px; }.server-address { padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--line); }.server-address>span { grid-column:1/-1;color:#8d90aa;font:8px var(--mono);letter-spacing:1px; }.server-address code { color:#c8c2fa;font:10px var(--mono);overflow-wrap:anywhere;align-self:center; }.server-address button { color:#a9e8eb;border:1px solid rgba(125,231,237,.25);background:rgba(125,231,237,.06);border-radius:7px;padding:8px 11px;font:8px var(--mono);cursor:pointer; }.together-step { display:flex;gap:17px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07); }.together-step>span:first-child { color:#bca9ff;font:13px var(--mono); }.together-step div { flex:1; }.together-step b { font-size:12px; }.together-step p { margin:5px 0 0;color:#9698b0;font-size:10px;line-height:1.6; }.step-arrow { color:#8185a2; }.fine-print { margin:17px 0 0;color:#7f829c;font-size:9px;line-height:1.7; }
.development-section { padding-top:30px; }.development-console { max-width:100%; }.console-link { color:#b9aaff;font:8px var(--mono);letter-spacing:1px; }.commit-list { display:grid; }.commit-row { display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:start;padding:17px 4px;border-bottom:1px solid rgba(255,255,255,.065); }.commit-symbol { width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(167,139,250,.11);color:#c3b1ff; }.commit-message { color:#e2e0f2;font-size:11px;line-height:1.6; }.commit-meta { display:flex;gap:12px;flex-wrap:wrap;margin-top:7px;color:#8588a2;font:8px var(--mono); }.commit-meta a { color:#9eafea; }.commit-date { color:#888aa4;font:8px var(--mono);white-space:nowrap;padding-top:4px; }
.closing { min-height:480px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 70%,rgba(107,95,202,.19),transparent 55%); }.closing-orb { position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(174,157,255,.12);box-shadow:0 0 0 40px rgba(174,157,255,.025),0 0 0 80px rgba(174,157,255,.018); }.closing-content { position:relative;z-index:1; }.closing-mark { width:55px;height:55px;margin:0 auto 24px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#bda8ff,#8fe4e7);color:#17162b;font:700 32px var(--display); }.closing-mark span { color:#fff; }.closing .eyebrow { justify-content:center; }.closing h2 { font-size:clamp(48px,6vw,72px);margin:22px 0 30px; }.closing-note { position:absolute;bottom:25px;color:#777b98;font:8px var(--mono);letter-spacing:1.5px; }
.footer { max-width:var(--max);margin:auto;padding:45px 30px 22px; }.footer-main { display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px; }.footer-main>p { color:#8e90aa;font-size:10px;line-height:1.8; }.footer-links { display:flex;gap:22px; }.footer-bottom { display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line);color:#777a95;font:8px var(--mono);letter-spacing:1px; }.footer-bottom a { color:#a9a6c7; }.toast { position:fixed;z-index:50;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(22,23,43,.94);backdrop-filter:blur(20px);color:#f1efff;font-size:11px;box-shadow:0 15px 40px rgba(0,0,0,.4);transition:.25s; }.toast.show { opacity:1;transform:translate(-50%,0); }
@media(max-width:900px) {
  .hero { grid-template-columns:1fr 1fr;gap:5px;padding-top:80px; }.hero h1 { font-size:64px; }.spatial-scene { transform:scale(.85);transform-origin:center; }.download-shell { gap:35px; }.together-section { gap:35px; }.main-nav { gap:19px; }
}
@media(max-width:680px) {
  .announcement { padding:0 17px;font-size:7px;letter-spacing:1px; }.announcement-right { font-size:7px; }.header { width:calc(100% - 28px);height:60px;padding:0 15px;margin-top:10px;border-radius:16px; }.logo-word { font-size:18px; }.nav-cta { margin-left:auto;margin-right:13px;padding:9px 12px;font-size:9px; }.menu-toggle { display:block; }.main-nav { display:none;position:absolute;top:68px;left:0;right:0;padding:17px;border-radius:17px;background:rgba(15,16,35,.96);border:1px solid var(--line);backdrop-filter:blur(25px);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 50px rgba(0,0,0,.4); }.main-nav.open { display:flex; }.main-nav a { padding:13px 5px;border-bottom:1px solid rgba(255,255,255,.06); }
  .hero { display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding:82px 22px 65px;gap:0; }.hero-copy { padding:0; }.hero h1 { font-size:clamp(58px,14vw,76px);letter-spacing:-4px;margin:23px 0 18px; }.hero-description { font-size:13px; }.hero-actions { gap:9px; }.button { min-height:46px;padding:0 14px;font-size:10px; }.hero-caption { margin-top:35px;font-size:7px; }.spatial-scene { height:420px;transform:scale(.83);transform-origin:center top;margin-top:28px;margin-bottom:-55px; }.scene-disc { width:300px;height:300px; }.orbit-one { width:380px;height:155px; }.orbit-two { width:340px;height:280px; }.orbit-three { width:400px;height:320px; }.scene-card { width:240px; }.scene-art { height:185px; }.float-chip { transform:scale(.85); }.chip-top { right:-15px;top:30px; }.chip-bottom { left:-20px;bottom:35px; }.hero-bottom { left:22px;right:22px;font-size:7px; }
  .section-shell { padding:78px 22px; }.manifesto-main { grid-template-columns:1fr;gap:20px;margin-top:35px; }.manifesto-heading { font-size:48px;letter-spacing:-2.7px; }.manifesto-decoration { font-size:130px;top:0;right:0; }.section-heading { display:block;margin-bottom:35px; }.section-heading h2,.download-copy h2,.together-intro h2 { font-size:49px;letter-spacing:-2.8px; }.section-heading>p { margin-top:18px;max-width:430px; }.feature-grid { grid-template-columns:1fr; }.feature-large { grid-row:auto;min-height:470px; }.feature-card { min-height:350px;padding:19px; }.feature-discovery,.feature-together { min-height:340px; }.library-visual { margin-top:32px;padding:14px; }.library-row { gap:9px; }.download-section { padding:78px 19px; }.download-shell { grid-template-columns:1fr;gap:40px; }.download-copy { padding:0 4px; }.release-console,.development-console,.together-panel { padding:17px;border-radius:17px; }.together-section { grid-template-columns:1fr;gap:35px; }.together-intro h2 { font-size:48px; }.development-section { padding-top:15px; }.commit-row { grid-template-columns:25px 1fr; }.commit-date { grid-column:2; }.closing { min-height:420px; }.closing h2 { font-size:52px;letter-spacing:-3px; }.footer { padding:35px 22px 20px; }.footer-main { align-items:flex-start;flex-direction:column;gap:17px; }.footer-links { flex-wrap:wrap;gap:17px; }.footer-bottom { gap:10px;flex-wrap:wrap;font-size:7px; }
}
@media(max-width:390px) {
  .nav-cta { font-size:8px;padding:8px 9px; }.hero h1 { font-size:56px; }.spatial-scene { transform:scale(.73);height:390px;margin-left:-15px;margin-right:-15px; }.hero-caption { letter-spacing:.3px; }.section-heading h2,.download-copy h2 { font-size:44px; }.release-history-item { grid-template-columns:1fr; }.release-item-tag { grid-row:2; }.release-history-item .asset-button { grid-column:1; }.release-history-item .checksum-block { grid-column:1; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }