:root { --home-bg:#071712; --home-cream:#f4efdf; --home-gold:#d8b65a; --home-line:rgba(244,239,223,.14); }
.home-page { background:var(--home-bg); color:var(--home-cream); }
.home-page::before,.home-page::after { display:none; }
.home-kicker { margin:0 0 1rem; color:#d8b65a; font:500 .72rem/1.2 "DM Mono",monospace; letter-spacing:.2em; text-transform:uppercase; }

/* ── Hero Split Layout ────────────────────────────────────────── */
.home-hero { min-height:calc(100svh - 76px); position:relative; display:grid; align-items:center; overflow:hidden; isolation:isolate; padding:clamp(3rem, 6vh, 5rem) 0 clamp(4rem, 8vh, 6rem); }
.home-hero__media,.home-hero__veil,.home-hero__cyber-grid { position:absolute; inset:0; }
.home-hero__media { z-index:-3; }
.home-hero__media img { width:100%; height:100%; object-fit:cover; object-position:center 35%; animation:homeBreath 18s ease-in-out infinite alternate; }
.home-hero__cyber-grid { z-index:-2; pointer-events:none; background-image:linear-gradient(rgba(244,201,93,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(244,201,93,0.03) 1px, transparent 1px); background-size:40px 40px; mask-image:radial-gradient(ellipse at 60% 50%, black 20%, transparent 75%); }
.home-hero__veil { z-index:-1; background:linear-gradient(90deg,rgba(3,14,11,.96) 0%,rgba(3,14,11,.82) 48%,rgba(3,14,11,.45) 85%),linear-gradient(0deg,#071712 0%,transparent 25%,rgba(0,0,0,.35) 100%); }

.home-hero__split { display:grid; grid-template-columns:1.2fr 0.8fr; gap:clamp(2rem, 5vw, 4.5rem); align-items:center; position:relative; z-index:2; width:min(1240px, calc(100% - 2.5rem)); margin:0 auto; }
.home-hero__content { display:flex; flex-direction:column; align-items:flex-start; }

.home-tech-pill { display:inline-flex; align-items:center; gap:.55rem; padding:.35rem .75rem; background:rgba(216,182,90,.12); border:1px solid rgba(216,182,90,.35); border-radius:2px; font:600 .66rem "DM Mono", monospace; letter-spacing:.14em; color:#f4c95d; text-transform:uppercase; margin-bottom:1.5rem; }
.live-dot-mini { width:6px; height:6px; border-radius:50%; background:#74e2a0; box-shadow:0 0 8px #74e2a0; animation:livePulse 2s infinite; }

.home-hero__title { margin:0; font-family:"Cinzel",serif; font-size:clamp(2.6rem, 5.2vw, 4.6rem); font-weight:700; line-height:1.02; letter-spacing:-0.03em; color:#fff; text-transform:uppercase; }
.title-glow { color:#f4c95d; text-shadow:0 0 24px rgba(244,201,93,.45); }
.home-hero__lead { margin:1.25rem 0 2rem; max-width:580px; font-size:clamp(0.95rem, 1.4vw, 1.12rem); line-height:1.65; color:rgba(244,239,223,.82); }
.home-hero__lead strong { color:#fff; font-weight:600; }

/* ── Call To Action Buttons ──────────────────────────────────── */
.home-hero__ctas { display:flex; flex-direction:column; gap:1.1rem; width:100%; max-width:540px; margin-bottom:2rem; }

.home-cta-store { display:flex; flex-direction:column; padding:1.1rem 1.4rem; background:linear-gradient(135deg, rgba(244,201,93,.25) 0%, rgba(157,78,221,.25) 50%, rgba(12,35,28,.9) 100%); border:1.5px solid #f4c95d; border-radius:2px; box-shadow:0 0 24px rgba(244,201,93,.25), inset 0 0 14px rgba(244,201,93,.1); transition:transform .2s ease, box-shadow .2s ease, background .2s ease; cursor:pointer; }
.home-cta-store:hover { transform:translateY(-2px); box-shadow:0 0 35px rgba(244,201,93,.55), inset 0 0 20px rgba(244,201,93,.2); border-color:#fff; }
.cta-store-tag { font:700 .64rem/1.2 "DM Mono", monospace; letter-spacing:.12em; color:#f4c95d; text-transform:uppercase; margin-bottom:.35rem; }
.cta-store-text { display:flex; flex-direction:column; gap:.2rem; }
.cta-store-text strong { font-family:"Cinzel", serif; font-size:1.45rem; font-weight:700; color:#fff; letter-spacing:.03em; }
.cta-store-text small { font-size:.84rem; color:rgba(244,239,223,.8); }

.home-cta-group { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.home-cta-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:.8rem 1.1rem; background:rgba(5,20,16,.75); border:1px solid rgba(244,239,223,.25); border-radius:2px; color:#fff; text-align:left; cursor:pointer; transition:border-color .2s ease, background .2s ease; }
.home-cta-copy:hover { border-color:#d8b65a; background:rgba(12,35,28,.9); }
.copy-badge { font:600 .62rem "DM Mono", monospace; letter-spacing:.14em; color:#d8b65a; text-transform:uppercase; }
.home-cta-copy strong { font-family:"DM Mono", monospace; font-size:.95rem; margin:.15rem 0; color:#fff; }
.home-cta-copy small { font-size:.72rem; color:rgba(244,239,223,.6); }

.home-cta-guide { display:flex; align-items:center; justify-content:center; padding:.8rem 1.1rem; background:rgba(5,20,16,.5); border:1px solid rgba(244,239,223,.18); border-radius:2px; color:rgba(244,239,223,.85); font:600 .76rem "DM Mono", monospace; letter-spacing:.08em; text-align:center; transition:border-color .2s ease, color .2s ease, background .2s ease; }
.home-cta-guide:hover { border-color:#79d7ff; color:#79d7ff; background:rgba(121,215,255,.08); }

/* ── Modes Indicator Pills ──────────────────────────────────── */
.home-hero__modes { display:flex; flex-wrap:wrap; gap:.4rem; }
.home-hero__modes span { padding:.3rem .65rem; border:1px solid rgba(244,239,223,.16); background:rgba(5,20,16,.6); color:rgba(244,239,223,.75); font:600 .64rem "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; border-radius:1px; }
.home-hero__modes span.is-active { border-color:#d8b65a; color:#f4c95d; background:rgba(216,182,90,.12); font-weight:700; }

/* ── Star Telemetry Matrix HUD (Right Column) ─────────────────── */
.home-hero__telemetry-col { display:flex; justify-content:center; }
.star-telemetry-hud { width:100%; max-width:440px; background:rgba(8,16,13,.88); backdrop-filter:blur(16px); border:1px solid rgba(216,182,90,.32); box-shadow:0 20px 50px rgba(0,0,0,.6), inset 0 0 20px rgba(0,0,0,.4); border-radius:2px; display:flex; flex-direction:column; overflow:hidden; }
.hud-header { display:flex; justify-content:space-between; align-items:center; padding:.9rem 1.2rem; background:rgba(4,10,8,.9); border-bottom:1px solid rgba(244,239,223,.1); }
.hud-status-indicator { display:flex; align-items:center; gap:.6rem; }
.hud-status-indicator strong { font:700 .74rem "DM Mono", monospace; letter-spacing:.12em; color:#fff; text-transform:uppercase; }
.hud-node { font:600 .64rem "DM Mono", monospace; color:rgba(244,239,223,.5); letter-spacing:.1em; background:rgba(255,255,255,.06); padding:.2rem .45rem; border-radius:2px; }

.hud-body { display:flex; flex-direction:column; padding:1.2rem; gap:.85rem; }
.hud-item { display:flex; justify-content:space-between; align-items:center; padding-bottom:.75rem; border-bottom:1px solid rgba(244,239,223,.07); font-family:"DM Mono", monospace; }
.hud-item:last-child { border-bottom:0; padding-bottom:0; }
.hud-key { font-size:.7rem; letter-spacing:.08em; color:rgba(244,239,223,.55); text-transform:uppercase; }
.hud-val { font-size:.82rem; font-weight:600; color:#fff; }
.hud-val--green { color:#74e2a0; font-weight:700; }
.hud-val--amber { color:#f4c95d; font-weight:700; }
.hud-val--cyan { color:#79d7ff; }

.hud-footer { display:flex; flex-wrap:wrap; gap:.45rem; padding:.8rem 1.2rem; background:rgba(4,10,8,.6); border-top:1px solid rgba(244,239,223,.08); }
.hud-pill { font:600 .62rem "DM Mono", monospace; color:rgba(244,239,223,.7); background:rgba(255,255,255,.04); border:1px solid rgba(244,239,223,.1); padding:.2rem .5rem; border-radius:1px; }

.home-hero h1,.home-editorial h2,.modes-heading h2,.lab-spotlight h2,.progress-section h2,.legacy-section h2,.community-band h2,.home-store h2,.team-section h2,.final-cta h2 { font-family:"Cinzel",serif; font-weight:600; letter-spacing:-.04em; }
.home-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.home-button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:.88rem 1.35rem; border-radius:1px; border:1px solid var(--home-line); color:var(--home-cream); background:transparent; font-weight:700; cursor:pointer; transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease; }
.home-button:hover { transform:translateY(-2px); border-color:rgba(216,182,90,.7); }
.home-button--gold { color:#10231b; background:linear-gradient(135deg, #f4c95d 0%, #e1c36c 100%); border-color:#f4c95d; font-weight:800; box-shadow:0 0 16px rgba(244,201,93,.35); }
.home-button--gold:hover { box-shadow:0 0 25px rgba(244,201,93,.65); border-color:#fff; }
.home-button--glass { background:rgba(5,20,16,.65); backdrop-filter:blur(10px); border-color:rgba(244,239,223,.22); }
.home-button--glass:hover { background:rgba(12,35,28,.8); border-color:#d8b65a; }
.live-dot { width:8px; height:8px; border-radius:50%; background:#8d968f; box-shadow:0 0 0 0 rgba(116,226,160,0); }
.is-online .live-dot { background:#74e2a0; animation:livePulse 2.4s infinite; }
.home-hero__scroll { position:absolute; left:max(1rem,calc((100vw - 1180px)/2)); bottom:1.2rem; color:rgba(244,239,223,.6); font:.68rem "DM Mono",monospace; letter-spacing:.18em; text-transform:uppercase; z-index:3; }
.home-hero__scroll span { color:#d8b65a; margin-left:.5rem; }
.now-strip { border-block:1px solid var(--home-line); background:#091d16; }
.now-strip__grid { min-height:170px; display:grid; grid-template-columns:1.2fr 1fr 1.25fr; align-items:center; gap:0; }
.now-strip__grid>div,.now-strip__ip { min-height:90px; padding:1.1rem 2rem; border-left:1px solid var(--home-line); }
.now-strip__grid>div:first-child { padding-left:0; border-left:0; }
.now-strip h2 { margin:0; font-family:"Cinzel",serif; font-size:clamp(1.3rem,2.2vw,2rem); }
.now-strip__live { display:grid; grid-template-columns:auto 1fr; gap:.35rem .7rem; align-items:center; }
.now-strip__live small { grid-column:2; color:rgba(244,239,223,.55); }
.now-strip__ip { color:inherit; text-align:left; background:none; border:0; border-left:1px solid var(--home-line); cursor:pointer; display:flex; flex-direction:column; justify-content:center; }
.now-strip__ip span,.now-strip__ip small { color:rgba(244,239,223,.5); font:.63rem "DM Mono",monospace; letter-spacing:.12em; }
.now-strip__ip strong { margin:.3rem 0; font-size:1.1rem; }
.now-strip__worlds { grid-column:1/-1; min-height:auto!important; display:flex; gap:1.1rem; padding:.8rem 0!important; border-left:0!important; border-top:1px solid var(--home-line); color:rgba(244,239,223,.5); font:.65rem "DM Mono",monospace; }
.home-editorial,.legacy-section { width:min(1440px,100%); margin:0 auto; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr); align-items:center; padding:clamp(5rem,10vw,10rem) clamp(1rem,5vw,5rem); gap:clamp(2rem,7vw,7rem); }
.home-image-frame { position:relative; min-height:520px; overflow:hidden; }
.home-image-frame img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .8s ease; }
.home-image-frame:hover img { transform:scale(1.015); }
.home-image-frame::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 1px rgba(244,239,223,.1); pointer-events:none; }
.home-editorial__image span { position:absolute; left:1rem; bottom:1rem; padding:.5rem .7rem; background:rgba(4,16,12,.72); font:.6rem "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
.home-editorial h2,.modes-heading h2,.legacy-section h2 { margin:0; font-size:clamp(2.7rem,5vw,5.6rem); line-height:.98; }
.home-lead { margin:1.5rem 0; color:rgba(244,239,223,.72); font-size:1.12rem; line-height:1.8; }
.home-facts { display:grid; grid-template-columns:repeat(3,1fr); margin:2rem 0; padding-block:1.5rem; border-block:1px solid var(--home-line); }
.home-facts div { display:flex; flex-direction:column; }
.home-facts dt { color:#e1c36c; font:600 1.7rem "Cinzel",serif; }
.home-facts dd { margin:0; color:rgba(244,239,223,.55); font-size:.77rem; }
.home-text-link { display:inline-flex; gap:.6rem; color:#e1c36c; font-weight:700; border-bottom:1px solid rgba(225,195,108,.35); padding-bottom:.3rem; }
.modes-section { padding:clamp(5rem,10vw,9rem) 0; background:#06130f; }
.modes-heading { display:grid; grid-template-columns:1.3fr .7fr; gap:3rem; align-items:end; margin-bottom:4rem; }
.modes-heading>p { color:rgba(244,239,223,.65); line-height:1.7; max-width:42ch; }
.modes-canvas { display:grid; grid-template-columns:.9fr 1.1fr; min-height:780px; border-block:1px solid var(--home-line); }
.modes-canvas__image { min-height:620px; overflow:hidden; position:relative; }
.modes-canvas__image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,#06130f 100%),linear-gradient(0deg,#06130f,transparent 35%); }
.modes-canvas__image img { width:100%; height:100%; object-fit:cover; }
.modes-list { align-self:center; padding:2rem 0 2rem 4vw; }
.mode-line { --mode:#d8b65a; display:grid; grid-template-columns:38px 1fr 35px; gap:1rem; align-items:center; padding:1.35rem 0; border-bottom:1px solid var(--home-line); transition:transform .22s ease,background .22s ease; }
.mode-line:hover { transform:translateX(4px); background:linear-gradient(90deg,transparent,rgba(255,255,255,.025)); }
.mode-line>span,.mode-line small { color:var(--mode); font:.64rem "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
.mode-line h3 { display:inline-block; margin:.25rem 1rem .3rem 0; font:600 clamp(1.65rem,3vw,2.6rem) "Cinzel",serif; }
.mode-line p { display:inline; color:rgba(244,239,223,.58); }
.mode-line code { display:block; width:max-content; margin-top:.55rem; color:rgba(244,239,223,.72); background:transparent; }
.mode-line>a { color:var(--mode); font-size:1.4rem; }
.mode-line--classic { --mode:#70cfe6; }.mode-line--sky { --mode:#82dfd3; }.mode-line--one { --mode:#b49ce9; }.mode-line--lab { --mode:#eee09a; }
.lab-spotlight,.final-cta { min-height:760px; position:relative; display:grid; align-items:center; isolation:isolate; overflow:hidden; }
.lab-spotlight__media,.lab-spotlight__veil,.final-cta__media,.final-cta__veil { position:absolute; inset:0; z-index:-2; }
.lab-spotlight__media img,.final-cta__media img { width:100%; height:100%; object-fit:cover; }
.lab-spotlight__veil { z-index:-1; background:linear-gradient(90deg,rgba(4,15,12,.94) 0%,rgba(4,15,12,.73) 48%,rgba(4,15,12,.18) 85%),linear-gradient(0deg,#071712,transparent 25%,transparent 75%,#06130f); }
.lab-spotlight__content { padding-block:7rem; }
.lab-spotlight .home-kicker span { background:#e5d875; color:#12231d; padding:.4rem .55rem; }
.lab-spotlight h2 { max-width:820px; margin:0; font-size:clamp(2.8rem,6vw,6rem); line-height:.98; }
.lab-spotlight__content>p:not(.home-kicker) { max-width:660px; color:rgba(244,239,223,.72); font-size:1.15rem; line-height:1.7; }
.lab-spotlight__facts { display:flex; flex-wrap:wrap; gap:1rem; margin:2rem 0; }
.lab-spotlight__facts span { padding:.6rem .8rem; border:1px solid var(--home-line); background:rgba(5,20,16,.55); }
.progress-section { padding:clamp(5rem,10vw,9rem) 0; border-bottom:1px solid var(--home-line); }
.progress-section__grid { display:grid; grid-template-columns:1fr 1fr; gap:6vw; align-items:center; }
.progress-section h2 { margin:0 0 2rem; font-size:clamp(2.5rem,5vw,4.8rem); line-height:1; }
.progress-columns { display:grid; grid-template-columns:.7fr 1.3fr; border:1px solid var(--home-line); }
.progress-columns>div { display:flex; flex-direction:column; gap:.7rem; padding:2rem; }
.progress-columns>div+div { border-left:1px solid var(--home-line); }
.progress-columns span { margin-bottom:.6rem; color:#d8b65a; font:.65rem "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
.progress-columns strong { font-weight:500; color:rgba(244,239,223,.8); }
.legacy-section { grid-template-columns:minmax(340px,.75fr) minmax(0,1.25fr); }
.legacy-section__image { min-height:650px; }
.legacy-section__story ol { list-style:none; margin:2rem 0 0; padding:0; }
.legacy-section__story li { display:grid; grid-template-columns:115px 1fr; gap:1rem; padding:1.1rem 0; border-top:1px solid var(--home-line); }
.legacy-section__story li span { color:#d8b65a; font:.65rem "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.legacy-section__story li p { margin:0; color:rgba(244,239,223,.67); line-height:1.55; }
.community-band { padding:5rem 0; background:#0b211a; border-block:1px solid var(--home-line); }
.community-band__grid { display:grid; grid-template-columns:1.3fr .8fr auto; gap:3rem; align-items:center; }
.community-band h2 { margin:0; font-size:clamp(2rem,4vw,3.6rem); line-height:1.05; }
.community-band__grid>p { color:rgba(244,239,223,.62); line-height:1.7; }
.home-store { padding:clamp(5rem,10vw,9rem) 0; }
.home-store__heading { display:grid; grid-template-columns:1.2fr .8fr; gap:4rem; align-items:end; }
.home-store h2,.team-section h2 { margin:0; font-size:clamp(2.7rem,5vw,5rem); line-height:1; }
.home-store__heading>p { color:rgba(244,239,223,.6); line-height:1.7; }
.home-store__tiers { display:grid; grid-template-columns:repeat(3,1fr); margin-top:4rem; border-block:1px solid var(--home-line); }
.home-store__tiers a { min-height:330px; padding:2rem; border-right:1px solid var(--home-line); display:flex; flex-direction:column; transition:transform .22s ease,background .22s ease; }
.home-store__tiers a:last-child { border-right:0; }
.home-store__tiers a:hover { transform:translateY(-4px); background:rgba(255,255,255,.025); }
.home-store__tiers .is-featured { background:linear-gradient(180deg,rgba(180,156,233,.1),transparent); }
.home-store__tiers span { color:#d8b65a; font:.63rem "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.home-store__tiers h3 { margin:auto 0 1rem; font:600 2.5rem "Cinzel",serif; }
.home-store__tiers p { color:rgba(244,239,223,.6); line-height:1.65; }
.home-store__tiers b { margin-top:auto; color:#e1c36c; }
.home-store__footer { display:flex; justify-content:space-between; align-items:center; gap:2rem; margin-top:2rem; }
.home-store__footer span { color:rgba(244,239,223,.5); }
.team-section { padding:clamp(5rem,9vw,8rem) 0; background:#06130f; }
.team-section__heading { margin-bottom:3rem; }
.founder-card { display:grid; grid-template-columns:auto 1fr; gap:1.5rem; align-items:center; padding:2rem; border-block:1px solid rgba(216,182,90,.38); background:linear-gradient(90deg,rgba(216,182,90,.08),transparent); }
.founder-card img,.team-grid img { image-rendering:pixelated; }
.founder-card span,.team-grid span { color:#d8b65a; font:.6rem "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.founder-card h3,.team-grid h3 { margin:.25rem 0; font-family:"Cinzel",serif; }
.founder-card p { margin:0; color:rgba(244,239,223,.58); }
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--home-line); }
.team-grid article { min-height:135px; display:flex; align-items:center; gap:1rem; padding:1.4rem 1rem; border-right:1px solid var(--home-line); border-top:1px solid var(--home-line); }
.team-grid article:nth-child(4n) { border-right:0; }
.team-grid h3 { font-size:1rem; }
.home-sponsors { padding:clamp(4rem,8vw,7rem) 0; background:rgba(4,14,11,.6); border-top:1px solid var(--home-line); }
.home-sponsor-spotlight { margin-top:2rem; }
.founder-sponsor-card {
  display:flex; justify-content:space-between; align-items:center; gap:2rem;
  padding:1.8rem 2.2rem; border-radius:4px;
  background:linear-gradient(135deg,rgba(16,36,28,.85) 0%,rgba(10,24,19,.95) 100%),radial-gradient(circle at 90% 20%,rgba(99,179,237,.18),transparent 60%);
  border:1px solid rgba(99,179,237,.35); box-shadow:0 12px 32px rgba(0,0,0,.45);
}
.founder-sponsor-card__left { display:flex; align-items:center; gap:1.6rem; }
.founder-sponsor-card__avatar { border-radius:8px; background:rgba(0,0,0,.35); padding:4px; border:1px solid rgba(99,179,237,.4); filter:drop-shadow(0 4px 10px rgba(0,0,0,.5)); }
.founder-sponsor-card__badges { display:flex; gap:.6rem; margin-bottom:.35rem; }
.badge-gem { font:700 .72rem/1.2 "DM Mono",monospace; color:#90cdf4; background:rgba(66,153,225,.2); padding:.2rem .55rem; border-radius:3px; border:1px solid rgba(99,179,237,.35); }
.badge-tier { font:600 .72rem/1.2 "DM Mono",monospace; color:#ffd700; background:rgba(255,215,0,.15); padding:.2rem .55rem; border-radius:3px; border:1px solid rgba(255,215,0,.3); }
.founder-sponsor-card h3 { margin:0 0 .25rem; font-family:"Cinzel",serif; font-size:1.45rem; color:#fff; }
.founder-sponsor-card p { margin:0; color:rgba(244,239,223,.68); font-size:.92rem; }
@media (max-width:768px) {
  .founder-sponsor-card { flex-direction:column; align-items:stretch; text-align:center; padding:1.5rem; }
  .founder-sponsor-card__left { flex-direction:column; text-align:center; }
  .founder-sponsor-card__badges { justify-content:center; }
}
.final-cta { min-height:780px; text-align:center; }
.final-cta__veil { z-index:-1; background:linear-gradient(0deg,rgba(3,15,11,.94),rgba(3,15,11,.2) 55%,rgba(3,15,11,.62)),radial-gradient(circle at center,transparent,rgba(3,15,11,.55)); }
.final-cta__content { display:flex; flex-direction:column; align-items:center; }
.final-cta h2 { margin:0; font-size:clamp(3.2rem,8vw,8rem); line-height:.95; }
.final-cta__content>p:not(.home-kicker) { max-width:680px; color:rgba(244,239,223,.75); font-size:1.2rem; }
.final-cta__ip { margin-top:1.3rem; font:500 clamp(1.1rem,2vw,1.5rem) "DM Mono",monospace; letter-spacing:.08em; }
.final-cta__status { display:flex; gap:.65rem; align-items:center; margin-top:2rem; color:rgba(244,239,223,.68); }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s ease; }
.reveal.is-visible { opacity:1; transform:none; }
@keyframes homeBreath { from { transform:scale(1); } to { transform:scale(1.025); } }
@keyframes livePulse { 0% { box-shadow:0 0 0 0 rgba(116,226,160,.45); } 70% { box-shadow:0 0 0 9px rgba(116,226,160,0); } 100% { box-shadow:0 0 0 0 rgba(116,226,160,0); } }
@media (max-width:960px) {
  .home-hero__split { grid-template-columns:1fr; gap:3rem; }
  .home-hero__telemetry-col { width:100%; }
  .star-telemetry-hud { max-width:100%; }
  .now-strip__grid { grid-template-columns:1fr 1fr; }.now-strip__ip { border-top:1px solid var(--home-line); }.now-strip__grid>div:nth-child(2) { border-left:1px solid var(--home-line); }
  .home-editorial,.legacy-section { grid-template-columns:1fr; }.home-image-frame,.legacy-section__image { min-height:460px; }.legacy-section__story { grid-row:1; }
  .modes-heading,.progress-section__grid,.home-store__heading { grid-template-columns:1fr; }.modes-canvas { grid-template-columns:1fr; }.modes-canvas__image { min-height:420px; }.modes-list { padding:2rem 1rem; }
  .community-band__grid { grid-template-columns:1fr 1fr; }.community-band__grid>a { width:max-content; }
  .team-grid { grid-template-columns:repeat(2,1fr); }.team-grid article:nth-child(2n) { border-right:0; }.team-grid article:nth-child(4n-1) { border-right:1px solid var(--home-line); }
}
@media (max-width:680px) {
  .home-hero { min-height:auto; padding:4rem 0 3rem; }
  .home-hero__content { padding:0; }
  .home-hero__media img { object-position:58% center; }
  .home-hero__veil { background:linear-gradient(90deg,rgba(3,14,11,.96),rgba(3,14,11,.75)),linear-gradient(0deg,#071712,transparent 45%); }
  .home-hero__title { font-size:clamp(2.4rem, 11vw, 3.4rem); }
  .home-hero__scroll { display:none; }
  .home-cta-group { grid-template-columns:1fr; }
  .home-button { width:100%; min-height:54px; }
  .now-strip__grid { grid-template-columns:1fr; padding-block:1rem; }.now-strip__grid>div,.now-strip__ip { min-height:auto; padding:1.1rem 0; border-left:0!important; border-top:1px solid var(--home-line); }.now-strip__grid>div:first-child { border-top:0; }.now-strip__worlds { overflow-x:auto; white-space:nowrap; }
  .home-editorial,.legacy-section { padding:5rem 1rem; }.home-image-frame,.legacy-section__image { min-height:320px; }.home-facts { grid-template-columns:1fr; gap:1rem; }
  .modes-heading { margin-bottom:2rem; }.modes-canvas__image { min-height:300px; }.mode-line { grid-template-columns:28px 1fr 25px; }.mode-line p { display:block; margin:.25rem 0; }
  .lab-spotlight,.final-cta { min-height:680px; }.lab-spotlight__content { padding-block:5rem; }.lab-spotlight__facts { flex-direction:column; }
  .progress-columns { grid-template-columns:1fr; }.progress-columns>div+div { border-left:0; border-top:1px solid var(--home-line); }
  .legacy-section__story li { grid-template-columns:1fr; gap:.35rem; }.community-band__grid { grid-template-columns:1fr; gap:1.5rem; }
  .home-store__tiers { grid-template-columns:1fr; }.home-store__tiers a { min-height:260px; border-right:0; border-bottom:1px solid var(--home-line); }.home-store__footer { flex-direction:column; align-items:stretch; }
  .founder-card { grid-template-columns:1fr; }.team-grid { grid-template-columns:1fr; }.team-grid article { border-right:0!important; }.final-cta__content { padding-block:5rem; }
}
@media (prefers-reduced-motion:reduce) { .home-hero__media img,.live-dot { animation:none!important; }.reveal { opacity:1; transform:none; transition:none; }.home-image-frame img,.mode-line,.home-button,.home-store__tiers a { transition:none; } }

/* Star & Jack Technical Architecture Section */
.star-tech-section { padding:clamp(5rem, 8vw, 8rem) 0; background:#040d0a; border-block:1px solid var(--home-line); }
.star-tech-heading { display:grid; grid-template-columns:1.3fr .7fr; gap:3rem; align-items:end; margin-bottom:3rem; }
.star-tech-heading h2 { margin:0; font-size:clamp(2.5rem, 5vw, 4.5rem); line-height:1; }
.star-tech-heading p { margin:0; color:rgba(244,239,223,.65); line-height:1.7; }
.star-tech-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:var(--home-line); margin-top:2rem; border:1px solid var(--home-line); }
.star-tech-card { background:#071712; padding:2.2rem 2rem; display:flex; flex-direction:column; gap:.8rem; position:relative; transition:background .2s ease; border-radius:1px; }
.star-tech-card:hover { background:#0b211a; }
.star-tech-card span.tech-tag { font:600 .68rem "DM Mono", monospace; color:#f4c95d; letter-spacing:.12em; text-transform:uppercase; }
.star-tech-card h3 { margin:0; font:600 1.5rem "Cinzel", serif; color:#fff; line-height:1.2; }
.star-tech-card p { margin:0; color:rgba(244, 239, 223, 0.75); font-size:.92rem; line-height:1.65; }
.star-tech-card code { margin-top:auto; padding-top:1rem; color:#79d7ff; font-size:.75rem; font-family:"DM Mono", monospace; }
@media (max-width:960px) { .star-tech-heading { grid-template-columns:1fr; } .star-tech-grid { grid-template-columns:1fr; } }


/* Primeros pasos (home) */
.home-start { padding:4rem 0 4.5rem; border-top:1px solid var(--home-line); }
.home-start h2 { margin:.2rem 0 1.2rem; }
.home-start__steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; }
.home-start__steps li { padding:1.1rem 1.2rem; border:1px solid var(--home-line); border-radius:12px; line-height:1.55; }
.home-start__steps code { overflow-wrap:anywhere; }
.home-start__note { margin:1.2rem 0 0; opacity:.85; line-height:1.55; }
.home-start { background:#0a1f18; }
.home-start .container { padding-block:0; }
.home-start__steps { counter-reset:paso; }
.home-start__steps li { counter-increment:paso; position:relative; padding-top:2.6rem; background:rgba(244,239,223,.03); }
.home-start__steps li::before { content:counter(paso); position:absolute; top:.8rem; left:1.2rem; width:1.7rem; height:1.7rem; display:grid; place-items:center; border:1px solid var(--home-gold); color:var(--home-gold); font:500 .8rem/1 "DM Mono",monospace; }
.home-start__note { max-width:70ch; padding:1rem 1.2rem; border-left:3px solid var(--home-gold); background:rgba(216,182,90,.06); }
