:root{
    --bg:#08090a; --bg2:#0d0e10;
    --teal:#00c882; --teal-dim:#00c88233;
    --rust:#c46a3c;
    --ink:#eceae4; --ink-dim:#9a9a94;
    --line:#ffffff1a;
  }
  *{ box-sizing:border-box; margin:0; padding:0; -webkit-font-smoothing:antialiased; }
  html{ scroll-behavior:smooth; }
  body{ background:var(--bg); color:var(--ink); font-family:'Rajdhani',sans-serif; }
  a{ color:inherit; text-decoration:none; }
  section{ position:relative; padding:100px 6vw; overflow:hidden; }
  .eyebrow{
    font-family:'Share Tech Mono',monospace; letter-spacing:0.22em; font-size:12px;
    color:var(--teal); text-transform:uppercase; margin-bottom:16px;
    display:flex; align-items:center; gap:10px; position:relative; z-index:2;
  }
  .eyebrow.rust{ color:var(--rust); }
  .eyebrow::before{content:''; width:7px; height:7px; background:currentColor; border-radius:50%; box-shadow:0 0 10px currentColor; animation:blink 2.2s infinite;}
  @keyframes blink{0%,100%{opacity:1;}50%{opacity:0.25;}}
  h2{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:clamp(2rem,4.2vw,3.4rem); margin-bottom:24px; letter-spacing:-0.01em; max-width:820px; position:relative; z-index:2; }
  h2 em{ font-style:italic; color:var(--teal); font-weight:400; }
  h2 em.rust{ color:var(--rust); }
  .reveal{ opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease; }
  .reveal.in{ opacity:1; transform:translateY(0); }

  /* ---------- topbar ---------- */
  .topbar{
    font-family:'Share Tech Mono',monospace; font-size:11px; color:#ffffff77;
    letter-spacing:0.08em; padding:10px 6vw; display:flex; justify-content:space-between;
    border-bottom:1px solid var(--line); flex-wrap:wrap; gap:10px;
  }
  .topbar .langs a{ color:#ffffff77; margin-left:14px; }
  .topbar .langs a:hover{ color:var(--teal); }

  /* ---------- nav ---------- */
  nav{ display:flex; justify-content:space-between; align-items:center; padding:20px 6vw; border-bottom:1px solid var(--line); position:sticky; top:0; background:rgba(8,9,10,0.85); backdrop-filter:blur(10px); z-index:50; }
  .logo{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:22px; letter-spacing:0.04em; }
  .logo em{ color:var(--teal); font-style:normal; }
  .navlinks{ display:flex; gap:28px; font-size:14px; font-weight:500; }
  .navlinks a{ color:var(--ink-dim); transition:color .2s; }
  .navlinks a:hover{ color:var(--teal); }
  .nav-cta{ background:var(--teal); color:#04140d; padding:10px 20px; border-radius:2px; font-weight:600; font-size:13.5px; }
  @media (max-width:900px){ .navlinks{display:none;} }

  /* ---------- hero ---------- */
  .hero{ height:92vh; min-height:620px; display:flex; flex-direction:column; justify-content:flex-end; padding-top:0; }
  .hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 60%; animation:kenburns 40s ease-in-out infinite alternate; filter:saturate(0.85) brightness(0.5); }
  @keyframes kenburns{ 0%{transform:scale(1.0);} 100%{transform:scale(1.12) translate(-1%,-2%);} }
  .hero-scrim{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,9,10,0.3) 0%, rgba(8,9,10,0.55) 45%, rgba(8,9,10,0.98) 100%); }
  .pulse-core{ position:absolute; top:12%; right:10%; width:min(320px,60vw); height:min(320px,60vw); border-radius:50%; background:radial-gradient(circle, var(--teal) 0%, transparent 70%); opacity:0.3; filter:blur(30px); animation:breathe 4.2s ease-in-out infinite; }
  @keyframes breathe{ 0%,100%{transform:scale(1); opacity:0.25;} 50%{transform:scale(1.18); opacity:0.48;} }
  .coords{ position:absolute; bottom:16px; right:6vw; z-index:2; font-family:'Share Tech Mono',monospace; font-size:11px; color:#ffffff44; }
  .hero-inner{ position:relative; z-index:2; padding-bottom:6vh; }
  .hero h1{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:clamp(2.4rem,7vw,5.8rem); line-height:0.98; margin-bottom:20px; }
  .hero h1 em{ font-style:italic; color:var(--teal); font-weight:400; }
  .hero .sub{ font-size:clamp(1rem,1.5vw,1.2rem); color:var(--ink-dim); max-width:600px; margin-bottom:34px; }
  .cta-row{ display:flex; gap:16px; margin-bottom:48px; flex-wrap:wrap; }
  .btn{ font-family:'Rajdhani',sans-serif; font-weight:600; letter-spacing:0.03em; padding:14px 26px; border-radius:2px; font-size:14.5px; transition:all .25s ease; display:inline-block; }
  .btn-primary{ background:var(--teal); color:#04140d; }
  .btn-primary:hover{ box-shadow:0 0 24px var(--teal-dim); transform:translateY(-1px); }
  .btn-ghost{ border:1px solid #ffffff33; color:var(--ink); }
  .btn-ghost:hover{ border-color:var(--teal); color:var(--teal); }
  .stats{ display:flex; gap:0; border-top:1px solid var(--line); flex-wrap:wrap; }
  .stat{ padding:20px 30px 20px 0; border-right:1px solid #ffffff14; }
  .stat:first-child{ padding-left:0; }
  .stat .num{ font-family:'Share Tech Mono',monospace; font-size:1.4rem; color:var(--teal); display:block; }
  .stat .label{ font-size:11.5px; color:var(--ink-dim); text-transform:uppercase; letter-spacing:0.08em; }

  /* transmission quote band */
  .quote-band{ background:var(--bg2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:60px 6vw; text-align:center; }
  .quote-band .eyebrow{ justify-content:center; }
  .quote-band blockquote{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:clamp(1.3rem,2.4vw,2rem); max-width:820px; margin:0 auto 26px; line-height:1.4; }
  .quote-band .btn-primary{ display:inline-block; }

  /* story */
  .story-grid{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; position:relative; z-index:2; }
  @media (max-width:900px){ .story-grid{ grid-template-columns:1fr; } }
  .story-grid p{ font-size:16px; line-height:1.75; color:var(--ink-dim); margin-bottom:18px; }
  .pull-quote{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.4rem; color:var(--ink); border-left:2px solid var(--teal); padding-left:22px; margin:26px 0; line-height:1.5; }

  /* discovery */
  .bg-num{ position:absolute; top:-30px; right:-20px; z-index:1; font-family:'Cormorant Garamond',serif; font-size:20rem; font-weight:600; color:#fff; opacity:0.025; line-height:1; pointer-events:none; }
  .discovery-wrap{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:60px; align-items:center; position:relative; z-index:2; }
  @media (max-width:900px){ .discovery-wrap{ grid-template-columns:1fr; } }
  .copy p{ font-size:16px; line-height:1.75; color:var(--ink-dim); max-width:520px; margin-bottom:20px; }
  .copy p strong{ color:var(--ink); font-weight:600; }
  .depth-meter{ font-family:'Share Tech Mono',monospace; font-size:11.5px; color:var(--rust); display:flex; align-items:center; gap:12px; margin-bottom:30px; }
  .depth-meter .line{ flex:1; height:1px; background:linear-gradient(90deg, var(--rust), transparent); }
  .visual{ position:relative; height:420px; border-radius:3px; overflow:hidden; }
  @media (max-width:700px){  }
  @media (max-width:700px){  }
  .visual-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; width:100%; height:100%; object-fit:cover; object-position:center; background-size:cover; background-position:center; filter:saturate(0.9) brightness(0.8); animation:slowdrift 30s ease-in-out infinite alternate; }
  @keyframes slowdrift{ 0%{transform:scale(1);} 100%{transform:scale(1.1) translateY(-2%);} }
  .visual-scrim{ position:absolute; inset:0; background:linear-gradient(0deg, rgba(8,9,10,0.85) 0%, rgba(8,9,10,0.1) 55%); }
  .boundary-line{ position:absolute; left:0; right:0; top:58%; height:2px; background:var(--teal); box-shadow:0 0 12px var(--teal); animation:pulse-line 3.4s ease-in-out infinite; }
  @keyframes pulse-line{ 0%,100%{opacity:0.5;} 50%{opacity:1;} }
  .boundary-label{ position:absolute; left:18px; top:calc(58% - 26px); font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--teal); background:rgba(8,9,10,0.7); padding:3px 8px; border-radius:2px; }
  .mini-stats{ display:flex; gap:34px; margin-top:30px; flex-wrap:wrap; }
  .mini-stats .num{ font-family:'Share Tech Mono',monospace; font-size:1.3rem; color:var(--rust); display:block; }
  .mini-stats .label{ font-size:11px; color:var(--ink-dim); text-transform:uppercase; letter-spacing:0.06em; }

  /* series grid */
  .series-sub{ font-size:16px; color:var(--ink-dim); max-width:600px; margin-bottom:44px; position:relative; z-index:2; }
  .book-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; position:relative; z-index:2; }
  @media (max-width:900px){ .book-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:600px){ .book-grid{ grid-template-columns:1fr; } }
  .book{ background:var(--bg2); border:1px solid var(--line); border-radius:3px; padding:26px; transition:border-color .3s, transform .3s; position:relative; overflow:hidden; }
  .book:hover{ border-color:var(--teal-dim); transform:translateY(-3px); }
  .book::before{ content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, var(--teal), transparent); opacity:0; transition:opacity .3s; }
  .book:hover::before{ opacity:1; }
  .book .tag{ font-family:'Share Tech Mono',monospace; font-size:10.5px; color:var(--teal); letter-spacing:0.08em; margin-bottom:10px; }
  .book.soon .tag{ color:var(--rust); }
  .book img.cover{ display:block; width:100%; max-width:170px; height:auto; aspect-ratio:2/3; object-fit:contain; margin:0 0 16px; border:1px solid var(--line); border-radius:2px; background:#0b0c0d; }
  .book p.pbnote{ font-size:12px; min-height:0; margin:-8px 0 14px; }
  .book h3{ font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:600; margin-bottom:10px; line-height:1.15; }
  .book p{ font-size:13.5px; color:var(--ink-dim); line-height:1.5; margin-bottom:18px; min-height:40px; }
  .book .links{ display:flex; gap:16px; font-size:12.5px; font-weight:600; }
  .book .links a{ color:var(--ink); border-bottom:1px solid var(--teal-dim); padding-bottom:2px; }
  .book .links a:hover{ color:var(--teal); border-color:var(--teal); }

  /* crew */
  .crew-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; position:relative; z-index:2; }
  @media (max-width:900px){ .crew-grid{ grid-template-columns:1fr; } }
  .card{ position:relative; height:480px; border-radius:3px; overflow:hidden; background:#111; cursor:pointer; }
  .card-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 20%; width:100%; height:100%; object-fit:cover; object-position:center 20%; background-size:cover; background-position:center 20%; filter:saturate(0.8) brightness(0.7) contrast(1.05); transition:transform 1.4s cubic-bezier(.2,.6,.2,1), filter .6s ease; transform:scale(1.02); }
  .card:hover .card-img{ transform:scale(1.12); filter:saturate(1) brightness(0.85); }
  .card-scrim{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,9,10,0) 30%, rgba(8,9,10,0.55) 65%, rgba(8,9,10,0.97) 100%); }
  .card-glow{ position:absolute; bottom:-60px; left:50%; transform:translateX(-50%); width:200px; height:200px; border-radius:50%; background:radial-gradient(circle, var(--teal) 0%, transparent 70%); opacity:0; filter:blur(20px); transition:opacity .6s ease; }
  .card:hover .card-glow{ opacity:0.35; }
  .card-content{ position:absolute; bottom:0; left:0; right:0; padding:24px; z-index:2; }
  .card-role{ font-family:'Share Tech Mono',monospace; font-size:10.5px; letter-spacing:0.14em; color:var(--teal); text-transform:uppercase; margin-bottom:6px; }
  .card-name{ font-family:'Cormorant Garamond',serif; font-size:2.1rem; font-weight:600; margin-bottom:6px; line-height:1; }
  .card-bio{ font-size:13.5px; color:var(--ink-dim); max-height:0; overflow:hidden; transition:max-height .5s ease, opacity .4s ease; opacity:0; line-height:1.6; }
  .card:hover .card-bio{ max-height:120px; opacity:1; }
  .card-tag{ position:absolute; top:18px; right:18px; z-index:2; font-family:'Share Tech Mono',monospace; font-size:9.5px; color:#ffffff66; border:1px solid #ffffff33; padding:3px 8px; border-radius:2px; }

  /* language */
  .lang-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; position:relative; z-index:2; }
  @media (max-width:900px){ .lang-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:600px){ .lang-grid{ grid-template-columns:1fr; } }
  .lang-card{ background:var(--bg2); border:1px solid var(--line); border-radius:3px; padding:20px 22px; transition:border-color .3s, transform .3s; }
  .lang-card:hover{ border-color:var(--teal-dim); transform:translateX(4px); }
  .lang-card .country{ font-family:'Share Tech Mono',monospace; font-size:10.5px; color:var(--ink-dim); margin-bottom:6px; }
  .lang-card .phrase{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.15rem; margin-bottom:8px; }
  .lang-card .cta{ font-size:12.5px; color:var(--teal); font-weight:600; }

  /* review + newsletter cta */
  .cta-band{ text-align:center; padding:90px 6vw; }
  .cta-band p{ color:var(--ink-dim); max-width:560px; margin:0 auto 32px; font-size:15.5px; line-height:1.6; position:relative; z-index:2; }
  .cta-band h2{ margin-left:auto; margin-right:auto; }

  footer{ border-top:1px solid var(--line); padding:50px 6vw 30px; }
  .footer-top{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-bottom:30px; }
  .footer-links{ display:flex; gap:22px; font-size:13.5px; color:var(--ink-dim); flex-wrap:wrap; }
  .footer-links a:hover{ color:var(--teal); }
  .footer-bottom{ font-family:'Share Tech Mono',monospace; font-size:10.5px; color:#ffffff44; letter-spacing:0.04em; }
.timeline-wrap{margin-top:40px;}
.timeline-track{position:relative;height:90px;margin-bottom:10px;}
.timeline-line{position:absolute;top:38px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--rust),var(--teal));}
.timeline-node{position:absolute;top:0;transform:translateX(-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;}
.tl-dot{width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--teal);transition:all .25s ease;}
.tl-dot.active{background:var(--teal);box-shadow:0 0 14px var(--teal);}
.timeline-node:hover .tl-dot{background:var(--teal);box-shadow:0 0 14px var(--teal-dim);}
.tl-label{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--ink-dim);white-space:nowrap;transition:color .2s;}
.timeline-node:hover .tl-label{color:var(--teal);}
.timeline-detail{display:none;background:var(--bg2);border:1px solid var(--line);border-left:2px solid var(--teal);border-radius:3px;padding:30px;animation:fadeIn .4s ease;}
.timeline-detail.active{display:block;}
.timeline-detail h3{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:600;margin:8px 0 12px;}
.timeline-detail p{font-size:15px;color:var(--ink-dim);line-height:1.65;max-width:640px;}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@media (max-width:900px){
  .timeline-track{overflow-x:auto;padding-bottom:10px;}
}

