:root {
  --ink: #f7f3ff;
  --ink-soft: #b8b0c9;
  --violet: #a855f7;
  --violet-deep: #8b5cf6;
  --cyan: #6fe8e1;
  --lavender: rgba(168, 85, 247, .13);
  --paper: rgba(16, 12, 25, .72);
  --paper-solid: #100c19;
  --line: rgba(202, 174, 238, .18);
  --shadow: 0 28px 80px rgba(0, 0, 0, .34);
  --shadow-soft: 0 14px 40px rgba(0, 0, 0, .24);
  --content: 1240px;
  --ease: cubic-bezier(.16, 1, .3, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: clip;
  color: var(--ink);
  background: #0b0811;
  font-family: Inter, "Segoe UI", "Microsoft YaHei UI", system-ui, sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% -18%, rgba(110, 60, 169, .16), transparent 44%), linear-gradient(180deg, rgba(11,8,17,.08), rgba(8,6,13,.26));
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid rgba(21, 191, 200, .78); outline-offset: 4px; }
::selection { color: #fff; background: var(--violet); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 200; padding: 10px 16px; border-radius: 999px; color: #fff; background: var(--violet-deep); transform: translateY(-160%); transition: transform .2s; }
.skip-link:focus { transform: none; }

.atc-field, .dot-field { position: fixed; inset: 0; pointer-events: none; overflow: hidden; }
.atc-field { z-index: 0; background: #000; }
.dot-field { z-index: 1; opacity: 1; background: transparent; }
.atc-field .effect-canvas, .dot-field .effect-canvas { pointer-events: none; }
.effect-canvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; }

.site-header, main, .site-footer { position: relative; z-index: 3; }
.site-header {
  position: fixed;
  top: max(16px, env(safe-area-inset-top));
  left: 50%;
  z-index: 100;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  width: min(calc(100% - 32px), 1180px);
  min-height: 66px;
  padding: 8px 10px 8px 12px;
  border: 1px solid rgba(205,180,239,.18);
  border-radius: 22px;
  background: rgba(14,10,22,.78);
  box-shadow: 0 12px 40px rgba(0,0,0,.28);
  backdrop-filter: blur(22px) saturate(145%);
  transform: translateX(-50%);
  transition: background .25s, box-shadow .25s, border-color .25s;
}
.site-header.is-scrolled { background: rgba(14,10,22,.93); border-color: rgba(190,151,241,.25); box-shadow: 0 16px 44px rgba(0,0,0,.36); }
.brand { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.brand-mark { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; overflow: hidden; border-radius: 15px; background: #11101b; box-shadow: 0 8px 22px rgba(74,53,159,.2); }
.brand-mark img { width: 100%; height: 100%; object-fit: cover; }
.brand > span:last-child { display: grid; line-height: 1.05; }
.brand strong { font-size: 16px; letter-spacing: -.02em; }
.brand small { margin-top: 5px; color: var(--ink-soft); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.site-nav { display: flex; align-items: center; justify-content: center; gap: clamp(14px, 2vw, 28px); }
.site-nav a { position: relative; padding: 10px 2px; color: #d1c9df; font-size: 13px; font-weight: 650; }
.site-nav a::after { content: ""; position: absolute; right: 0; bottom: 3px; left: 0; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--violet), var(--cyan)); transform: scaleX(0); transition: transform .25s var(--ease); }
.site-nav a:hover::after, .site-nav a:focus-visible::after { transform: scaleX(1); }
.header-download { padding: 13px 18px; border-radius: 14px; color: #fff; background: linear-gradient(135deg,#9d4edd,#6d4bd6); font-size: 12px; font-weight: 750; box-shadow: 0 10px 24px rgba(90,48,160,.32); transition: transform .2s, background .2s; }
.header-download:hover { background: var(--violet-deep); transform: translateY(-2px); }
.nav-toggle { display: none; width: 44px; height: 44px; padding: 12px; border: 0; border-radius: 13px; background: rgba(112,86,223,.09); }
.nav-toggle i { display: block; width: 20px; height: 2px; margin: 4px auto; border-radius: 2px; background: var(--ink); transition: transform .2s, opacity .2s; }

.section { width: min(calc(100% - 48px), var(--content)); margin-inline: auto; padding-block: clamp(90px, 11vw, 156px); }
.hero { position: relative; display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: clamp(36px, 5vw, 74px); min-height: max(760px, 100svh); padding-top: 142px; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 20px; color: #c39be9; font-family: "Cascadia Code", Consolas, monospace; font-size: 11px; font-weight: 720; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow.light { color: rgba(226,235,255,.7); }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #39c8ae; box-shadow: 0 0 0 5px rgba(57,200,174,.12); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 26px; font-size: clamp(58px, 7.3vw, 112px); line-height: .89; letter-spacing: -.072em; }
h1 em, h2 em { color: var(--violet); font-style: normal; font-weight: 500; }
.hero-lede { max-width: 590px; margin-bottom: 34px; color: var(--ink-soft); font-size: clamp(17px, 1.45vw, 21px); line-height: 1.75; }
.hero-actions, .release-actions, .source-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 12px; padding: 13px 20px; border: 1px solid transparent; border-radius: 16px; font-weight: 750; transition: transform .22s var(--ease), box-shadow .22s, background .22s; }
.button:hover { transform: translateY(-3px); }
.button-primary { color: #fff; background: linear-gradient(135deg, #7257f4, #5140d1); box-shadow: 0 14px 30px rgba(81,64,209,.26); }
.button-primary small { display: block; opacity: .68; font-family: "Cascadia Code", monospace; font-size: 9px; font-weight: 500; }
.button-primary > span:first-child { display: grid; }
.button-quiet { border-color: var(--line); background: rgba(18,13,29,.7); }
.button-quiet:hover { background: rgba(39,26,59,.92); box-shadow: var(--shadow-soft); }
.hero-facts { display: flex; gap: 0; margin: 46px 0 0; padding: 0; list-style: none; }
.hero-facts li { display: grid; gap: 3px; min-width: 120px; padding-right: 24px; }
.hero-facts li + li { padding-left: 24px; border-left: 1px solid var(--line); }
.hero-facts strong { font-size: 15px; }
.hero-facts span { color: var(--ink-soft); font-size: 11px; }
.hero-stage { position: relative; perspective: 1300px; transform-style: preserve-3d; }
.stage-halo { position: absolute; inset: -18% 0; border-radius: 50%; background: radial-gradient(circle, rgba(122,90,244,.25), rgba(84,218,218,.12) 42%, transparent 68%); filter: blur(28px); }
.app-frame { position: relative; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.78); border-radius: 24px; background: #11101a; box-shadow: 0 42px 100px rgba(46,35,84,.3), 0 0 0 7px rgba(255,255,255,.25); transform: rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .18s ease-out; }
.app-frame-bar { display: flex; height: 36px; align-items: center; gap: 6px; padding: 0 12px; color: rgba(255,255,255,.55); background: #181620; font-size: 9px; }
.app-frame-bar span, .terminal-bar span { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.22); }
.app-frame-bar span:first-child, .terminal-bar span:first-child { background: #ff6d78; }
.app-frame-bar span:nth-child(2), .terminal-bar span:nth-child(2) { background: #ffd166; }
.app-frame-bar span:nth-child(3), .terminal-bar span:nth-child(3) { background: #54d6ab; }
.app-frame-bar b { margin-left: 7px; font-family: "Cascadia Code", monospace; font-weight: 500; }
.app-frame img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.stage-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 11px 15px; border: 1px solid rgba(206,178,240,.22); border-radius: 13px; background: rgba(15,11,24,.82); box-shadow: var(--shadow-soft); backdrop-filter: blur(14px); font-size: 11px; font-weight: 750; }
.stage-chip-a { left: -24px; bottom: 18%; }
.stage-chip-a span { color: #48c8bf; text-shadow: 0 0 8px #48c8bf; }
.stage-chip-b { top: 10%; right: -22px; }
.stage-chip-b strong { color: var(--violet); }
.scroll-cue { position: absolute; bottom: 28px; left: 50%; display: grid; justify-items: center; gap: 7px; color: var(--ink-soft); font-size: 9px; font-weight: 700; letter-spacing: .12em; transform: translateX(-50%); text-transform: uppercase; }
.scroll-cue span { display: block; width: 1px; height: 28px; background: linear-gradient(var(--violet), transparent); }

.section-heading { max-width: 960px; margin-bottom: 60px; }
.section-heading.compact { max-width: 760px; }
.section-heading h2, .section-heading-row h2, .visual-copy h2, .spatial-copy h2, .support-copy h2, .source-copy h2, .entrance-copy h2, .account-copy h2 { margin-bottom: 22px; font-size: clamp(40px, 5.7vw, 76px); line-height: 1.04; letter-spacing: -.052em; }
.section-heading > p:last-child, .heading-aside, .visual-copy > p, .spatial-copy > p, .support-copy > p, .source-copy > p, .entrance-copy > p, .account-copy > p { color: var(--ink-soft); font-size: 17px; line-height: 1.75; }
.section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 46px; }
.section-heading-row h2 { margin-bottom: 0; }
.heading-aside { max-width: 410px; margin: 0; font-size: 14px; }
.product-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 24px; }
.manifesto-card { position: relative; min-height: 430px; padding: clamp(30px,5vw,64px); overflow: hidden; border: 1px solid rgba(255,255,255,.72); border-radius: 34px; color: #fff; background: linear-gradient(145deg, #4d3abf, #8270ee 54%, #4abfc4); box-shadow: var(--shadow); }
.manifesto-card::after { content: "LF"; position: absolute; right: -10px; bottom: -55px; color: rgba(255,255,255,.08); font-size: 250px; font-weight: 900; letter-spacing: -.12em; }
.card-index { font-family: "Cascadia Code", monospace; font-size: 11px; letter-spacing: .12em; }
.manifesto-card p { position: relative; z-index: 1; max-width: 600px; margin-top: 84px; font-size: clamp(27px, 3.2vw, 46px); font-weight: 600; line-height: 1.22; letter-spacing: -.035em; }
.signal-line { position: absolute; right: 34px; bottom: 34px; left: 34px; z-index: 2; display: flex; height: 44px; align-items: end; gap: 6px; }
.signal-line i { width: 5px; height: 25%; border-radius: 5px; background: rgba(255,255,255,.55); }
.signal-line i:nth-child(2), .signal-line i:nth-child(8) { height: 46%; }.signal-line i:nth-child(3), .signal-line i:nth-child(7) { height: 72%; }.signal-line i:nth-child(4), .signal-line i:nth-child(6) { height: 94%; }.signal-line i:nth-child(5) { height: 56%; }
.product-notes { display: grid; gap: 14px; }
.product-notes > div { display: grid; align-content: center; padding: 30px; border: 1px solid rgba(205,176,240,.18); border-radius: 26px; background: var(--paper); box-shadow: var(--shadow-soft); backdrop-filter: blur(18px); }
.product-notes span, .feature-card b, .track-info > span, .gesture-panel > span, .os-card span, .support-boundary span { color: var(--violet); font-family: "Cascadia Code", monospace; font-size: 9px; font-weight: 760; letter-spacing: .11em; }
.product-notes strong { margin: 8px 0 6px; font-size: 18px; }
.product-notes p { margin: 0; color: var(--ink-soft); font-size: 13px; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.feature-card { position: relative; min-height: 300px; padding: 28px; overflow: hidden; border: 1px solid rgba(206,178,240,.18); border-radius: 28px; background: rgba(16,12,25,.72); box-shadow: var(--shadow-soft); backdrop-filter: blur(18px); transition: transform .25s var(--ease), border-color .25s, box-shadow .25s; }
.feature-card:hover { border-color: rgba(114,87,244,.3); box-shadow: var(--shadow); transform: translateY(-6px); }
.feature-card-wide { grid-column: span 2; }
.feature-card-accent { color: #fff; background: linear-gradient(150deg,#27213f,#5741bd 64%,#38aeba); }
.feature-card-accent p { color: rgba(255,255,255,.7) !important; }
.feature-card-accent a { display: inline-block; margin-top: 10px; font-size: 12px; font-weight: 750; }
.feature-number { position: absolute; top: 24px; right: 26px; color: rgba(65,50,123,.38); font-family: "Cascadia Code", monospace; font-size: 10px; }
.feature-card-accent .feature-number { color: rgba(255,255,255,.46); }
.feature-icon { display: grid; width: 62px; height: 62px; place-items: center; margin-bottom: 42px; border-radius: 20px; color: var(--violet); background: var(--lavender); }
.feature-card h3 { margin-bottom: 10px; font-size: 21px; letter-spacing: -.025em; }
.feature-card p { max-width: 570px; margin-bottom: 18px; color: var(--ink-soft); font-size: 13px; }
.waveform-icon { grid-auto-flow: column; gap: 3px; }
.waveform-icon i { width: 3px; height: 18px; border-radius: 3px; background: var(--violet); }.waveform-icon i:nth-child(2),.waveform-icon i:nth-child(4){height:32px}.waveform-icon i:nth-child(3){height:42px}
.orbit-icon { position: relative; border: 1px solid rgba(114,87,244,.18); }.orbit-icon::before { content:""; width:32px; height:18px; border:2px solid var(--violet); border-radius:50%; transform:rotate(-28deg); }.orbit-icon i { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--cyan); transform:translate(14px,-8px); }
.stack-icon i { position:absolute; width:28px; height:16px; border:2px solid var(--violet); border-radius:5px; transform:translateY(calc((var(--i,0))*6px)); }.stack-icon i:first-child{transform:translateY(-8px)}.stack-icon i:last-child{transform:translateY(8px)}
.library-icon { grid-template-columns:repeat(3,7px); gap:4px; }.library-icon i { width:7px; height:28px; border-radius:4px; background:var(--violet); }.library-icon i:nth-child(2){height:40px;background:var(--cyan)}
.code-icon { color:#fff; background:rgba(255,255,255,.12); font-family:"Cascadia Code",monospace; font-size:18px; }

.gallery { width: min(calc(100% - 24px), 1420px); }
.gallery > .section-heading-row, .gallery > .asset-note { width: min(calc(100% - 24px), var(--content)); margin-inline: auto; }
.gallery-controls { display: flex; align-items: center; gap: 12px; }
.gallery-controls button { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: rgba(16,12,25,.78); cursor: pointer; transition: background .2s, transform .2s; }
.gallery-controls button:hover { color:#fff; background:var(--violet); transform:scale(1.06); }
.gallery-controls span { min-width: 54px; text-align:center; color:var(--ink-soft); font-family:"Cascadia Code",monospace; font-size:10px; }
.gallery-track { display: grid; grid-auto-columns: min(78vw, 980px); grid-auto-flow: column; gap: 20px; padding: 10px max(12px, calc((100% - var(--content))/2)) 34px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.gallery-track::-webkit-scrollbar { display:none; }
.gallery-card { position: relative; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.78); border-radius:30px; background:#171522; box-shadow:var(--shadow); scroll-snap-align:center; opacity:.74; transform:scale(.97); transition:opacity .3s,transform .3s; }
.gallery-card.is-current { opacity:1; transform:scale(1); }
.gallery-card picture { display:block; }
.gallery-card img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.gallery-card figcaption { display:grid; grid-template-columns:auto 1fr; gap:4px 22px; padding:22px 26px; color:#fff; background:#171522; }
.gallery-card figcaption span { grid-column:1/-1; color:#8edee1; font-family:"Cascadia Code",monospace; font-size:9px; letter-spacing:.1em; }
.gallery-card figcaption strong { font-size:20px; }
.gallery-card figcaption p { align-self:center; margin:0; color:rgba(255,255,255,.58); font-size:12px; text-align:right; }
.asset-note { display:flex; align-items:center; gap:10px; color:var(--ink-soft); font-size:11px; }
.asset-note span { width:8px; height:8px; border-radius:50%; background:#36bba5; box-shadow:0 0 0 5px rgba(54,187,165,.12); }

.visual-experience, .spatial, .support { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(44px,7vw,100px); }
.check-list { display:grid; gap:14px; margin:32px 0 0; padding:0; list-style:none; }
.check-list li { position:relative; padding-left:30px; color:#c4bdd0; font-size:14px; }.check-list li::before { content:"✓"; position:absolute; left:0; display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#fff; background:var(--violet); font-size:10px; }
.preset-orbit { position:relative; min-height:540px; border:1px solid rgba(205,176,240,.2); border-radius:50%; background:radial-gradient(circle,rgba(40,25,60,.82),rgba(18,13,29,.56) 50%,transparent 70%); box-shadow:inset 0 0 80px rgba(168,85,247,.12); }
.orbit-ring { position:absolute; inset:12%; border:1px solid rgba(114,87,244,.25); border-radius:50%; }.ring-two { inset:27%; border-style:dashed; transform:rotate(23deg); }
.orbit-core { position:absolute; top:50%; left:50%; display:grid; width:162px; height:162px; place-items:center; overflow:hidden; border-radius:50%; background:#181525; box-shadow:0 20px 50px rgba(59,42,129,.28); transform:translate(-50%,-50%); }
.orbit-core img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.58; }.orbit-core span { z-index:1; color:#fff; font-family:"Cascadia Code",monospace; font-size:10px; font-weight:800; letter-spacing:.12em; text-align:center; }
.preset-tag { position:absolute; padding:9px 13px; border:1px solid rgba(205,176,240,.22); border-radius:999px; background:rgba(15,11,24,.86); box-shadow:var(--shadow-soft); font-size:11px; font-weight:720; }.tag-one{top:10%;left:44%}.tag-two{top:48%;right:1%}.tag-three{bottom:8%;left:42%}.tag-four{top:48%;left:-1%}

.player-demo { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:30px; padding:28px 32px; border:1px solid rgba(205,176,240,.2); border-radius:32px; background:rgba(15,11,24,.8); box-shadow:var(--shadow); backdrop-filter:blur(20px); }
.player-demo.is-playing { box-shadow:0 30px 90px rgba(87,65,179,.24); }
.album-art { position:relative; width:112px; height:112px; overflow:hidden; border-radius:26px; background:#171421; }.album-art img{width:100%;height:100%;object-fit:cover}.record-ring{position:absolute;inset:17%;border:1px solid rgba(255,255,255,.3);border-radius:50%}.record-ring::after{content:"";position:absolute;inset:40%;border-radius:50%;background:rgba(255,255,255,.75)}
.is-playing .album-art img { animation:slow-spin 8s linear infinite; }.track-info strong{display:block;margin:7px 0 3px;font-size:23px}.track-info p{margin-bottom:16px;color:var(--ink-soft);font-size:12px}.demo-progress{height:4px;overflow:hidden;border-radius:4px;background:rgba(69,54,122,.11)}.demo-progress i{display:block;width:32%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .2s linear}.time-row{display:flex;justify-content:space-between;margin-top:7px;color:var(--ink-soft);font-family:"Cascadia Code",monospace;font-size:9px}
.player-actions { display:flex;align-items:center;gap:9px; }.player-actions button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;color:var(--ink);background:rgba(112,86,223,.09);cursor:pointer}.player-actions .play-toggle{width:58px;height:58px;color:#fff;background:var(--violet);box-shadow:0 10px 24px rgba(114,87,244,.3)}.play-toggle span{transform:translateX(1px)}
.demo-status{position:absolute;right:32px;bottom:10px;margin:0;color:var(--ink-soft);font-size:9px}.player-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.player-points article{padding:25px;border:1px solid rgba(205,176,240,.18);border-radius:22px;background:rgba(15,11,24,.7)}.player-points span{color:var(--violet);font-family:"Cascadia Code",monospace;font-size:10px}.player-points h3{margin:18px 0 8px;font-size:17px}.player-points p{margin:0;color:var(--ink-soft);font-size:12px}

.account-shell { display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; padding:clamp(34px,6vw,76px); border:1px solid rgba(205,176,240,.2); border-radius:38px; background:linear-gradient(135deg,rgba(15,11,24,.84),rgba(36,22,53,.7)); box-shadow:var(--shadow); }
.account-copy a { display:inline-block;margin-top:8px;color:#c084fc;font-size:12px;font-weight:750}.account-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.account-flow div{display:grid;min-height:190px;align-content:center;padding:20px;border:1px solid rgba(205,176,240,.18);border-radius:24px;background:rgba(13,9,21,.7)}.account-flow span{color:var(--violet);font-family:"Cascadia Code",monospace;font-size:10px}.account-flow strong{margin:20px 0 7px;font-size:15px}.account-flow small{color:var(--ink-soft);font-size:10px}.account-flow i{color:var(--violet);font-style:normal}

.spatial-stage { position:relative; min-height:520px; overflow:hidden; border:1px solid rgba(255,255,255,.16);border-radius:36px;color:#fff;background:#211a3e;box-shadow:var(--shadow);perspective:800px }
.spatial-grid { position:absolute;inset:-30%;background-image:linear-gradient(rgba(151,134,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(151,134,255,.24) 1px,transparent 1px);background-size:44px 44px;transform:rotateX(56deg) translateY(16%) rotateZ(var(--grid-rotate,0deg));transition:transform .18s ease-out;mask-image:linear-gradient(to bottom,transparent 5%,#000 45%,transparent 92%)}
.cursor-aura { position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(50,232,220,.36),rgba(120,92,245,.12) 48%,transparent 70%);transform:translate3d(calc(var(--cursor-x, 50%) - 90px),calc(var(--cursor-y, 50%) - 90px),0);transition:transform .08s linear;pointer-events:none }
.gesture-panel{position:absolute;top:50%;left:50%;z-index:2;width:min(72%,380px);padding:26px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(20,15,45,.7);backdrop-filter:blur(14px);transform:translate(-50%,-50%) rotateX(var(--panel-x,0deg)) rotateY(var(--panel-y,0deg));transition:transform .12s ease-out}.gesture-panel span{color:#72e4e0}.gesture-panel strong{display:block;margin:12px 0 8px;font-size:20px}.gesture-panel p{margin:0;color:rgba(255,255,255,.58);font-size:11px}.axis{position:absolute;color:rgba(255,255,255,.35);font-family:"Cascadia Code",monospace;font-size:9px}.axis-x{right:22px;bottom:20px}.axis-y{left:22px;top:20px}.axis-z{right:22px;top:20px}
.metric-list{display:flex;gap:0;margin:36px 0 0;padding:0;list-style:none}.metric-list li{display:grid;gap:4px;padding-right:28px}.metric-list li+li{padding-left:28px;border-left:1px solid var(--line)}.metric-list strong{font-size:20px}.metric-list span{color:var(--ink-soft);font-size:10px}

.entrance-section { position:relative; width:min(calc(100% - 32px),1440px); min-height:780px; overflow:hidden; border:1px solid rgba(205,176,240,.18);border-radius:44px;color:#fff;background:rgba(11,8,17,.42);box-shadow:0 40px 110px rgba(0,0,0,.3);backdrop-filter:blur(3px) }
.entrance-copy { display:grid;position:relative;z-index:2;max-width:980px;min-height:540px;align-content:center;margin:auto;text-align:center; }
.entrance-copy h2 { margin-bottom:18px;font-size:clamp(54px,8vw,106px);color:#fff }.entrance-copy>p{max-width:680px;margin-inline:auto;color:rgba(255,255,255,.68)}.entrance-copy .eyebrow{justify-content:center}.os-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:min(100%,760px);margin:46px auto 0;padding:22px;border:1px solid rgba(205,176,240,.22);border-radius:26px;background:rgba(14,10,23,.78);box-shadow:0 22px 60px rgba(0,0,0,.3);text-align:left;backdrop-filter:blur(18px);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out,border-color .2s}.os-card:hover{border-color:rgba(113,229,225,.52)}.windows-mark{display:grid;grid-template-columns:repeat(2,26px);grid-template-rows:repeat(2,26px);gap:3px;padding:14px;border-radius:18px;background:rgba(255,255,255,.08)}.windows-mark i{background:linear-gradient(145deg,#71e5e1,#8a77ff)}.os-card div:nth-child(2){display:grid}.os-card div:nth-child(2) span{color:#71e5e1}.os-card strong{margin:4px 0;font-size:26px}.os-card small{color:rgba(255,255,255,.5)}.os-card a{padding:14px 18px;border-radius:14px;color:#151224;background:#fff;font-size:12px;font-weight:800}

.install-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px;padding:0;list-style:none;counter-reset:step }.install-steps li{display:flex;gap:22px;min-height:190px;padding:28px;border:1px solid rgba(205,176,240,.18);border-radius:26px;background:rgba(15,11,24,.72);box-shadow:var(--shadow-soft)}.install-steps>li>span{color:var(--violet);font-family:"Cascadia Code",monospace;font-size:10px}.install-steps h3{margin-bottom:10px;font-size:18px}.install-steps p{margin:0;color:var(--ink-soft);font-size:12px}.install code,.release-card code{overflow-wrap:anywhere;color:#c9a4f3;font-family:"Cascadia Code",Consolas,monospace;font-size:.9em}
.release-card{display:grid;grid-template-columns:190px 1fr;gap:30px;padding:32px;border:1px solid rgba(205,176,240,.2);border-radius:32px;background:rgba(15,11,24,.8);box-shadow:var(--shadow)}.release-head{display:grid;align-content:start;gap:8px;padding-right:24px;border-right:1px solid var(--line)}.status-pill{width:max-content;padding:7px 10px;border-radius:999px;color:#7ee2d7;background:rgba(39,188,168,.1);font-family:"Cascadia Code",monospace;font-size:8px;font-weight:800;letter-spacing:.08em}.release-head strong{margin-top:16px;font-size:34px}.release-head small{color:var(--ink-soft)}.release-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0}.release-card dl>div{padding:11px 16px;border-bottom:1px solid var(--line)}.release-card dt{margin-bottom:4px;color:var(--ink-soft);font-family:"Cascadia Code",monospace;font-size:8px;text-transform:uppercase}.release-card dd{margin:0;font-size:12px;font-weight:700}.hash-row{grid-column:1/-1}.hash-row dd{display:flex;align-items:center;gap:12px}.hash-row code{flex:1}.hash-row button{border:0;border-radius:9px;padding:7px 12px;color:#fff;background:var(--violet);cursor:pointer}.release-actions{grid-column:2}.trust-note{display:grid;grid-template-columns:auto 1fr;gap:18px;margin-top:18px;padding:20px 24px;border:1px solid rgba(218,154,68,.28);border-radius:20px;background:rgba(55,37,17,.62)}.trust-note strong{color:#f0b866;font-family:"Cascadia Code",monospace;font-size:10px}.trust-note p{margin:0;color:#d8c4a3;font-size:11px}

.support-copy h2{font-size:clamp(40px,5vw,68px)}.support-boundary{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.support-boundary span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(15,11,24,.72);font-size:8px}.qr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.qr-card{margin:0;padding:16px;border:1px solid rgba(205,176,240,.2);border-radius:28px;background:rgba(15,11,24,.82);box-shadow:var(--shadow-soft)}.qr-image{display:grid;aspect-ratio:1/1;place-items:center;overflow:hidden;border-radius:18px;background:#fff}.qr-image img{width:100%;height:100%;object-fit:contain}.qr-card figcaption{display:grid;padding:15px 4px 4px}.qr-card figcaption span{color:var(--violet);font-size:11px;font-weight:750}.qr-card figcaption strong{margin:4px 0;font-size:15px}.qr-card figcaption small{color:var(--ink-soft);font-size:9px}

.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px;cursor:pointer;font-size:17px;font-weight:720;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{position:relative;width:24px;height:24px;flex:0 0 24px;border:1px solid var(--line);border-radius:50%}.faq summary span::before,.faq summary span::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:1px;background:var(--ink);transform:translate(-50%,-50%)}.faq summary span::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}.faq details[open] summary span::after{transform:translate(-50%,-50%) rotate(0)}.faq details p{max-width:820px;margin:0;padding:0 48px 26px 4px;color:var(--ink-soft);font-size:13px;line-height:1.75}

.open-source { width:min(calc(100% - 32px),1440px);padding-top:80px }.source-card{display:grid;grid-template-columns:1fr .9fr;gap:60px;padding:clamp(36px,7vw,90px);border-radius:44px;color:#fff;background:linear-gradient(145deg,#1d1833,#302459 62%,#184a55);box-shadow:0 40px 110px rgba(38,28,82,.32)}.source-copy>p{color:rgba(255,255,255,.62)}.button-light{color:#211c39;background:#fff}.button-outline-light{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}.terminal-card{align-self:center;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(7,7,16,.64);box-shadow:0 24px 60px rgba(0,0,0,.25)}.terminal-bar{display:flex;height:38px;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.1)}.terminal-bar b{margin-left:8px;color:rgba(255,255,255,.46);font-family:"Cascadia Code",monospace;font-size:8px;font-weight:500}.terminal-card pre{margin:0;padding:25px;overflow-x:auto;color:#99e4df;font-family:"Cascadia Code",Consolas,monospace;font-size:10px;line-height:1.85}

.site-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;width:min(calc(100% - 48px),var(--content));margin:0 auto;padding:50px 0 34px;border-top:1px solid var(--line)}.footer-brand{width:max-content}.site-footer>p{margin:0;color:var(--ink-soft);font-size:11px;text-align:right}.site-footer nav{display:flex;gap:20px}.site-footer nav a{color:var(--ink-soft);font-size:11px}.site-footer>small{color:rgba(190,181,207,.55);font-size:9px;text-align:right}.noscript{position:fixed;right:16px;bottom:16px;left:16px;z-index:300;padding:14px;border-radius:12px;color:#fff;background:#3a286b;text-align:center}

.js .reveal { opacity:0; transform:translateY(24px); transition:opacity .72s var(--ease),transform .72s var(--ease); }.js .reveal.is-visible{opacity:1;transform:none}.js .reveal[data-delay="1"]{transition-delay:.08s}.js .reveal[data-delay="2"]{transition-delay:.16s}
@keyframes slow-spin{to{transform:rotate(360deg)}}

@media (max-width: 1080px) {
  .site-nav{gap:14px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:160px}.hero-copy{max-width:760px}.hero-stage{width:min(100%,900px);margin-inline:auto}.scroll-cue{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card-wide{grid-column:span 2}.account-shell{grid-template-columns:1fr}.spatial,.visual-experience,.support{gap:46px}.release-card{grid-template-columns:160px 1fr}.source-card{gap:36px}.gallery-track{grid-auto-columns:min(86vw,920px)}
}

@media (max-width: 820px) {
  html{scroll-padding-top:86px}.site-header{grid-template-columns:1fr auto;min-height:58px}.brand-mark{width:42px;height:42px;flex-basis:42px;border-radius:13px}.header-download{display:none}.nav-toggle{display:block}.site-nav{position:absolute;top:calc(100% + 8px);right:0;left:0;display:grid;gap:0;padding:8px;border:1px solid rgba(205,176,240,.2);border-radius:18px;background:rgba(14,10,22,.97);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s}.site-nav.is-open{opacity:1;pointer-events:auto;transform:none}.site-nav a{padding:13px;border-radius:11px}.site-nav a:hover{background:var(--lavender)}.nav-toggle[aria-expanded="true"] i:first-of-type{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded="true"] i:nth-of-type(2){opacity:0}.nav-toggle[aria-expanded="true"] i:last-of-type{transform:translateY(-6px) rotate(-45deg)}
  .section{width:min(calc(100% - 32px),var(--content));padding-block:86px}.hero{padding-top:132px}.hero-facts{flex-wrap:wrap;row-gap:18px}.hero-facts li{min-width:33%;padding-right:14px}.hero-facts li+li{padding-left:14px}.stage-chip{display:none}.product-grid,.visual-experience,.spatial,.support,.source-card{grid-template-columns:1fr}.manifesto-card{min-height:360px}.feature-grid{grid-template-columns:1fr}.feature-card-wide{grid-column:auto}.gallery{width:100%}.gallery-track{grid-auto-columns:88vw;padding-inline:16px}.gallery>.section-heading-row,.gallery>.asset-note{width:calc(100% - 32px)}.gallery-card figcaption{grid-template-columns:1fr}.gallery-card figcaption p{text-align:left}.preset-orbit{min-height:500px;max-width:560px;width:100%;margin-inline:auto}.visual-copy{order:0}.player-demo{grid-template-columns:auto 1fr}.player-actions{grid-column:1/-1;justify-content:center}.demo-status{position:static;grid-column:1/-1;text-align:center}.player-points,.install-steps{grid-template-columns:1fr}.account-flow{grid-template-columns:1fr}.account-flow i{transform:rotate(90deg);text-align:center}.account-flow div{min-height:130px}.spatial-stage{min-height:450px}.entrance-section{min-height:700px}.os-card{grid-template-columns:auto 1fr}.os-card a{grid-column:1/-1;text-align:center}.release-card{grid-template-columns:1fr}.release-head{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--line)}.release-actions{grid-column:1}.trust-note{grid-template-columns:1fr}.source-card{padding:44px 26px}.site-footer{grid-template-columns:1fr}.site-footer>p,.site-footer>small{text-align:left}
}

@media (max-width: 560px) {
  .site-header{top:10px;width:calc(100% - 20px)}.brand small{display:none}.section{width:calc(100% - 24px);padding-block:72px}.hero{padding-top:112px}.eyebrow{font-size:9px}.hero-lede{font-size:15px}.hero-actions{display:grid}.button{width:100%}.hero-facts li{min-width:auto;flex:1}.app-frame{border-radius:16px}.app-frame-bar{height:28px}.section-heading h2,.section-heading-row h2,.visual-copy h2,.spatial-copy h2,.support-copy h2,.source-copy h2,.account-copy h2{font-size:37px}.section-heading-row{align-items:start;flex-direction:column}.manifesto-card{min-height:330px;padding:28px}.manifesto-card p{margin-top:62px;font-size:27px}.product-notes>div,.feature-card{padding:23px}.gallery-controls{align-self:flex-end}.gallery-track{grid-auto-columns:92vw;gap:12px;padding-inline:12px}.gallery-card{border-radius:20px}.gallery-card figcaption{padding:18px}.preset-orbit{min-height:340px}.orbit-core{width:112px;height:112px}.preset-tag{font-size:9px}.tag-one{top:6%;left:38%}.tag-two{right:-1%}.tag-three{bottom:4%;left:35%}.tag-four{left:-1%}.player-demo{grid-template-columns:1fr;padding:22px}.album-art{margin:auto}.track-info{text-align:center}.player-points{gap:10px}.account-shell{padding:26px 20px}.spatial-stage{min-height:390px}.gesture-panel{width:82%;padding:20px}.metric-list{flex-wrap:wrap;row-gap:18px}.metric-list li{padding-right:18px}.metric-list li+li{padding-left:18px}.entrance-section{width:calc(100% - 16px);min-height:640px;border-radius:28px}.entrance-copy{min-height:510px}.entrance-copy h2{font-size:52px}.os-card{gap:14px;padding:16px}.windows-mark{grid-template-columns:repeat(2,20px);grid-template-rows:repeat(2,20px);padding:10px}.os-card strong{font-size:21px}.release-card{padding:22px;border-radius:24px}.release-card dl{grid-template-columns:1fr}.hash-row{grid-column:auto}.hash-row dd{align-items:flex-start;flex-direction:column}.hash-row button{width:100%}.release-actions{display:grid}.qr-grid{grid-template-columns:1fr}.qr-card{max-width:340px;width:100%;margin-inline:auto}.source-card{border-radius:28px}.terminal-card pre{padding:18px;font-size:8px}.site-footer{width:calc(100% - 24px)}.site-footer nav{flex-wrap:wrap}.support-boundary span{font-size:7px}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.js .reveal{opacity:1;transform:none}.app-frame,.os-card,.gesture-panel,.spatial-grid{transform:none!important}
}
@media (forced-colors: active) { .button,.site-header,.feature-card,.release-card,.qr-card{border:1px solid CanvasText}.live-dot{forced-color-adjust:none}.atc-field,.dot-field{display:none} }