:root{color-scheme:dark;--bg:#0b0e17;--panel:#121b2c;--text:#edf3ff;--muted:#acb9ce;--line:#30415b;--accent:#55dfbd;--blue:#91bdff;--amber:#f0ce8b;--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:radial-gradient(ellipse at 5% 0%,#16443c66,transparent 35rem),radial-gradient(ellipse at 100% 35%,#1a355044,transparent 55rem),var(--bg);color:var(--text);font-family:"Sora","Avenir Next","Gill Sans",sans-serif;font-size:17px;line-height:1.65}
.wrap{max-width:1160px;margin-inline:auto;padding-inline:32px}
a{color:var(--accent);text-underline-offset:5px}
a:hover{color:var(--text)}
a:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid var(--amber);outline-offset:5px}
.skip{position:fixed;top:-100px;left:16px;z-index:10;background:var(--text);color:var(--bg);padding:12px}.skip:focus{top:12px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px;border-bottom:1px solid var(--line)}
.wordmark{font-size:34px;font-weight:800;letter-spacing:-1.8px;color:var(--text);text-decoration:none;line-height:1}.wordmark span{color:var(--accent)}
nav{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:14px}nav a{color:var(--muted);text-decoration:none;padding-block:8px}
h1,h2,h3{line-height:1.13;margin:0 0 20px;letter-spacing:-.035em}h1{font-size:clamp(42px,5.3vw,70px);max-width:1000px}h1 span{color:var(--accent)}h2{font-size:clamp(30px,3.6vw,46px)}h3{font-size:23px;letter-spacing:-.025em;line-height:1.25}
p{margin:0 0 18px}p:last-child{margin-bottom:0}
.hero{padding-block:78px 65px;position:relative}.hero .eyebrow{margin-bottom:24px}.lead{font-size:clamp(20px,2.1vw,25px);line-height:1.5;max-width:780px}.hero-description{max-width:760px;color:var(--muted)}.hero.compact{padding-bottom:48px}.hero.compact>p{max-width:800px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;border:1px solid var(--line);border-radius:10px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center}
.button.primary{background:var(--accent);color:#0b211b;border-color:var(--accent)}.button.primary:hover{background:#92f0d7}.button.secondary{background:#121b2c;color:var(--text)}.button.secondary:hover{border-color:var(--accent)}
.release-note{font-size:13px;color:var(--muted);margin-top:22px;display:flex;align-items:baseline;gap:10px}.status-dot{height:8px;width:8px;background:var(--amber);border-radius:50%;flex-shrink:0}
.section{padding-block:64px;border-top:1px solid var(--line)}.section-heading{max-width:800px;margin-bottom:30px}.section-heading>p:last-child{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.prose{color:var(--muted)}.prose h3{color:var(--text);margin-top:28px}.prose h3:first-child{margin-top:0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);background:linear-gradient(155deg,#18263999,#101827cc);border-radius:var(--radius);padding:27px;display:flex;flex-direction:column;min-width:0}.card>p{color:var(--muted);font-size:16px}.number{font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:24px}.feature-status{border-top:1px solid var(--line);padding-top:20px;margin-top:auto;font-size:13px!important}.feature-status .badge{display:table;margin-bottom:10px}
.badge{display:inline-block;background:#25493e66;border:1px solid #386d5e;color:#98edd4;border-radius:6px;font-size:11px;font-weight:600;line-height:1.5;padding:4px 8px;letter-spacing:.01em;max-width:100%}.badge.neutral{background:#a6b4ca12;color:#c7d2e2;border-color:#536179}.badge.blue{color:#b9d5ff;background:#18385966;border-color:#405b7f}.badge.amber{color:var(--amber);background:#54401933;border-color:#665634}
.aside{margin-top:22px;color:var(--muted);font-size:14px;max-width:860px}
.routes{display:grid;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:25px}.route{display:grid;grid-template-columns:.85fr 1fr 1.25fr;gap:25px;align-items:center;padding:25px;background:#14203466;border-top:1px solid var(--line)}.route:first-child{border-top:0}.route.sheltered{background:#173d3444;box-shadow:inset 3px 0 var(--accent)}.route h3{font-size:18px;margin:12px 0 0}.route p{font-size:14px;margin:0;color:var(--muted)}.route p:first-of-type{color:var(--text)}.text-link{font-size:15px}
.feature-list>article{display:grid;grid-template-columns:1fr 1.65fr;gap:50px;border-top:1px solid var(--line);padding-block:30px}.feature-list>article:last-child{padding-bottom:0}.feature-list h3{margin:14px 0 0}.feature-list p{font-size:16px}.muted{color:var(--muted)}.feature-list .muted{font-size:14px}
.limits{background:linear-gradient(90deg,#15243444,transparent)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.status-panel{background:linear-gradient(120deg,#1a3d3444,#15263a44);padding:38px;border:1px solid #3d6258;border-radius:var(--radius);margin-block:24px 45px}.status-panel>p{max-width:890px}.status-panel>p:not(.lead):not(.eyebrow){color:var(--muted)}.status-panel .button{margin-top:10px}
.closing{padding-bottom:80px}.closing>p:not(.eyebrow){max-width:700px;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding-block:35px 48px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;font-size:13px;color:var(--muted)}.site-footer .wordmark{display:inline-block;margin-bottom:12px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-links a{color:var(--muted)}
summary{cursor:pointer;min-height:44px;padding-block:8px;color:var(--muted)}audio{width:100%;max-width:270px;height:40px}code{font-family:monospace;font-size:.9em;overflow-wrap:anywhere}
.steps{padding-left:27px;max-width:860px}.steps li{padding-left:12px;margin-bottom:25px}.steps li::marker{color:var(--accent);font-weight:700}.steps h3{margin-bottom:12px}
@media(min-width:801px){.hero h1{animation:arrive .55s ease-out both}@keyframes arrive{from{transform:translateY(8px);opacity:.7}to{transform:none;opacity:1}}}
@media(max-width:1000px){.cards{gap:12px}.card{padding:22px}.split{gap:35px}.route{gap:18px}.wrap{padding-inline:24px}}
@media(max-width:800px){.cards,.split{grid-template-columns:1fr}.cards{gap:16px}.card{padding:25px}.feature-status{margin-top:8px}.section{padding-block:45px}.hero{padding-block:45px}.site-header{align-items:flex-start}.route{grid-template-columns:1fr 1.3fr}.route>p:last-child{grid-column:1/-1}.feature-list>article{gap:25px;grid-template-columns:1fr 1.3fr}.site-footer{grid-template-columns:1fr 1fr}.pronunciation{grid-column:1/-1;max-width:320px}.status-panel{padding:28px}}
@media(max-width:520px){body{font-size:16px}.wrap{padding-inline:20px}.site-header{flex-direction:column;gap:14px;padding-block:20px}nav{gap:8px 19px;font-size:13px}.wordmark{font-size:31px}h1{font-size:40px;letter-spacing:-.045em}h2{font-size:32px}h3{font-size:22px}.hero{padding-block:36px}.hero .eyebrow{font-size:11px}.lead{font-size:20px}.actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.button{min-height:48px}.feature-list>article,.two-columns,.route{grid-template-columns:1fr}.feature-list>article{gap:17px}.feature-list h3{margin-bottom:0}.route{gap:15px;padding:23px}.route>p:last-child{grid-column:auto}.section-heading{margin-bottom:24px}.split{gap:18px}.status-panel{padding:24px}.site-footer{gap:20px}.release-note{font-size:12px}.closing{padding-bottom:50px}}
/* A generous reading scale, with layouts matched to the available space. */
:root {
  --muted: #b8c5d8;
  --reading-size: clamp(20px, 1.45vw, 23px);
}
body { font-size: var(--reading-size); line-height: 1.6; }
.wrap { max-width: 1680px; padding-inline: clamp(24px, 4.2vw, 72px); }
.site-header { padding-block: 30px; }
.wordmark { font-size: 46px; }
nav { font-size: 18px; gap: 16px 32px; }
nav a { min-height: 44px; display: inline-flex; align-items: center; }
h1 { font-size: clamp(56px, 6.8vw, 112px); max-width: none; line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; }
h2 { font-size: clamp(38px, 4.1vw, 66px); line-height: 1.1; text-wrap: balance; }
h3 { font-size: clamp(27px, 2.15vw, 34px); line-height: 1.22; text-wrap: pretty; }
p { margin-bottom: 24px; text-wrap: pretty; }
.hero { padding-block: clamp(48px, 5vw, 80px); }
.hero .eyebrow { margin-bottom: 28px; }
.eyebrow, .number { font-size: 15px; letter-spacing: .12em; }
.lead { font-size: clamp(25px, 2.4vw, 36px); line-height: 1.45; max-width: 1100px; }
.hero-description { max-width: none; }
.hero.compact > p { max-width: 1100px; }
.button { min-height: 58px; padding: 15px 25px; font-size: 19px; border-radius: 12px; }
.actions { gap: 16px; }
.release-note { font-size: 17px; gap: 12px; }
.status-dot { width: 10px; height: 10px; }
.section { padding-block: clamp(48px, 5vw, 80px); }
.section-heading { max-width: 1190px; margin-bottom: 40px; }
.split { gap: clamp(32px, 5vw, 80px); grid-template-columns: 1fr 1.12fr; }
.cards { gap: 24px; }
.card { padding: clamp(28px, 2.5vw, 42px); border-radius: 22px; }
.card > p, .feature-list p { font-size: var(--reading-size); }
.number { margin-bottom: 28px; }
.card .feature-status { font-size: 17px !important; line-height: 1.6; padding-top: 24px; }
.badge { font-size: 14px; padding: 6px 10px; border-radius: 7px; }
.aside, .feature-list .muted, .release-note { font-size: 18px; }
.aside { max-width: 1200px; margin-top: 28px; }
.route { grid-template-columns: .85fr 1fr 1.25fr; gap: 32px; padding: 34px; }
.route h3 { font-size: 26px; }
.route p { font-size: 20px; }
.route.sheltered { box-shadow: inset 5px 0 var(--accent); }
.text-link { font-size: 20px; display: inline-block; padding-block: 10px; }
.feature-list > article { gap: 56px; padding-block: 40px; grid-template-columns: 1fr 1.4fr; }
.feature-list h3 { margin-top: 20px; }
.two-columns { gap: 24px; }
.status-panel { padding: clamp(30px, 4vw, 62px); }
.status-panel > p { max-width: 1200px; }
.closing > p:not(.eyebrow) { max-width: 1000px; }
.steps { max-width: 1150px; }
.steps li { margin-bottom: 34px; }
.site-footer { padding-block: 46px 58px; font-size: 17px; gap: 36px; }
.footer-links { gap: 4px; }
.footer-links a { padding-block: 8px; }
.pronunciation { min-width: 0; }
audio { max-width: 100%; }

@media (min-width: 1100px) {
  .hero:not(.compact) { display: grid; grid-template-columns: 1.08fr 1fr; column-gap: 64px; align-items: start; }
  .hero:not(.compact) > .eyebrow, .hero:not(.compact) > h1 { grid-column: 1 / -1; }
  .hero:not(.compact) > h1 { margin-bottom: 36px; }
  .hero:not(.compact) > .lead { grid-column: 1; grid-row: 3; margin-bottom: 0; }
  .hero:not(.compact) > .hero-description { grid-column: 2; grid-row: 3; margin-bottom: 0; }
  .hero:not(.compact) > .actions { grid-column: 1; grid-row: 4; margin-top: 30px; }
  .hero:not(.compact) > .release-note { grid-column: 2; grid-row: 4; margin-top: 30px; align-self: center; }
}

@media (min-width: 700px) and (max-width: 1199px) {
  .cards { grid-template-columns: 1fr; }
  .cards .card { display: grid; grid-template-columns: .85fr 1.15fr; column-gap: 32px; align-items: start; }
  .cards .card > .number { grid-column: 1; grid-row: 1; margin-bottom: 18px; }
  .cards .card > h3 { grid-column: 1; grid-row: 2 / 4; }
  .cards .card > p:first-of-type { grid-column: 2; grid-row: 1 / 3; }
  .cards .card > p:nth-of-type(2) { grid-column: 2; grid-row: 3; }
  .cards .card .feature-status { margin-top: 0; }
  .route { grid-template-columns: .85fr 1.15fr; gap: 22px; }
  .route > p:last-child { grid-column: 1 / -1; }
}

@media (max-width: 1099px) {
  .hero:not(.compact) > .actions { margin-bottom: 24px; }
  .hero .lead, .hero-description { max-width: none; }
  .split { grid-template-columns: 1fr; gap: 26px; }
  .split > div:first-child { max-width: 900px; }
  .feature-list > article { grid-template-columns: .85fr 1.15fr; gap: 32px; }
  .site-header { gap: 24px; align-items: center; }
  nav { gap: 10px 22px; font-size: 17px; }
  .two-columns { grid-template-columns: 1fr; }
}

@media (max-width: 699px) {
  :root { --reading-size: 19px; }
  .wrap { padding-inline: 22px; }
  .site-header { align-items: flex-start; flex-direction: column; gap: 14px; padding-block: 22px; }
  .wordmark { font-size: 40px; }
  nav { font-size: 15px; gap: 4px 18px; }
  h1 { font-size: clamp(44px, 10.7vw, 66px); line-height: 1.07; text-wrap: initial; overflow-wrap: break-word; }
  h2 { font-size: clamp(36px, 8.4vw, 48px); }
  h3 { font-size: 28px; }
  .hero { padding-block: 38px 44px; }
  .hero .eyebrow, .eyebrow, .number { font-size: 13px; }
  .lead { font-size: 24px; }
  .hero-description { font-size: 19px; }
  .actions { display: grid; grid-template-columns: 1fr; margin-top: 26px; gap: 12px; }
  .button { font-size: 18px; min-height: 56px; padding-inline: 18px; }
  .release-note, .aside, .feature-list .muted { font-size: 17px; }
  .section { padding-block: 44px; }
  .section-heading { margin-bottom: 28px; }
  .cards, .two-columns, .route, .feature-list > article { grid-template-columns: 1fr; }
  .cards { gap: 18px; }
  .card { padding: 26px; }
  .card .feature-status { margin-top: 10px; }
  .badge { font-size: 13px; }
  .route { gap: 18px; padding: 26px; }
  .route > p:last-child { grid-column: auto; }
  .route h3 { font-size: 26px; }
  .route p { font-size: 19px; }
  .feature-list > article { padding-block: 30px; gap: 18px; }
  .feature-list h3 { margin-top: 15px; }
  .status-panel { padding: 26px; }
  .site-footer { grid-template-columns: 1fr; gap: 26px; padding-block: 34px; }
  .pronunciation { grid-column: auto; max-width: 100%; }
  audio { max-width: 340px; }
}

@media (max-width: 359px) {
  .wrap { padding-inline: 18px; }
  nav { column-gap: 14px; font-size: 14px; }
  .card, .route, .status-panel { padding: 22px; }
  h1 { font-size: 42px; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}