@charset "UTF-8";
@font-face { font-family:Panchang; src:url('assets/fonts/Panchang-Semibold.woff2') format('woff2'); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family:Panchang; src:url('assets/fonts/Panchang-Bold.woff2') format('woff2'); font-style:normal; font-weight:700; font-display:swap; }
:root { --bg:#1d1e1c; --ink:#f1f1ed; --muted:#b2b6ac; --line:#ffffff21; --lime:#ceff06; --blue:#0019ff; --violet:#5d00ff; --pink:#ff2e9b; --cyan:#4eddd3; color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:40px; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; isolation:isolate; }
.ambient { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:-1; opacity:.78; mask-image:linear-gradient(to right,#000 0%,transparent 34%,transparent 66%,#000 100%); }
.ambient canvas,.filament-fallback { position:absolute; inset:0; width:100%; height:100%; }
.filament-fallback { background:url('assets/filaments-static.svg') center/cover no-repeat; }
.ambient.ready .filament-fallback { display:none; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
a,button,summary { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid var(--lime); outline-offset:6px; }
::selection { background:var(--lime); color:var(--bg); }
.wrap { width:min(1240px,calc(100% - 112px)); margin-inline:auto; }
.header { min-height:124px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-bottom:1px solid var(--line); }
.brand-group { display:flex; flex-direction:column; gap:10px; align-items:flex-start; flex-shrink:0; }
.brand { display:block; line-height:0; }
.brand img { display:block; width:263px; height:auto; }
.studio-credit { color:#b4b6ae; font-size:12px; }
.studio-credit strong { color:var(--ink); font-weight:600; }
.studio-credit:hover strong { color:var(--pink); }
nav { display:flex; gap:26px; align-items:center; font-family:Panchang,Arial,sans-serif; font-weight:600; font-size:10px; }
nav a:hover { color:var(--cyan); }
.nav-cta { border:1px solid #73756d; padding:13px 18px; }
.nav-doc { border:1px solid #7455ff; padding:13px 18px; }
.nav-doc:hover { border-color:#b7a2ff; color:#d4c8ff; }
.hero { padding-block:90px 84px; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:44px; align-items:center; }
.hero-copy { min-width:0; }
.hero h1 { margin:0 0 30px; font-family:Panchang,Arial,sans-serif; font-size:clamp(35px,4.6vw,62px); font-weight:700; line-height:1.17; letter-spacing:-.045em; text-wrap:balance; }
.hero-emblem { margin:0; width:100%; max-width:500px; justify-self:end; position:relative; aspect-ratio:1; }
.hero-emblem img { display:block; width:100%; height:auto; object-fit:contain; }
.emblem-canvas { position:absolute; inset:0; width:100%; height:100%; display:block; opacity:0; pointer-events:none; }
.logo-ready .emblem-canvas { opacity:1; }
.logo-ready img { visibility:hidden; }
.hero h1 em { color:var(--lime); font-style:normal; }
.hero-platforms { margin:-7px 0 22px; font-family:Panchang,Arial,sans-serif; font-weight:600; font-size:clamp(13px,1.3vw,17px); line-height:1.7; letter-spacing:-.035em; }
.hero-platforms span { color:var(--muted); margin-inline:3px; }
.hero-platforms mark { display:inline-block; padding:1px 3px 2px; background:var(--lime); color:var(--bg); line-height:1.65; }
.intro { max-width:640px; margin:0; color:#c4c7bd; font-size:18px; line-height:1.7; }
.actions { margin-top:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:17px 23px; border:0; font-family:Panchang,Arial,sans-serif; font-size:11px; font-weight:600; }
.primary { background:var(--lime); color:#1c2116; }
.primary:hover:not(:disabled) { background:#dcff85; }
.button:disabled { cursor:not-allowed; opacity:.65; }
.glitch-cta { position:relative; overflow:hidden; isolation:isolate; }
.cta-label { position:relative; z-index:2; }
.glitch-cta.nav-cta { background:var(--lime); color:#1c2116; border-color:var(--lime); }
.cta-pixels { position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.pixel-ready .cta-label { color:transparent; }
.section { border-top:1px solid var(--line); padding-block:70px 76px; }
h2 { max-width:940px; margin:0; font-family:Panchang,Arial,sans-serif; font-size:clamp(24px,2.7vw,36px); font-weight:600; line-height:1.35; letter-spacing:-.035em; text-wrap:balance; }
.section-intro { max-width:740px; margin:22px 0 40px; color:var(--muted); font-size:16px; line-height:1.75; }
h3 { margin:0 0 12px; font-family:Panchang,Arial,sans-serif; font-size:15px; line-height:1.6; letter-spacing:-.025em; font-weight:600; }
.features { display:grid; gap:0; }
.features article { display:grid; grid-template-columns:1fr 1.7fr; gap:60px; padding:26px 0; border-top:1px solid var(--line); }
.features h3 { margin:0; }
.features h3 mark { padding:3px 5px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.features article:nth-child(1) h3 mark { background:var(--cyan); color:var(--bg); }
.features article:nth-child(2) h3 mark { background:var(--pink); color:var(--bg); }
.features article:nth-child(3) h3 mark { background:var(--violet); color:#fff; }
.highlight { background:var(--lime); color:var(--bg); padding:1px 3px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.features p,.compute-summary p,.performance-details p,.workflow-list p { margin:0; color:var(--muted); font-size:15px; line-height:1.75; }
.material-profiles { max-width:740px; margin:28px 0 0; color:var(--muted); font-size:15px; line-height:1.75; }
.performance-section { border-top:0; padding-block:0; }
.performance-section>.wrap { padding-block:70px 76px; border-top:1px solid var(--line); }
.performance-grid { display:grid; grid-template-columns:1fr 1.7fr; gap:60px; }
.compute-summary { padding-right:25px; }
.performance-details article { padding:24px 0; border-top:1px solid var(--line); }
.performance-details article:first-child { padding-top:0; border-top:0; }
.performance-details article:last-child { padding-bottom:0; }
.note { color:#a3a79c; font-size:13px; line-height:1.75; }
.performance-note { max-width:900px; margin:34px 0 0; }
.workflow-list { display:grid; grid-template-columns:repeat(3,1fr); gap:42px; }
.availability { border-top:1px solid var(--line); padding-block:65px 40px; }
.availability-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:60px; align-items:start; }
.availability h2 { font-size:clamp(24px,2.4vw,32px); }
.release-label { margin:18px 0 0; color:var(--muted); font-size:15px; line-height:1.6; }
.availability-grid .note { max-width:350px; margin-bottom:0; }
.requirements { margin-top:45px; border-top:1px solid var(--line); }
.requirements summary { padding:22px 0; cursor:pointer; list-style:none; font-size:14px; display:flex; justify-content:space-between; gap:20px; }
.requirements summary::-webkit-details-marker { display:none; }
.requirements summary span { color:var(--lime); font-size:18px; }
.requirements-content { max-width:900px; padding-bottom:15px; }
.requirements-content p { font-size:14px; line-height:1.8; color:var(--muted); }
.requirements-content strong { color:var(--ink); }
footer { border-top:1px solid var(--line); padding-block:28px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#a3a79c; font-size:13px; }
footer p { margin:0; }
footer a:hover { color:var(--ink); }
footer>a:first-child:hover { color:var(--pink); }
.skip { position:fixed; top:-100px; left:20px; padding:15px; background:var(--lime); color:#111; z-index:5; }
.skip:focus { top:15px; }
@media(max-width:1000px) {
  .wrap { width:calc(100% - 64px); }
  nav { gap:18px; }
  nav>a:not(.nav-cta):not(.nav-doc) { display:none; }
  .hero { padding-block:75px; }
  .features article,.performance-grid { grid-template-columns:1fr 1.5fr; gap:36px; }
  .workflow-list { gap:28px; }
}
@media(max-width:900px) {
  .hero { grid-template-columns:1fr; gap:42px; }
  .hero-copy { max-width:720px; }
  .hero h1 { font-size:clamp(35px,5.6vw,54px); }
  .hero-emblem { width:min(72%,390px); justify-self:center; }
}
@media(max-width:650px) {
  html { scroll-padding-top:24px; }
  .wrap { width:calc(100% - 40px); }
  .header { min-height:112px; gap:20px; flex-wrap:wrap; padding-block:22px; }
  .brand img { width:190px; height:auto; }
  .studio-credit { font-size:11px; }
  nav { width:100%; gap:12px; }
  nav>a:not(.nav-cta):not(.nav-doc) { display:none; }
  .nav-cta,.nav-doc { padding:12px 10px; font-size:8px; line-height:1.5; text-align:center; flex:1; }
  .hero { padding-block:52px 58px; gap:36px; }
  .hero-emblem { width:min(80%,300px); }
  .hero h1 { font-size:clamp(27px,7.1vw,44px); letter-spacing:-.045em; line-height:1.23; margin-bottom:24px; }
  .intro { font-size:16px; line-height:1.7; }
  .actions { margin-top:26px; }
  .section,.performance-section>.wrap { padding-block:45px 48px; }
  .performance-section { padding-block:0; }
  .section-intro { font-size:15px; margin:20px 0 30px; }
  h2 { font-size:24px; }
  h3 { font-size:15px; }
  .ambient { opacity:.48; mask-image:linear-gradient(to right,#000 0%,transparent 29%,transparent 71%,#000 100%); }
  .features article,.performance-grid { grid-template-columns:1fr; gap:12px; }
  .features article { padding-block:24px; }
  .performance-grid { gap:28px; }
  .compute-summary { padding-right:0; }
  .performance-details article:first-child { border-top:1px solid var(--line); padding-top:24px; }
  .features p,.compute-summary p,.performance-details p,.workflow-list p,.material-profiles { font-size:14px; }
  .performance-note { margin-top:28px; font-size:12px; }
  .workflow-list { grid-template-columns:1fr; gap:28px; }
  .availability { padding-block:45px 25px; }
  .availability-grid { grid-template-columns:1fr; gap:26px; }
  .requirements { margin-top:32px; }
  footer { font-size:12px; }
}
@media(max-width:360px) { .brand img { width:165px; } .nav-cta,.nav-doc { font-size:7px; padding:11px 8px; } .hero h1 { font-size:25px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }