/* Homepage: the archive title and live Earth share one quiet composition. */
#start{
  padding:120px 6vw 145px;
  background:linear-gradient(90deg,#071018f2 0%,#071018d9 27%,#07101865 52%,#07101808 78%),linear-gradient(0deg,#071018f2,transparent 28%);
  overflow-y:auto;
  isolation:isolate;
}
#start .home-copy{width:min(650px,56vw);max-width:none;position:relative;z-index:1}
.home-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--blue);font-size:11px;letter-spacing:.16em;line-height:1.7}
.home-signal{width:6px;height:6px;background:var(--blue);box-shadow:0 0 12px #70dfff66;flex-shrink:0}
.home-code{color:#8b9fa9;font:9px/1.7 var(--mono);letter-spacing:.1em;border-left:1px solid var(--steel);padding-left:12px}
#start .sc-title{font-family:"Microsoft YaHei UI","PingFang SC",var(--ui);font-size:clamp(64px,7.1vw,112px);letter-spacing:.055em;font-weight:900;line-height:1.15;margin:25px 0 0;color:#f0f4f6;text-shadow:0 3px 30px #07101855}
#start .sc-title>span{display:block;color:#b5efff;text-shadow:0 2px 24px #259ac238}
#start .sc-title small{font-family:var(--ui);font-size:clamp(19px,1.75vw,28px);font-weight:400;line-height:1.55;letter-spacing:.12em;color:#edc58f;margin-top:18px}
html[lang=en] #start .sc-title{font-family:Bahnschrift,"Arial Narrow",var(--ui);font-size:clamp(48px,5vw,76px);line-height:1.06;letter-spacing:.015em;max-width:620px}
html[lang=en] #start .sc-title small{font-size:20px;letter-spacing:0;line-height:1.5}
#start .sc-sub{border-left:2px solid #708593;padding-left:15px;margin:26px 0 0;max-width:450px;font-size:15px;line-height:1.9;color:#afc0c9;text-wrap:pretty}
#start .sc-actions{display:grid;grid-template-columns:1fr 1.12fr;gap:12px;margin-top:36px;max-width:620px}
#start .cta{min-width:0;min-height:84px;padding:18px 20px;gap:14px;border-color:#ffd18a;background:#f0b35d;color:#17212a;position:relative;overflow:hidden}
#start .cta b{font-size:17px;font-weight:700;letter-spacing:.03em}
#start .cta small{font-size:11px;font-weight:400;line-height:1.55;max-width:none;color:#45331e;margin-top:5px}
#start .home-action-copy{flex:1;min-width:0}
#start .cta-ico{display:grid;place-items:center;width:30px;height:30px;font-size:13px;color:#071018;border:1px solid #0710184d;border-radius:50%;padding-left:2px;flex-shrink:0}
#start .home-action-arrow{font:22px/1 var(--mono);flex-shrink:0;transition:transform .2s}
#start .home-watch .home-action-arrow{display:none}
#start .cta.ghost{background:#07101880;color:var(--text);border-color:#647987}
#start .cta.ghost small{color:#a6bbc7}
#start .cta.ghost .home-action-arrow{color:var(--blue)}
#start .cta:hover{transform:translateY(-3px);background:#ffd18a;border-color:#ffe2b4}
#start .cta.ghost:hover{background:#142934d9;border-color:var(--blue)}
#start .cta:hover .home-action-arrow{transform:translate(2px,-2px)}
#start .cta:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.home-listening{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px;font-size:10px;color:#91a5b1;line-height:1.7}
#start .voice-note{margin:0;font-size:10px;color:#a5bbc7}
.home-audio-dot{width:4px;height:4px;border-radius:50%;background:#9fc3d3;flex-shrink:0}
.home-listening-divider{height:10px;width:1px;background:var(--steel);margin:0 3px}
.home-footer{position:absolute;bottom:32px;left:6vw;right:6vw;display:flex;align-items:flex-end;justify-content:space-between;gap:50px}
.home-route{display:flex;align-items:center;gap:22px;flex:1;max-width:650px}
.home-route>span{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}
.home-route small{font-size:10px;color:#a5bbc7;letter-spacing:.04em;line-height:1.6}
.home-route b{font:12px/1.5 var(--mono);letter-spacing:.12em;color:#e1ebf0}
.home-route em{font:9px/1.5 var(--mono);font-style:normal;color:#a5bbc7;margin-left:8px;letter-spacing:.03em}
.home-destination{text-align:right}
.home-route-line{height:1px;flex:1;background:#526774;position:relative;min-width:30px}
.home-route-line:before{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;background:var(--blue);box-shadow:0 0 15px #70dfff80}
.home-route-line:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border:1px solid #98b4c4;border-radius:50%}
.home-route-line i{position:absolute;left:12px;right:12px;top:-3px;height:7px;background:repeating-linear-gradient(90deg,transparent 0 19px,#52677480 19px 20px)}
.home-footer>p{max-width:240px;font-size:10px;color:#849ca9;text-align:right;line-height:1.7;margin:0}
#start.show .home-copy{animation:home-arrive .8s both}
#start.show .home-footer{animation:home-arrive .8s .15s both}
@keyframes home-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
body:has(#start.show) #command-header{padding-left:6vw;padding-right:6vw;background:linear-gradient(#071018e6,#07101844);border-bottom-color:#34424b55}
body:has(#start.show) .identity strong{font-size:18px;letter-spacing:2px}
body:has(#start.show) .identity-mark{font-size:27px}
@media(max-width:1000px){
  #start{padding:120px 6vw 155px;background:linear-gradient(90deg,#071018e8,#071018b0 45%,#07101833),linear-gradient(0deg,#071018e6,transparent 40%)}
  #start .home-copy{width:min(620px,88vw)}
  #start .sc-title{font-size:clamp(60px,9vw,90px)}
  .home-footer{gap:20px;flex-wrap:wrap}
  .home-footer>p{max-width:none;text-align:left;font-size:9px}
}
@media(max-width:600px){
  #start{padding:112px 24px 28px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:40px;background:linear-gradient(0deg,#071018f5 0%,#071018c9 45%,#071018a3 100%)}
  #start .home-copy{width:100%;flex-shrink:0}
  .home-kicker{font-size:10px;letter-spacing:.1em;gap:8px}
  .home-code{display:none}
  #start .sc-title{font-size:clamp(52px,13.7vw,76px);letter-spacing:.03em;margin-top:22px}
  #start .sc-title small{font-size:18px;letter-spacing:.06em;margin-top:14px}
  html[lang=en] #start .sc-title{font-size:clamp(42px,11.2vw,62px)}
  html[lang=en] #start .sc-title small{font-size:17px}
  #start .sc-sub{font-size:13px;line-height:1.8;margin-top:21px;padding-left:12px}
  #start .sc-actions{grid-template-columns:1fr;gap:10px;margin-top:26px}
  #start .cta{min-height:72px;padding:15px 18px}
  #start .cta b{font-size:16px}
  .home-listening{margin-top:16px;gap:7px;font-size:9px}
  #start .voice-note{font-size:9px}
  .home-footer{position:static;display:flex;flex-direction:column;align-items:stretch;gap:15px;flex-shrink:0}
  .home-route{gap:14px;width:100%}
  .home-route small{font-size:9px}
  .home-route b{font-size:11px}
  .home-route em{display:block;margin:2px 0 0}
  .home-footer>p{font-size:9px;border-top:1px solid #34424b88;padding-top:12px}
  body:has(#start.show) #command-header{padding-left:16px;padding-right:16px}
  body:has(#start.show) .identity strong{font-size:14px;letter-spacing:0}
  body:has(#start.show) .identity-mark{font-size:21px}
}
@media(max-height:650px) and (min-width:601px){
  #start{padding-top:108px;padding-bottom:38px;align-items:start;gap:30px}
  #start .home-copy{width:min(620px,75vw)}
  #start .sc-title{font-size:60px;margin-top:14px}
  #start .sc-title small{font-size:20px;margin-top:10px}
  html[lang=en] #start .sc-title{font-size:48px}
  #start .sc-sub{margin-top:15px;font-size:13px}
  #start .sc-actions{margin-top:20px}
  #start .cta{min-height:65px;padding:12px 17px}
  .home-footer{position:static;grid-column:1;gap:24px;flex-wrap:wrap;align-items:center}
  .home-listening{margin-top:13px}
}
@media(prefers-reduced-motion:reduce){#start.show .home-copy,#start.show .home-footer{animation:none}#start .cta,#start .home-action-arrow{transition:none}}