:root {
  color-scheme: dark; --ground:#0b0e15; --console:#121722; --line:#2b3444; --white:#f7f8fb;
  --dim:#b1bdcf; --ember:#ff4866; --heat:#e83250; --edge:#191e2a;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  color:var(--white); background:var(--ground); font-synthesis:none;
}
* { box-sizing:border-box }
body { margin:0; line-height:1.7 }
h1,h2,h3,p,dl,dd { margin:0 }
h1,h2,h3,dt { line-height:1.25; color:var(--white) }
p,dd,li { color:var(--dim) }
a { color:inherit; text-decoration-thickness:1px; text-underline-offset:.24em }
a:hover { color:#ff7e92 }
a:focus-visible { outline:2px solid #ff8295; outline-offset:4px }
code { overflow-wrap:anywhere; color:#f1f4fb; font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:.92em }
.shell { width:min(100% - 5rem,1260px); margin-inline:auto }
.skip { position:absolute; top:0; left:0; transform:translateY(-150%); background:#121722; padding:.7rem; z-index:3 }
.skip:focus { transform:translateY(0) }
.mast { background:#0b0e15; border-bottom:1px solid #252b38; position:relative; z-index:1 }
.mast-row { min-height:70px; display:flex; justify-content:space-between; align-items:center; gap:1rem }
.brand { white-space:nowrap; text-decoration:none; display:inline-flex; align-items:center; gap:.55rem; font-size:1.1rem }
.brand > span:last-child { color:var(--dim); font-size:.7rem; letter-spacing:.16em; font-weight:750 }
.brand-mark { flex:none; width:16px; height:16px; background:var(--ember); clip-path:polygon(0 66%,63% 0,100% 0,43% 100%,6% 100%,44% 55%); }
.mast-nav,.text-links,.breadcrumbs { display:flex; gap:1rem; align-items:center; flex-wrap:wrap }
.mast-nav { gap:clamp(1rem,2.3vw,2rem); font-size:.91rem }
.mast-nav a { text-decoration:none; padding:.5rem 0 }
.flight { display:grid; position:relative; isolation:isolate; min-height:clamp(450px,41vw,655px); overflow:hidden; }
.flight img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; object-position:60% 48%; z-index:-2 }
.flight::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#080d19f5 0%,#0c1323e3 22%,#101628a8 40%,#090d1600 68%),linear-gradient(0deg,#0b0e15 0%,#0b0e1500 26%) }
.flight-copy { align-self:center; padding-block:2.5rem 6rem; }
.flight h1 { font-weight:850; line-height:1.04; font-size:clamp(2.4rem,5.1vw,5.35rem); letter-spacing:-.055em }
.flight h1 span { display:block; font-size:.63em; margin-top:.35em; letter-spacing:-.035em }
.flight-copy p { max-width:38ch; color:#e6eaf4; margin-top:1.35rem; font-size:clamp(.96rem,1.35vw,1.18rem) }
.actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.45rem }
.action { min-height:46px; min-width:7rem; display:inline-flex; padding:.52rem .9rem; align-items:center; justify-content:center; text-decoration:none; font-weight:700; border-radius:4px }
.primary { background:#be1637; color:white; border:1px solid #f85068 }
.primary:hover { color:white; background:#9f122d }
.secondary { border:1px solid #667087; background:#151c2ad9 }
.dock { display:grid; grid-template-columns:1.16fr 1fr 1fr; position:relative; margin-top:-2.6rem; background:var(--console); border:1px solid var(--line); border-top:2px solid #a83250; }
.dock section { padding:1.3rem clamp(1rem,2.55vw,2.1rem); border-right:1px solid var(--line); }
.dock section:last-child { border:0 }
.dock h2 { font-size:1.12rem }
.dock p { margin:.3rem 0 .55rem }
.dock a,.support-strip a,.text-links a { color:#ff8398; }
.enterprise { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem,8vw,7rem); padding-block:clamp(3.5rem,6vw,6rem); }
.enterprise header p { margin-top:.7rem; max-width:29ch }
.enterprise h2,.support-strip h2,.guides-section h2 { font-size:clamp(1.5rem,2.3vw,2.3rem); letter-spacing:-.035em }
.capabilities div { display:grid; grid-template-columns:8rem 1fr; gap:.75rem; align-items:baseline; padding:.95rem 0; border-bottom:1px solid var(--line) }
.capabilities div:first-child { padding-top:.2rem }
.capabilities dt { font-weight:750 }
.support-strip { background:#0f141f; border-block:1px solid var(--line) }
.support-layout { display:grid; grid-template-columns:1.15fr 1fr; }
.support-layout > div { padding:2.35rem clamp(0rem,3vw,3rem) 2.35rem 0 }
.support-layout > div + div { padding-left:clamp(1rem,3vw,3rem); border-left:1px solid var(--line) }
.support-layout p { margin:.6rem 0 .7rem }
.guides-section { padding-block:3.25rem }
.service-guides { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.15rem }
.guide-tile { padding:1.15rem; background:var(--console); border:1px solid var(--line) }
.guide-tile h3 { font-size:1.05rem }
.guide-tile p { margin-top:.4rem }
.site-footer { border-top:1px solid var(--line); background:#090c12; }
.footer-row { padding-block:1.45rem; display:flex; justify-content:space-between; gap:.8rem 1.5rem; flex-wrap:wrap; font-size:.9rem }
.inner,.brief-main,.history { padding-block:clamp(2.5rem,6vw,5rem); }
.inner,.history { max-width:1010px }
.brief-main { max-width:920px }
.inner-title { margin-bottom:1.6rem; }
.inner-title h1 { font-size:clamp(2rem,4.1vw,3.45rem); letter-spacing:-.035em; max-width:23ch }
.inner-title p { margin-top:.75rem; font-size:1.07rem; max-width:53ch }
.inner-title time { color:#aab8ca; display:block; margin-top:.75rem; font-size:.9rem; }
.breadcrumbs { margin-bottom:1.2rem; font-size:.9rem; color:#c5cddd }
.dispatch-brief { border-top:2px solid #bd3d59; background:var(--console); padding:clamp(1rem,4vw,3rem) }
.dispatch-body section,.prose,.history > section { margin-block:1.6rem; }
.dispatch-body p,.prose p,.history p { margin:.45rem 0 .85rem; max-width:65ch }
.dispatch-body h2,.prose h2,.history h2 { font-size:1.3rem }
.prose .text-links,.dispatch-body .text-links { margin-top:1rem; padding-top:.7rem; border-top:1px solid var(--line) }
.address-list { display:grid; gap:.6rem; grid-template-columns:1fr 1fr; margin-block:1rem }
.address-list > div,.device-panes > section { background:var(--console); border:1px solid var(--line); padding:1.05rem; min-width:0; }
.dispatch-body .address-list > div { background:var(--ground) }
.address-list dd { margin-top:.35rem }
.address-list p { margin:0 }
.device-panes { display:grid; grid-template-columns:1fr 1fr; gap:.7rem }
.device-panes h2 { margin-bottom:.5rem }
.chip,.source-line { color:#ff9aab; margin-bottom:.85rem; font-weight:650 }
#android,#mac,#support { scroll-margin-top:1rem }
@media (max-width:900px) {
  .shell { width:calc(100% - 3rem) }
  .flight h1 { font-size:clamp(2.5rem,7vw,4.5rem) }
  .flight img { object-position:62% center }
  .enterprise { gap:2rem }
}
@media (max-width:650px) {
  .shell { width:calc(100% - 2rem) }
  .mast-row { min-height:60px; gap:.5rem }
  .brand { gap:.35rem; font-size:1rem }
  .brand-mark { width:13px; height:13px }
  .brand > span:last-child { display:none }
  .mast-nav { gap:.7rem; font-size:.78rem }
  .flight { min-height:0; display:flex; flex-direction:column-reverse }
  .flight-copy { padding:1.75rem 0 1.2rem; }
  .flight h1 { font-size:clamp(2.25rem,9.4vw,3.2rem); letter-spacing:-.04em }
  .flight h1 span { margin-top:.27em; }
  .flight-copy p { margin-top:.8rem; }
  .actions { margin-top:.9rem }
  .flight img { position:relative; height:auto; aspect-ratio:1.75; object-fit:cover; object-position:74% center; align-self:center; }
  .flight::before { inset:auto 0 0; height:30px; background:linear-gradient(0deg,#0b0e15,#0b0e1500) }
  .dock { margin-top:-.22rem; grid-template-columns:1fr; }
  .dock section { padding:.72rem .85rem; border-right:0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr auto; gap:.3rem .55rem; align-items:center; }
  .dock h2 { font-size:1rem }
  .dock p { grid-row:2; margin:0; font-size:.85rem }
  .dock a { grid-column:2; grid-row:1/3; padding:.4rem 0; font-size:.86rem }
  .enterprise { grid-template-columns:1fr; gap:1rem; padding-block:2.7rem; }
  .capabilities div { grid-template-columns:6.5rem 1fr; gap:.55rem; }
  .support-layout,.service-guides,.device-panes,.address-list { grid-template-columns:1fr; }
  .support-layout > div { padding:1.3rem 0; }
  .support-layout > div + div { border-left:0; border-top:1px solid var(--line); padding-left:0 }
  .guides-section { padding-block:2.4rem }
}