:root {
  --bg: #02070c;
  --bg-2: #050d15;
  --panel: rgba(6, 18, 29, .88);
  --panel-solid: #07131e;
  --panel-soft: rgba(10, 28, 42, .72);
  --line: rgba(95, 205, 244, .18);
  --line-strong: rgba(95, 219, 255, .42);
  --text: #effaff;
  --muted: #91a9b7;
  --cyan: #55dcff;
  --cyan-2: #1ca7d5;
  --red: #ff5364;
  --green: #55e2ad;
  --amber: #f5bb55;
  --violet: #a889ff;
  --container: 1180px;
  --shadow: 0 24px 70px rgba(0,0,0,.42);
  --radius: 12px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; color-scheme: dark; }
body { margin: 0; min-width: 320px; background:
  radial-gradient(circle at 76% 4%, rgba(30, 140, 185, .13), transparent 25rem),
  linear-gradient(rgba(53, 170, 214, .035) 1px, transparent 1px),
  linear-gradient(90deg, rgba(53, 170, 214, .035) 1px, transparent 1px),
  var(--bg); background-size: auto, 44px 44px, 44px 44px, auto; color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:100; opacity:.045; background: repeating-linear-gradient(0deg, transparent 0 3px, #dffaff 4px); }
body.menu-open { overflow:hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
::selection { background: rgba(85, 220, 255, .25); color:#fff; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.skip-link { position:fixed; left:16px; top:-80px; z-index:999; padding:12px 16px; background:#fff; color:#000; font-weight:800; transition:top .2s; }
.skip-link:focus { top:16px; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline:auto; }
.section { padding: 96px 0; }
.section--tight { padding: 70px 0; }
.section--dark { background: linear-gradient(180deg, rgba(1,6,10,.16), rgba(1,6,10,.82)); border-block: 1px solid rgba(94,203,244,.09); }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--cyan); font:800 .74rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow::before { content:""; width:22px; height:1px; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
h1,h2,h3,p { overflow-wrap:break-word; }
h1,h2,h3 { letter-spacing:-.025em; }
h1 { margin:14px 0 18px; font-size:clamp(3rem,7vw,6.4rem); line-height:.97; }
h2 { margin:0; font-size:clamp(2rem,4vw,3.4rem); line-height:1.05; }
h3 { margin:0; }
.lead { max-width:760px; color:var(--muted); font-size:1.08rem; }
.muted { color:var(--muted); }
.kicker { color:var(--cyan); font:700 .77rem ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.divider-title { display:flex; align-items:center; gap:20px; margin-bottom:14px; }
.divider-title::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,var(--line-strong),transparent); }
.section-heading { display:grid; grid-template-columns:1fr auto; align-items:end; gap:28px; margin-bottom:34px; }
.section-heading p { max-width:620px; margin:10px 0 0; color:var(--muted); }

.site-header { position:sticky; top:0; z-index:90; background:rgba(2,7,12,.86); border-bottom:1px solid rgba(85,211,255,.16); backdrop-filter: blur(16px); }
.header-inner { height:74px; display:flex; align-items:center; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; font-size:1.14rem; letter-spacing:.02em; }
.brand img { width:38px; height:38px; }
.brand strong { font-weight:850; }
.brand strong span { color:#c1d4de; font-weight:650; }
.nav { margin-left:auto; display:flex; align-items:center; gap:24px; }
.nav a { position:relative; color:#aabdc8; font-size:.84rem; font-weight:750; }
.nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-12px; height:2px; background:var(--cyan); box-shadow:0 0 10px var(--cyan); transition:right .2s ease; }
.nav a:hover,.nav a.is-active { color:#fff; }
.nav a:hover::after,.nav a.is-active::after { right:0; }
.header-actions { display:flex; align-items:center; gap:10px; }
.icon-link { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--line); background:rgba(8,24,36,.72); color:#c6d8e1; }
.icon-link:hover { border-color:var(--cyan); color:#fff; background:rgba(18,80,105,.28); }
.menu-button { display:none; width:42px; height:42px; border:1px solid var(--line); background:rgba(8,24,36,.72); cursor:pointer; padding:10px; }
.menu-button span { display:block; height:2px; background:#fff; margin:5px 0; transition:.25s; }
.menu-open .menu-button span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.menu-open .menu-button span:nth-child(2){ opacity:0; }
.menu-open .menu-button span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 19px; border:1px solid var(--cyan); background:linear-gradient(180deg,rgba(16,101,133,.72),rgba(8,53,73,.78)); color:#fff; font-weight:820; font-size:.86rem; box-shadow:inset 0 0 22px rgba(85,220,255,.08),0 0 0 rgba(85,220,255,0); transition:transform .18s,border-color .18s,box-shadow .18s,background .18s; cursor:pointer; }
.button:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(32,171,217,.17); background:linear-gradient(180deg,rgba(20,121,156,.82),rgba(8,63,86,.85)); }
.button--ghost { border-color:rgba(119,205,237,.32); background:rgba(5,15,24,.64); color:#c8d9e2; }
.button--ghost:hover { border-color:var(--cyan); color:#fff; }
.button--red { border-color:var(--red); background:rgba(100,22,37,.58); }
.button--small { min-height:40px; padding-inline:15px; font-size:.78rem; }
.button--wide { width:100%; }
.button[aria-disabled="true"] { opacity:.55; pointer-events:none; }

.hero { min-height:670px; display:grid; align-items:center; border-bottom:1px solid rgba(87,206,247,.12); overflow:hidden; position:relative; }
.hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 77% 43%,rgba(43,161,205,.21),transparent 28%),linear-gradient(90deg,rgba(2,7,12,.94) 0%,rgba(2,7,12,.64) 50%,rgba(2,7,12,.1) 100%); }
.hero-grid { position:relative; display:grid; grid-template-columns:.94fr 1.06fr; align-items:center; gap:55px; padding:82px 0; }
.hero h1 span { color:var(--cyan); text-shadow:0 0 34px rgba(85,220,255,.2); }
.hero__copy > p { max-width:650px; color:var(--muted); font-size:1.08rem; }
.hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; }
.hero__stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:43px; }
.stat { padding:15px 16px; background:rgba(5,17,27,.66); border:1px solid rgba(100,209,246,.15); }
.stat strong { display:block; color:#fff; font-size:1.12rem; }
.stat span { color:var(--muted); font-size:.75rem; }
.hero__visual { position:relative; }
.hero__visual::before { content:""; position:absolute; inset:10% 0; background:radial-gradient(circle,rgba(73,205,251,.2),transparent 65%); filter:blur(35px); }
.hero__visual img { position:relative; filter:drop-shadow(0 30px 50px rgba(0,0,0,.5)); transform:perspective(1200px) rotateY(-5deg) rotateX(2deg); }
.live-pill { display:inline-flex; align-items:center; gap:7px; color:#b8d4df; font:700 .72rem ui-monospace,monospace; }
.live-pill::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }

.page-hero { padding:110px 0 72px; border-bottom:1px solid rgba(89,204,245,.13); background:radial-gradient(circle at 80% 20%,rgba(25,129,173,.14),transparent 30rem); }
.page-hero h1 { font-size:clamp(3.2rem,7vw,5.7rem); }
.page-hero p { max-width:760px; color:var(--muted); font-size:1.06rem; }
.breadcrumbs { display:flex; gap:9px; align-items:center; color:#688493; font-size:.78rem; margin-bottom:25px; }
.breadcrumbs a:hover { color:var(--cyan); }

.script-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.script-card { position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid rgba(104,207,244,.2); background:linear-gradient(160deg,rgba(8,24,36,.96),rgba(4,13,22,.96)); box-shadow:var(--shadow); overflow:hidden; transition:transform .2s,border-color .2s; }
.script-card:hover { transform:translateY(-5px); border-color:rgba(85,220,255,.55); }
.script-card::after { content:""; position:absolute; right:-45px; bottom:-65px; width:130px; height:130px; border:1px solid rgba(85,220,255,.12); transform:rotate(45deg); }
.script-card[data-accent="red"] { --card-accent:var(--red); }
.script-card[data-accent="blue"] { --card-accent:#70baff; }
.script-card[data-accent="violet"] { --card-accent:var(--violet); }
.script-card[data-accent="cyan"] { --card-accent:var(--cyan); }
.script-card__image { aspect-ratio:16/9; overflow:hidden; border-bottom:1px solid rgba(99,205,244,.19); background:#04101a; }
.script-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.script-card:hover .script-card__image img { transform:scale(1.035); }
.script-card__body { display:flex; flex-direction:column; flex:1; padding:21px; }
.script-card__top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:13px; }
.script-card h3 { font-size:1.28rem; }
.script-card p { color:var(--muted); font-size:.88rem; margin:9px 0 19px; }
.script-card__meta { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; }
.script-card__github { display:flex; justify-content:space-between; gap:8px; color:#718b9a; font:650 .72rem ui-monospace,monospace; padding-top:16px; margin-top:16px; border-top:1px solid rgba(94,203,242,.1); }
.script-card__actions { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:17px; position:relative; z-index:2; }
.badge { display:inline-flex; align-items:center; min-height:25px; padding:0 9px; border:1px solid rgba(102,203,239,.22); background:rgba(6,28,42,.72); color:#a9c7d5; font:750 .67rem ui-monospace,monospace; text-transform:uppercase; letter-spacing:.05em; }
.badge--status { border-color:rgba(85,226,173,.35); color:#8df0c8; background:rgba(18,86,65,.22); }
.badge--free { border-color:rgba(85,220,255,.35); color:#8ce9ff; }
.badge--red { border-color:rgba(255,83,100,.36); color:#ff9ca7; background:rgba(92,17,29,.2); }
.empty-state { grid-column:1/-1; padding:72px 28px; text-align:center; border:1px solid var(--line); background:var(--panel); }

.toolbar { display:grid; grid-template-columns:1fr auto; align-items:end; gap:24px; margin-bottom:26px; padding:18px; border:1px solid var(--line); background:rgba(5,16,26,.72); }
.filter-groups { display:flex; flex-wrap:wrap; gap:16px 26px; }
.filter-group label { display:block; margin-bottom:8px; color:#718b99; font:750 .66rem ui-monospace,monospace; letter-spacing:.09em; text-transform:uppercase; }
.filter-row { display:flex; flex-wrap:wrap; gap:7px; }
.filter-button { min-height:36px; padding:0 12px; border:1px solid rgba(102,204,241,.18); background:#06131e; color:#91a9b7; cursor:pointer; font-size:.78rem; font-weight:760; }
.filter-button:hover,.filter-button.is-active { color:#fff; border-color:var(--cyan); background:rgba(20,80,103,.36); }
.search-wrap { min-width:min(100%,310px); }
.search-wrap label { display:block; margin-bottom:8px; color:#718b99; font:750 .66rem ui-monospace,monospace; letter-spacing:.09em; text-transform:uppercase; }
.search-wrap input { width:100%; min-height:43px; padding:0 14px; border:1px solid rgba(103,204,242,.24); background:#030b12; color:#fff; outline:none; }
.search-wrap input:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(85,220,255,.08); }
.results-count { margin:0 0 15px; color:#7892a0; font-size:.83rem; }

.info-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid var(--line); background:var(--line); }
.info-strip__item { min-height:104px; padding:19px; background:#06121d; }
.info-strip__item span { display:block; color:#6f8998; font:700 .67rem ui-monospace,monospace; text-transform:uppercase; letter-spacing:.09em; }
.info-strip__item strong { display:block; margin-top:10px; color:#fff; font-size:1.06rem; }

.quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.quick-card { padding:28px; border:1px solid rgba(104,205,244,.22); background:linear-gradient(150deg,rgba(8,24,36,.94),rgba(4,12,20,.96)); box-shadow:var(--shadow); position:relative; overflow:hidden; }
.quick-card::before { content:""; position:absolute; width:100px; height:100px; right:-28px; top:-35px; border:1px solid rgba(83,211,255,.13); transform:rotate(45deg); }
.quick-card__icon { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(96,219,255,.42); background:rgba(18,88,119,.18); color:var(--cyan); font-family:ui-monospace,monospace; font-weight:900; margin-bottom:26px; }
.quick-card h3 { font-size:1.3rem; }
.quick-card p { margin:10px 0 22px; color:var(--muted); }

.recent-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; }
.activity-panel,.roadmap-panel { border:1px solid var(--line); background:var(--panel); padding:26px; }
.activity-list { display:grid; gap:0; margin-top:17px; }
.activity-item { display:grid; grid-template-columns:120px 1fr auto; gap:18px; align-items:center; padding:15px 0; border-top:1px solid rgba(95,202,240,.11); }
.activity-item:first-child { border-top:0; }
.activity-item__repo { color:var(--cyan); font:700 .74rem ui-monospace,monospace; }
.activity-item p { margin:0; color:#c8d8df; font-size:.86rem; }
.activity-item time { color:#6f8998; font-size:.75rem; }
.roadmap-mini { display:grid; gap:10px; margin-top:18px; }
.roadmap-mini__item { padding:15px; border:1px solid rgba(98,201,239,.13); background:rgba(3,11,18,.55); }
.roadmap-mini__item strong { display:block; }
.roadmap-mini__item span { color:var(--amber); font:700 .68rem ui-monospace,monospace; text-transform:uppercase; }

.community { padding:78px 0; }
.community-card { display:grid; grid-template-columns:1.3fr .7fr; align-items:center; gap:30px; padding:45px; border:1px solid rgba(97,214,255,.34); background:linear-gradient(110deg,rgba(7,27,42,.98),rgba(4,13,22,.95)); box-shadow:var(--shadow); position:relative; overflow:hidden; }
.community-card::before { content:""; position:absolute; width:430px; height:430px; right:-130px; top:-200px; background:radial-gradient(circle,rgba(63,209,255,.2),transparent 67%); }
.community-card h2 { margin:8px 0; }
.community-card p { margin:0; color:var(--muted); }
.community-card__action { display:flex; justify-content:flex-end; position:relative; }

.detail-hero { padding:100px 0 74px; border-bottom:1px solid rgba(93,203,244,.14); }
.detail-hero__grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:64px; }
.detail-hero h1 { font-size:clamp(3.4rem,7vw,6rem); }
.detail-hero__copy p { color:var(--muted); font-size:1.07rem; }
.detail-hero__visual { padding:10px; border:1px solid rgba(103,212,249,.27); background:rgba(7,20,31,.8); box-shadow:var(--shadow); transform:perspective(1000px) rotateY(-4deg); }
.detail-hero__meta { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0 28px; }
.detail-actions { display:flex; flex-wrap:wrap; gap:10px; }
.detail-live { display:flex; flex-wrap:wrap; gap:22px; margin-top:27px; color:#728d9b; font:700 .74rem ui-monospace,monospace; }
.detail-live b { color:#dceaf0; }
.detail-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:60px; align-items:start; }
.detail-main > section + section { margin-top:68px; }
.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:25px; }
.feature-item { min-height:115px; padding:20px; border:1px solid rgba(97,204,244,.15); background:rgba(6,18,29,.62); }
.feature-item span { display:block; color:var(--cyan); font:700 .7rem ui-monospace,monospace; }
.feature-item p { margin:12px 0 0; color:#d1e0e7; font-weight:650; }
.detail-sidebar { position:sticky; top:96px; display:grid; gap:14px; }
.info-card { padding:23px; border:1px solid rgba(103,207,244,.2); background:rgba(6,18,29,.88); }
.info-card h3 { margin-bottom:16px; font-size:1.06rem; }
.info-card dl { margin:0; }
.info-card dl div { display:grid; grid-template-columns:88px 1fr; gap:12px; padding:10px 0; border-top:1px solid rgba(95,198,236,.1); }
.info-card dl div:first-child { border-top:0; }
.info-card dt { color:var(--muted); font-size:.82rem; }
.info-card dd { margin:0; text-align:right; font-size:.82rem; font-weight:700; }
.info-card ul { margin:0; padding-left:19px; color:var(--muted); font-size:.86rem; }
.info-card li + li { margin-top:8px; }
.gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px; }
.gallery-item { position:relative; padding:0; border:1px solid rgba(97,205,245,.18); background:#04101a; cursor:zoom-in; overflow:hidden; text-align:left; }
.gallery-item img { aspect-ratio:16/9; width:100%; object-fit:cover; transition:transform .3s; }
.gallery-item:hover img { transform:scale(1.04); }
.gallery-item__caption { padding:15px; }
.gallery-item__caption strong { display:block; }
.gallery-item__caption span { color:var(--muted); font-size:.78rem; }
.lightbox { position:fixed; inset:0; z-index:200; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(0,3,7,.94); }
.lightbox.is-open { display:flex; }
.lightbox__inner { max-width:1100px; width:100%; }
.lightbox img { width:100%; max-height:78vh; object-fit:contain; border:1px solid rgba(85,220,255,.42); background:#02080e; }
.lightbox__caption { display:flex; justify-content:space-between; gap:20px; margin-top:12px; color:#b8ccd6; }
.lightbox__close { position:absolute; top:18px; right:18px; width:44px; height:44px; border:1px solid var(--line-strong); background:#06131d; color:#fff; cursor:pointer; }

.docs-index { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:30px; }
.docs-card { padding:26px; border:1px solid var(--line); background:var(--panel); }
.docs-card h3 { margin:7px 0 9px; font-size:1.25rem; }
.docs-card p { color:var(--muted); margin:0 0 20px; }
.docs-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:50px; align-items:start; }
.docs-nav { position:sticky; top:96px; padding:18px; border:1px solid var(--line); background:rgba(6,18,29,.9); }
.docs-nav strong { display:block; margin-bottom:11px; }
.docs-nav a { display:block; padding:8px 10px; color:var(--muted); font-size:.85rem; border-left:2px solid transparent; }
.docs-nav a:hover,.docs-nav a.is-current { color:#fff; border-left-color:var(--cyan); background:rgba(22,91,117,.15); }
.docs-content h2 { margin:0 0 13px; font-size:2rem; }
.docs-content h3 { margin-top:30px; }
.docs-content p,.docs-content li { color:var(--muted); }
.docs-section { padding-bottom:52px; margin-bottom:52px; border-bottom:1px solid rgba(105,205,242,.13); scroll-margin-top:105px; }
.code-block { position:relative; padding:19px 20px; background:#02080e; border:1px solid rgba(101,205,243,.2); color:#b7eaff; overflow-x:auto; font: .84rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre; }
.notice { padding:17px 19px; border-left:3px solid var(--cyan); background:rgba(24,93,120,.15); color:#bdd3df; }
.notice--warn { border-color:var(--amber); background:rgba(110,73,18,.14); }
.step-list { counter-reset:steps; display:grid; gap:12px; padding:0; list-style:none; }
.step-list li { counter-increment:steps; position:relative; padding:18px 18px 18px 60px; border:1px solid rgba(97,204,243,.14); background:rgba(6,18,29,.55); }
.step-list li::before { content:counter(steps,decimal-leading-zero); position:absolute; left:18px; top:18px; color:var(--cyan); font:700 .75rem ui-monospace,monospace; }

.update-status { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; color:#7893a1; font-size:.82rem; }
.update-list { display:grid; gap:12px; }
.update-card { display:grid; grid-template-columns:150px 1fr auto; gap:24px; align-items:center; padding:23px; border:1px solid rgba(104,207,244,.18); background:rgba(6,18,29,.82); }
.update-card__repo { color:var(--cyan); font:700 .75rem ui-monospace,monospace; }
.update-card h3 { font-size:1.06rem; margin-bottom:4px; }
.update-card p { margin:0; color:var(--muted); font-size:.84rem; }
.update-card time { color:#6f8998; font-size:.75rem; white-space:nowrap; }
.skeleton { animation:pulse 1.4s infinite; background:linear-gradient(90deg,rgba(23,53,68,.35),rgba(49,96,116,.35),rgba(23,53,68,.35)); background-size:200% 100%; }
@keyframes pulse { to { background-position:-200% 0; } }

.roadmap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.roadmap-card { padding:27px; border:1px solid var(--line); background:var(--panel); }
.roadmap-card__status { display:inline-flex; color:var(--amber); font:750 .7rem ui-monospace,monospace; text-transform:uppercase; letter-spacing:.08em; }
.roadmap-card h3 { margin:12px 0 9px; font-size:1.35rem; }
.roadmap-card p { color:var(--muted); margin:0; }
.release-list { display:grid; gap:10px; }
.release-row { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:18px; padding:17px 19px; border:1px solid rgba(99,203,241,.14); background:rgba(6,18,29,.55); }
.release-row span { color:var(--muted); font-size:.82rem; }

.support-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:22px; }
.checklist,.support-template { padding:28px; border:1px solid var(--line); background:var(--panel); }
.checklist ul { list-style:none; padding:0; margin:20px 0 0; display:grid; gap:12px; }
.checklist li { position:relative; padding-left:30px; color:#c7d8df; }
.checklist li::before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:900; }
.template-actions { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:12px; }
.copy-state { color:var(--green); font-size:.78rem; min-height:1.2em; }

.about-grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:54px; align-items:center; }
.about-terminal { padding:26px; border:1px solid rgba(100,207,245,.28); background:#02090f; box-shadow:var(--shadow); font: .87rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace; color:#b7deed; }
.terminal-top { display:flex; gap:7px; padding-bottom:17px; border-bottom:1px solid rgba(111,207,241,.16); }
.terminal-top span { width:9px; height:9px; border-radius:50%; background:#1d6685; }
.terminal-top span:nth-child(2){ background:#39a5cf; }.terminal-top span:nth-child(3){ background:#ff5364; }
.about-terminal b { color:var(--cyan); }
.about-copy p { color:var(--muted); }

.site-footer { border-top:1px solid rgba(94,204,245,.16); background:rgba(1,5,9,.9); padding:44px 0 28px; }
.footer-grid { display:grid; grid-template-columns:1fr auto; align-items:center; gap:24px; }
.footer-copy { color:var(--muted); font-size:.84rem; margin-top:10px; }
.footer-links { display:flex; flex-wrap:wrap; gap:19px; color:#b6c6d1; font-size:.84rem; font-weight:700; }
.footer-links a:hover { color:var(--cyan); }
.footer-bottom { margin-top:29px; padding-top:19px; border-top:1px solid rgba(98,202,240,.1); color:#627d8c; font-size:.76rem; display:flex; justify-content:space-between; gap:20px; }

[data-reveal] { opacity:0; transform:translateY(18px); transition:opacity .55s ease,transform .55s ease; }
[data-reveal].is-visible { opacity:1; transform:none; }

@media (max-width:1080px) {
  .nav { gap:17px; }
  .nav a { font-size:.78rem; }
  .script-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero-grid,.detail-hero__grid { gap:34px; }
}
@media (max-width:880px) {
  .header-inner { height:68px; }
  .menu-button { display:block; }
  .nav { position:fixed; inset:68px 0 auto; display:grid; gap:0; padding:15px 20px 24px; background:rgba(2,8,14,.985); border-bottom:1px solid var(--line); transform:translateY(-130%); transition:transform .28s ease; }
  .nav a { padding:13px 10px; border-bottom:1px solid rgba(99,202,240,.09); font-size:.9rem; }
  .nav a::after { display:none; }
  .menu-open .nav { transform:translateY(0); }
  .header-actions .icon-link { display:none; }
  .hero { min-height:auto; }
  .hero-grid,.detail-hero__grid,.about-grid,.support-grid { grid-template-columns:1fr; }
  .hero-grid { padding:75px 0; }
  .hero__visual { max-width:720px; margin-inline:auto; }
  .hero__visual img,.detail-hero__visual { transform:none; }
  .quick-grid,.roadmap-grid { grid-template-columns:1fr; }
  .recent-grid { grid-template-columns:1fr; }
  .community-card { grid-template-columns:1fr; padding:35px; }
  .community-card__action { justify-content:flex-start; }
  .detail-layout { grid-template-columns:1fr; }
  .detail-sidebar { position:static; }
  .docs-layout { grid-template-columns:1fr; }
  .docs-nav { position:static; display:flex; flex-wrap:wrap; gap:4px; }
  .docs-nav strong { width:100%; }
  .gallery-grid { grid-template-columns:1fr 1fr; }
  .toolbar { grid-template-columns:1fr; }
  .search-wrap { min-width:0; }
  .info-strip { grid-template-columns:1fr 1fr; }
}
@media (max-width:620px) {
  .container { width:min(calc(100% - 26px),var(--container)); }
  .section { padding:72px 0; }
  .section-heading { grid-template-columns:1fr; align-items:start; }
  .brand { font-size:1rem; }.brand img{width:32px;height:32px;}
  .hero h1,.page-hero h1,.detail-hero h1 { font-size:clamp(2.7rem,14vw,4.2rem); }
  .hero__actions .button,.detail-actions .button { width:100%; }
  .hero__stats { grid-template-columns:1fr; }
  .script-grid,.feature-grid,.docs-index,.gallery-grid { grid-template-columns:1fr; }
  .community-card { padding:27px 21px; }
  .info-strip { grid-template-columns:1fr; }
  .update-card,.activity-item,.release-row { grid-template-columns:1fr; gap:7px; }
  .update-card time { white-space:normal; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; }
  .lightbox__caption { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
  [data-reveal] { opacity:1; transform:none; }
}