:root {
  --ink: #07131b;
  --ink-soft: #13252e;
  --mist: #f3f8f9;
  --white: #ffffff;
  --cyan: #16cfd7;
  --cyan-deep: #0f6870;
  --cyan-soft: #dff8fa;
  --blue-soft: #e7efff;
  --coral: #ff6b63;
  --text: #263740;
  --muted: #667780;
  --line: #dce7ea;
  --shadow: 0 26px 80px rgba(7, 28, 38, .11);
  --display: "Sora", system-ui, sans-serif;
  --body: "DM Sans", system-ui, sans-serif;
  --utility: "IBM Plex Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--mist);
  color: var(--ink);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.shell, .container { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.section { position: relative; padding: 124px 0; }
.skip-link { position: fixed; left: 16px; top: 12px; z-index: 200; transform: translateY(-150%); padding: 10px 16px; border-radius: 12px; background: var(--ink); color: var(--white); font-weight: 700; }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--coral); outline-offset: 4px; }

.navbar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 80;
  border-bottom: 1px solid transparent;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.navbar.scrolled { background: rgba(255, 255, 255, .88); border-color: rgba(7, 19, 27, .08); box-shadow: 0 8px 30px rgba(7, 19, 27, .05); backdrop-filter: blur(18px); }
.nav-inner { min-height: 80px; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; font-family: var(--display); font-size: 1.35rem; font-weight: 700; letter-spacing: -.035em; }
.brand-icon { width: 46px; height: 46px; display: grid; place-items: center; overflow: hidden; border-radius: 15px; background: #061522; box-shadow: 0 9px 24px rgba(7, 19, 27, .12), 0 0 0 1px rgba(15, 104, 112, .1); }
.brand-icon img { width: 46px; height: 46px; object-fit: cover; }
.brand-name { color: var(--ink); font-size: 1.34rem; line-height: 1; }
.nav-links { display: flex; align-items: center; gap: 30px; margin-left: auto; color: #41545d; font-size: .92rem; font-weight: 600; }
.nav-links a { position: relative; padding: 10px 0; }
.nav-links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 4px; height: 2px; border-radius: 2px; background: var(--cyan-deep); transition: right .2s ease; }
.nav-links a:hover, .nav-links a.active { color: var(--ink); }
.nav-links a:hover::after, .nav-links a.active::after { right: 0; }
.menu-button { display: none; width: 46px; height: 46px; margin-left: auto; padding: 0; border: 1px solid var(--line); border-radius: 15px; background: var(--white); cursor: pointer; }
.menu-button span { display: block; width: 20px; height: 2px; margin: 6px auto; border-radius: 2px; background: var(--ink); transition: transform .2s ease; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }

.button {
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 0 25px;
  border: 0;
  border-radius: 18px;
  background: var(--ink);
  color: var(--white);
  box-shadow: 0 11px 28px rgba(7, 19, 27, .16);
  font-weight: 700;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.button:hover { transform: translateY(-2px); background: var(--ink-soft); box-shadow: 0 16px 34px rgba(7, 19, 27, .2); }
.button span { font-size: 1.25em; }
.button-small { min-height: 46px; padding-inline: 19px; border-radius: 14px; font-size: .88rem; }
.button-light { background: var(--white); color: var(--ink); }
.button-light:hover { background: var(--cyan-soft); }
.button-dark { background: var(--ink); color: var(--white); }
.text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 4px; color: var(--ink); font-weight: 700; }
.text-link span { color: var(--cyan-deep); }

.hero {
  position: relative;
  min-height: 1180px;
  overflow: hidden;
  padding: 162px 0 0;
  background:
    radial-gradient(circle at 12% 27%, rgba(22, 207, 215, .14), transparent 19%),
    radial-gradient(circle at 87% 20%, rgba(123, 160, 255, .16), transparent 20%),
    var(--mist);
}
.hero-copy { position: relative; z-index: 3; max-width: 940px; text-align: center; }
.hero-brand { width: 118px; height: 118px; display: grid; place-items: center; margin: 0 auto 20px; }
.hero-brand img { width: 118px; height: 118px; object-fit: contain; filter: drop-shadow(1px 0 0 rgba(7, 19, 27, .72)) drop-shadow(-1px 0 0 rgba(7, 19, 27, .72)) drop-shadow(0 1px 0 rgba(7, 19, 27, .72)) drop-shadow(0 -1px 0 rgba(7, 19, 27, .72)) drop-shadow(0 12px 18px rgba(15, 104, 112, .15)); }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 24px; color: var(--cyan-deep); font-family: var(--utility); font-size: .72rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.eyebrow > span { color: var(--cyan); font-size: .9rem; }
.eyebrow.soft { padding: 8px 12px; border-radius: 999px; background: var(--cyan-soft); color: #0b5d65; }
.eyebrow.dark { color: #0b555b; }
.eyebrow.light { color: #7cf4f7; }
.hero h1 {
  max-width: 920px;
  margin: 0 auto;
  font: 700 clamp(3.75rem, 7.4vw, 6.6rem)/1.03 var(--display);
  letter-spacing: -.075em;
}
.changing-word { display: inline-block; min-width: 4.8em; color: var(--cyan-deep); transition: opacity .18s ease, transform .18s ease; }
.changing-word.is-changing { opacity: 0; transform: translateY(8px); }
.hero-lead { max-width: 730px; margin: 30px auto 0; color: #52656e; font-size: clamp(1.06rem, 1.6vw, 1.25rem); line-height: 1.65; }
.hero-actions { display: flex; align-items: center; justify-content: center; gap: 26px; margin-top: 34px; }
.store-buttons { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 18px; margin-top: 30px; }
.store-badge { width: 214px; display: inline-flex; flex-direction: column; align-items: center; gap: 9px; padding: 0; border: 0; background: transparent; cursor: pointer; transition: transform .2s ease, filter .2s ease; }
.store-badge:hover { transform: translateY(-3px); filter: drop-shadow(0 12px 20px rgba(7, 19, 27, .16)); }
.store-badge:focus-visible { outline: 3px solid rgba(22, 207, 215, .34); outline-offset: 3px; }
.store-artwork { position: relative; width: 206px; height: 58px; display: grid; place-items: center; }
.store-artwork img { display: block; max-width: none; object-fit: contain; }
.store-artwork-google { overflow: hidden; }
.store-artwork-google img { position: absolute; top: -9px; left: 5px; width: 196px; height: 76px; }
.store-artwork-apple img { width: 174px; height: 58px; }
.store-status { padding: 5px 10px; border-radius: 999px; background: rgba(7, 19, 27, .07); color: #4d626b; font: 500 .62rem var(--utility); letter-spacing: .055em; text-transform: uppercase; }
.hero-social { display: inline-flex; align-items: center; gap: 7px; margin-top: 22px; color: #4d626b; font-size: .86rem; transition: color .2s ease, transform .2s ease; }
.hero-social strong { color: var(--ink); }
.hero-social span { color: var(--cyan-deep); }
.hero-social:hover { color: var(--cyan-deep); transform: translateY(-1px); }
.platform-note { display: flex; justify-content: center; gap: 24px; margin-top: 22px; color: var(--muted); font-size: .82rem; }
.platform-note span { display: inline-flex; align-items: center; gap: 8px; }
.platform-note i { width: 8px; height: 8px; border-radius: 50%; background: #21bb76; box-shadow: 0 0 0 5px rgba(33, 187, 118, .12); }

.hero-orbit { position: absolute; inset: 0; pointer-events: none; }
.orbit { position: absolute; left: 50%; top: 450px; border: 1px solid rgba(15, 104, 112, .13); border-radius: 50%; transform: translateX(-50%) rotate(-7deg); }
.orbit-one { width: 920px; height: 440px; }
.orbit-two { top: 490px; width: 1160px; height: 520px; border-color: rgba(15, 104, 112, .09); transform: translateX(-50%) rotate(8deg); }
.orbit-three { top: 570px; width: 1450px; height: 560px; border-color: rgba(255, 107, 99, .1); transform: translateX(-50%) rotate(-4deg); }
.ambient-dot { position: absolute; border-radius: 50%; filter: blur(.2px); }
.dot-one { top: 230px; left: 9%; width: 42px; height: 42px; background: rgba(255, 107, 99, .18); }
.dot-two { top: 350px; right: 10%; width: 62px; height: 62px; background: rgba(22, 207, 215, .18); }
.dot-three { top: 520px; left: 18%; width: 26px; height: 26px; background: rgba(128, 160, 255, .2); }

.product-stage { position: relative; z-index: 4; height: 650px; margin-top: 62px; }
.phone { position: absolute; left: 50%; bottom: -24px; overflow: hidden; border: 8px solid #091118; border-radius: 46px; background: #091118; box-shadow: 0 36px 70px rgba(7, 19, 27, .2); transform-origin: center bottom; }
.phone img { width: 100%; height: 100%; object-fit: contain; object-position: center; background: #091118; }
.phone-main { z-index: 3; width: 294px; height: 654px; transform: translateX(-50%); animation: phone-breathe 5s ease-in-out infinite; }
.phone-left { z-index: 2; width: 246px; height: 548px; margin-left: -260px; transform: translateX(-50%) rotate(-9deg) translateY(26px); opacity: .92; }
.phone-right { z-index: 2; width: 246px; height: 548px; margin-left: 260px; transform: translateX(-50%) rotate(9deg) translateY(26px); opacity: .92; }
.float-note { position: absolute; z-index: 5; display: flex; align-items: center; gap: 13px; min-width: 210px; padding: 14px 16px; border: 1px solid rgba(7, 19, 27, .07); border-radius: 18px; background: rgba(255, 255, 255, .94); box-shadow: 0 16px 38px rgba(7, 34, 45, .12); backdrop-filter: blur(10px); }
.float-note p, .float-note b, .float-note small { display: block; margin: 0; }
.float-note b { font-family: var(--display); font-size: .9rem; }
.float-note small { margin-top: 2px; color: var(--muted); font-size: .72rem; }
.note-icon { width: 39px; height: 39px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 13px; background: var(--cyan-soft); color: var(--cyan-deep); font-weight: 700; }
.note-docs { left: 6%; top: 100px; }
.note-context { right: 5%; top: 205px; }
.road-curve { position: absolute; z-index: 2; inset: auto -7% -160px; height: 280px; border-radius: 50% 50% 0 0; background: var(--white); transform: rotate(-2deg); }
.road-curve::before { content: ""; position: absolute; left: 12%; right: 8%; top: 32px; height: 2px; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(22, 207, 215, .55), transparent); transform: rotate(1deg); }
.road-curve span { position: absolute; left: 50%; top: 20px; width: 76px; height: 8px; border-radius: 999px; background: var(--cyan); transform: translateX(-50%); box-shadow: 0 0 25px rgba(22, 207, 215, .65); }

.section-heading { max-width: 610px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.section-heading h2 { margin: 0; font: 700 clamp(2.55rem, 5vw, 4.4rem)/1.08 var(--display); letter-spacing: -.06em; }
.section-heading > p:last-child { margin: 24px 0 0; color: var(--muted); font-size: 1.05rem; }
.section-heading.centered > p:last-child { max-width: 620px; margin-inline: auto; }

.steps { z-index: 3; background: var(--white); }
.step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 64px 0 0; padding: 0; list-style: none; counter-reset: steps; }
.step-card { position: relative; min-width: 0; padding: 18px 18px 30px; border: 1px solid #e4ecef; border-radius: 30px; background: var(--white); box-shadow: 0 18px 48px rgba(11, 42, 54, .07); }
.step-card::after { content: "→"; position: absolute; z-index: 2; right: -34px; top: 132px; width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--white); color: var(--cyan-deep); font-weight: 700; }
.step-card:last-child::after { display: none; }
.step-number { position: absolute; z-index: 2; top: 31px; left: 31px; width: 35px; height: 35px; display: grid; place-items: center; border-radius: 12px; background: var(--ink); color: var(--white); font: 500 .76rem var(--utility); }
.step-visual { height: 220px; display: flex; align-items: center; justify-content: center; margin-bottom: 26px; overflow: hidden; border-radius: 23px; background: var(--mist); }
.step-card h3 { margin: 0 12px; font: 700 1.32rem/1.25 var(--display); letter-spacing: -.035em; }
.step-card > p { margin: 13px 12px 0; color: var(--muted); font-size: .92rem; }
.plate-visual { position: relative; flex-direction: column; border: 1px solid #dbe5e8; background: linear-gradient(145deg, #f6fafb, #e8f3f5); }
.plate-visual::before { content: ""; position: absolute; inset: 48px 42px; border: 2px solid var(--ink); border-radius: 14px; background: var(--white); box-shadow: 0 9px 24px rgba(7, 19, 27, .09); }
.plate-visual small, .plate-visual strong, .plate-visual i { position: relative; z-index: 1; }
.plate-visual small { color: var(--cyan-deep); font: 500 .58rem var(--utility); letter-spacing: .14em; }
.plate-visual strong { margin-top: 8px; font: 600 1.25rem var(--display); text-transform: uppercase; }
.plate-visual i { width: 64px; height: 5px; margin-top: 11px; border-radius: 5px; background: var(--cyan); }
.confirm-visual { flex-direction: column; align-items: stretch; gap: 8px; padding: 46px 32px 24px; background: var(--blue-soft); }
.confirm-visual span { display: flex; align-items: center; gap: 10px; padding: 10px 13px; border-radius: 12px; background: rgba(255, 255, 255, .86); color: #334852; font-size: .82rem; font-weight: 600; }
.confirm-visual i { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 8px; background: var(--cyan-soft); color: var(--cyan-deep); font-style: normal; }
.ready-visual { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; padding: 48px 34px 25px; background: var(--cyan-soft); }
.ready-visual::after { content: "✓"; position: absolute; left: 50%; top: 50%; width: 49px; height: 49px; display: grid; place-items: center; border: 5px solid var(--cyan-soft); border-radius: 50%; background: var(--ink); color: var(--white); transform: translate(-50%, -39%); }
.ready-visual span { display: grid; place-items: center; min-height: 58px; border: 1px solid rgba(15, 104, 112, .12); border-radius: 14px; background: rgba(255, 255, 255, .72); color: #29434c; font-size: .72rem; font-weight: 700; }

.product { overflow: hidden; background: var(--cyan-soft); }
.product-wave { position: absolute; inset: -80px -10% auto; height: 140px; border-radius: 0 0 50% 50%; background: var(--white); transform: rotate(1deg); }
.product .section-heading { position: relative; z-index: 1; max-width: 780px; }
.experience { position: relative; z-index: 2; margin-top: 58px; overflow: hidden; border: 1px solid rgba(15, 104, 112, .12); border-radius: 38px; background: rgba(255, 255, 255, .9); box-shadow: var(--shadow); }
.experience-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 10px; border-bottom: 1px solid #e6edef; background: var(--white); }
.experience-tabs button { min-height: 58px; border: 0; border-radius: 18px; background: transparent; color: var(--muted); font-weight: 700; cursor: pointer; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.experience-tabs button span { margin-right: 9px; font: 500 .65rem var(--utility); opacity: .68; }
.experience-tabs button[aria-selected="true"] { background: var(--ink); color: var(--white); box-shadow: 0 10px 24px rgba(7, 19, 27, .16); }
.experience-tabs button:hover:not([aria-selected="true"]) { background: var(--mist); color: var(--ink); }
.experience-panel { min-height: 660px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 45px; align-items: center; padding: 62px; }
.experience-panel[hidden] { display: none; }
.panel-copy { max-width: 500px; }
.panel-icon { width: 60px; height: 60px; display: grid; place-items: center; margin-bottom: 28px; border-radius: 20px; background: var(--cyan); color: var(--ink); font: 700 1.65rem var(--display); box-shadow: 0 12px 28px rgba(22, 207, 215, .25); }
.panel-copy h3 { margin: 0; font: 700 clamp(2.25rem, 4vw, 3.55rem)/1.08 var(--display); letter-spacing: -.06em; }
.panel-copy > p { margin: 22px 0 0; color: var(--muted); font-size: 1.02rem; }
.check-list { display: grid; gap: 13px; margin: 28px 0 0; padding: 0; list-style: none; }
.check-list li { display: grid; grid-template-columns: 25px 1fr; gap: 10px; color: #334850; font-size: .92rem; font-weight: 600; }
.check-list li::before { content: "✓"; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 8px; background: var(--cyan-soft); color: var(--cyan-deep); font-size: .7rem; }
.report-preview { min-height: 490px; padding: 22px; border-radius: 30px; background: var(--ink); color: var(--white); box-shadow: 0 28px 55px rgba(7, 19, 27, .23); }
.preview-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 2px 2px 20px; color: #a9bac1; font-size: .8rem; }
.preview-top i { padding: 6px 10px; border-radius: 999px; background: rgba(22, 207, 215, .12); color: #6cf2f5; font-style: normal; }
.vehicle-summary { display: flex; align-items: center; gap: 18px; padding: 24px; border-radius: 22px; background: #11232c; }
.vehicle-glyph { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 20px; background: var(--cyan); color: var(--ink); font-size: 1.8rem; }
.vehicle-summary p, .vehicle-summary strong, .vehicle-summary small, .vehicle-summary em { display: block; margin: 0; }
.vehicle-summary small { color: #7bedf1; font: 500 .58rem var(--utility); letter-spacing: .08em; }
.vehicle-summary strong { margin-top: 4px; font: 600 1.35rem var(--display); }
.vehicle-summary em { margin-top: 2px; color: #9caeb6; font-size: .74rem; font-style: normal; }
.status-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 10px; }
.status-row > span { min-height: 143px; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 20px; background: #0d1e27; }
.status-row b, .status-row small { display: block; }
.status-row b { margin-top: 16px; font-size: .88rem; }
.status-row small { margin-top: 4px; color: #8fa4ad; font-size: .7rem; }
.ok { width: 12px; height: 12px; border-radius: 50%; background: #39d68a; box-shadow: 0 0 0 5px rgba(57, 214, 138, .12); }
.preview-action { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; padding: 16px 18px; border-radius: 17px; background: var(--cyan); color: var(--ink); font-size: .84rem; font-weight: 700; }
.panel-phone { aspect-ratio: 720 / 1600; width: min(310px, 100%); height: auto; margin: 0 auto; overflow: hidden; border: 8px solid #091118; border-radius: 44px; background: #091118; box-shadow: 0 28px 55px rgba(7, 19, 27, .22); }
.panel-phone img { width: 100%; height: 100%; object-fit: contain; object-position: center; background: #091118; }

.moments { background: var(--mist); }
.moments-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 86px; align-items: start; }
.moments .section-heading { position: sticky; top: 120px; }
.moment-cloud { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.moment-card { min-height: 260px; display: flex; flex-direction: column; justify-content: space-between; padding: 27px; border: 1px solid var(--line); border-radius: 28px; background: var(--white); box-shadow: 0 15px 36px rgba(7, 34, 45, .06); transition: transform .2s ease, box-shadow .2s ease; }
.moment-card:hover { transform: translateY(-4px); box-shadow: 0 21px 45px rgba(7, 34, 45, .1); }
.moment-card.large { grid-column: 1 / -1; min-height: 290px; flex-direction: row; align-items: flex-end; background: var(--ink); color: var(--white); }
.moment-card.coral { background: #fff0ef; border-color: #ffd5d1; }
.moment-card > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; background: var(--cyan-soft); color: var(--cyan-deep); font: 700 1.2rem var(--display); }
.moment-card.large > span { background: var(--cyan); color: var(--ink); }
.moment-card.coral > span { background: var(--coral); color: var(--white); }
.moment-card small { color: var(--cyan-deep); font: 500 .62rem var(--utility); letter-spacing: .1em; }
.moment-card.large small { color: #75eef2; }
.moment-card h3 { margin: 8px 0 0; font: 700 1.28rem/1.25 var(--display); letter-spacing: -.035em; }
.moment-card.large h3 { font-size: 2.2rem; }
.moment-card p { margin: 10px 0 0; color: var(--muted); font-size: .86rem; }
.moment-card.large p { max-width: 500px; color: #9eb0b8; }

.roadside { overflow: hidden; background: var(--ink); color: var(--white); }
.roadside-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .82fr 1.18fr; gap: 90px; align-items: center; }
.roadside-copy h2 { margin: 0; font: 700 clamp(3.2rem, 6vw, 5.6rem)/1.03 var(--display); letter-spacing: -.075em; }
.roadside-copy > p:not(.eyebrow) { max-width: 510px; margin: 25px 0 34px; color: #a9bac1; font-size: 1.05rem; }
.safety-path { display: grid; gap: 12px; }
.safety-path article { display: grid; grid-template-columns: 60px 1fr; gap: 17px; align-items: center; padding: 22px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 23px; background: rgba(255, 255, 255, .055); backdrop-filter: blur(7px); }
.safety-path article > span { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(124, 244, 247, .35); border-radius: 16px; color: #7cf4f7; font: 500 .7rem var(--utility); }
.safety-path h3 { margin: 0; font: 600 1.08rem var(--display); }
.safety-path p { margin: 5px 0 0; color: #98abb3; font-size: .84rem; }
.road-lines { position: absolute; inset: 0; pointer-events: none; }
.road-lines i { position: absolute; right: -24%; top: 20%; width: 72%; height: 52%; border: 1px solid rgba(22, 207, 215, .14); border-radius: 50%; transform: rotate(-18deg); }
.road-lines i:nth-child(2) { top: 32%; right: -18%; width: 80%; border-color: rgba(22, 207, 215, .09); }
.road-lines i:nth-child(3) { top: 46%; right: -30%; border-color: rgba(255, 107, 99, .11); }

.chile { padding-block: 100px; background: var(--white); }
.chile-card { display: grid; grid-template-columns: 120px 1fr .8fr; gap: 42px; align-items: center; padding: 52px; border-radius: 34px; background: linear-gradient(135deg, #e4fbfc, #eef4ff); box-shadow: 0 18px 55px rgba(7, 34, 45, .08); }
.chile-mark { width: 112px; height: 112px; display: grid; place-items: center; border-radius: 30px; background: var(--ink); color: var(--white); }
.chile-mark span { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 50% 50% 50% 3px; background: var(--cyan); color: var(--ink); transform: rotate(-45deg); }
.chile-mark span::first-letter { transform: rotate(45deg); }
.chile-card h2 { margin: 0; font: 700 clamp(2.25rem, 4vw, 3.5rem)/1.08 var(--display); letter-spacing: -.06em; }
.chile-card ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.chile-card li { display: grid; grid-template-columns: 50px 1fr; align-items: center; gap: 12px; min-height: 49px; padding: 7px 12px; border-radius: 15px; background: rgba(255, 255, 255, .74); color: #3f555f; font-size: .84rem; font-weight: 600; }
.chile-card li span { color: var(--cyan-deep); font: 500 .68rem var(--utility); }

.plans { overflow: hidden; background: var(--ink); color: var(--white); }
.plans .section-heading { position: relative; z-index: 2; max-width: 760px; }
.plans .section-heading > p:last-child { color: #9db0b8; }
.plans-road { position: absolute; inset: 0; pointer-events: none; opacity: .55; }
.plans-road i { position: absolute; left: 50%; top: -18%; width: 340px; height: 140%; border: 1px solid rgba(22, 207, 215, .18); border-radius: 50%; transform: translateX(-50%) rotate(-8deg); }
.plans-road i:last-child { width: 760px; border-color: rgba(255, 255, 255, .055); transform: translateX(-50%) rotate(9deg); }
.plan-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; max-width: 950px; margin: 58px auto 0; }
.plan-card { position: relative; display: flex; flex-direction: column; min-height: 540px; padding: clamp(28px, 4vw, 42px); overflow: hidden; border: 1px solid rgba(255, 255, 255, .11); border-radius: 34px; background: rgba(255, 255, 255, .065); box-shadow: 0 28px 70px rgba(0, 0, 0, .18); backdrop-filter: blur(12px); }
.plan-card::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: rgba(255, 255, 255, .12); }
.plan-card.featured { border-color: rgba(22, 207, 215, .46); background: var(--cyan); color: var(--ink); transform: translateY(-12px); box-shadow: 0 32px 80px rgba(22, 207, 215, .18); }
.plan-card.featured::after { background: var(--white); opacity: .65; }
.plan-top { display: flex; align-items: center; gap: 16px; }
.plan-bay { width: 56px; height: 56px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(124, 244, 247, .35); border-radius: 18px; color: #7cf4f7; font: 600 .78rem var(--utility); }
.featured .plan-bay { border-color: rgba(7, 19, 27, .2); background: rgba(255, 255, 255, .36); color: var(--ink); }
.plan-top small { color: #7cf4f7; font: 600 .64rem var(--utility); letter-spacing: .1em; }
.featured .plan-top small { color: #0b5b61; }
.plan-top h3 { margin: 5px 0 0; font: 700 1.65rem/1.1 var(--display); letter-spacing: -.045em; }
.plan-for { min-height: 30px; margin: 30px 0 0; color: #a9bbc2; font-weight: 650; }
.plan-for span { margin-inline: 6px; color: #7cf4f7; }
.featured .plan-for { color: #154a50; }
.featured .plan-for span { color: var(--ink); }
.plan-price { display: flex; align-items: end; gap: 12px; margin: 16px 0 24px; }
.plan-price strong { font: 700 clamp(3.1rem, 6vw, 4.8rem)/.95 var(--display); letter-spacing: -.07em; }
.plan-price span { padding-bottom: 8px; color: #9db0b8; font: 600 .68rem var(--utility); letter-spacing: .06em; }
.featured .plan-price span { color: #15535a; }
.plan-card ul { display: grid; gap: 13px; margin: 0 0 30px; padding: 0; list-style: none; }
.plan-card li { display: grid; grid-template-columns: 23px 1fr; gap: 10px; color: #d4dfe2; font-size: .92rem; }
.plan-card li::before { content: "✓"; width: 21px; height: 21px; display: grid; place-items: center; border-radius: 7px; background: rgba(22, 207, 215, .15); color: #7cf4f7; font-size: .7rem; font-weight: 800; }
.featured li { color: #123a40; }
.featured li::before { background: rgba(7, 19, 27, .11); color: var(--ink); }
.plan-card .button { width: 100%; margin-top: auto; }
.plan-card:not(.featured) .button-light { background: var(--white); }
.plan-beta-note { position: relative; z-index: 2; margin: 26px auto 0; color: #91a7af; font-size: .84rem; text-align: center; }

.faq { background: var(--mist); }
.faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; align-items: start; }
.faq-list { display: grid; gap: 12px; }
.faq-item { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--white); }
.faq-item button { width: 100%; min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px 21px; border: 0; background: none; text-align: left; cursor: pointer; font: 600 1rem/1.35 var(--display); }
.faq-item button i { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; background: var(--cyan-soft); color: var(--cyan-deep); font-style: normal; transition: transform .2s ease, background-color .2s ease; }
.faq-item > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }
.faq-item > div > p { overflow: hidden; margin: 0; color: var(--muted); }
.faq-item.open > div { grid-template-rows: 1fr; }
.faq-item.open > div > p { padding: 0 68px 22px 21px; }
.faq-item.open button i { background: var(--ink); color: var(--white); transform: rotate(45deg); }

.beta { overflow: hidden; background: var(--cyan); }
.beta-card { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, .72fr); gap: clamp(48px, 7vw, 92px); align-items: center; }
.beta-intro > img { width: 132px; height: 132px; margin-bottom: 20px; object-fit: contain; filter: drop-shadow(0 18px 28px rgba(7, 19, 27, .18)); }
.beta-intro h2 { max-width: 650px; margin: 0; font: 700 clamp(3.4rem, 6vw, 5.8rem)/.96 var(--display); letter-spacing: -.075em; }
.beta-intro > p:not(.eyebrow) { max-width: 590px; margin: 24px 0 32px; color: #16434a; font-size: 1.05rem; }
.founder-goal { max-width: 590px; margin: -8px 0 26px; padding: 16px 18px; border: 1px solid rgba(7, 19, 27, .12); border-radius: 18px; background: rgba(255, 255, 255, .52); }
.founder-goal > div:first-child { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.founder-goal span { color: #20565d; font: 700 .72rem var(--utility); text-transform: uppercase; letter-spacing: .08em; }
.founder-goal strong { color: var(--ink); font: 800 1.35rem var(--display); }
.founder-goal strong b { color: var(--cyan-deep); }
.goal-track { height: 8px; margin: 10px 0 8px; overflow: hidden; border-radius: 99px; background: rgba(7, 19, 27, .10); }
.goal-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--cyan-deep), #087e95); transition: width .5s ease; }
.founder-goal small { color: #52666e; font-size: .75rem; }
.beta-steps { display: grid; gap: 11px; max-width: 590px; margin: 0; padding: 0; list-style: none; }
.beta-steps li { display: grid; grid-template-columns: 45px 1fr; gap: 14px; align-items: center; padding: 12px 15px; border: 1px solid rgba(7, 19, 27, .1); border-radius: 17px; background: rgba(255, 255, 255, .42); }
.beta-steps li > span { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; background: var(--ink); color: var(--white); font: 600 .75rem var(--utility); }
.beta-steps p { display: grid; gap: 3px; margin: 0; }
.beta-steps strong { color: var(--ink); font-family: var(--display); font-size: .95rem; }
.beta-steps small { color: #20565d; font-size: .78rem; line-height: 1.4; }
.beta-form { display: grid; gap: 17px; padding: clamp(27px, 4vw, 42px); border: 1px solid rgba(7, 19, 27, .11); border-radius: 30px; background: var(--white); box-shadow: 0 28px 70px rgba(7, 46, 53, .18); text-align: left; }
.form-heading { margin-bottom: 4px; }
.form-heading > span { color: var(--cyan-deep); font: 600 .69rem var(--utility); letter-spacing: .08em; text-transform: uppercase; }
.form-heading h3 { margin: 7px 0 8px; color: var(--ink); font: 700 1.75rem/1.15 var(--display); letter-spacing: -.045em; }
.form-heading p { margin: 0; color: var(--muted); font-size: .9rem; }
.form-field { display: grid; gap: 7px; color: var(--ink); font-size: .85rem; font-weight: 700; }
.form-field input { width: 100%; min-height: 51px; padding: 12px 14px; border: 1px solid #c6dadd; border-radius: 14px; background: #f9fcfc; color: var(--ink); font: 500 1rem var(--body); outline: none; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.form-field input::placeholder { color: #87999f; }
.form-field input:focus { border-color: var(--cyan-deep); background: var(--white); box-shadow: 0 0 0 4px rgba(19, 216, 237, .15); }
.form-field small { color: #6a7e86; font-size: .74rem; font-weight: 500; }
.contact-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 0; padding: 0; border: 0; }
.contact-choice.vehicle-choice { grid-template-columns: repeat(3, 1fr); }
.contact-choice legend { grid-column: 1 / -1; margin-bottom: 7px; color: var(--ink); font-size: .85rem; font-weight: 700; }
.contact-choice label { position: relative; cursor: pointer; }
.contact-choice input { position: absolute; opacity: 0; pointer-events: none; }
.contact-choice span { min-height: 46px; display: grid; place-items: center; border: 1px solid #c6dadd; border-radius: 13px; color: #52666e; font-size: .84rem; font-weight: 700; }
.contact-choice input:checked + span { border-color: var(--ink); background: var(--ink); color: var(--white); }
.contact-choice input:focus-visible + span { outline: 3px solid rgba(19, 216, 237, .45); outline-offset: 2px; }
.consent-field { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; color: #5d7178; font-size: .76rem; line-height: 1.5; }
.consent-field input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--cyan-deep); }
.consent-field a { color: var(--cyan-deep); text-decoration: underline; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.beta-submit { width: 100%; margin-top: 2px; }
.beta-submit:disabled { cursor: wait; opacity: .72; transform: none; }
.form-status { min-height: 0; margin: -3px 0 0; font-size: .83rem; font-weight: 650; line-height: 1.45; text-align: center; }
.form-status:empty { display: none; }
.form-status.success { padding: 12px; border-radius: 12px; background: #e6f8ef; color: #12613e; }
.form-status.error { padding: 12px; border-radius: 12px; background: #fff0ee; color: #9a382e; }
.share-beta { display: block; padding: 12px; border: 1px solid #a8d8c2; border-radius: 12px; background: #effaf4; color: #12613e; font-size: .84rem; font-weight: 750; text-align: center; }
.share-beta[hidden] { display: none; }
.beta-bubbles i { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, .24); }
.beta-bubbles i:first-child { width: 240px; height: 240px; left: -70px; top: -55px; }
.beta-bubbles i:nth-child(2) { width: 120px; height: 120px; right: 8%; top: 13%; }
.beta-bubbles i:nth-child(3) { width: 310px; height: 310px; right: -150px; bottom: -140px; background: rgba(7, 19, 27, .08); }

footer { padding: 70px 0 28px; background: var(--white); }
.footer-top { display: grid; grid-template-columns: 1.4fr .7fr .7fr; gap: 70px; }
.footer-brand p { max-width: 360px; margin: 20px 0 0; color: var(--muted); }
.instagram-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--ink); font-size: .88rem; transition: color .2s ease, transform .2s ease; }
.instagram-link span { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid var(--line); border-radius: 9px; color: var(--cyan-deep); font-size: 1.05rem; }
.instagram-link:hover { color: var(--cyan-deep); transform: translateY(-1px); }
.footer-top nav { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; color: var(--muted); font-size: .9rem; }
.footer-top nav strong { margin-bottom: 5px; color: var(--ink); font-family: var(--display); font-size: .84rem; }
.footer-top nav a:hover { color: var(--cyan-deep); }
.footer-bottom { display: flex; justify-content: space-between; gap: 25px; margin-top: 54px; padding-top: 25px; border-top: 1px solid var(--line); color: #7a8b93; font-size: .76rem; }
.footer-bottom span { font-family: var(--utility); font-size: .64rem; letter-spacing: .08em; text-transform: uppercase; }

.toast { position: fixed; z-index: 100; left: 50%; bottom: 24px; width: min(600px, calc(100% - 32px)); padding: 15px 18px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 17px; background: var(--ink); color: var(--white); box-shadow: 0 24px 60px rgba(7, 19, 27, .28); opacity: 0; visibility: hidden; transform: translate(-50%, 24px); transition: opacity .25s ease, transform .25s ease, visibility .25s; text-align: center; font-weight: 600; }
.toast.show { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.reveal { opacity: 0; transform: translateY(26px); transition: opacity .65s ease, transform .65s cubic-bezier(.2, .76, .28, 1); }
.reveal.visible { opacity: 1; transform: none; }
.delay-1 { transition-delay: .09s; }
.delay-2 { transition-delay: .18s; }

/* Legal pages */
.section-padding { min-height: calc(100vh - 170px); padding: 150px 0 100px; background: var(--mist); color: var(--ink); }
.section-title { margin: 0; font: 700 clamp(2.8rem, 6vw, 5.4rem)/1.03 var(--display); letter-spacing: -.065em; }
.section-desc { color: var(--muted); }
.legal-content { color: #3d515b; font-size: 1rem; }
.legal-content h3 { margin: 37px 0 11px; color: var(--ink); font: 600 1.35rem var(--display); letter-spacing: -.03em; }
.legal-content li { margin: 7px 0; }
.legal-content a { color: var(--cyan-deep) !important; text-decoration: underline; }
.dark-theme .navbar.scrolled { background: rgba(255, 255, 255, .94); }

@keyframes phone-breathe {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(-8px); }
}

@media (max-width: 1020px) {
  .desktop-cta { display: none; }
  .menu-button { display: block; }
  .nav-links { position: fixed; inset: 80px 18px auto; display: grid; gap: 0; margin: 0; padding: 10px 18px 18px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255, 255, 255, .97); box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(-18px); transition: opacity .2s ease, transform .2s ease, visibility .2s; }
  .nav-links.open { opacity: 1; visibility: visible; transform: none; }
  .nav-links a { padding: 15px 4px; border-bottom: 1px solid var(--line); }
  .nav-links a:last-child { border-bottom: 0; }
  .legal-nav-links { display: none; }
  .hero { min-height: 1100px; }
  .phone-left { margin-left: -220px; }
  .phone-right { margin-left: 220px; }
  .note-docs { left: 0; }
  .note-context { right: 0; }
  .step-grid { grid-template-columns: 1fr; max-width: 680px; margin-inline: auto; }
  .step-card { display: grid; grid-template-columns: 250px 1fr; column-gap: 26px; align-items: center; }
  .step-card::after { content: "↓"; right: auto; left: 102px; top: auto; bottom: -35px; }
  .step-visual { grid-row: 1 / span 2; margin: 0; }
  .step-card h3 { align-self: end; margin: 0; }
  .step-card > p { align-self: start; margin: 12px 0 0; }
  .step-number { left: 30px; }
  .experience-panel { grid-template-columns: 1fr; gap: 48px; padding: 50px; }
  .panel-copy { max-width: 680px; }
  .report-preview { width: min(520px, 100%); margin-inline: auto; }
  .moments-layout, .faq-layout { grid-template-columns: 1fr; gap: 55px; }
  .moments .section-heading { position: static; }
  .roadside-layout { grid-template-columns: 1fr; gap: 60px; }
  .roadside-copy { max-width: 650px; }
  .chile-card { grid-template-columns: 110px 1fr; }
  .chile-card ul { grid-column: 1 / -1; grid-template-columns: repeat(2, 1fr); }
  .plan-grid { max-width: 720px; grid-template-columns: 1fr; }
  .plan-card.featured { transform: none; }
  .beta-card { grid-template-columns: 1fr; gap: 50px; }
  .beta-intro { max-width: 720px; }
}

@media (max-width: 700px) {
  .shell, .container { width: min(calc(100% - 28px), 1160px); }
  .section { padding: 88px 0; }
  .nav-inner { min-height: 70px; }
  .nav-links { inset-block-start: 70px; }
  .hero { min-height: 930px; padding-top: 124px; }
  .hero-brand { margin-bottom: 18px; }
  .hero-brand { width: 100px; height: 100px; margin-bottom: 16px; }
  .hero-brand img { width: 100px; height: 100px; }
  .hero-copy { width: calc(100% - 28px); max-width: none; }
  .hero h1 { max-width: 100%; font-size: clamp(2.7rem, 11.5vw, 3.55rem); letter-spacing: -.065em; }
  .changing-word { min-width: 0; }
  .hero-lead { max-width: 100%; padding-inline: 3px; font-size: 1rem; }
  .hero-actions { width: 100%; flex-direction: column; gap: 10px; }
  .hero-actions .button, .hero-actions .text-link { width: 100%; }
  .platform-note { flex-direction: column; align-items: center; gap: 7px; }
  .store-buttons { width: 100%; }
  .store-badge { width: min(100%, 214px); }
  .product-stage { height: 440px; margin-top: 48px; }
  .phone-main { width: 208px; height: 462px; border-width: 6px; border-radius: 35px; }
  .phone-left, .phone-right { width: 150px; height: 336px; border-width: 5px; border-radius: 28px; opacity: .56; }
  .phone-left { margin-left: -138px; }
  .phone-right { margin-left: 138px; }
  .float-note { display: none; }
  .orbit-one { width: 570px; height: 300px; }
  .orbit-two { width: 750px; height: 360px; }
  .road-curve { bottom: -200px; }
  .section-heading h2 { font-size: clamp(2.35rem, 11vw, 3.45rem); }
  .step-grid { margin-top: 46px; }
  .step-card { display: block; padding: 15px 15px 27px; }
  .step-card::after { left: 50%; transform: translateX(-50%); }
  .step-visual { height: 205px; margin-bottom: 25px; }
  .step-card h3, .step-card > p { margin-inline: 10px; }
  .product-wave { top: -105px; }
  .product .section-heading h2 br { display: none; }
  .experience { margin-top: 43px; border-radius: 28px; }
  .experience-tabs { display: flex; overflow-x: auto; scrollbar-width: none; }
  .experience-tabs::-webkit-scrollbar { display: none; }
  .experience-tabs button { min-width: 150px; padding-inline: 15px; }
  .experience-panel { min-height: 0; gap: 39px; padding: 34px 21px 30px; }
  .panel-icon { width: 52px; height: 52px; margin-bottom: 22px; border-radius: 17px; }
  .panel-copy h3 { font-size: 2.25rem; }
  .panel-copy > p { font-size: .95rem; }
  .check-list li { font-size: .84rem; }
  .report-preview { min-height: 0; padding: 15px; border-radius: 24px; }
  .vehicle-summary { padding: 17px; }
  .vehicle-glyph { width: 50px; height: 50px; border-radius: 16px; }
  .status-row > span { min-height: 126px; padding: 14px; }
  .panel-phone { width: 250px; height: auto; border-radius: 38px; }
  .moment-cloud { grid-template-columns: 1fr; }
  .moment-card.large { grid-column: auto; min-height: 300px; flex-direction: column; align-items: flex-start; }
  .moment-card { min-height: 235px; }
  .roadside-copy h2 { font-size: clamp(3.05rem, 14vw, 4.5rem); }
  .safety-path article { grid-template-columns: 49px 1fr; padding: 17px; }
  .safety-path article > span { width: 42px; height: 42px; border-radius: 14px; }
  .chile { padding-block: 72px; }
  .chile-card { grid-template-columns: 1fr; gap: 28px; padding: 28px 22px; border-radius: 28px; }
  .chile-mark { width: 78px; height: 78px; border-radius: 24px; }
  .chile-card ul { grid-column: auto; grid-template-columns: 1fr; }
  .plan-card { min-height: 0; padding: 28px 22px; border-radius: 27px; }
  .plan-price strong { font-size: clamp(3rem, 16vw, 4.2rem); }
  .faq-layout { gap: 42px; }
  .faq-item.open > div > p { padding-right: 21px; }
  .beta-intro h2 { font-size: clamp(2.75rem, 13vw, 4.3rem); }
  .beta-intro > img { width: 112px; height: 112px; }
  .beta-form { padding: 25px 19px; border-radius: 24px; }
  .contact-choice.vehicle-choice { grid-template-columns: repeat(3, 1fr); }
  .beta-card .button { width: 100%; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 48px 28px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
}

@media (max-width: 430px) {
  .phone-left { margin-left: -118px; }
  .phone-right { margin-left: 118px; }
  .phone-main { width: 198px; height: 440px; }
  .phone-left, .phone-right { width: 135px; height: 305px; }
  .status-row { grid-template-columns: 1fr; }
  .status-row > span { min-height: 105px; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/ibm-plex-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/plus-jakarta-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/space-grotesk-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* A bright product-led direction: white floating navigation, blue stage,
   connected cards and generous spacing. All product assets belong to Autrylia. */
.motion-site{--display:"Plus Jakarta Sans",sans-serif;--body:"Plus Jakarta Sans",sans-serif;--blue:#437aef;--navy:#101a35;--cyan:#20cbd4;--ink:#111827;--muted:#667085;--ease:cubic-bezier(.22,1,.36,1);color:var(--ink);background:#fff;font-family:var(--body)}
.motion-site ::selection{background:#dbe6ff;color:#173b93}
.motion-site .shell{width:min(1200px,calc(100% - 48px))}
.motion-site main{padding-top:88px}
.motion-site .skip-link{top:-120px;transform:none}.motion-site .skip-link:focus{top:12px}
.motion-site h1,.motion-site h2,.motion-site h3{font-family:var(--display)}
.motion-site .section{padding:88px 0}
.motion-site .navbar,.motion-site .navbar.scrolled{inset:12px 24px auto;background:#fffffff5;border:1px solid #e6eaf080;border-radius:16px;box-shadow:0 6px 32px #1018281a;backdrop-filter:blur(18px)}
.motion-site .nav-inner{width:calc(100% - 40px);min-height:58px;gap:28px}
.motion-site .brand{gap:8px}
.motion-site .brand-icon,.motion-site .brand-icon img{width:32px;height:32px;border-radius:8px;box-shadow:none}
.motion-site .brand-name{color:var(--ink);font-size:1.15rem;font-weight:800;letter-spacing:-.055em}
.motion-site .nav-links{gap:27px;color:#475467;font-size:.8rem;font-weight:500}
.motion-site .nav-links a{padding-block:8px}
.motion-site .nav-links a:hover,.motion-site .nav-links a.active{color:#3258c8}
.motion-site .nav-links a::after{background:var(--blue);bottom:2px;height:2px}
.motion-site .button{border-radius:10px;background:var(--blue);color:white;box-shadow:0 3px 8px #3064d619;padding-inline:24px;min-height:52px;gap:13px;font-size:.9rem;font-weight:600;transition:transform .25s var(--ease),background .25s,box-shadow .25s}
.motion-site .button:hover{background:#3266dc;transform:translateY(-2px);box-shadow:0 7px 18px #3064d62b}
.motion-site .button span{font-size:1.1rem;transition:transform .25s}
.motion-site .button:hover span{transform:translate(2px,-2px)}
.motion-site .button-small{min-height:38px;padding-inline:18px;font-size:.76rem}
.motion-site .text-link{color:#375bbf;font-size:.85rem}.motion-site .text-link span{color:var(--blue)}
.motion-site .eyebrow{color:#537ae4;font-family:var(--body);font-size:.73rem;line-height:1.5;letter-spacing:.06em;font-weight:700}
.motion-site .section-heading h2{color:var(--ink);font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.2;letter-spacing:-.055em;font-weight:700}
.motion-site .section-heading h2 span,.motion-site .accent-text{color:#5377df}
.motion-site .section-heading>p:not(.eyebrow){font-size:1rem;color:#667085;line-height:1.75}
.motion-site .section-heading.centered{max-width:800px}
.motion-site .reveal{transform:translateY(24px);transition:opacity .7s var(--ease),transform .8s var(--ease)}.motion-site .reveal.visible{transform:none}

.motion-hero{margin:0 20px;background:linear-gradient(180deg,#7a99ed 0%,#4d79df 46%,#3964d6 100%);border-radius:24px;color:white;position:relative;overflow:clip;padding:62px 24px 0}
.hero-content{text-align:center;margin-inline:auto;max-width:970px;position:relative;z-index:2}
.launch-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:50px;background:#ffffff13;border:1px solid #ffffff35;font-size:.67rem;letter-spacing:.05em;font-weight:600;animation:stage-appear .7s var(--ease) both}
.status-dot{display:inline-block;width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:currentColor}
.motion-site .motion-hero h1{margin:22px 0 16px;font-size:clamp(2.4rem,4.6vw,3.7rem);line-height:1.16;font-weight:800;letter-spacing:-.065em;animation:stage-appear .9s .1s var(--ease) both}
.hero-description{font-size:clamp(.95rem,1.5vw,1.18rem);line-height:1.65;color:#eaf0ff;margin:0 auto;animation:stage-appear .9s .2s var(--ease) both}
.motion-site .hero-actions{justify-content:center;gap:12px;margin:28px 0 20px;animation:stage-appear .9s .3s var(--ease) both}
.motion-site .hero-secondary{color:white;background:#ffffff12;border:1px solid #ffffff8a;box-shadow:inset 0 0 0 1px #ffffff10}.motion-site .hero-secondary:hover{background:#ffffff24}
.motion-site .hero-primary{background:white;color:#234daf;box-shadow:0 6px 16px #23439d19}.motion-site .hero-primary:hover{background:#f5f8ff}
.hero-platforms{margin:0;color:#e2eaff;font-size:.7rem;line-height:1.7;animation:stage-appear .8s .4s var(--ease) both}
.hero-platforms strong{font-weight:600;color:#fff}.hero-platforms>span{display:inline-block;border-left:1px solid #ffffff55;margin-left:15px;padding-left:15px}
.hero-visual{position:relative;max-width:920px;height:466px;margin:58px auto 0;perspective:1600px}
.product-preview{position:relative;background:#f6f8ff;border-radius:17px 17px 0 0;border:1px solid #ffffffcc;outline:1px solid #ffffff85;outline-offset:8px;padding:0 14px;box-shadow:0 25px 80px #17337438;height:100%;overflow:hidden;animation:stage-appear 1.2s .45s var(--ease) both;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);transition:transform 1s var(--ease)}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;height:53px;gap:16px;color:#74819c;font-size:.6rem;border-bottom:1px solid #e5eaf7}
.preview-brand{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.77rem;color:#253247}.preview-brand img{border-radius:5px}
.preview-live{display:inline-flex;align-items:center;gap:5px;background:#e6eefc;color:#3464cb;padding:6px 10px;border-radius:20px}
.preview-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:16px;align-items:start}
.preview-screen{margin:0;padding:10px;overflow:hidden;background:white;border:1px solid #e2e7f1;border-radius:12px;box-shadow:0 4px 16px #10182806}
.preview-screen figcaption{font-size:.64rem;color:#40516b;font-weight:700;margin:1px 0 11px}.preview-screen img{width:100%;height:auto;border-radius:8px}
.preview-docs{background:#eef3ff}.preview-chat{background:#eff8f7}
.preview-float{position:absolute;display:flex;align-items:center;gap:11px;z-index:3;background:#fffffffa;color:#1d2e4a;padding:13px 17px;border-radius:13px;border:1px solid #dae5ff;box-shadow:0 10px 30px #19378726;animation:float-soft 6s ease-in-out infinite,stage-appear .9s .9s var(--ease) both}
.preview-float strong{display:block;font-size:.72rem;font-weight:700}.preview-float small{display:block;font-size:.61rem;color:#6d7b8e;margin-top:4px}
.float-document{left:-75px;top:117px;transform:rotate(-3deg)}.float-assistant{right:-73px;top:285px;animation-delay:-2s,.95s}.float-assistant img{border-radius:8px}
.float-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#d9eeff;color:#3562cf;font-weight:700}
.motion-toggle{position:absolute;right:0;top:-35px;border:0;background:transparent;color:#eff4ff;cursor:pointer;display:flex;gap:7px;font-size:.58rem;align-items:center;padding:6px 0}.motion-toggle span{font-size:.8rem}
.product-strip{text-align:center;padding:39px 0 14px}.product-strip>p{margin:0 0 24px;color:#768196;font-size:1rem}.product-strip>p strong{color:#28334a;font-weight:600}
.product-strip>div{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:27px;padding-top:22px;border-top:1px solid #e8ebf1;font-size:.79rem;color:#6f7a8f}.product-strip i{width:4px;height:4px;background:#9fb6ed;border-radius:50%}

.motion-site .moments{background:white;padding-top:78px}
.motion-site .moments .section-heading{position:static}
.ecosystem-grid{display:grid;grid-template-columns:1fr 1.05fr 1fr;grid-template-rows:246px 246px;gap:14px;margin-top:42px}
.ecosystem-card,.ecosystem-hub{border-radius:18px;position:relative;overflow:hidden}.ecosystem-card{padding:26px;display:flex;flex-direction:column}
.ecosystem-card h3,.ecosystem-hub h3{margin:0 0 5px;font-size:1.1rem;font-weight:700;line-height:1.35;letter-spacing:-.04em}.ecosystem-card p,.ecosystem-hub p{margin:0;font-size:.71rem;line-height:1.7}
.documents-card{background:#dfe8ff;color:#263b6c;grid-column:1;grid-row:1}.assistant-card{background:var(--navy);color:white;grid-column:3;grid-row:1}.care-card{background:#eef2ff;color:#23375a;grid-column:1;grid-row:2}.route-card{background:#64779e;color:white;grid-column:3;grid-row:2}
.ecosystem-hub{grid-column:2;grid-row:1/3;background:#537ae4;color:white;text-align:center;padding:28px 20px 0}.ecosystem-hub h3{font-size:1.45rem}.ecosystem-hub p{color:#e3ecff}
.mini-documents{display:grid;gap:6px;margin-top:auto;padding-top:20px;transform:translateX(28px)}.mini-documents>span{display:flex;align-items:center;gap:8px;background:#ffffffd9;border-radius:8px;padding:10px 12px;font-size:.62rem;box-shadow:0 3px 10px #2b47790a}.mini-documents i{color:#5477da;font-style:normal}.mini-documents b{margin-left:auto;font-weight:400}
.mini-chat{display:flex;align-items:flex-end;flex-direction:column;margin-top:23px;gap:10px}.mini-chat>span{padding:10px 13px;border-radius:10px 10px 2px 10px;background:#537ae4;font-size:.65rem}.mini-chat>span:nth-child(2){align-self:flex-start;background:#ffffff10;color:#dce5fc;border-radius:10px 10px 10px 2px}.mini-chat>div{align-self:flex-start;display:flex;gap:4px;padding:5px 12px}.mini-chat i{width:4px;height:4px;border-radius:50%;background:#bacaf7;animation:typing-dot 1.4s infinite}.mini-chat i:nth-child(2){animation-delay:.2s}.mini-chat i:nth-child(3){animation-delay:.4s}
.mini-care{display:flex;align-items:center;gap:14px;margin-top:auto;margin-bottom:8px}.care-ring{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border-radius:50%;border:7px solid #d6e0ff;border-top-color:#6487e9;color:#4c6ccc;font-size:1.5rem}.mini-care div{display:flex;flex-direction:column;gap:8px}.mini-care strong{font-size:.7rem;font-weight:600}.mini-care div>span{font-size:.59rem;color:#74829e}
.mini-route{margin-top:auto}.mini-route svg{width:calc(100% + 52px);margin-inline:-26px;height:92px;fill:#dce8ff}.route-background{fill:none;stroke:#ffffff15;stroke-width:16}.route-line{fill:none;stroke:#baceff;stroke-width:3;stroke-dasharray:6 8;animation:route-flow 5s linear infinite}.mini-route>span{font-size:.6rem;color:#dce5fa}
.hub-diagram{position:relative;height:235px;margin-top:20px;display:grid;place-items:center}.hub-rings{position:absolute;width:186px;height:186px;border-radius:50%;background:#ffffff12}.hub-rings i{position:absolute;inset:19px;border-radius:50%;background:#ffffff15}.hub-rings i:nth-child(2){inset:39px;background:#ffffff1c}.hub-rings i:nth-child(3){inset:60px;background:#ffffff24}
.hub-logo{position:relative;width:78px;height:78px;border-radius:21px;box-shadow:0 7px 20px #1c3ca22b}.hub-node{display:grid;place-items:center;position:absolute;height:40px;width:40px;background:#fff;color:#5576cc;border-radius:12px;font-size:1.4rem;box-shadow:0 4px 18px #1c3ca225;animation:float-soft 6s ease-in-out infinite}
.hub-doc{top:32px;left:35px}.hub-care{right:30px;top:63px;animation-delay:-2s}.hub-fuel{right:50px;bottom:22px;animation-delay:-4s}.hub-help{left:38px;bottom:49px;animation-delay:-1s}
.hub-phone{width:164px;margin:0 auto;border-radius:21px 21px 0 0;border:4px solid #cad9ff;background:#fff;box-shadow:0 5px 25px #2445a233;overflow:hidden;transform:rotate(-4deg)}.hub-phone img{width:100%;height:auto;border-radius:17px 17px 0 0}

.motion-site .product{background:#f6f8fd}.motion-site .product-wave{display:none}
.motion-site .experience{margin-top:38px;background:#fff;border:1px solid #e2e7f1;border-radius:22px;box-shadow:0 10px 36px #1b326208}
.motion-site .experience-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:10px;gap:7px;background:#fff;border-bottom:1px solid #edf0f6}.motion-site .experience-tabs button{padding:16px 12px;border-radius:10px;border:0;background:#f5f7fc;color:#69768b;font-size:.82rem;font-weight:600}.motion-site .experience-tabs button span{display:none}.motion-site .experience-tabs button[aria-selected="true"]{background:#537ae4;color:white;box-shadow:0 3px 10px #3858b523}.motion-site .experience-tabs button::after{display:none}
.motion-site .experience-panel{min-height:565px;padding:46px 78px;gap:65px}.motion-site .experience-panel.is-active{animation:panel-change .5s var(--ease)}.motion-site .panel-copy h3{font-size:2.15rem;color:var(--ink);font-weight:700;line-height:1.2;letter-spacing:-.05em}.motion-site .panel-copy>p{color:#6c778b;font-size:.92rem}.motion-site .panel-icon{background:#eaf0ff;color:#5577d3;width:47px;height:47px;border-radius:13px;font-size:1.5rem}.motion-site .check-list li{color:#536079;font-size:.8rem;border-color:#edf0f5}.motion-site .check-list li::before{color:#5478d5;background:#eaf0ff}
.motion-site .panel-phone{width:220px;height:auto;aspect-ratio:auto;border:5px solid #d3def3;padding:3px;border-radius:32px;box-shadow:0 20px 40px #20386414;background:#fff}.motion-site .panel-phone img{display:block;width:100%;height:auto;object-fit:contain;border-radius:24px}
.motion-site .steps{background:white}.motion-site .step-grid{gap:20px;margin-top:38px}.motion-site .step-card{background:#f6f8ff;box-shadow:none;border:1px solid #edf0fa;border-radius:18px}.motion-site .step-card::after{display:none}.motion-site .step-number{background:#537ae4;color:white;border-radius:10px;box-shadow:none;width:31px;height:31px}.motion-site .step-visual{background:#e6eeff;border-radius:12px;height:190px}.motion-site .step-card h3{font-size:1.13rem;font-weight:700}.motion-site .step-card>p{font-size:.84rem;color:#6c7890}
.motion-site .roadside{margin:0 20px;border-radius:22px;background:#152b59}.motion-site .road-lines{opacity:.12}.motion-site .roadside .eyebrow{color:#bdcdf4}.motion-site .roadside-copy h2{font-size:3.2rem;font-weight:700;line-height:1.12;letter-spacing:-.055em}.motion-site .roadside-copy>p{color:#c2cfe6;font-size:.91rem}.motion-site .safety-path article{background:#ffffff05;border:1px solid #ffffff19;border-radius:13px}.motion-site .safety-path article>span{background:#ffffff12;color:#d7e4ff;border-radius:10px}.motion-site .safety-path h3{font-size:.97rem}.motion-site .safety-path p{font-size:.78rem;color:#c2cfe6}.motion-site .roadside .button-light{background:white;color:#254ec2}
.motion-site .chile{padding-block:60px;background:white}.motion-site .chile-card{background:#f7f9fd;box-shadow:none;border:1px solid #e7ebf4;border-radius:18px}.motion-site .chile-mark{width:80px;height:80px;background:#e0e9ff;color:#587bdb;border-radius:18px}.motion-site .chile-card h2{font-size:1.65rem;font-weight:700}.motion-site .chile-card ul{gap:10px}.motion-site .chile-card li{color:#6c7890;font-size:.75rem}.motion-site .chile-card li span{background:#e7edfa;color:#5474c8}

.launch-section{position:relative;margin:0 20px;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#edf3ff,#e6ecff)}.launch-orbit{display:none}.launch-content{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center}.launch-heading h2{font:700 clamp(2.1rem,3vw,2.7rem)/1.23 var(--display);letter-spacing:-.055em;margin:22px 0 25px}.launch-heading h2>span{color:#5377dc}.launch-date{display:flex;gap:12px;align-items:center;color:#6584d3}.launch-date p{margin:0;font-size:.65rem;line-height:2;font-weight:600;letter-spacing:.03em}.launch-date time{color:#354463;font-size:.95rem;letter-spacing:0;font-weight:600}
.countdown-caption{color:#637599;font-size:.78rem;margin-bottom:19px}.countdown{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.countdown>div{display:flex;flex-direction:column;align-items:center}.countdown strong{font:700 clamp(2.5rem,4.2vw,4rem)/1.15 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#254caa}.countdown span{font:.55rem var(--utility);letter-spacing:.07em;color:#7180a0;margin-top:13px}.countdown>i{font:500 2rem/1.9 var(--body);font-style:normal;color:#a6b8e2}.counter-note{font-size:.62rem;color:#7887a5;margin:22px 0}.launch-counter-wrap .button{font-size:.78rem}
.platform-release{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}.platform-release>div{display:flex;align-items:flex-start;gap:15px;border:1px solid #dbe4f9;background:#ffffffb3;padding:24px;border-radius:15px;position:relative}.platform-letter{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:11px;background:#e0e9ff;color:#4970cd;font:700 1rem var(--display)}.iphone-letter{background:#e9edf5;color:#74819b}.platform-release small{font-size:.61rem;color:#6a7da4;font-weight:700;letter-spacing:.05em}.platform-release h3{font-size:1.05rem;font-weight:700;margin:6px 0 10px}.platform-release p{font-size:.73rem;color:#6d7b94;margin:0 0 29px;line-height:1.7}.release-label{position:absolute;left:77px;bottom:21px;font-size:.6rem;color:#5578cd;background:#e6edff;border-radius:5px;padding:4px 8px;font-weight:600}.muted-label{color:#8190a8;background:#eff2f8}
.motion-site .plans{background:white}.motion-site .plans-road{display:none}.motion-site .plan-grid{max-width:970px;gap:22px;margin-top:38px}.motion-site .plan-card{background:#fff;color:var(--ink);border:1px solid #e1e7f1;box-shadow:0 8px 24px #12265306;border-radius:18px;min-height:445px;padding:32px}.motion-site .plan-card.featured{transform:none;background:#f5f8ff;border-color:#c7d6f8}.motion-site .plan-top small{color:#6579a1;font-size:.65rem}.motion-site .plan-top h3{color:var(--ink);font-size:1.4rem}.motion-site .plan-bay{background:#eaf0ff;color:#577ad2;border:0;border-radius:12px}.motion-site .plan-for,.motion-site .plan-price span,.motion-site .plan-card li{color:#6a778e}.motion-site .plan-price strong{color:#25395a;font-size:3.4rem;font-family:var(--display);font-weight:700}.motion-site .plan-card li{border-color:#e9edf5;font-size:.78rem}.motion-site .plan-card li::before{color:#5c7ed7;background:#eaf0ff}.motion-site .plan-card .button-light{background:#edf2ff;color:#4869bf}.motion-site .plan-beta-note{color:#8590a3;font-size:.71rem}
.founder-section{background:#f6f8fc}.founder-layout{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:center}.founder-art{position:relative;aspect-ratio:1.2;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#83a2f1,#426dde)}.founder-road{position:absolute;border:1px solid #ffffff40;width:440px;height:440px;border-radius:50%;right:-160px;top:-200px;box-shadow:0 0 0 45px #ffffff0d,0 0 0 90px #ffffff09}.founder-road span{display:block;width:8px;height:8px;border-radius:50%;position:absolute;left:14%;top:86%;background:#fff}.founder-road span:nth-child(2){left:87%;top:13%}.founder-road span:nth-child(3){left:49%;top:99%}.founder-monogram{color:white;position:absolute;left:12%;top:30%;font:800 clamp(7rem,13vw,11rem)/1 var(--display);letter-spacing:-.1em}.founder-monogram>span{position:absolute;top:-27px;right:-60px;font-size:.4em;opacity:.5}.founder-art-foot{display:flex;justify-content:space-between;position:absolute;bottom:27px;left:25px;right:25px;font:.5rem var(--utility);color:#e4edff}
.founder-copy h2{font:700 clamp(2rem,2.8vw,2.65rem)/1.23 var(--display);letter-spacing:-.055em;margin:20px 0}.founder-copy h2 span{color:#5477d4}.founder-summary{color:#738099;font-size:.88rem;line-height:1.9}.founder-summary strong{color:#35445f;font-weight:600}.founder-identity{display:flex;align-items:center;gap:14px;padding:22px 0;margin:21px 0 10px;border-top:1px solid #e3e8f1}.identity-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e2eaff;color:#5476cf;font-size:.8rem;font-weight:700}.founder-identity h3{font-size:.97rem;margin:0}.founder-identity p{color:#7d8aa1;font-size:.7rem;margin:5px 0 0}.founder-identity>span:last-child{margin-left:auto;color:#6f91e8;font-size:1.5rem}
.motion-site .faq{background:white}.motion-site .faq-item{border-color:#e8edf5}.motion-site .faq-item button{font-size:.86rem;font-weight:600;color:#3a465e}.motion-site .faq-item button i{color:#627fd2;background:#f1f5ff;border-radius:9px}.motion-site .faq-item>div>p{color:#7c889d;font-size:.81rem}.motion-site .faq-item.open>div{max-height:350px}
.motion-site .beta{margin:0 20px 24px;border-radius:22px;background:#edf3ff}.motion-site .beta-bubbles{display:none}.motion-site .beta-intro>img{width:66px;height:66px;border-radius:15px}.motion-site .beta-intro h2{font-size:2.8rem;line-height:1.2;font-weight:700;letter-spacing:-.055em}.motion-site .beta-intro>p:not(.eyebrow){font-size:.87rem;color:#6d7d96}.motion-site .beta-form{background:white;border:1px solid #dee7f7;box-shadow:0 10px 25px #20498308;border-radius:18px}.motion-site .form-heading h3{font-size:1.4rem}.motion-site .form-field input{border-color:#dce4f0;border-radius:10px}.motion-site .form-field input:focus{border-color:#789cea;box-shadow:0 0 0 3px #437aef15}.motion-site .contact-choice label:has(input:checked){border-color:#97b3f2;background:#edf3ff}.motion-site input[type="checkbox"],.motion-site input[type="radio"]{accent-color:var(--blue)}.motion-site .form-trap{position:absolute;height:1px;width:1px;overflow:hidden;clip-path:inset(50%)}.motion-site .founder-goal{background:#ffffff80;border:1px solid #dce6f8}.motion-site .goal-track i{background:var(--blue)}
.motion-site .contact-choice input:checked+span{background:#537ae4;border-color:#537ae4;color:white}.motion-site .contact-choice input:focus-visible+span{outline:3px solid #91b0f1}
.motion-site footer{background:#101a35;padding-top:64px;color:#fff}.motion-site footer .brand-name,.motion-site footer nav>strong{color:white}.motion-site footer nav>a,.motion-site .footer-brand p,.motion-site .footer-bottom{color:#a6b2cc}.motion-site .instagram-link{color:#c2cde3}.motion-site .instagram-link strong{color:#adc6ff}.motion-site .footer-bottom{border-color:#ffffff18}.motion-site :focus-visible{outline:3px solid #87aafa;outline-offset:4px}
@keyframes stage-appear{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes float-soft{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes typing-dot{0%,60%,100%{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes route-flow{to{stroke-dashoffset:-70}}
@keyframes panel-change{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
html[data-motion-paused="true"] .motion-site *,html[data-motion-paused="true"] .motion-site *::before{animation-play-state:paused!important}

@media(max-width:1100px){
 .motion-site .nav-links{gap:20px}.float-document{left:-15px}.float-assistant{right:-15px}.motion-site .experience-panel{padding-inline:48px}.ecosystem-card{padding:22px}.ecosystem-card h3{font-size:.99rem}.founder-layout{gap:55px}.founder-monogram>span{right:-45px}
}
@media(max-width:900px){
 .motion-site .section{padding-block:70px}.motion-site .navbar,.motion-site .navbar.scrolled{inset:10px 16px auto}.motion-site .nav-inner{min-height:58px}.motion-site .desktop-cta{display:none}.motion-site .menu-button{display:block;background:#f4f6fc;border:0;width:37px;height:37px;border-radius:10px}.motion-site .menu-button span{background:#3c5578}.motion-site .nav-links{display:none;position:absolute;top:66px;left:0;right:0;margin:0;padding:20px 24px;border:1px solid #e6ebf4;border-radius:14px;background:white;box-shadow:0 12px 26px #12274b18}.motion-site .nav-links.open{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
 .motion-hero{padding-top:55px}.motion-site .motion-hero h1{font-size:clamp(2.6rem,5.7vw,3.4rem)}.hero-visual{height:420px;margin-top:50px}.preview-float{padding:10px 12px}.preview-float strong{font-size:.64rem}.preview-float small{font-size:.54rem}.float-document{left:-9px;top:95px}.float-assistant{right:-10px;top:275px}
 .ecosystem-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 230px 230px}.ecosystem-hub{grid-column:2;grid-row:1/3}.documents-card{grid-column:1;grid-row:1}.care-card{grid-column:1;grid-row:2}.assistant-card{grid-column:1;grid-row:3}.route-card{grid-column:2;grid-row:3}
 .motion-site .experience-panel{grid-template-columns:1fr 220px;gap:35px;min-height:540px;padding:36px}.motion-site .panel-copy h3{font-size:1.85rem}.launch-content{grid-template-columns:1fr;gap:25px}.launch-heading h2{font-size:2.7rem}.countdown{max-width:540px}.countdown strong{font-size:3.5rem}.founder-layout{grid-template-columns:1fr 1fr;gap:35px}.founder-art{aspect-ratio:.9}.founder-copy h2{font-size:2rem}.founder-monogram{font-size:8rem}.founder-art-foot{font-size:.4rem;left:18px;right:18px}
}
@media(max-width:640px){
 .motion-site .shell{width:calc(100% - 36px)}.motion-site main{padding-top:82px}.motion-site .navbar,.motion-site .navbar.scrolled{inset:10px 12px auto;border-radius:13px}.motion-site .nav-inner{width:calc(100% - 26px);min-height:54px}.motion-site .nav-links{top:63px}.motion-site .brand-name{font-size:1.05rem}.motion-site .section{padding-block:60px}
 .motion-hero{margin:0 12px;border-radius:18px;padding:43px 18px 0}.launch-pill{font-size:.5rem;padding:7px 11px;letter-spacing:.02em}.motion-site .motion-hero h1{font-size:clamp(1.95rem,7.5vw,2.7rem);margin:20px 0 16px;letter-spacing:-.055em;line-height:1.24}.hero-description{font-size:.8rem;line-height:1.8}.hero-description br{display:none}.motion-site .hero-actions{display:flex;flex-direction:column-reverse;gap:9px;margin:24px 0 18px}.motion-site .hero-actions .button{min-height:46px;width:min(100%,260px);font-size:.77rem}.hero-platforms{font-size:.58rem;max-width:270px;margin-inline:auto;line-height:1.9}.hero-platforms>span{display:block;border:0;padding:0;margin:3px 0 0}
 .hero-visual{margin-top:45px;height:300px}.product-preview{padding:0 8px;outline-offset:5px;border-radius:12px 12px 0 0}.preview-toolbar{height:38px;font-size:.5rem;gap:6px}.preview-brand{font-size:.57rem;gap:4px}.preview-brand img{width:18px;height:18px}.preview-toolbar>span:nth-child(2){display:none}.preview-live{font-size:.46rem;padding:4px 6px}.preview-screens{grid-template-columns:1fr 1fr;gap:8px;padding-top:8px}.preview-screen{padding:6px;border-radius:9px}.preview-screen figcaption{font-size:.48rem;margin-bottom:7px}.preview-chat{display:none}.preview-float{gap:7px;padding:9px 10px;border-radius:10px}.preview-float strong{font-size:.55rem}.preview-float small{font-size:.48rem}.float-document{left:-11px;top:137px}.float-assistant{right:-9px;top:241px}.float-icon{width:25px;height:25px}.float-assistant img{width:25px;height:25px}.motion-toggle{top:-29px;font-size:.49rem}
 .product-strip{padding-top:29px}.product-strip>p{font-size:.79rem;margin-bottom:17px}.product-strip>div{gap:11px;font-size:.61rem;padding-top:18px}.product-strip i{width:3px;height:3px}.motion-site .moments{padding-top:52px}.motion-site .section-heading h2{font-size:1.85rem;line-height:1.28}.motion-site .section-heading>p:not(.eyebrow){font-size:.83rem}.motion-site .eyebrow{font-size:.59rem}
 .ecosystem-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px;margin-top:29px}.ecosystem-card{padding:16px;min-height:203px;border-radius:13px}.ecosystem-card h3{font-size:.79rem;letter-spacing:-.03em}.ecosystem-card p{font-size:.6rem;line-height:1.65}.ecosystem-hub{grid-column:1/3;grid-row:1;height:310px;border-radius:16px;padding:23px 20px;display:grid;grid-template-columns:1fr 1fr;align-content:start;text-align:left}.ecosystem-hub h3{font-size:1.1rem;grid-column:1;margin-top:10px}.ecosystem-hub p{grid-column:1;font-size:.6rem}
 .hub-diagram{grid-column:1;height:190px;margin-top:5px;margin-left:-17px;width:180px}.hub-rings{width:143px;height:143px}.hub-rings i{inset:15px}.hub-rings i:nth-child(2){inset:32px}.hub-rings i:nth-child(3){inset:48px}.hub-logo{width:57px;height:57px;border-radius:15px}.hub-node{height:28px;width:28px;border-radius:8px;font-size:1rem}.hub-doc{left:10px;top:35px}.hub-care{top:48px;right:8px}.hub-fuel{bottom:26px;right:26px}.hub-help{bottom:35px;left:11px}.hub-phone{position:absolute;width:133px;right:13px;top:61px;border-width:3px}
 .documents-card{grid-column:1;grid-row:2}.assistant-card{grid-column:2;grid-row:2}.care-card{grid-column:1;grid-row:3}.route-card{grid-column:2;grid-row:3}.mini-documents{padding-top:12px;transform:translateX(9px);gap:4px}.mini-documents>span{font-size:.46rem;gap:4px;padding:8px}.mini-chat{gap:7px;margin-top:13px}.mini-chat>span{font-size:.49rem;padding:8px}.mini-chat>div{padding:3px 7px}.mini-care{flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px}.care-ring{height:42px;width:42px;border-width:5px;font-size:1rem}.mini-care strong{font-size:.54rem}.mini-care div>span{font-size:.48rem}.mini-care div{gap:5px}.mini-route svg{width:calc(100% + 32px);margin-inline:-16px;height:84px}.mini-route>span{font-size:.48rem}
 .motion-site .experience{margin-top:28px;border-radius:16px}.motion-site .experience-tabs{grid-template-columns:repeat(2,1fr);gap:5px;padding:8px}.motion-site .experience-tabs button{min-width:0;padding:12px 8px;font-size:.67rem}.motion-site .experience-panel{grid-template-columns:1fr;padding:29px 23px;min-height:0;gap:28px}.motion-site .panel-copy h3{font-size:1.8rem}.motion-site .panel-copy>p{font-size:.8rem}.motion-site .check-list li{font-size:.71rem}.motion-site .panel-phone{width:213px;margin-inline:auto}.motion-site .panel-icon{margin-bottom:19px}
 .motion-site .step-grid{gap:19px}.motion-site .step-visual{height:168px}.motion-site .step-card{padding-bottom:24px}.motion-site .step-number{left:26px;top:26px}.motion-site .roadside,.launch-section,.motion-site .beta{margin-inline:12px;border-radius:17px}.motion-site .roadside-copy h2{font-size:2.7rem}.motion-site .roadside-copy>p{font-size:.83rem}.motion-site .chile-card{padding:25px 22px;border-radius:15px}.motion-site .chile-card h2{font-size:1.4rem}.motion-site .chile-mark{width:58px;height:58px;border-radius:13px}
 .launch-content{width:calc(100% - 36px);gap:28px}.launch-heading h2{font-size:2.15rem}.launch-date time{font-size:.84rem}.countdown{gap:5px}.countdown strong{font-size:clamp(2.1rem,9.4vw,3rem)}.countdown>i{font-size:1.6rem;line-height:1.7}.countdown span{font-size:.45rem;margin-top:10px}.counter-note{font-size:.55rem}.platform-release{grid-template-columns:1fr;gap:12px}.platform-release>div{padding:20px}.platform-release h3{font-size:.93rem}.platform-release p{font-size:.69rem}.release-label{left:73px;bottom:20px}
 .motion-site .plan-card{min-height:0;padding:26px}.motion-site .plan-price strong{font-size:2.9rem}.motion-site .plan-top h3{font-size:1.25rem}.founder-layout{grid-template-columns:1fr;gap:30px}.founder-art{aspect-ratio:1.35}.founder-monogram{font-size:8rem;top:23%}.founder-art-foot{font-size:.43rem;left:22px;right:22px;bottom:20px}.founder-copy h2{font-size:1.9rem}.founder-summary{font-size:.8rem}.motion-site .faq-layout{gap:27px}.motion-site .faq-item button{font-size:.78rem;gap:15px}.motion-site .faq-item>div>p{font-size:.75rem}.motion-site .beta-intro h2{font-size:2.4rem}.motion-site .beta-form{padding:24px 19px}.motion-site .form-heading h3{font-size:1.2rem}.motion-site .contact-choice label>span{font-size:.68rem}.motion-site .footer-bottom{align-items:flex-start;font-size:.68rem}
}
@media(prefers-reduced-motion:reduce){.motion-site *,.motion-site *::before{animation:none!important;transition:none!important}.motion-site .reveal{opacity:1;transform:none}.product-preview{transform:none!important}}
/* Store badges and the app's original animated assistant. */
.availability-stores{display:flex;justify-content:center;gap:24px;margin:22px auto 0;animation:stage-appear .8s .4s var(--ease) both}
.store-availability{display:flex;flex-direction:column;align-items:center;gap:9px;color:#f0f4ff;font-size:.65rem;transition:transform .25s var(--ease)}
.store-availability:hover{transform:translateY(-3px)}
.store-availability img{width:auto;height:48px;object-fit:contain}
.store-availability:first-child img{height:54px;margin-block:-3px}
.assistant-avatar{display:block;width:48px;height:68px;object-fit:cover;border-radius:12px;background:#000;flex-shrink:0}
.motion-site .float-assistant{background:#0b1520;border-color:#ffffff20;color:#fff;padding:10px 16px 10px 10px;gap:12px}
.motion-site .float-assistant small{color:#b1bbc7;line-height:1.5}
.app-screen-live{position:relative}
.app-screen-live>img{display:block}
.app-screen-avatar{position:absolute;left:7.96%;top:40.72%;width:21.15%;height:12.8%;object-fit:cover;background:#000;border-radius:23%}
.motion-site .fuel-map-phone{position:relative;width:min(260px,100%);margin-bottom:20px;overflow:visible}
.fuel-map-phone figcaption{position:absolute;top:calc(100% + 15px);left:-20px;right:-20px;text-align:center;font-size:.59rem;line-height:1.6;color:#7b879e}
@media(max-width:640px){.availability-stores{gap:15px;margin-top:20px}.store-availability{font-size:.49rem;gap:8px}.store-availability img{height:38px}.store-availability:first-child img{height:43px;margin-block:-2.5px}.assistant-avatar{width:34px;height:48px;border-radius:9px}.motion-site .float-assistant{padding:7px 10px 7px 7px;gap:8px;top:232px}.motion-site .float-assistant small{font-size:.47rem}}
/* Founder portrait and a single, clear social group in the footer. */
.founder-photo{margin:0;background:#dfe5ee;isolation:isolate}
.founder-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 35%}
.founder-photo::after{content:"";position:absolute;inset:50% 0 0;z-index:1;background:linear-gradient(transparent,#101a35b8);pointer-events:none}
.founder-photo figcaption{position:absolute;left:28px;right:28px;bottom:26px;display:flex;flex-direction:column;gap:8px;color:white;z-index:2}
.founder-photo figcaption span:first-child{font-size:.67rem;font-weight:700;letter-spacing:.1em}
.founder-photo figcaption span:last-child{font-size:.73rem;color:#e4e9f3}
.motion-site .footer-socials{margin-top:24px;gap:13px}
.motion-site .footer-socials>strong{font-size:.85rem;margin:0;color:#fff}
.social-links{display:flex;gap:12px}
.motion-site .social-links a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff30;border-radius:11px;color:#d8e3fa;transition:background .25s,transform .25s,color .25s}
.motion-site .social-links a:hover{background:#ffffff12;color:white;transform:translateY(-3px)}
@media(max-width:900px){.founder-photo{aspect-ratio:.9}}
@media(max-width:640px){.founder-photo{aspect-ratio:1.2}.founder-photo figcaption{left:21px;bottom:22px}.founder-photo figcaption span:first-child{font-size:.62rem}.founder-photo figcaption span:last-child{font-size:.65rem}}
.founder-linkedin{display:inline-flex;align-items:center;gap:10px;margin-top:24px}.founder-linkedin svg{flex-shrink:0}

.founder-story .founder-summary{margin:0}.founder-story .founder-summary+.founder-summary{margin-top:16px}

.assistant-avatar--thinking{object-fit:contain}


/* A calm, ordered trio of real app screens in Autrylia's approved blue palette. */
.motion-site .motion-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:40px;padding:42px max(32px,4.2vw);min-height:660px}
.hero-content{text-align:left;margin:0;max-width:none;min-width:0}
.hero-eyebrow{display:flex;align-items:center;gap:12px;font:500 .75rem/1.6 var(--utility);letter-spacing:.09em;color:#fff;margin:0 0 24px;animation:stage-appear .8s var(--ease) both}
.hero-eyebrow>span{width:23px;height:2px;flex-shrink:0;background:#fff;position:relative}
.hero-eyebrow>span::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#6b8ce5}
.motion-site .motion-hero h1{font-family:"Space Grotesk",var(--display);font-size:clamp(3.1rem,4.7vw,5rem);font-weight:700;line-height:1.06;letter-spacing:-.065em;margin:0 0 24px;max-width:660px}
.motion-site .motion-hero h1>span{display:inline-block;position:relative;color:#fff}
.motion-site .motion-hero h1>span::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#ffffff50;transform-origin:left;animation:road-underline 1.2s .5s var(--ease) both}
.hero-description{color:#fff;font-size:1.0625rem;line-height:1.8;max-width:450px;margin:0}
.motion-site .hero-actions{justify-content:flex-start;gap:24px;margin:30px 0 28px;flex-wrap:wrap}
.motion-site .hero-primary{background:#fff;color:#234daf;border-radius:12px;min-height:54px;padding-inline:22px;white-space:nowrap;font-size:.9375rem}
.hero-explore{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:.875rem;font-weight:600;min-height:44px;padding:9px 0;border-bottom:1px solid #ffffff65;transition:gap .25s var(--ease)}
.hero-explore:hover{gap:18px}.hero-explore span{font-size:1.1rem}
.availability-stores{justify-content:flex-start;gap:20px;margin:0;animation:stage-appear .8s .4s var(--ease) both}
.store-availability{align-items:flex-start;font-size:.75rem;color:#fff;gap:10px;line-height:1.7}
.store-availability img{height:40px}.store-availability:first-child img{height:45px;margin-block:-2.5px}
.hero-visual{margin:0;max-width:610px;width:100%;height:auto;position:relative;perspective:1400px;isolation:isolate;min-width:0;padding-bottom:5px;justify-self:center}
.hero-route{position:absolute;inset:-50px -40px;width:calc(100% + 80px);height:calc(100% + 100px);z-index:-1;color:#fff;overflow:visible;pointer-events:none}
.hero-road-surface{stroke:#ffffff0a;stroke-width:95}.hero-road-edge{stroke:#ffffff12;stroke-width:72}.hero-road-trace{stroke:#ffffff55;stroke-width:2;stroke-dasharray:14 19;animation:hero-route-travel 14s linear infinite}
.stage-caption{display:block;position:static;text-align:center;color:#fff;font:500 .75rem/1.6 var(--utility);letter-spacing:.08em;margin:0 0 20px}
.product-preview{background:none;border:0;border-radius:0;outline:none;box-shadow:none;padding:0;overflow:visible;width:100%;height:auto;animation:stage-appear 1.1s .25s var(--ease) both}
.preview-toolbar{display:none}
.preview-screens{display:grid;grid-template-columns:.94fr 1.12fr .94fr;align-items:center;gap:13px;position:relative;height:auto;padding:0;max-width:550px;margin:0 auto}
.preview-screen{position:relative;inset:auto;transform:none;width:100%;max-width:none;margin:0;padding:3px;border:3px solid #e9efff;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 24px 42px #17347d40;animation:phone-arrive 1s .3s var(--ease) both}
.preview-screen img{display:block;border-radius:17px;width:100%;height:auto}
.preview-home{z-index:1;animation-delay:.3s}
.preview-entry{background:#07131b;border-color:#dae7ff;z-index:2;animation-delay:.15s}
.preview-docs{z-index:1;animation-delay:.45s}
.preview-chat{display:none}
.hero-assistant-row{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0 0}
.motion-site .float-assistant{position:relative;inset:auto;margin:0;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 12px 28px #17377c30;padding:8px 14px 8px 9px;gap:10px;max-width:300px;animation:none;flex:0 1 auto}
.preview-float strong{font-size:.875rem}.motion-site .float-assistant small{font-size:.75rem;line-height:1.6;color:#d4deef}
.assistant-avatar--thinking{width:43px;height:69px;object-fit:contain;flex-shrink:0}
.motion-toggle{position:static;inset:auto;z-index:4;color:#fff;font-size:.75rem;min-height:44px;border:1px solid #ffffff45;border-radius:9px;padding:9px 11px;white-space:nowrap;flex-shrink:0;background:#ffffff09}
.motion-toggle:hover{background:#ffffff19}.motion-toggle:focus-visible,.hero-explore:focus-visible,.store-availability:focus-visible{outline:3px solid #fff;outline-offset:5px}
.product-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;text-align:left;padding:28px 0;border-bottom:1px solid #e8edf6}
.product-strip>p{margin:0;font-size:.9375rem}.product-strip>div{border:0;padding:0;gap:17px;font-size:.875rem}
/* Readable copy and meaningful touch targets across the existing sections. */
.motion-site .nav-links{font-size:.875rem}.motion-site .button-small{font-size:.875rem;min-height:44px}
.motion-site .eyebrow{font-size:.8125rem}.motion-site .section-heading>p:not(.eyebrow){font-size:1rem}
.motion-site .ecosystem-card p,.motion-site .ecosystem-hub p{font-size:.875rem}
.motion-site .experience-tabs button{font-size:.875rem;min-height:48px}
.motion-site .panel-copy>p,.motion-site .step-card>p,.motion-site .roadside-copy>p,.motion-site .platform-release p,.motion-site .founder-summary,.motion-site .faq-item>div>p{font-size:1rem;line-height:1.8}
.motion-site .check-list li,.motion-site .safety-path p,.motion-site .plan-card li{font-size:.875rem;line-height:1.75}
.motion-site .platform-release small,.motion-site .release-label,.motion-site .plan-top small,.motion-site .counter-note,.motion-site .plan-beta-note{font-size:.75rem}
.motion-site .launch-date p{font-size:.75rem}.motion-site .launch-date time{font-size:1.0625rem}.motion-site .countdown-caption{font-size:.9375rem}.motion-site .countdown span{font-size:.75rem}
.motion-site .text-link,.motion-site .footer-socials>strong,.motion-site .social-links a{font-size:1rem;min-height:44px}
.motion-site .founder-photo figcaption span:first-child{font-size:.8125rem}.motion-site .founder-photo figcaption span:last-child{font-size:.875rem}
.motion-site .menu-button{width:44px;height:44px}.motion-site .faq-item button{min-height:52px;font-size:1rem}
.motion-site .footer-links a{min-height:44px;display:inline-flex;align-items:center}
@keyframes hero-route-travel{to{stroke-dashoffset:-264}}
@keyframes road-underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes phone-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.motion-site .motion-hero{gap:65px;padding:50px max(65px,calc((100vw - 1470px)/2));min-height:740px}.preview-screens{max-width:600px}}
@media(max-width:1100px) and (min-width:901px){.motion-site .motion-hero{gap:28px;padding:42px 32px;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);min-height:640px}.motion-site .motion-hero h1{font-size:3rem}.hero-description{font-size:1rem}.motion-site .hero-actions{gap:14px}.hero-assistant-row{gap:10px;flex-wrap:wrap}.preview-screens{gap:9px}.preview-screen{border-radius:19px;padding:2px}.preview-screen img{border-radius:14px}.stage-caption{font-size:.6875rem}}
@media(max-width:900px){.motion-site .motion-hero{grid-template-columns:1fr;padding:44px 40px 32px;gap:42px;min-height:0}.hero-content{max-width:650px}.motion-site .motion-hero h1{font-size:clamp(3.2rem,7.4vw,4.5rem);max-width:630px}.hero-description{max-width:530px}.hero-visual{max-width:570px;margin:0 auto}.preview-screens{max-width:530px}.hero-assistant-row{gap:18px}.product-strip{flex-direction:column;align-items:flex-start;gap:14px}.product-strip>div{justify-content:flex-start;flex-wrap:wrap}.motion-site .founder-layout{gap:34px}}
@media(max-width:640px){.motion-site .motion-hero{padding:32px 22px 28px;gap:38px}.hero-eyebrow{font-size:.75rem;margin-bottom:20px}.motion-site .motion-hero h1{font-size:clamp(2.55rem,10.3vw,3.8rem);line-height:1.07;margin-bottom:25px}.hero-description{font-size:1rem;line-height:1.75}.motion-site .hero-actions{flex-direction:row;justify-content:flex-start;gap:14px;margin:25px 0}.motion-site .hero-actions .button{width:auto;min-height:49px;padding-inline:15px;font-size:.875rem}.hero-explore{font-size:.8125rem;gap:6px}.availability-stores{gap:16px}.store-availability{font-size:.75rem;gap:9px}.store-availability img{height:34px}.store-availability:first-child img{height:38px;margin-block:-2px}.stage-caption{font-size:.625rem;letter-spacing:.03em;margin-bottom:20px}.hero-visual{max-width:430px}.preview-screens{gap:7px}.preview-screen{border-width:2px;padding:2px;border-radius:15px;box-shadow:0 14px 28px #17347d38}.preview-screen img{border-radius:10px}.hero-assistant-row{flex-wrap:wrap;gap:12px;margin-top:23px}.motion-site .float-assistant{max-width:none;padding:7px 12px 7px 8px;gap:10px;border-radius:12px}.assistant-avatar--thinking{width:35px;height:56px}.preview-float strong{font-size:.8125rem}.motion-site .float-assistant small{font-size:.75rem}.motion-toggle{font-size:.75rem;padding:8px 10px}.hero-route{inset:0 -20px;width:calc(100% + 40px);height:100%}.product-strip{padding-block:25px;gap:14px}.product-strip>p{font-size:.875rem}.product-strip>div{gap:10px;font-size:.8125rem}.product-strip i{width:3px;height:3px}.motion-site .experience-panel{padding:30px 22px}.motion-site .experience-tabs{gap:5px;padding:8px}.motion-site .experience-tabs button{font-size:.8125rem;padding:13px 5px}.motion-site .chile-card li{font-size:.875rem}.motion-site .platform-release>div{padding:22px}.motion-site .release-label{left:75px}.motion-site .countdown{gap:5px}.motion-site .countdown span{font-size:.6875rem}.motion-site .countdown>i{font-size:1.35rem}.motion-site .plan-top h3{font-size:1.4rem}.motion-site .plan-price span{font-size:.875rem}}
@media(max-width:360px){.motion-site .motion-hero{padding-inline:17px}.motion-site .hero-actions{gap:11px}.motion-site .hero-actions .button{font-size:.8125rem;padding-inline:13px}.hero-explore{font-size:.75rem}.availability-stores{gap:13px}.store-availability{font-size:.6875rem}.store-availability img{height:31px}.store-availability:first-child img{height:35px;margin-block:-2px}}
@media(prefers-reduced-motion:reduce){.hero-road-trace,.motion-site .motion-hero h1>span::after,.preview-screen{animation:none!important}.preview-screen{transform:none}}

/* Equal mobile columns keep the badges aligned independently of their labels. */
@media(max-width:640px){
  .availability-stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px;align-items:start}
  .store-availability{display:grid;grid-template-rows:44px auto;justify-items:center;align-items:center;min-width:0;gap:8px;text-align:center;font-size:.75rem;line-height:1.5}
  .store-availability img{height:34px;max-width:100%;margin:0}
  .store-availability:first-child img{height:44px;margin:0}
  .availability-platform,.availability-date{display:block}
  .availability-separator{display:none}
  .availability-date{font-size:.6875rem;margin-top:3px}
}

/* Reading surfaces share the approved Autrylia blue, type and product imagery. */
.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}
.guide-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid #dfe5f1;border-radius:20px;background:#f7f9fe;min-width:0;transition:transform .2s,border-color .2s}
.guide-card:hover{transform:translateY(-4px);border-color:#5377df}
.guide-card h3{font-size:1.35rem;line-height:1.35;letter-spacing:-.035em;margin:16px 0 12px;color:#101a35}
.guide-card p{color:#667085;font-size:.92rem;line-height:1.8;margin:0 0 24px}
.guide-card .text-link{margin-top:auto;font-weight:700}
.guide-topic{font-size:.68rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:#3f61bc}
.guide-site .guide-nav{display:flex;gap:22px;align-items:center;font-size:.82rem;color:#475467}
.guide-site .guide-nav a:hover{color:#3258c8}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:#667085;padding:26px 0}
.guide-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.guide-intro{padding:46px 48px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px;align-items:center;border-radius:26px;background:linear-gradient(140deg,#8096e5,#4264d3);color:#fff}
.guide-intro .eyebrow{color:#fff;margin:0 0 22px}
.guide-intro h1{font-family:'Space Grotesk',var(--display);font-size:clamp(2.4rem,4.2vw,3.8rem);line-height:1.1;letter-spacing:-.055em;margin:0 0 24px;max-width:750px;text-wrap:balance}
.guide-intro p{line-height:1.8;font-size:1.02rem;max-width:660px;margin:0}
.guide-intro figure{margin:0;max-width:220px;justify-self:center}
.guide-intro img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:20px}
.guide-intro figcaption{font-size:.68rem;line-height:1.6;text-align:center;margin-top:14px;color:#eff3ff}
.guide-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,1fr);gap:60px;padding:56px 0 80px;align-items:start}
.guide-content{min-width:0;font-size:1rem;color:#475467;line-height:1.9}
.guide-content h2{color:#101a35;font-size:1.75rem;line-height:1.3;letter-spacing:-.045em;margin:46px 0 18px;scroll-margin-top:110px}
.guide-content h2:first-child{margin-top:0}
.guide-content h3{color:#101a35;font-size:1.14rem;margin:24px 0 10px}
.guide-content p{margin:0 0 20px}
.guide-content li{margin-bottom:12px;padding-left:5px}
.guide-content a{color:#375bbf;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.guide-content .button{color:#fff;text-decoration:none;margin:14px 0}
.guide-note{padding:22px 26px;border-left:3px solid #5377df;background:#f1f5ff;border-radius:0 14px 14px 0;margin:30px 0}
.guide-note p:last-child{margin-bottom:0}
.guide-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.9rem}
.guide-content th,.guide-content td{padding:12px 10px;text-align:left;border-bottom:1px solid #e0e5ef}
.guide-content th{color:#101a35;background:#f1f5ff}
.guide-toc{position:sticky;top:110px;border-top:2px solid #5377df;padding-top:22px;font-size:.82rem;line-height:1.7}
.guide-toc strong{display:block;color:#101a35;margin-bottom:14px}
.guide-toc a{display:block;color:#667085;margin-bottom:12px}
.guide-toc a:hover{color:#375bbf}
.guide-review{font-size:.76rem;color:#667085;line-height:1.7;border-top:1px solid #dfe5f1;padding-top:22px;margin-top:26px}
.guide-footer{background:#101a35;padding:40px 0;color:#d8e3fa}
.guide-footer .shell{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;font-size:.85rem;line-height:1.8}
.guide-footer nav{display:flex;flex-wrap:wrap;gap:22px}
.guide-site .guide-related{background:#f7f9fe;padding:64px 0}
.guide-related h2{font-size:2rem;letter-spacing:-.05em;color:#101a35;margin:0}
.guide-related .guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-site .error-content{padding:80px 0 110px;text-align:center;max-width:680px}
.error-content h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;letter-spacing:-.06em;margin:24px 0}
.error-content p{color:#667085;line-height:1.8;margin-bottom:28px}
.guide-site a:focus-visible,.guide-card:focus-visible{outline:3px solid #20cbd4;outline-offset:5px}
@media(max-width:900px){.guide-intro{padding:36px;grid-template-columns:minmax(0,1fr) 160px;gap:28px}.guide-layout{gap:32px;grid-template-columns:minmax(0,1fr) 180px}.guide-cards{gap:16px}.guide-card{padding:22px}}
@media(max-width:640px){.guide-cards{grid-template-columns:1fr}.guide-intro{grid-template-columns:1fr;padding:30px 24px;gap:30px}.guide-intro figure{max-width:160px}.guide-intro img{max-height:290px}.guide-intro h1{font-size:2.3rem}.guide-layout{display:flex;flex-direction:column;gap:32px;padding-top:32px}.guide-toc{position:static;order:-1;width:100%}.guide-content h2{font-size:1.5rem}.guide-site .guide-nav{gap:12px;font-size:.72rem}.guide-site .nav-inner{gap:12px}.guide-site .brand-name{font-size:1rem}.guide-site .guide-nav a:last-child{display:none}.guide-breadcrumb{font-size:.7rem}.guide-content th,.guide-content td{padding:10px 6px;font-size:.8rem}.guide-note{padding:18px}.guide-footer .shell{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}
@media(max-width:640px){.guide-related .guide-cards{grid-template-columns:1fr}}
/* Small labels retain the blue palette with enough contrast for reading. */
.motion-site .product-strip>p,.motion-site .product-strip>div{color:#59677e}
.motion-site .section-heading .eyebrow{color:#3f61bc}
/* Keep the largest text visible on first paint; motion stays on the product. */
.motion-site .motion-hero h1{animation:none}