
.phase9-hero h1{max-width:980px}
.phase9-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:start}
.phase9-split h2,.phase9-journey h2,.phase9-coming-banner h2{margin:.1em 0 .45em;font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.04em}
.phase9-copy{font-size:1.05rem;color:var(--muted)}
.phase9-copy p:first-child{margin-top:0}
.phase9-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.phase9-value-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:18px;padding:30px;min-height:260px}
.phase9-value-card>span{display:inline-flex;color:var(--red-500);font-size:.76rem;font-weight:850;letter-spacing:.13em}
.phase9-value-card h3{margin:42px 0 10px;font-size:1.42rem}
.phase9-value-card p{margin:0;color:var(--muted)}
.phase9-journey{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:60px;align-items:center}
.phase9-journey>div:first-child>p:last-child{color:var(--muted);font-size:1.05rem}
.phase9-journey-panel{display:grid;gap:12px}
.phase9-journey-panel>div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:18px 20px;border:1px solid var(--line);background:var(--surface-raised);border-radius:14px}
.phase9-journey-panel strong{color:var(--ink)}
.phase9-journey-panel span{color:var(--muted)}
.phase9-coming-section{padding-top:72px}
.phase9-coming-banner{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;padding:30px;border:1px solid color-mix(in srgb,var(--red-500) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--red-500) 6%,var(--surface-raised)),var(--surface-raised));border-radius:20px;margin-bottom:24px}
.phase9-coming-banner h2{font-size:clamp(1.8rem,3.3vw,2.8rem);margin-top:0}
.phase9-coming-banner p{color:var(--muted);margin-bottom:0}
.phase9-status{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 9px;background:color-mix(in srgb,var(--red-500) 12%,var(--surface-raised));border:1px solid color-mix(in srgb,var(--red-500) 30%,var(--line));color:var(--red-500);font-size:.68rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.phase9-coming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.phase9-coming-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:18px;padding:28px;min-height:220px}
.phase9-coming-card h3{font-size:1.35rem;margin:34px 0 8px}
.phase9-coming-card p{color:var(--muted);margin:0}
.phase9-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.phase9-download-card{display:grid;grid-template-columns:68px 1fr;gap:22px;align-items:start;padding:28px;border:1px solid var(--line);background:var(--surface-raised);border-radius:18px;min-height:210px}
.phase9-platform-mark{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;font-size:1.7rem;font-weight:900;background:linear-gradient(145deg,var(--navy-900),var(--navy-700));color:#fff;border:1px solid rgba(255,255,255,.1)}
.phase9-download-card h3{font-size:1.5rem;margin:18px 0 8px}
.phase9-download-card p{margin:0;color:var(--muted)}
.phase9-download-note{margin-top:22px;padding:20px 22px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}
.phase9-download-note strong{color:var(--ink)}
html[data-theme="light"] .phase9-platform-mark{background:linear-gradient(145deg,#122947,#285581)}
@media (max-width:900px){
  .phase9-split,.phase9-journey{grid-template-columns:1fr;gap:30px}
  .phase9-value-grid,.phase9-coming-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .phase9-download-grid{grid-template-columns:1fr}
  .phase9-coming-banner{grid-template-columns:1fr}
}
@media (max-width:520px){
  .phase9-download-card{grid-template-columns:1fr}
  .phase9-journey-panel>div{grid-template-columns:1fr;gap:5px}
}