.solen-terminal{background:#050605;border:1px solid var(--line);border-radius:4px;overflow:hidden;font-family:'Share Tech Mono',monospace;margin-top:30px;}
.term-header{background:#0d0e10;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);}
.term-dot{width:9px;height:9px;border-radius:50%;background:#ffffff22;}
.term-title{margin-left:10px;font-size:12px;color:var(--ink-dim);}
.term-body{padding:22px;min-height:180px;font-size:14px;line-height:1.7;color:var(--teal);}
.term-line{white-space:pre-wrap;margin-bottom:10px;}
.term-line .prompt{color:var(--rust);}
.term-cursor{display:inline-block;width:8px;height:14px;background:var(--teal);animation:blinkcursor 1s step-end infinite;vertical-align:middle;}
@keyframes blinkcursor{0%,100%{opacity:1;}50%{opacity:0;}}
.term-commands{display:flex;flex-wrap:wrap;gap:10px;padding:16px 22px;border-top:1px solid var(--line);background:#0a0b0c;}
.term-btn{font-family:'Share Tech Mono',monospace;font-size:12.5px;background:transparent;border:1px solid #ffffff33;color:var(--ink-dim);padding:9px 14px;border-radius:2px;cursor:pointer;transition:all .2s ease;}
.term-btn:hover{border-color:var(--teal);color:var(--teal);}

.watch-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:30px;}
@media (max-width:900px){.watch-grid{grid-template-columns:1fr;}}
.watch-caption{display:flex;align-items:baseline;gap:12px;margin-top:14px;}
.watch-caption .num{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--teal);}
.watch-caption h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:600;}
.watch-thumb{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:3px;padding:20px;cursor:pointer;transition:border-color .3s;height:160px;display:flex;flex-direction:column;justify-content:flex-end;}
.watch-thumb:hover{border-color:var(--teal-dim);}
.watch-thumb-play{position:absolute;top:20px;left:20px;font-size:20px;color:var(--teal);}
.watch-thumb-label .num{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--teal);display:block;margin-bottom:4px;}
.watch-thumb-label h4{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:600;}

.mars-clock-strip{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--teal);
  padding:8px 6vw; border-bottom:1px solid var(--line); background:#060707;
  letter-spacing:0.04em;
}
.mc-item{display:flex; align-items:center; gap:8px;}
.mc-label{color:#ffffff55;}
.mc-value{color:var(--teal); font-weight:600;}
.mc-sep{color:#ffffff33;}
@media (max-width:700px){ .mars-clock-strip{ font-size:10px; gap:8px; } }

.daily-transmission{
  background:var(--bg2); border:1px solid var(--line); border-left:2px solid var(--teal);
  border-radius:3px; padding:32px; margin:30px 0 10px; position:relative; overflow:hidden;
}
.daily-transmission::before{
  content:''; position:absolute; top:-40%; right:-10%; width:280px; height:280px; border-radius:50%;
  background:radial-gradient(circle, var(--teal) 0%, transparent 70%); opacity:0.08; filter:blur(30px); pointer-events:none;
}
.dt-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; position:relative; z-index:1;}
.dt-eyebrow{font-family:'Share Tech Mono',monospace; font-size:11.5px; color:var(--teal); letter-spacing:0.12em; text-transform:uppercase;}
.dt-streak{font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--ink-dim);}
.dt-sol{font-family:'Share Tech Mono',monospace; font-size:12px; color:var(--rust); margin-bottom:16px; letter-spacing:0.06em;}
.dt-text{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.25rem; line-height:1.55; color:var(--ink); max-width:680px; margin-bottom:24px; position:relative; z-index:1;}
.dt-actions{display:flex; gap:14px; flex-wrap:wrap; position:relative; z-index:1;}
.dt-share{font-size:13px !important; padding:11px 20px !important;}
@media (max-width:600px){ .dt-header{flex-direction:column; align-items:flex-start; gap:6px;} }

/* mobile + reduced motion: cheap paint (desktop unchanged) */
@media (max-width:768px), (prefers-reduced-motion:reduce){
  nav{ backdrop-filter:none; -webkit-backdrop-filter:none; background:rgba(8,9,10,0.96); }
  .hero-bg{ animation:none; }
  .pulse-core{ filter:none; animation:none; opacity:0.18; }
  .card-glow{ filter:none; }
  .daily-transmission::before{ filter:none; opacity:0.05; }
}
@media (max-width:768px){ .hero-bg{ filter:none; } }

@media (max-width:768px){ main > section:not(.hero){ content-visibility:auto; contain-intrinsic-size:auto 900px; } }