@layer reset,tokens,base,layout,components,responsive;
/* Customer palette: charcoal foundations, cool-blue actions and neutral copy.
   Red/amber status colors and authentic product images retain their meaning. */
:root {
  --mkt-bg: #111316;
  --mkt-surface: #191d23;
  --mkt-raised: #222831;
  --mkt-text: #f1f4f8;
  --mkt-muted: #b9c4d1;
  --mkt-accent: #a6dcf4;
  --mkt-line: #3c4755;
  --mkt-section: clamp(54px, 6.3vw, 96px);
  --mkt-radius: 12px;
  --mkt-measure: 66ch;
  --mkt-motion: 160ms;
}
.gateway {
  background: var(--mkt-bg);
  font-size: 16px;
  line-height: 1.6;
}
.gateway .site-header {
  background: var(--mkt-bg);
}
.gateway .navigation > a,
.gateway .button.compact,
.gateway .header-actions .button {
  font-size: 14px;
  min-height: 44px;
}
.gateway .site-footer a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
}
.gateway .footer-top > div:not(:first-child) > a {
  display: flex;
  width: fit-content;
  min-height: 44px;
}
.gateway .footer-bottom {
  flex-wrap: wrap;
  gap: 16px 24px;
}
.gateway .footer-bottom .language-switcher {
  width: auto;
  min-width: 150px;
  max-width: 100%;
}
.gateway .button {
  min-height: 48px;
  font-size: 15px;
  gap: 16px;
  border-radius: 7px;
}
.gateway .button.primary {
  background: var(--mkt-accent);
  border-color: var(--mkt-accent);
  color: #171a1f;
}
.gateway .button.primary:hover {
  background: #cbd8e6;
  border-color: #cbd8e6;
}
.gateway .button.compact {
  min-height: 44px;
  font-size: 14px;
  padding: 10px 14px;
}
.gateway .auth-layout {
  max-width: 1120px;
  margin-inline: auto;
  padding-top: 48px;
  gap: 60px;
  align-items: start;
}
.gateway .auth-intro h1 {
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.16;
}
.gateway .auth-intro > p:not(.eyebrow):not(.meta),
.gateway .auth-card form > p,
.gateway .auth-card .checkbox {
  font-size: 16px;
  line-height: 1.6;
}
.gateway .auth-intro > .meta,
.gateway .auth-card .meta {
  font-size: 13px;
  line-height: 1.6;
}
.auth-destination {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 25px 0;
  padding: 18px 20px;
  border: 1px solid #475465;
  border-radius: 8px;
  background: #20252c;
}
.auth-destination .eyebrow {
  font-size: 11px;
  color: #cbd8e6;
}
.auth-destination strong {
  font-size: 18px;
  font-weight: 500;
  color: #eef2f7;
  line-height: 1.45;
}
.gateway .auth-switch a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
}
.language-switcher {
  position: relative;
  font-size: 14px;
  z-index: 25;
  flex-shrink: 0;
}
.language-switcher summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--mkt-muted);
}
.language-switcher summary > span {
  font-size: 16px;
}
.language-switcher[open] summary {
  border-color: var(--mkt-line);
  color: var(--mkt-text);
}
.language-options {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 190px;
  padding: 8px;
  background: #1b2223;
  border: 1px solid #475465;
  border-radius: 8px;
  box-shadow: 0 16px 32px #0006;
}
.language-options a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 4px;
  white-space: nowrap;
  color: #cbd8e6;
}
.language-options a:hover,
.language-options a[aria-current="true"] {
  background: #2d3540;
  color: #cbd8e6;
}
.language-fallback {
  margin: 24px 0 0;
  padding: 16px 20px;
  border: 1px solid #565245;
  border-radius: 8px;
  background: #25241e;
  color: #e5d8b8;
  font-size: 15px;
}
.mkt {
  color: var(--mkt-text);
  max-width: 1320px;
  margin: auto;
}
.mkt h1,
.mkt h2,
.mkt h3 {
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.15;
  text-wrap: balance;
}
.mkt h1 {
  font-size: clamp(36px, 4.3vw, 64px);
  max-width: 22ch;
}
.mkt h2 {
  font-size: clamp(27px, 2.8vw, 40px);
  max-width: 25ch;
}
.mkt h3 {
  font-size: 22px;
  line-height: 1.28;
  letter-spacing: -0.02em;
}
.mkt p,
.mkt li {
  font-size: 16px;
  line-height: 1.65;
  color: var(--mkt-muted);
}
.mkt p {
  max-width: var(--mkt-measure);
}
.mkt strong {
  color: var(--mkt-text);
  font-weight: 550;
}
.mkt a:focus-visible,
.language-switcher summary:focus-visible {
  outline: 3px solid #b0d8ee;
  outline-offset: 5px;
}
.mkt .mkt-eyebrow {
  font: 500 12px/1.65 var(--mono);
  letter-spacing: 0.1em;
  color: #b9c4d1;
  margin: 0 0 18px;
  text-transform: uppercase;
}
.mkt .mkt-kicker {
  font-size: 12px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #cbd8e6;
  margin: 17px 0 9px;
}
.mkt .mkt-lead {
  font-size: clamp(17px, 1.4vw, 19px);
  line-height: 1.6;
  margin: 24px 0 0;
  max-width: 62ch;
}
.mkt .mkt-small {
  font-size: 14px;
  line-height: 1.6;
  color: #b9c4d1;
}
.mkt-icon {
  color: var(--mkt-accent);
  flex-shrink: 0;
}
.mkt-link {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  color: #cbd8e6;
}
.mkt-link:hover {
  color: #eef2f7;
}
.mkt-link svg {
  transition: transform var(--mkt-motion);
}
.mkt-link:hover svg {
  transform: translateX(3px);
}
.mkt-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin: 28px 0 0;
}
.mkt-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border: 1px solid #475465;
  border-radius: 30px;
  background: #20252c;
  color: #cbd8e6;
  font-size: 12px;
  line-height: 1.5;
  max-width: 100%;
}
.mkt-badge-planned {
  border-color: #565347;
  background: #20252c;
  color: #d7d3b5;
}
.mkt-hero {
  padding-top: clamp(46px, 5.1vw, 78px);
}
.mkt-hero-copy {
  position: relative;
  max-width: 890px;
  margin: 0 auto;
  text-align: center;
}
.mkt-hero h1 {
  max-width: 23ch;
  margin: auto;
  font-size: clamp(38px, 4.5vw, 67px);
  line-height: 1.09;
  letter-spacing: -0.047em;
}
.mkt-hero .mkt-lead {
  margin: 24px auto 0;
  max-width: 64ch;
}
.mkt-hero .mkt-actions {
  justify-content: center;
  margin-top: 27px;
}
.mkt .mkt-release-line {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px 10px;
  font-size: 12px;
  line-height: 1.5;
  margin: 16px auto 0;
  color: #b9c4d1;
}
.mkt-release-line a {
  text-decoration: underline;
  text-underline-offset: 4px;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: #cbd8e6;
}
.mkt-status-dot {
  height: 6px;
  width: 6px;
  flex-shrink: 0;
  background: #cbd8e6;
  border-radius: 50%;
}
.mkt-product-figure {
  margin-top: 38px;
}
.mkt-product-image {
  overflow: hidden;
  border: 1px solid #475465;
  border-radius: 12px;
  background: #171a1f;
  box-shadow: 0 25px 80px #0004;
}
.mkt-product-image img {
  display: block;
  width: 100%;
  height: auto;
}
.mkt-product-hero {
  width: 100%;
  max-width: 1200px;
  margin: 37px auto 0;
}
.mkt-product-hero .mkt-product-image {
  overflow: hidden;
}
.mkt-product-hero .mkt-product-image img {
  margin-top: -2px;
}
.mkt-product-label {
  display: block;
  margin-bottom: 10px;
  color: #b9c4d1;
  font-size: 12px;
  line-height: 1.55;
}
.mkt-product-figure figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  font-size: 12px;
  color: #b9c4d1;
  line-height: 1.55;
}
.mkt-product-figure figcaption a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  color: #cbd8e6;
  white-space: nowrap;
}
.mkt-proof-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  padding: 26px 0;
  border-block: 1px solid var(--mkt-line);
  margin-top: 23px;
}
.mkt-proof-bar > span {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #cbd8e6;
  line-height: 1.5;
}
.mkt-proof-bar .mkt-icon {
  width: 20px;
  height: 20px;
}
.mkt-section {
  padding-top: var(--mkt-section);
}
.mkt-section-head {
  margin-bottom: 30px;
}
.mkt-section-head .mkt-eyebrow {
  margin-bottom: 14px;
}
.mkt-section-head h2 + p {
  margin-top: 17px;
  max-width: 63ch;
}
.mkt-section-heading-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 30px;
}
.mkt-section-heading-row .mkt-section-head {
  margin: 0;
}
.mkt-section-heading-row > .mkt-link {
  flex-shrink: 0;
}
.mkt-pillars {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}
.mkt-pillars article {
  padding-top: 24px;
  border-top: 1px solid var(--mkt-line);
}
.mkt-pillars h3 {
  min-height: 2.5em;
}
.mkt-pillars h3 + p {
  margin-top: 13px;
  font-size: 15px;
  line-height: 1.65;
}
.mkt-use-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.mkt-use-card {
  display: flex;
  flex-direction: column;
  padding: 25px;
  border: 1px solid var(--mkt-line);
  border-radius: var(--mkt-radius);
  background: #161b1c;
}
.mkt-card-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-bottom: 24px;
}
.mkt-card-top .mkt-eyebrow {
  margin: 0;
  font-size: 11px;
}
.mkt-card-top .mkt-badge {
  font-size: 11px;
  padding: 3px 8px;
}
.mkt-use-card h3 {
  margin-bottom: 14px;
}
.mkt-use-card h3 a {
  color: var(--mkt-text);
}
.mkt-use-card > p {
  font-size: 15px;
  flex: 1;
}
.mkt-use-card > .mkt-link {
  margin-top: 20px;
}
.mkt-local-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(30px, 5vw, 80px);
  align-items: center;
}
.mkt-local-copy .mkt-section-head {
  margin-bottom: 20px;
}
.mkt-boundary {
  margin: 23px 0 10px;
  border-top: 1px solid var(--mkt-line);
}
.mkt-boundary > div {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 15px;
  border-bottom: 1px solid var(--mkt-line);
  padding: 17px 0;
}
.mkt-boundary > div > span {
  font-size: 11px;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #cbd8e6;
  padding-top: 3px;
}
.mkt-boundary p {
  font-size: 14px;
}
.mkt-device {
  border: 1px solid #475465;
  border-radius: var(--mkt-radius);
  background: #171a1f;
  padding: 22px;
}
.mkt-device-caption {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mkt-device-caption > span:first-child {
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #cbd8e6;
}
.mkt-device-screen {
  background: #171a1f;
  border: 1px solid #475465;
  border-radius: 9px;
  padding: 20px;
}
.mkt-device-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 19px;
}
.mkt-device-title > span:last-child {
  margin-left: auto;
  font-size: 12px;
  color: #b9c4d1;
}
.mkt-device-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #cbd8e6;
}
.mkt-model-row {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #2d3540;
  padding: 17px 0;
}
.mkt-model-monogram {
  display: flex;
  align-items: baseline;
  gap: 3px;
  font-size: 24px;
  font-weight: 300;
  color: #cbd8e6;
  min-width: 36px;
}
.mkt-model-monogram > span {
  font-size: 9px;
  font-family: var(--mono);
}
.mkt-model-row > div {
  flex: 1;
  min-width: 0;
}
.mkt-model-row > div > strong {
  display: block;
  font-size: 15px;
}
.mkt-model-row > div > span {
  display: block;
  font-size: 12px;
  line-height: 1.55;
  color: #b9c4d1;
}
.mkt-model-state {
  font-size: 11px;
  color: #d2d1ba;
  line-height: 1.5;
  max-width: 83px;
}
.mkt-device-specs {
  margin: 0;
  border-top: 1px solid #2d3540;
  padding-top: 12px;
}
.mkt-device-specs > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0;
  font-size: 12px;
}
.mkt-device-specs dt {
  color: #b9c4d1;
}
.mkt-device-specs dd {
  margin: 0;
  color: #cbd8e6;
  text-align: right;
}
.mkt-device figcaption {
  font-size: 12px;
  line-height: 1.65;
  color: #b9c4d1;
  margin-top: 16px;
}
.mkt-phone-section {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  align-items: start;
  gap: 45px;
}
.mkt-phone-section h2 {
  font-size: 30px;
  margin: 17px 0;
}
.mkt-phone-section > div > p {
  font-size: 15px;
}
.mkt-phone-flow {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0;
  margin: 30px 0 0;
  gap: 26px;
}
.mkt-phone-flow li {
  border-top: 1px solid #475465;
  padding-top: 20px;
  margin: 0;
  position: relative;
}
.mkt-phone-flow li > span {
  display: block;
  font: 12px/1.5 var(--mono);
  color: #cbd8e6;
  margin-bottom: 15px;
}
.mkt-phone-flow strong {
  display: block;
  line-height: 1.5;
  margin-bottom: 8px;
}
.mkt-phone-flow p {
  font-size: 14px;
}
.mkt-access-band {
  display: flex;
  gap: 48px;
  justify-content: space-between;
  align-items: center;
  padding: 36px;
  margin-top: var(--mkt-section);
  background: #20252c;
  border: 1px solid #475465;
  border-radius: var(--mkt-radius);
}
.mkt-access-band h2 {
  font-size: 33px;
  margin-bottom: 14px;
}
.mkt-access-band p {
  max-width: 66ch;
  font-size: 15px;
}
.mkt-access-band .mkt-eyebrow {
  font-size: 11px;
  margin-bottom: 13px;
}
.mkt-access-band > div:last-child {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}
.mkt-home-faq {
  display: grid;
  grid-template-columns: 0.8fr 1.4fr;
  gap: 70px;
}
.mkt-faq-item {
  border-top: 1px solid var(--mkt-line);
}
.mkt-faq-item:last-child {
  border-bottom: 1px solid var(--mkt-line);
}
.mkt-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 68px;
  padding: 18px 0;
  font-size: 17px;
  color: #eef2f7;
  line-height: 1.5;
  font-weight: 500;
}
.mkt-faq-item summary > span {
  font-size: 24px;
  color: #cbd8e6;
  font-weight: 300;
  flex-shrink: 0;
}
.mkt-faq-item[open] summary > span {
  transform: rotate(45deg);
}
.mkt-faq-answer {
  padding: 0 34px 20px 0;
}
.mkt-faq-answer p {
  font-size: 15px;
  line-height: 1.75;
}
.mkt-faq-answer .mkt-link {
  margin-top: 9px;
}
.mkt-page-intro {
  padding: clamp(44px, 6vw, 84px) 0 42px;
}
.mkt-page-intro h1 {
  max-width: 22ch;
}
.mkt-page-intro .mkt-lead {
  max-width: 70ch;
}
.mkt-page-intro .mkt-badge {
  margin-top: 24px;
}
.mkt-page-intro + .mkt-section {
  padding-top: 0;
}
.mkt-pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.mkt-plan {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 23px 20px;
  border: 1px solid #475465;
  background: #171a1f;
  border-radius: var(--mkt-radius);
}
.mkt-plan-featured {
  border-color: #b9c4d1;
  background: #20252c;
}
.mkt-plan-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-height: 35px;
}
.mkt-plan-heading h2 {
  font-size: 25px;
  letter-spacing: -0.02em;
}
.mkt-plan-heading .mkt-badge {
  font-size: 11px;
}
.mkt .mkt-plan-audience {
  min-height: 3.5em;
  font-size: 14px;
  margin-top: 16px;
}
.mkt .mkt-plan-price {
  font-size: 42px;
  color: #eef2f7;
  letter-spacing: -0.05em;
  margin: 21px 0 13px;
  line-height: 1.2;
}
.mkt-plan-price > span {
  display: block;
  color: #b9c4d1;
  font-size: 12px;
  letter-spacing: 0;
  margin-top: 7px;
}
.mkt-plan dl {
  margin: 12px 0 24px;
  flex: 1;
}
.mkt-plan dl > div {
  border-top: 1px solid #475465;
  padding: 14px 0;
}
.mkt-plan dt {
  font-size: 12px;
  color: #b9c4d1;
  margin-bottom: 6px;
}
.mkt-plan dd {
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
  color: #eef2f7;
}
.mkt-plan > .button {
  padding: 12px;
  font-size: 14px;
  gap: 10px;
  justify-content: space-between;
}
.mkt-plan-explainer,
.mkt-prepaid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 70px;
}
.mkt-shared-features {
  padding: 27px;
  border: 1px solid var(--mkt-line);
  border-radius: var(--mkt-radius);
}
.mkt-shared-features h3 {
  font-size: 21px;
}
.mkt-shared-features li {
  font-size: 15px;
  padding-left: 3px;
}
.mkt-point-packs {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--mkt-line);
}
.mkt-point-packs li {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid var(--mkt-line);
  margin: 0;
}
.mkt-note {
  padding: 26px 30px;
  border-left: 2px solid #9aa9ba;
  background: #171a1f;
  margin-top: 44px;
}
.mkt-note h2 {
  font-size: 22px;
  max-width: none;
  margin-bottom: 13px;
}
.mkt-note p,
.mkt-note li {
  font-size: 15px;
  max-width: 94ch;
}
.mkt-note .mkt-link {
  margin-top: 12px;
}
.mkt-release-panel {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 60px;
  padding: 32px;
  border: 1px solid var(--mkt-line);
  background: #171a1f;
  border-radius: var(--mkt-radius);
}
.mkt-release-product {
  display: flex;
  align-items: center;
  gap: 17px;
}
.mkt-release-product img {
  object-fit: contain;
}
.mkt-release-product h2 {
  font-size: 28px;
  margin-bottom: 10px;
}
.mkt-release-specs {
  margin: 26px 0;
}
.mkt-release-specs > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--mkt-line);
  padding: 12px 0;
  font-size: 14px;
}
.mkt-release-specs dt {
  color: #b9c4d1;
}
.mkt-release-specs dd {
  margin: 0;
  text-align: right;
  color: #eef2f7;
  max-width: 55%;
}
.mkt-release-panel .mkt-small {
  margin-top: 18px;
}
.mkt-release-checklist h3 {
  font-size: 21px;
  margin-bottom: 15px;
}
.mkt-release-checklist > div {
  display: flex;
  gap: 13px;
  padding: 14px 0;
  border-bottom: 1px solid var(--mkt-line);
}
.mkt-check-state {
  color: #cbd8e6;
  min-width: 18px;
}
.mkt-release-checklist strong {
  display: block;
  font-size: 14px;
  line-height: 1.5;
}
.mkt-release-checklist p > span {
  display: block;
  color: #b9c4d1;
  font-size: 12px;
  margin-top: 4px;
}
.mkt-resource-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}
.mkt-resource-grid article {
  border-top: 1px solid var(--mkt-line);
  padding-top: 25px;
}
.mkt-resource-grid h2,
.mkt-resource-grid h3 {
  font-size: 22px;
  margin-bottom: 12px;
}
.mkt-resource-grid h2 a,
.mkt-resource-grid h3 a {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.4;
  align-items: flex-start;
}
.mkt-resource-grid p {
  font-size: 15px;
}
.mkt-security-rows article {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 25px;
  border-top: 1px solid var(--mkt-line);
  padding: 32px 0;
}
.mkt-security-rows h2 {
  font-size: 28px;
  max-width: 30ch;
  margin-bottom: 17px;
}
.mkt-security-rows p {
  max-width: 78ch;
}
.mkt-security-rows .mkt-small {
  margin-top: 12px;
}
.mkt-row-number {
  font: 14px/1.5 var(--mono);
  color: #b9c4d1;
  padding-top: 6px;
}
.mkt-contact-primary {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 60px;
  padding: 35px;
  border: 1px solid #475465;
  background: #20252c;
  border-radius: var(--mkt-radius);
  scroll-margin-top: 120px;
}
.mkt-contact-primary h2 {
  font-size: 32px;
  margin-bottom: 20px;
}
.mkt-contact-primary .button {
  margin: 24px 0 15px;
}
.mkt-contact-primary aside {
  border-left: 1px solid #475465;
  padding-left: 32px;
  align-self: center;
}
.mkt-contact-primary aside h3 {
  font-size: 20px;
}
.mkt-contact-primary li {
  font-size: 15px;
}
.mkt-email-address {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
  color: #cbd8e6;
  overflow-wrap: anywhere;
}
.mkt-faq-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 8px 20px;
  margin-bottom: 32px;
  max-width: 1000px;
}
.mkt-faq-tools label {
  font-size: 14px;
  color: #cbd8e6;
}
.mkt-faq-tools label[for="faq-category"] {
  grid-column: 2;
  grid-row: 1;
}
.mkt-faq-tools input,
.mkt-faq-tools select {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid #475465;
  background: #20252c;
  border-radius: 7px;
  color: #eef2f7;
  font-size: 16px;
}
.mkt-faq-tools input::placeholder {
  color: #b9c4d1;
  opacity: 1;
}
.mkt-faq-tools select {
  grid-column: 2;
  grid-row: 2;
}
.mkt-faq-empty {
  padding: 24px;
  background: #20252c;
  border: 1px solid var(--mkt-line);
  margin-bottom: 24px;
}
.mkt-workflow {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 1000px;
}
.mkt-workflow li {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 24px;
  padding: 25px 0;
  border-top: 1px solid var(--mkt-line);
  margin: 0;
}
.mkt-workflow li > span {
  font: 12px/1.5 var(--mono);
  color: #cbd8e6;
  padding-top: 5px;
}
.mkt-workflow h2 {
  font-size: 23px;
  margin-bottom: 11px;
}
.mkt-workflow p {
  max-width: 74ch;
}
.mkt-question {
  max-width: 900px;
}
.mkt-question h1 {
  font-size: clamp(33px, 4vw, 54px);
  max-width: 25ch;
}
.mkt .mkt-answer-lead {
  font-size: 20px;
  line-height: 1.75;
  color: #cbd8e6;
  max-width: 70ch;
}
.mkt-question ul {
  margin: 28px 0;
}
.mkt-related {
  padding: 26px 0;
  margin: 26px 0;
  border-block: 1px solid var(--mkt-line);
}
.mkt-related h2 {
  font-size: 22px;
  margin-bottom: 12px;
}
.mkt-related .mkt-link {
  display: flex;
  width: fit-content;
}
.mkt-prose {
  max-width: 850px;
}
.mkt-prose h2 {
  font-size: 27px;
  max-width: none;
  margin: 35px 0 18px;
}
.mkt-prose h2:first-child {
  margin-top: 0;
}
.mkt-prose p {
  margin: 0 0 20px;
  max-width: 78ch;
}
.mkt-prose p .mkt-link {
  margin-right: 24px;
}
.mkt-capability-table > h2 {
  margin-bottom: 26px;
  max-width: none;
}
.mkt-capability-table > div {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 32px;
  padding: 24px 0;
  border-top: 1px solid var(--mkt-line);
}
.locale-zh-hant .mkt h1,
.locale-zh-hant .mkt h2,
.locale-zh-hant .mkt h3 {
  letter-spacing: -0.015em;
  line-height: 1.35;
}
.locale-zh-hant .mkt-hero h1 {
  max-width: 18ch;
  font-size: clamp(35px, 4.1vw, 60px);
}
.locale-zh-hant .mkt-hero .mkt-lead {
  max-width: 44em;
}
.locale-zh-hant .mkt-page-intro h1 {
  max-width: 23ch;
}
@media (min-width: 1500px) {
  .mkt-hero-copy {
    max-width: 980px;
  }
}
@media (max-width: 1150px) {
  .mkt-pillars {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 36px;
  }
  .mkt-pillars h3 {
    min-height: 0;
  }
  .mkt-pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  .mkt-plan {
    padding: 25px;
  }
  .mkt-plan-audience {
    min-height: 0 !important;
  }
  .mkt-phone-section {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .mkt-phone-section > div {
    max-width: 680px;
  }
  .mkt-phone-section h2 {
    max-width: 30ch;
  }
  .mkt-phone-flow {
    margin-top: 15px;
  }
  .mkt-local-section {
    gap: 30px;
  }
  .mkt-device {
    padding: 16px;
  }
  .mkt-device-screen {
    padding: 15px;
  }
  .mkt-home-faq {
    gap: 40px;
  }
  .mkt-release-panel {
    gap: 32px;
  }
  .mkt-contact-primary {
    gap: 30px;
  }
  .mkt-contact-primary aside {
    padding-left: 24px;
  }
  .mkt-resource-grid {
    gap: 20px;
  }
}
@media (max-width: 900px) {
  .mkt-use-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mkt-use-grid .mkt-use-card:last-child:nth-child(3) {
    grid-column: 1/-1;
  }
  .mkt-local-section,
  .mkt-plan-explainer,
  .mkt-prepaid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .mkt-local-copy {
    max-width: 740px;
  }
  .mkt-device {
    max-width: 620px;
    width: 100%;
    justify-self: center;
    padding: 24px;
  }
  .mkt-device-screen {
    padding: 22px;
  }
  .mkt-access-band {
    gap: 26px;
    padding: 28px;
  }
  .mkt-access-band h2 {
    font-size: 28px;
  }
  .mkt-home-faq {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .mkt-home-faq .mkt-section-head {
    margin-bottom: 6px;
  }
  .mkt-proof-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  .mkt-proof-bar > span {
    justify-content: flex-start;
  }
  .mkt-release-panel {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .mkt-contact-primary {
    grid-template-columns: 1fr;
  }
  .mkt-contact-primary aside {
    border-left: 0;
    border-top: 1px solid #475465;
    padding: 24px 0 0;
  }
  .mkt-resource-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .language-options {
    position: static;
    margin: 2px 0 10px;
    box-shadow: none;
  }
  .language-switcher {
    width: 100%;
  }
  .language-switcher summary {
    justify-content: space-between;
    padding: 10px 0;
  }
  .language-switcher[open] summary {
    border-color: transparent;
  }
  .mkt-product-hero .mkt-product-image {
    max-height: none;
  }
}
@media (max-width: 600px) {
  .gateway {
    --gutter: 20px;
  }
  .gateway main {
    padding-bottom: 56px;
  }
  .gateway .site-header {
    padding-inline: 20px;
  }
  .gateway .header-actions .button.quiet {
    min-width: 54px;
    padding-inline: 8px;
  }
  .gateway .header-actions .button.compact {
    display: none;
  }
  .gateway .site-footer {
    padding-inline: 20px;
  }
  .mkt h1 {
    font-size: 36px;
  }
  .mkt h2 {
    font-size: 28px;
  }
  .mkt h3 {
    font-size: 22px;
  }
  .mkt-hero {
    padding-top: 34px;
  }
  .mkt-hero-copy {
    text-align: left;
  }
  .mkt-hero .mkt-eyebrow {
    font-size: 11px;
    letter-spacing: 0.055em;
    margin-bottom: 17px;
    max-width: 30ch;
  }
  .mkt-hero h1 {
    font-size: clamp(36px, 9.6vw, 43px);
    line-height: 1.13;
    max-width: 18ch;
    margin: 0;
  }
  .mkt-hero .mkt-lead {
    font-size: 16px;
    margin-top: 19px;
    line-height: 1.6;
  }
  .mkt-hero .mkt-actions {
    justify-content: flex-start;
    gap: 10px;
    margin-top: 22px;
  }
  .mkt-hero .button {
    font-size: 14px;
    gap: 9px;
    padding: 12px 15px;
  }
  .mkt .mkt-release-line {
    justify-content: flex-start;
    font-size: 11px;
    margin-top: 12px;
    gap: 5px 8px;
  }
  .mkt-release-line a {
    min-height: 44px;
  }
  .mkt-product-hero {
    margin-top: 21px;
  }
  .mkt-product-hero .mkt-product-image {
    height: 290px;
    overflow: hidden;
  }
  .mkt-product-hero .mkt-product-image img {
    width: calc(100% + 115px);
    max-width: none;
    height: auto;
    min-height: 290px;
    object-fit: cover;
    object-position: left top;
    margin: 0;
  }
  .mkt-product-figure figcaption {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
    font-size: 11px;
  }
  .mkt-product-figure figcaption a {
    font-size: 12px;
  }
  .mkt-proof-bar {
    padding: 20px 0;
    gap: 18px 12px;
    margin-top: 14px;
  }
  .mkt-proof-bar > span {
    font-size: 12px;
    gap: 8px;
  }
  .mkt-proof-bar .mkt-icon {
    width: 18px;
    height: 18px;
  }
  .mkt-section {
    padding-top: 54px;
  }
  .mkt-section-head {
    margin-bottom: 25px;
  }
  .mkt .mkt-eyebrow {
    font-size: 11px;
  }
  .mkt-pillars {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .mkt-pillars article {
    padding-top: 20px;
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 0 12px;
  }
  .mkt-pillars .mkt-icon {
    grid-row: 1/4;
    margin-top: 3px;
  }
  .mkt-pillars .mkt-kicker {
    margin: 0 0 8px;
  }
  .mkt-pillars h3 {
    grid-column: 2;
  }
  .mkt-pillars h3 + p {
    grid-column: 2;
    font-size: 16px;
    margin-top: 12px;
  }
  .mkt-section-heading-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 20px;
  }
  .mkt-use-grid {
    grid-template-columns: 1fr;
  }
  .mkt-use-grid .mkt-use-card:last-child:nth-child(3) {
    grid-column: auto;
  }
  .mkt-use-card {
    padding: 24px;
  }
  .mkt-use-card > p {
    font-size: 16px;
  }
  .mkt-card-top {
    margin-bottom: 20px;
  }
  .mkt-device {
    padding: 15px;
  }
  .mkt-device-screen {
    padding: 15px;
  }
  .mkt-device-caption {
    gap: 9px;
  }
  .mkt-device-caption > span:first-child {
    font-size: 11px;
  }
  .mkt-model-row {
    gap: 8px;
  }
  .mkt-model-state {
    font-size: 11px;
    max-width: 65px;
  }
  .mkt-device-specs > div {
    font-size: 11px;
    gap: 8px;
  }
  .mkt-boundary p {
    font-size: 15px;
  }
  .mkt-phone-flow {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 6px;
  }
  .mkt-phone-flow li {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 0 12px;
    padding: 18px 0;
  }
  .mkt-phone-flow li > span {
    grid-row: 1/3;
    margin: 3px 0 0;
  }
  .mkt-phone-flow strong {
    margin-bottom: 5px;
  }
  .mkt-phone-flow p {
    grid-column: 2;
    font-size: 15px;
  }
  .mkt-phone-section h2 {
    font-size: 28px;
  }
  .mkt-phone-section > div > p {
    font-size: 16px;
  }
  .mkt-access-band {
    flex-direction: column;
    align-items: flex-start;
    padding: 25px;
    gap: 22px;
    margin-top: 54px;
  }
  .mkt-access-band h2 {
    font-size: 28px;
  }
  .mkt-access-band p {
    font-size: 16px;
  }
  .mkt-access-band > div:last-child {
    width: 100%;
  }
  .mkt-home-faq {
    gap: 16px;
  }
  .mkt-faq-item summary {
    font-size: 16px;
    gap: 15px;
    min-height: 64px;
  }
  .mkt-faq-answer {
    padding-right: 0;
  }
  .mkt-faq-answer p {
    font-size: 16px;
  }
  .mkt-page-intro {
    padding: 38px 0 30px;
  }
  .mkt-page-intro .mkt-lead {
    font-size: 16px;
    margin-top: 19px;
  }
  .mkt-pricing-grid {
    grid-template-columns: 1fr;
  }
  .mkt-plan {
    padding: 26px;
  }
  .mkt-plan-heading h2 {
    font-size: 28px;
  }
  .mkt .mkt-plan-audience {
    font-size: 16px;
  }
  .mkt-plan dt {
    font-size: 13px;
  }
  .mkt-plan dd {
    font-size: 16px;
  }
  .mkt-plan > .button {
    font-size: 15px;
  }
  .mkt-plan-price > span {
    display: inline-block;
    margin-left: 12px;
  }
  .mkt-shared-features {
    padding: 23px;
  }
  .mkt-shared-features li {
    font-size: 16px;
  }
  .mkt-note {
    padding: 22px;
    margin-top: 32px;
  }
  .mkt-note p,
  .mkt-note li {
    font-size: 16px;
  }
  .mkt-release-panel {
    padding: 22px;
    gap: 30px;
  }
  .mkt-release-product {
    gap: 12px;
  }
  .mkt-release-product img {
    width: 43px;
    height: 43px;
  }
  .mkt-release-product h2 {
    font-size: 24px;
  }
  .mkt-release-product .mkt-badge {
    font-size: 11px;
  }
  .mkt-release-specs > div {
    font-size: 13px;
    gap: 12px;
  }
  .mkt-release-checklist strong {
    font-size: 15px;
  }
  .mkt-release-checklist p > span {
    font-size: 13px;
  }
  .mkt-resource-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .mkt-resource-grid p {
    font-size: 16px;
  }
  .mkt-security-rows article {
    grid-template-columns: 27px 1fr;
    gap: 15px;
    padding: 25px 0;
  }
  .mkt-security-rows h2 {
    font-size: 24px;
  }
  .mkt-contact-primary {
    padding: 24px;
    gap: 10px;
  }
  .mkt-contact-primary h2 {
    font-size: 27px;
  }
  .mkt-contact-primary li {
    font-size: 16px;
  }
  .mkt-contact-primary .mkt-small {
    font-size: 14px;
  }
  .mkt-faq-tools {
    grid-template-columns: 1fr;
    gap: 7px;
    margin-bottom: 25px;
  }
  .mkt-faq-tools label[for="faq-category"] {
    grid-column: 1;
    grid-row: 3;
    margin-top: 10px;
  }
  .mkt-faq-tools select {
    grid-column: 1;
    grid-row: 4;
  }
  .mkt-workflow li {
    grid-template-columns: 28px 1fr;
    gap: 15px;
    padding: 22px 0;
  }
  .mkt-workflow h2 {
    font-size: 22px;
  }
  .mkt-question h1 {
    font-size: 34px;
  }
  .mkt .mkt-answer-lead {
    font-size: 18px;
  }
  .mkt-capability-table > div {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 21px 0;
  }
  .locale-zh-hant .mkt-hero h1 {
    font-size: clamp(34px, 8.9vw, 40px);
    line-height: 1.32;
    max-width: 16ch;
  }
  .locale-zh-hant .mkt-hero .mkt-lead {
    line-height: 1.7;
  }
  .locale-zh-hant .mkt-hero .button {
    font-size: 14px;
  }
}
@media (max-width: 380px) {
  .gateway {
    --gutter: 18px;
  }
  .mkt-hero h1 {
    font-size: 35px;
  }
  .mkt-hero .mkt-actions {
    gap: 8px;
  }
  .mkt-hero .button {
    padding: 12px 11px;
    font-size: 13px;
  }
  .mkt-product-hero .mkt-product-image {
    height: 260px;
  }
  .mkt-product-hero .mkt-product-image img {
    min-height: 260px;
  }
  .mkt-model-row > div > span {
    font-size: 11px;
  }
  .mkt-proof-bar > span {
    font-size: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mkt *,
  .mkt *:before,
  .mkt *:after,
  .language-switcher * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .mkt-link:hover svg {
    transform: none;
  }
}
@media (max-width: 1000px) {
  .gateway .site-header {
    justify-content: space-between;
    min-height: 76px;
  }
  .gateway .header-actions {
    display: none;
  }
  .gateway .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 44px;
    padding: 10px 0 10px 15px;
    border: 0;
    background: transparent;
    font-size: 14px;
  }
  .gateway .navigation {
    display: none;
    position: absolute;
    inset: 76px 0 auto;
    background: #171a1f;
    border-bottom: 1px solid #475465;
    padding: 18px 23px 23px;
    box-shadow: 0 20px 40px #0005;
    max-height: calc(100vh - 76px);
    overflow: auto;
  }
  .gateway .navigation.is-open {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .gateway .navigation > a {
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 10px 3px;
    min-height: 46px;
    border-bottom: 1px solid #2d3540;
  }
  .gateway .navigation .language-switcher {
    width: 100%;
  }
  .gateway .navigation .language-options {
    position: static;
    margin: 2px 0 10px;
    box-shadow: none;
  }
  .gateway .navigation .language-switcher summary {
    justify-content: space-between;
    padding: 10px 3px;
    font-size: 16px;
  }
  .gateway .navigation .mobile-account {
    display: flex;
  }
  .gateway .auth-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .gateway .auth-intro {
    max-width: 660px;
  }
  .gateway .auth-card {
    max-width: 660px;
    width: 100%;
  }
  html:not(.js-ready) .gateway .site-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 20px;
  }
  html:not(.js-ready) .gateway .menu-toggle {
    display: none;
  }
  html:not(.js-ready) .gateway .navigation {
    display: flex;
    position: static;
    flex: 0 0 100%;
    flex-flow: row wrap;
    gap: 0 20px;
    padding: 0 0 14px;
    border: 0;
    box-shadow: none;
    max-height: none;
    overflow: visible;
  }
  html:not(.js-ready) .gateway .navigation > a {
    flex: 0 0 calc(50% - 10px);
  }
  html:not(.js-ready) .gateway .navigation .language-switcher {
    flex-basis: 100%;
  }
}
@media (max-width: 600px) {
  .gateway .auth-layout {
    padding-top: 30px;
    gap: 24px;
  }
  .gateway .auth-intro h1 {
    font-size: 38px;
  }
  .gateway .auth-card {
    padding: 24px;
  }
  .auth-destination {
    margin: 20px 0;
  }
  .gateway .auth-intro > p:not(.eyebrow):not(.meta) {
    font-size: 16px;
  }
}
@media (forced-colors: active) {
  .mkt-badge,
  .mkt-note,
  .mkt-device,
  .mkt-plan,
  .mkt-product-image,
  .mkt-use-card,
  .language-options {
    border: 1px solid CanvasText;
  }
  .mkt-status-dot,
  .mkt-device-dot {
    background: CanvasText;
  }
}
@layer reset {
  * {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure {
    margin: 0;
  }
  button,
  input,
  select {
    font: inherit;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  button,
  a,
  input,
  select {
    touch-action: manipulation;
  }
  button {
    cursor: pointer;
  }
  a {
    color: inherit;
  }
  ul,
  ol {
    padding-left: 1.3em;
  }
  table {
    border-collapse: collapse;
  }
  svg {
    flex-shrink: 0;
  }
  [hidden] {
    display: none !important;
  }
}
@layer tokens {
  :root {
    --bg: #101112;
    --surface: #181a1c;
    --raised: #202326;
    --hover: #282c2f;
    --text: #eef2f7;
    --muted: #adafaf;
    --soft: #858b8d;
    --line: #353a3d;
    --line-soft: #292d30;
    --accent: #cbd8e6;
    --accent-on: #171a1f;
    --focus: #b0d8ee;
    --warning: #edc68d;
    --success: #cbd8e6;
    --error: #f5b0a4;
    --radius: 14px;
    --radius-lg: 22px;
    --max: 1320px;
    --gutter: clamp(22px, 4.5vw, 76px);
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --mono: "SFMono-Regular", Consolas, monospace;
    --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --duration: 180ms;
    --shadow: 0 30px 70px #0005;
  }
}
@layer base {
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 105px;
  }
  body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--font);
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
  }
  ::selection {
    background: var(--accent);
    color: var(--accent-on);
  }
  :focus-visible {
    outline: 3px solid var(--focus);
    outline-offset: 5px;
    border-radius: 4px;
  }
  h1,
  h2,
  h3 {
    line-height: 1.08;
    font-weight: 500;
    letter-spacing: -0.045em;
    text-wrap: balance;
  }
  h1 {
    font-size: clamp(42px, 5.8vw, 80px);
  }
  h2 {
    font-size: clamp(32px, 4vw, 54px);
  }
  h3 {
    font-size: 25px;
    letter-spacing: -0.025em;
  }
  p {
    color: var(--muted);
  }
  strong {
    font-weight: 600;
    color: var(--text);
  }
  a {
    text-decoration: none;
    transition:
      color var(--duration),
      background var(--duration),
      border-color var(--duration);
  }
  a:hover {
    color: var(--accent);
  }
  button,
  input,
  select {
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--text);
  }
  button:disabled {
    opacity: 0.65;
    cursor: wait;
  }
  input,
  select {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border-radius: 8px;
  }
  input::placeholder {
    color: #919697;
  }
  input:focus,
  select:focus {
    border-color: var(--focus);
  }
  label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 18px 0 8px;
    color: var(--text);
  }
  code {
    font-family: var(--mono);
    font-size: 12px;
    overflow-wrap: anywhere;
    color: var(--muted);
  }
  time {
    white-space: normal;
  }
  .icon {
    vertical-align: middle;
    color: var(--muted);
  }
  li + li {
    margin-top: 8px;
  }
  summary {
    cursor: pointer;
  }
  summary::-webkit-details-marker {
    display: none;
  }
  summary {
    list-style: none;
  }
  main {
    min-height: 50vh;
    max-width: 1600px;
    margin: auto;
    padding: 0 var(--gutter) 100px;
  }
  .skip-link {
    position: fixed;
    top: -80px;
    left: 16px;
    background: var(--accent);
    color: var(--accent-on);
    padding: 14px 20px;
    z-index: 100;
  }
  .skip-link:focus {
    top: 16px;
  }
  .eyebrow {
    font-size: 11px;
    letter-spacing: 0.18em;
    font-weight: 600;
    font-family: var(--mono);
    color: var(--muted);
    line-height: 1.7;
  }
  .meta {
    font-size: 12px;
    line-height: 1.65;
    color: var(--muted);
  }
  .lede {
    font-size: 19px;
    line-height: 1.65;
    max-width: 620px;
  }
  .text-link {
    display: inline-flex;
    align-items: center;
    gap: 22px;
    min-height: 44px;
    font-size: 14px;
    color: var(--text);
    font-weight: 500;
  }
  .text-link span {
    font-size: 19px;
    color: var(--muted);
  }
  .text-link:hover span {
    color: var(--text);
  }
  .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    min-height: 50px;
    border: 1px solid #4b5355;
    border-radius: 8px;
    padding: 12px 21px;
    background: transparent;
    color: var(--text);
    font-size: 14px;
    font-weight: 550;
    line-height: 1.35;
    white-space: normal;
  }
  .button:hover {
    background: var(--hover);
    border-color: #778083;
    color: var(--text);
  }
  .button.primary {
    background: var(--accent);
    color: var(--accent-on);
    border-color: var(--accent);
  }
  .button.primary:hover {
    background: #eef2f7;
    border-color: #eef2f7;
  }
  .button.quiet {
    border-color: transparent;
    padding-left: 6px;
  }
  .button.compact {
    min-height: 42px;
    padding: 10px 16px;
    font-size: 12px;
    background: #24292b;
  }
  .actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
  }
  .badge {
    display: inline-flex;
    border: 1px solid #475465;
    background: #20252c;
    color: #cbd8e6;
    align-items: center;
    border-radius: 20px;
    font-size: 10px;
    letter-spacing: 0.05em;
    padding: 4px 9px;
    white-space: nowrap;
    line-height: 1.65;
  }
  .badge.planned {
    border-color: #504738;
    background: #2c2821;
    color: #e2c895;
  }
  .notice {
    display: flex;
    gap: 16px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 22px 26px;
    margin: 24px 0 34px;
  }
  .notice .icon {
    margin-top: 3px;
  }
  .notice p {
    font-size: 14px;
    max-width: 900px;
  }
  .message {
    border: 1px solid var(--line);
    padding: 18px 22px;
    border-radius: 10px;
    margin: 24px 0;
    background: var(--surface);
    font-size: 14px;
  }
  .message.error {
    border-color: #715148;
    color: var(--error);
  }
  .message.error p {
    color: var(--error);
  }
  .message.success {
    border-color: #475465;
    color: var(--success);
  }
  .message.warning {
    color: var(--warning);
  }
  .empty-state {
    padding: 35px 28px;
    border: 1px dashed #474e51;
    background: #16191a;
    border-radius: 12px;
    color: var(--muted);
    font-size: 15px;
  }
  .empty-state.large {
    padding: 60px 30px;
    text-align: center;
  }
  .empty-state.large .icon {
    width: 48px;
    height: 48px;
    margin-bottom: 28px;
  }
  .empty-state.large h2 {
    font-size: 30px;
    margin-bottom: 18px;
  }
  .empty-state.large p {
    max-width: 620px;
    margin: 0 auto 24px;
  }
}
@layer layout {
  .preview-bar {
    display: flex;
    gap: 9px;
    align-items: center;
    justify-content: center;
    background: #1a1e1f;
    min-height: 32px;
    padding: 5px 20px;
    border-bottom: 1px solid var(--line-soft);
    font: 9px/1.7 var(--mono);
    letter-spacing: 0.12em;
    color: #b9c4d1;
  }
  .preview-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cbd8e6;
    flex-shrink: 0;
  }
  .preview-detail {
    letter-spacing: 0.02em;
    color: #9aa9ba;
  }
  .preview-link {
    margin-left: 12px;
    text-decoration: underline;
    text-underline-offset: 3px;
    letter-spacing: 0;
  }
  .preview-link span {
    display: none;
  }
  .site-header {
    max-width: 1600px;
    margin: auto;
    padding: 0 var(--gutter);
    min-height: 88px;
    display: flex;
    align-items: center;
    gap: 55px;
    border-bottom: 1px solid var(--line-soft);
    position: relative;
    z-index: 10;
    background: var(--bg);
  }
  .brand {
    display: inline-flex;
    gap: 13px;
    align-items: center;
    letter-spacing: 0.055em;
    font-size: 25px;
    font-weight: 650;
    line-height: 1;
  }
  .brand img {
    flex-shrink: 0;
  }
  .navigation {
    display: flex;
    gap: 26px;
    align-items: center;
    flex: 1;
  }
  .navigation > a {
    font-size: 12px;
    font-weight: 500;
    color: #b9bdbd;
    padding: 15px 0;
  }
  .navigation > a:hover,
  .navigation > a[aria-current] {
    color: var(--text);
  }
  .header-actions {
    display: flex;
    gap: 25px;
    align-items: center;
  }
  .header-actions > a:first-child {
    font-size: 12px;
  }
  .menu-toggle,
  .mobile-account {
    display: none;
  }
  .breadcrumbs {
    display: flex;
    gap: 11px;
    align-items: center;
    font-size: 11px;
    color: var(--muted);
    padding: 24px 0 0;
    line-height: 1.6;
  }
  .breadcrumbs a {
    min-height: 32px;
    display: flex;
    align-items: center;
  }
  .breadcrumbs > span:last-child {
    overflow-wrap: anywhere;
  }
  .hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 38px;
    padding: 85px 0 72px;
    min-height: 680px;
  }
  .hero-copy > .eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 28px;
  }
  .signal-line {
    height: 1px;
    width: 26px;
    background: #cbd8e6;
  }
  .hero h1 {
    font-size: clamp(48px, 5.6vw, 80px);
    line-height: 1.05;
    letter-spacing: -0.055em;
  }
  .hero h1 > span {
    color: #b9c4d1;
  }
  .hero-lede {
    font-size: 16px;
    line-height: 1.8;
    max-width: 425px;
    margin: 28px 0 30px;
  }
  .availability {
    font-size: 11px;
    line-height: 1.8;
    color: #9aa9ba;
    margin-top: 21px;
  }
  .hero-visual {
    min-width: 0;
    position: relative;
    padding-top: 60px;
  }
  .hero-visual:before {
    content: "";
    position: absolute;
    inset: -20px 0;
    background: radial-gradient(ellipse at center, #89aaa812, transparent 68%);
    pointer-events: none;
  }
  .orbit-label {
    position: absolute;
    top: 19px;
    left: 6px;
    display: flex;
    align-items: center;
    gap: 9px;
    font: 9px var(--mono);
    letter-spacing: 0.15em;
    color: #b9c4d1;
  }
  .visual-caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: 10px var(--mono);
    color: #9aa9ba;
    padding: 22px 5px;
    letter-spacing: 0.025em;
  }
  .visual-caption .icon {
    width: 19px;
    height: 19px;
  }
  .product-proof {
    position: relative;
    border: 1px solid #414749;
    border-radius: 12px;
    background: #171a1f;
    overflow: hidden;
    box-shadow: var(--shadow);
  }
  .proof-bar {
    min-height: 34px;
    background: #202425;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    font: 9px var(--mono);
    color: #b9c4d1;
    border-bottom: 1px solid #333a3b;
  }
  .proof-dots {
    position: absolute;
    left: 12px;
    color: #718196;
    font-size: 9px;
    letter-spacing: 2px;
  }
  .proof-state {
    position: absolute;
    right: 12px;
    color: #b9c4d1;
  }
  .product-proof img {
    display: block;
    width: 100%;
    object-fit: contain;
  }
  .product-proof figcaption {
    font-size: 9px;
    text-align: center;
    color: #9aa9ba;
    padding: 10px 12px;
    background: #171a1f;
    border-top: 1px solid #2d3540;
    letter-spacing: 0.01em;
  }
  .proof-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 26px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    font-size: 12px;
    color: #b9c4d1;
  }
  .proof-strip > span {
    display: flex;
    align-items: center;
    gap: 11px;
  }
  .proof-strip .icon {
    width: 18px;
    height: 18px;
  }
  .section {
    padding: 95px 0;
    border-bottom: 1px solid var(--line-soft);
  }
  .section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 45px;
  }
  .section-heading > .text-link {
    flex-shrink: 0;
  }
  .section-heading > p {
    max-width: 415px;
    font-size: 15px;
    line-height: 1.9;
  }
  .section-heading h2 {
    margin-top: 18px;
  }
  .feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
  }
  .feature {
    padding: 34px 30px;
    position: relative;
    background: #17191a;
    border-right: 1px solid var(--line);
    min-width: 0;
  }
  .feature:last-child {
    border: 0;
  }
  .feature-index {
    font: 10px var(--mono);
    color: #9aa9ba;
    position: absolute;
    right: 25px;
    top: 28px;
  }
  .feature > .icon {
    width: 28px;
    height: 28px;
    margin-bottom: 38px;
    color: #b9c4d1;
  }
  .feature h3 {
    font-size: 23px;
    line-height: 1.2;
    margin-bottom: 17px;
  }
  .feature p {
    font-size: 14px;
    line-height: 1.9;
    max-width: 300px;
  }
  .split-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 85px;
    align-items: center;
  }
  .split-section h2 {
    margin: 17px 0 24px;
  }
  .split-section .lede {
    font-size: 16px;
    max-width: 450px;
  }
  .split-section .badge {
    margin-top: 27px;
    margin-right: 20px;
  }
  .split-section .text-link {
    margin-top: 24px;
  }
  .handoff-diagram {
    display: grid;
    grid-template-columns: 110px 1fr 190px;
    align-items: center;
    gap: 0;
    padding: 28px 0 48px;
    position: relative;
  }
  .device {
    border: 1px solid #475465;
    background: linear-gradient(140deg, #20252c, #171a1f);
    box-shadow: 0 16px 30px #0003;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 22px 10px;
    text-align: center;
    gap: 14px;
  }
  .device.phone {
    border-radius: 19px;
    height: 210px;
    position: relative;
  }
  .speaker {
    width: 30px;
    height: 4px;
    border-radius: 4px;
    background: #475465;
    position: absolute;
    top: 12px;
  }
  .device.mac {
    height: 155px;
    border-radius: 10px;
    position: relative;
  }
  .device.mac:after {
    content: "";
    width: 220px;
    height: 6px;
    background: #718196;
    border-radius: 2px 2px 12px 12px;
    position: absolute;
    bottom: -6px;
  }
  .device strong {
    font-size: 11px;
    letter-spacing: -0.01em;
    font-weight: 500;
  }
  .device span {
    font-size: 9px;
    color: #b9c4d1;
  }
  .device > .icon {
    height: 27px;
    width: 27px;
    color: #b9c4d1;
  }
  .handoff-line {
    position: relative;
    padding: 0 10px;
  }
  .handoff-line span {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    font: 8px/1.6 var(--mono);
    color: #9aa9ba;
  }
  .handoff-line i {
    display: block;
    border-top: 1px dashed #718196;
    height: 1px;
  }
  .diagram-note {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 10px;
  }
  .local-section {
    background: linear-gradient(120deg, #20252c, #171a1f);
    padding: 65px;
    border: 1px solid #475465;
    margin: 70px 0 0;
    border-radius: var(--radius-lg);
    position: relative;
    overflow: hidden;
  }
  .local-section:after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border: 1px solid #4d65523b;
    border-radius: 50%;
    right: 45px;
    top: 25px;
    box-shadow:
      0 0 0 40px #4d65520b,
      0 0 0 80px #4d655207;
    pointer-events: none;
  }
  .local-section > p,
  .local-section > h2,
  .local-section > .actions {
    position: relative;
    z-index: 1;
  }
  .local-section h2 {
    margin: 18px 0 24px;
  }
  .local-section .lede {
    font-size: 16px;
    max-width: 560px;
    margin-bottom: 28px;
  }
  .use-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  .use-card {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 29px;
    background: var(--surface);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    transition:
      background var(--duration),
      border-color var(--duration);
  }
  .use-card:hover {
    background: #20252c;
    border-color: #718196;
  }
  .card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    margin-bottom: 29px;
  }
  .card-top .eyebrow {
    font-size: 9px;
  }
  .use-card h3,
  .use-card h2 {
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
  }
  .use-card p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 25px;
  }
  .card-arrow {
    margin-top: auto;
    align-self: flex-end;
    font-size: 24px;
    color: #b9c4d1;
  }
  .trust-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
  }
  .trust-section > div > .icon {
    margin-bottom: 22px;
    width: 30px;
    height: 30px;
  }
  .trust-section h2 {
    margin-top: 17px;
  }
  .trust-section .lede {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .faq-list {
    border-top: 1px solid var(--line);
    max-width: 100%;
  }
  .faq-item {
    border-bottom: 1px solid var(--line);
  }
  .faq-item summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    min-height: 78px;
    padding: 20px 0;
    font-size: 17px;
    line-height: 1.5;
  }
  .faq-item summary > span {
    font-size: 24px;
    font-weight: 300;
    color: #b9c4d1;
  }
  .faq-item[open] summary > span {
    transform: rotate(45deg);
  }
  .faq-item > div {
    padding: 0 55px 27px 0;
    max-width: 900px;
  }
  .faq-item p {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .faq-item .meta {
    font-size: 11px;
  }
  .final-cta {
    padding: 95px 0 0;
    text-align: center;
  }
  .final-cta h2 {
    margin: 22px 0;
    font-size: clamp(36px, 5vw, 66px);
  }
  .final-cta p {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .final-cta .eyebrow {
    font-size: 10px;
  }
  .site-footer {
    max-width: 1600px;
    margin: auto;
    border-top: 1px solid var(--line);
    padding: 60px var(--gutter) 25px;
  }
  .footer-top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.2fr;
    gap: 40px;
    padding-bottom: 48px;
  }
  .footer-top p {
    font-size: 18px;
    line-height: 1.5;
    margin: 20px 0;
  }
  .footer-top h2 {
    font-size: 12px;
    letter-spacing: 0;
    margin: 5px 0 20px;
  }
  .footer-top > div > a:not(.brand) {
    display: block;
    font-size: 12px;
    color: var(--muted);
    min-height: 33px;
    padding: 5px 0;
  }
  .footer-top .meta {
    font-size: 10px;
  }
  .footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    padding-top: 22px;
    border-top: 1px solid var(--line-soft);
    font-size: 10px;
    color: #9aa9ba;
  }
  .page-heading {
    padding: 67px 0 50px;
    max-width: 930px;
  }
  .page-heading > .eyebrow {
    margin-bottom: 24px;
  }
  .page-heading > .lede {
    font-size: 18px;
    margin-top: 24px;
    max-width: 700px;
  }
  .page-heading > .badge {
    margin-top: 24px;
  }
  .narrow {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
  .narrow > h2 {
    font-size: 32px;
    margin-bottom: 24px;
  }
  .narrow > p + p {
    margin-top: 20px;
  }
  .narrow > .text-link {
    margin-top: 20px;
    margin-right: 25px;
  }
  .article-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 100px;
    margin-top: 25px;
  }
  .article > section {
    position: relative;
    margin: 0 0 42px;
    padding: 0 0 32px;
    border-bottom: 1px solid var(--line-soft);
  }
  .article h2 {
    font-size: 30px;
    margin: 25px 0 20px;
    line-height: 1.2;
  }
  .article p {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 20px;
  }
  .article li {
    color: var(--muted);
    font-size: 15px;
    line-height: 1.9;
  }
  .article .step-number {
    font: 12px var(--mono);
    color: #9aa9ba;
  }
  .article .text-link {
    margin-right: 24px;
  }
  .article-aside {
    align-self: start;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface);
    padding: 25px;
    position: sticky;
    top: 30px;
  }
  .article-aside p {
    font-size: 14px;
    margin-bottom: 22px;
  }
  .article-aside .eyebrow {
    font-size: 10px;
  }
  .article-aside .button {
    width: 100%;
    font-size: 12px;
    padding: 13px 10px;
  }
  .article-aside .text-link {
    font-size: 12px;
    margin-top: 12px;
  }
  .article .limits {
    padding: 20px 25px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
  }
  .limits h2 {
    margin-top: 0;
    font-size: 26px;
  }
  .all-use-cases {
    padding-bottom: 35px;
  }
  .numbered {
    margin-top: 22px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.9;
  }
  .role-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .role-list span {
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #475465;
    border-radius: 8px;
    background: #20252c;
    font-size: 13px;
    color: #cbd8e6;
  }
  .model-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
  }
  .model-grid article {
    position: relative;
    border: 1px solid var(--line);
    padding: 45px;
    border-radius: 16px;
    background: linear-gradient(145deg, #20252c, #171a1f);
  }
  .model-grid h2 {
    font-size: 46px;
    margin: 42px 0 23px;
  }
  .model-grid p {
    font-size: 16px;
    max-width: 350px;
    margin-bottom: 24px;
  }
  .model-grid .meta {
    font-size: 12px;
  }
  .model-number {
    font: 12px var(--mono);
    position: absolute;
    top: 46px;
    right: 38px;
    color: #9aa9ba;
  }
}
@layer components {
  .pricing-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
  }
  .price-card {
    padding: 29px 23px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
  }
  .price-card.featured {
    background: #20252c;
    border-color: #9aa9ba;
  }
  .price-card h2 {
    font-size: 23px;
    letter-spacing: -0.025em;
  }
  .price-card .card-top {
    margin-bottom: 24px;
  }
  .price {
    font-size: 46px;
    letter-spacing: -0.055em;
    color: var(--text);
    line-height: 1.2;
  }
  .price span {
    display: block;
    font-size: 11px;
    color: var(--muted);
    letter-spacing: 0;
    margin-top: 8px;
  }
  .price-card > p:not(.price) {
    font-size: 12px;
    margin: 25px 0 0;
  }
  .price-card ul {
    font-size: 12px;
    line-height: 1.8;
    padding: 25px 0 25px 16px;
    color: #b9c4d1;
    flex: 1;
  }
  .price-card .button {
    font-size: 12px;
    width: 100%;
    gap: 8px;
  }
  .price-card form {
    margin-top: auto;
  }
  .download-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }
  .download-card {
    padding: 37px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 16px;
    position: relative;
  }
  .download-card > .icon {
    width: 42px;
    height: 42px;
    color: #cbd8e6;
  }
  .download-card > .badge {
    position: absolute;
    right: 35px;
    top: 35px;
  }
  .download-card h2 {
    font-size: 33px;
    margin: 34px 0 20px;
  }
  .download-card > p {
    font-size: 15px;
  }
  .download-card dl {
    margin: 30px 0;
  }
  .download-card dl > div,
  .checkout-card dl > div {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-soft);
    padding: 13px 0;
    font-size: 12px;
  }
  .download-card dt,
  .checkout-card dt {
    color: var(--muted);
  }
  .download-card dd,
  .checkout-card dd {
    margin: 0;
    text-align: right;
    max-width: 60%;
    overflow-wrap: anywhere;
  }
  .download-card .meta {
    font-size: 11px;
    margin-top: 22px;
  }
  .faq-tools {
    max-width: 770px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 8px 20px;
    align-items: end;
    padding-bottom: 35px;
  }
  .faq-tools > label:first-child {
    grid-area: 1/1;
  }
  .faq-tools > .search-field {
    grid-area: 2/1;
  }
  .faq-tools > label[for="faq-category"] {
    grid-area: 1/2;
  }
  .faq-tools > select {
    grid-area: 2/2;
  }
  .faq-tools > .meta {
    grid-area: 3/1;
    margin-top: 6px;
  }
  .search-field {
    position: relative;
  }
  .search-field > .icon {
    position: absolute;
    left: 14px;
    top: 15px;
    width: 20px;
    height: 20px;
  }
  .search-field input {
    padding-left: 44px;
  }
  .contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }
  .contact-grid > article {
    padding: 35px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
  }
  .contact-grid h2 {
    font-size: 25px;
    margin-bottom: 23px;
  }
  .contact-grid p {
    font-size: 14px;
  }
  .contact-grid .contact-address {
    font-size: clamp(15px, 1.7vw, 23px);
    color: var(--text);
    margin-bottom: 15px;
    overflow-wrap: anywhere;
  }
  .updates-list article {
    display: grid;
    grid-template-columns: 160px 1fr;
    border-top: 1px solid var(--line);
    gap: 50px;
    padding: 35px 0;
  }
  .updates-list time {
    font: 11px var(--mono);
    color: var(--muted);
    padding-top: 6px;
  }
  .updates-list h2 {
    font-size: 31px;
    margin: 20px 0;
  }
  .updates-list p {
    font-size: 15px;
    max-width: 670px;
  }
  .auth-layout {
    display: grid;
    grid-template-columns: 1fr 440px;
    gap: 100px;
    align-items: center;
    max-width: 1100px;
    margin: 45px auto 25px;
    min-height: 650px;
  }
  .auth-intro h1 {
    font-size: clamp(48px, 6vw, 75px);
    margin: 25px 0;
  }
  .auth-intro > p:not(.eyebrow) {
    max-width: 330px;
    font-size: 16px;
  }
  .auth-intro > .meta {
    font-size: 12px !important;
  }
  .auth-art {
    display: flex;
    align-items: center;
    gap: 19px;
    margin: 48px 0;
    color: #9aa9ba;
  }
  .auth-art > .icon {
    width: 37px;
    height: 37px;
  }
  .auth-art > span {
    height: 1px;
    width: 38px;
    background: #475465;
  }
  .auth-card {
    padding: 38px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #171a1f;
  }
  .auth-card h2 {
    font-size: 32px;
    margin: 24px 0 15px;
  }
  .auth-card > p {
    font-size: 14px;
    line-height: 1.8;
  }
  .field-hint {
    font-size: 11px;
    line-height: 1.8;
    margin: 8px 0 15px;
    color: #b9c4d1;
  }
  .auth-card form > .button {
    width: 100%;
    margin-top: 20px;
  }
  .checkbox {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 12px;
    line-height: 1.8;
    color: #b9c4d1;
    margin-top: 24px;
  }
  .checkbox input {
    width: 18px;
    min-height: 18px;
    height: 18px;
    margin: 3px 0 0;
    flex-shrink: 0;
    accent-color: #b9c4d1;
  }
  .auth-switch {
    font-size: 12px !important;
    text-align: center;
    margin-top: 24px;
  }
  .auth-switch a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: var(--text);
  }
  .subtle-link {
    display: block;
    text-align: center;
    min-height: 44px;
    padding: 12px;
    font-size: 11px;
  }
  .provider-note {
    font-size: 11px;
    color: #b9c4d1;
    line-height: 1.8;
    border-top: 1px solid var(--line);
    margin-top: 22px;
    padding-top: 22px;
  }
  .account-layout {
    display: grid;
    grid-template-columns: 205px minmax(0, 1fr);
    gap: 52px;
    padding-top: 40px;
  }
  .account-sidebar {
    border-right: 1px solid var(--line);
    padding-right: 25px;
    align-self: stretch;
  }
  .account-identity {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 28px;
    font-size: 13px;
    overflow-wrap: anywhere;
  }
  .account-identity > span:not(.avatar) {
    font-size: 10px;
    color: var(--muted);
  }
  .avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #718196;
    background: #2d3540;
    color: #cbd8e6;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-bottom: 12px;
    font-size: 17px;
  }
  .account-sidebar nav {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .account-sidebar nav a {
    min-height: 43px;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    font-size: 12px;
    border-radius: 7px;
    color: var(--muted);
  }
  .account-sidebar nav a:hover {
    background: var(--surface);
  }
  .account-sidebar nav a[aria-current] {
    background: #20252c;
    color: var(--text);
    font-weight: 500;
  }
  .account-sidebar form {
    margin-top: 35px;
  }
  .account-sidebar .meta {
    font-size: 10px;
    line-height: 1.9;
    margin-top: 22px;
  }
  .account-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 0 36px;
  }
  .account-heading h1 {
    font-size: 42px;
    margin: 18px 0;
  }
  .account-heading p {
    font-size: 14px;
  }
  .account-heading .eyebrow {
    font-size: 9px;
  }
  .account-main .page-heading {
    padding-top: 13px;
    padding-bottom: 40px;
  }
  .account-main .page-heading h1 {
    font-size: 48px;
  }
  .account-main .page-heading > .lede {
    font-size: 15px;
  }
  .overview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 24px;
  }
  .summary-card {
    padding: 26px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 13px;
  }
  .summary-card h2 {
    font-size: 35px;
    margin: 17px 0 13px;
  }
  .summary-card p {
    font-size: 13px;
  }
  .summary-card .eyebrow {
    font-size: 9px;
  }
  .summary-card .text-link {
    font-size: 12px;
    margin-top: 20px;
  }
  .usage-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
  }
  .usage-card {
    padding: 22px 20px;
    background: #171a1f;
    border: 1px solid #2d3540;
    border-radius: 12px;
  }
  .usage-card .eyebrow {
    font-size: 9px;
  }
  .usage-value {
    font-size: 33px;
    color: var(--text);
    letter-spacing: -0.04em;
    margin: 18px 0;
  }
  .usage-value > span {
    display: block;
    letter-spacing: 0;
    font-size: 10px;
    color: var(--muted);
  }
  meter {
    display: block;
    width: 100%;
    height: 8px;
    border: 0;
    background: #2d3540;
    border-radius: 4px;
    overflow: hidden;
  }
  meter::-webkit-meter-bar {
    border: 0;
    background: #2d3540;
    border-radius: 4px;
    height: 8px;
  }
  meter::-webkit-meter-optimum-value {
    background: #b9c4d1;
  }
  meter::-moz-meter-bar {
    background: #b9c4d1;
  }
  .usage-card .meta {
    font-size: 10px;
    margin-top: 20px;
  }
  .account-section {
    margin-top: 42px;
    border-top: 1px solid var(--line);
    padding-top: 30px;
  }
  .account-section h2 {
    font-size: 25px;
    margin-bottom: 23px;
  }
  .account-section > p {
    font-size: 14px;
    margin-bottom: 18px;
    max-width: 780px;
  }
  .account-section form {
    margin-top: 25px;
  }
  .inline-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
  }
  .inline-cards .use-card {
    padding: 21px;
  }
  .inline-cards h3 {
    font-size: 18px;
  }
  .inline-cards p {
    font-size: 12px;
  }
  .account-main .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  .balance-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #20252c;
    border: 1px solid #718196;
    border-radius: 13px;
    padding: 27px 30px;
    margin-bottom: 25px;
  }
  .balance-bar strong {
    display: block;
    font-size: 43px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.045em;
    margin-top: 12px;
  }
  .balance-bar .eyebrow {
    font-size: 9px;
  }
  .point-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 25px;
  }
  .point-card {
    padding: 25px 21px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 13px;
  }
  .point-card > .eyebrow {
    font-size: 9px;
  }
  .point-card h2 {
    font-size: 32px;
    margin: 24px 0 13px;
  }
  .point-card .point-price {
    font-size: 17px;
    color: var(--text);
    margin-bottom: 22px;
  }
  .point-card p {
    font-size: 12px;
    line-height: 1.9;
  }
  .point-card .button {
    width: 100%;
    font-size: 12px;
    margin-top: 25px;
  }
  .table-wrap {
    max-width: 100%;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 10px;
  }
  .table-wrap table {
    width: 100%;
    font-size: 12px;
    background: var(--surface);
  }
  caption {
    text-align: left;
    padding: 14px 18px;
    color: var(--muted);
    font-size: 11px;
  }
  th {
    text-align: left;
    font-size: 10px;
    letter-spacing: 0.02em;
    font-weight: 500;
    background: #20252c;
    color: #cbd8e6;
  }
  td,
  th {
    padding: 15px 18px;
    border-bottom: 1px solid var(--line);
    vertical-align: top;
  }
  td {
    color: var(--muted);
    overflow-wrap: anywhere;
  }
  tr:last-child td {
    border: 0;
  }
  td a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: var(--text);
  }
  td code {
    font-size: 9px;
  }
  .checkout-card {
    max-width: 650px;
    margin: 0 auto;
    padding: 37px;
    border: 1px solid #718196;
    background: #171a1f;
    border-radius: 18px;
  }
  .checkout-card h2 {
    font-size: 35px;
    margin: 24px 0;
  }
  .checkout-card dl {
    margin-bottom: 25px;
  }
  .checkout-card > p {
    font-size: 13px;
    margin-bottom: 20px;
  }
  .checkout-card .meta {
    font-size: 11px;
    margin: 25px 0 0;
  }
  .checkout-card form > .button {
    width: 100%;
    margin-top: 22px;
  }
  .checkout-card > .text-link {
    font-size: 12px;
    margin-top: 10px;
  }
  .gate {
    max-width: 530px;
    margin: 65px auto 45px;
    text-align: center;
  }
  .gate > .eyebrow {
    margin: 25px 0;
  }
  .gate > h1 {
    font-size: 54px;
    margin-bottom: 25px;
  }
  .gate > p {
    font-size: 15px;
  }
  .gate form {
    margin: 30px auto 0;
    text-align: left;
    max-width: 360px;
  }
  .gate form > .button {
    width: 100%;
    margin-top: 18px;
  }
  .gate .actions {
    justify-content: center;
    margin-top: 30px;
  }
}
@layer responsive {
  @media (min-width: 1500px) {
    .hero h1 {
      font-size: 86px;
    }
    .hero-visual {
      padding-top: 80px;
    }
  }
  @media (max-width: 1250px) {
    .site-header {
      gap: 30px;
    }
    .navigation {
      gap: 18px;
    }
    .header-actions {
      gap: 18px;
    }
    .header-actions > a:first-child {
      display: none;
    }
    .hero {
      gap: 25px;
    }
    .hero h1 {
      font-size: clamp(46px, 5.7vw, 74px);
    }
    .handoff-diagram {
      grid-template-columns: 90px 1fr 160px;
    }
    .device.mac:after {
      width: 180px;
    }
    .split-section {
      gap: 50px;
    }
    .pricing-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .account-layout {
      gap: 28px;
      grid-template-columns: 180px minmax(0, 1fr);
    }
    .account-sidebar {
      padding-right: 18px;
    }
    .point-grid {
      gap: 12px;
    }
    .point-card {
      padding: 23px 17px;
    }
    .auth-layout {
      gap: 55px;
    }
  }
  @media (max-width: 1000px) {
    .site-header {
      min-height: 78px;
      justify-content: space-between;
    }
    .navigation {
      gap: 14px;
    }
    .navigation > a {
      font-size: 11px;
    }
    .header-actions {
      display: none;
    }
    .hero {
      min-height: 0;
      padding: 60px 0;
    }
    .hero-visual {
      padding-top: 30px;
    }
    .hero h1 {
      font-size: 58px;
    }
    .hero-lede {
      font-size: 15px;
    }
    .orbit-label {
      top: -5px;
      font-size: 8px;
    }
    .proof-state {
      display: none;
    }
    .proof-strip {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px;
    }
    .section {
      padding: 70px 0;
    }
    .section-heading {
      gap: 35px;
    }
    .section-heading > p {
      max-width: 350px;
      font-size: 14px;
    }
    .feature {
      padding: 28px 23px;
    }
    .feature h3 {
      font-size: 21px;
    }
    .feature p {
      font-size: 13px;
    }
    .use-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .use-card {
      padding: 26px;
    }
    .split-section,
    .trust-section {
      gap: 35px;
    }
    .handoff-diagram {
      grid-template-columns: 80px 1fr 145px;
    }
    .device.phone {
      height: 175px;
    }
    .device.mac {
      height: 135px;
    }
    .device.mac:after {
      width: 165px;
    }
    .handoff-line span {
      font-size: 7px;
    }
    .local-section {
      padding: 45px;
    }
    .footer-top {
      grid-template-columns: 1.5fr 1fr 1fr;
      gap: 30px;
    }
    .footer-top > div:last-child {
      grid-column: 2/4;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .footer-top > div:last-child > h2 {
      grid-column: 1/-1;
    }
    .article-layout {
      gap: 40px;
      grid-template-columns: minmax(0, 1fr) 230px;
    }
    .auth-layout {
      grid-template-columns: 1fr 400px;
      gap: 35px;
    }
    .auth-card {
      padding: 29px;
    }
    .account-layout {
      grid-template-columns: 155px minmax(0, 1fr);
      gap: 23px;
    }
    .account-main .page-heading h1 {
      font-size: 41px;
    }
    .point-grid,
    .inline-cards {
      grid-template-columns: 1fr;
    }
    .point-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3px 18px;
    }
    .point-card > .eyebrow {
      grid-column: 1/3;
    }
    .point-card h2 {
      margin: 10px 0;
    }
    .point-card .point-price {
      align-self: center;
      justify-self: end;
      margin: 10px 0;
    }
    .point-card form {
      grid-column: 2;
      grid-row: 3;
    }
    .point-card form .button {
      margin-top: 0;
    }
    .usage-grid {
      grid-template-columns: 1fr;
    }
    .usage-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5px 18px;
    }
    .usage-card .eyebrow {
      grid-area: 1/1;
      align-self: center;
    }
    .usage-value {
      grid-area: 1/2;
      text-align: right;
      margin: 0;
      font-size: 30px;
    }
    .usage-value > span {
      display: inline;
      margin-left: 3px;
    }
    .usage-card meter {
      grid-area: 2/1;
      align-self: center;
    }
    .usage-card .meta {
      grid-area: 2/2;
      text-align: right;
      margin: 0;
    }
    .account-heading h1 {
      font-size: 38px;
    }
    .account-heading > .badge {
      display: none;
    }
  }
  @media (max-width: 760px) {
    :root {
      --gutter: 23px;
    }
    .preview-bar {
      justify-content: flex-start;
      font-size: 8px;
      letter-spacing: 0.06em;
      min-height: 29px;
      padding: 5px 23px;
    }
    .preview-detail {
      display: none;
    }
    .preview-link {
      margin-left: auto;
      font-size: 8px;
    }
    .site-header {
      min-height: 74px;
    }
    .brand {
      font-size: 23px;
      gap: 10px;
    }
    .brand img {
      width: 32px;
      height: 32px;
    }
    .menu-toggle {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      min-height: 44px;
      background: transparent;
      border: 0;
      font-size: 12px;
      padding: 10px 0 10px 15px;
    }
    .menu-toggle span {
      font-size: 20px;
    }
    .navigation {
      display: none;
      position: absolute;
      left: 0;
      right: 0;
      top: 74px;
      background: #171a1f;
      border-bottom: 1px solid #475465;
      padding: 18px 23px 23px;
      box-shadow: 0 20px 40px #0005;
    }
    .navigation.is-open {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 0;
    }
    .navigation > a {
      font-size: 15px;
      padding: 11px 3px;
      min-height: 46px;
      border-bottom: 1px solid #2d3540;
    }
    .navigation .mobile-account {
      display: block;
    }
    .hero {
      grid-template-columns: 1fr;
      gap: 30px;
      padding: 48px 0 31px;
    }
    .hero h1 {
      font-size: clamp(44px, 11.7vw, 70px);
    }
    .hero-copy > .eyebrow {
      font-size: 9px;
      margin-bottom: 21px;
      gap: 9px;
      letter-spacing: 0.1em;
    }
    .hero-lede {
      font-size: 15px;
      margin: 24px 0;
      max-width: 430px;
      line-height: 1.85;
    }
    .hero .actions {
      gap: 9px;
    }
    .hero .button {
      font-size: 12px;
      padding: 14px 17px;
      min-height: 49px;
      gap: 17px;
    }
    .availability {
      font-size: 10px;
      margin-top: 19px;
    }
    .hero-visual {
      padding-top: 38px;
      margin-top: 3px;
    }
    .orbit-label {
      top: 12px;
      font-size: 8px;
    }
    .product-proof {
      border-radius: 8px;
    }
    .product-proof figcaption {
      font-size: 8px;
      padding: 8px;
    }
    .visual-caption {
      font-size: 8px;
      padding: 16px 3px;
    }
    .proof-bar {
      font-size: 8px;
      min-height: 29px;
    }
    .proof-dots {
      font-size: 7px;
    }
    .proof-strip {
      gap: 20px 12px;
      font-size: 10px;
      padding: 24px 0;
    }
    .proof-strip > span {
      gap: 9px;
      line-height: 1.5;
    }
    .proof-strip .icon {
      width: 16px;
      height: 16px;
    }
    .section {
      padding: 52px 0;
    }
    .section-heading {
      display: block;
      margin-bottom: 30px;
    }
    .section-heading > p {
      margin-top: 25px;
      max-width: 520px;
      font-size: 14px;
    }
    .section-heading > .text-link {
      margin-top: 18px;
    }
    .section-heading h2 {
      margin-top: 14px;
      font-size: 36px;
    }
    .feature-grid {
      grid-template-columns: 1fr;
    }
    .feature {
      border-right: 0;
      border-bottom: 1px solid var(--line);
      padding: 28px;
      min-height: 200px;
    }
    .feature > .icon {
      margin-bottom: 23px;
      width: 26px;
      height: 26px;
    }
    .feature h3 {
      font-size: 22px;
      margin-bottom: 14px;
    }
    .feature p {
      font-size: 14px;
      max-width: 520px;
    }
    .feature-index {
      top: 29px;
      right: 27px;
    }
    .split-section,
    .trust-section {
      grid-template-columns: 1fr;
      gap: 32px;
    }
    .split-section h2,
    .trust-section h2 {
      font-size: 36px;
    }
    .split-section .lede {
      font-size: 15px;
    }
    .split-section .badge {
      margin-top: 22px;
    }
    .handoff-diagram {
      max-width: 460px;
      grid-template-columns: 94px 1fr 165px;
      margin: 20px auto 0;
      width: 100%;
      padding-bottom: 42px;
    }
    .device.phone {
      height: 190px;
    }
    .device.mac {
      height: 140px;
    }
    .device.mac:after {
      width: 182px;
    }
    .device strong {
      font-size: 10px;
    }
    .device span {
      font-size: 8px;
    }
    .diagram-note {
      font-size: 9px;
    }
    .local-section {
      padding: 33px 26px;
      margin-top: 30px;
    }
    .local-section h2 {
      font-size: 35px;
    }
    .local-section .eyebrow {
      font-size: 8px;
    }
    .local-section .lede {
      font-size: 14px;
    }
    .local-section .actions {
      align-items: flex-start;
      flex-direction: column;
      gap: 18px;
    }
    .local-section:after {
      right: -130px;
      top: 10px;
    }
    .use-grid {
      grid-template-columns: 1fr;
    }
    .use-card {
      padding: 27px;
      min-height: 230px;
    }
    .use-card h3 {
      font-size: 25px;
      max-width: 320px;
    }
    .use-card p {
      font-size: 14px;
      max-width: 460px;
    }
    .trust-section .lede {
      font-size: 15px;
    }
    .faq-item summary {
      font-size: 15px;
      min-height: 76px;
      padding: 20px 0;
    }
    .faq-item > div {
      padding-right: 0;
    }
    .faq-item p {
      font-size: 14px;
    }
    .faq-item .text-link {
      font-size: 12px;
    }
    .final-cta {
      padding: 55px 0 0;
    }
    .final-cta h2 {
      font-size: 39px;
    }
    .final-cta p {
      font-size: 14px;
      margin-bottom: 25px;
    }
    .final-cta .eyebrow {
      font-size: 9px;
    }
    main {
      padding-bottom: 64px;
    }
    .site-footer {
      padding-top: 40px;
    }
    .footer-top {
      grid-template-columns: 1fr 1fr;
      gap: 33px 20px;
    }
    .footer-top > div:first-child {
      grid-column: 1/3;
    }
    .footer-top > div:last-child {
      grid-column: 1/3;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .footer-top h2 {
      font-size: 12px;
    }
    .footer-top > div > a:not(.brand) {
      font-size: 12px;
      min-height: 38px;
      padding: 8px 0;
    }
    .footer-bottom {
      flex-wrap: wrap;
      font-size: 10px;
      gap: 14px;
      justify-content: flex-start;
    }
    .footer-bottom > a {
      display: block;
      flex-basis: 100%;
      min-height: 32px;
      padding: 5px 0;
    }
    .page-heading {
      padding: 40px 0 35px;
    }
    .page-heading h1 {
      font-size: 43px;
    }
    .page-heading > .eyebrow {
      font-size: 9px;
      margin-bottom: 20px;
    }
    .page-heading > .lede {
      font-size: 15px;
      margin-top: 21px;
    }
    .breadcrumbs {
      font-size: 9px;
      padding-top: 18px;
      gap: 9px;
    }
    .notice {
      padding: 20px;
      gap: 12px;
      margin: 15px 0 27px;
    }
    .notice p {
      font-size: 12px;
    }
    .notice .icon {
      width: 19px;
      height: 19px;
    }
    .pricing-grid {
      grid-template-columns: 1fr;
    }
    .price-card {
      padding: 28px;
    }
    .price-card .card-top {
      margin-bottom: 20px;
    }
    .price-card h2 {
      font-size: 24px;
    }
    .price {
      font-size: 46px;
    }
    .price span {
      display: inline;
      margin-left: 8px;
    }
    .price-card ul {
      font-size: 13px;
    }
    .price-card > p:not(.price) {
      font-size: 14px;
    }
    .price-card .button {
      font-size: 14px;
    }
    .download-grid {
      grid-template-columns: 1fr;
    }
    .download-card {
      padding: 29px;
    }
    .download-card > .badge {
      right: 27px;
      top: 30px;
    }
    .download-card h2 {
      font-size: 31px;
    }
    .download-card > p {
      font-size: 14px;
    }
    .download-card dl > div {
      font-size: 11px;
    }
    .article-layout {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .article-aside {
      position: static;
    }
    .article h2 {
      font-size: 27px;
    }
    .article p {
      font-size: 15px;
    }
    .article > section {
      margin-bottom: 25px;
      padding-bottom: 20px;
    }
    .model-grid {
      grid-template-columns: 1fr;
    }
    .model-grid article {
      padding: 32px;
    }
    .model-grid h2 {
      font-size: 42px;
      margin: 35px 0 24px;
    }
    .model-grid p {
      font-size: 15px;
    }
    .model-number {
      top: 36px;
      right: 27px;
    }
    .role-list {
      gap: 8px;
    }
    .role-list span {
      font-size: 12px;
      padding: 18px 5px;
    }
    .faq-tools {
      grid-template-columns: 1fr;
      padding-bottom: 23px;
      gap: 8px;
    }
    .faq-tools > label[for="faq-category"] {
      grid-area: 3/1;
    }
    .faq-tools > select {
      grid-area: 4/1;
    }
    .faq-tools > .meta {
      grid-area: 5/1;
    }
    .faq-tools label {
      font-size: 12px;
    }
    .faq-tools input,
    .faq-tools select {
      font-size: 16px;
    }
    .contact-grid {
      grid-template-columns: 1fr;
    }
    .contact-grid > article {
      padding: 28px;
    }
    .contact-grid .contact-address {
      font-size: 20px;
    }
    .contact-grid h2 {
      font-size: 23px;
    }
    .updates-list article {
      grid-template-columns: 1fr;
      gap: 16px;
      padding: 28px 0;
    }
    .updates-list time {
      font-size: 10px;
    }
    .updates-list h2 {
      font-size: 27px;
    }
    .updates-list p {
      font-size: 14px;
    }
    .auth-layout {
      grid-template-columns: 1fr;
      gap: 30px;
      margin: 30px 0 10px;
      min-height: 0;
    }
    .auth-intro h1 {
      font-size: 46px;
      margin: 20px 0;
    }
    .auth-intro > .eyebrow {
      font-size: 9px;
    }
    .auth-intro > p:not(.eyebrow) {
      font-size: 14px;
      max-width: 500px;
    }
    .auth-art {
      display: none;
    }
    .auth-intro > .meta {
      font-size: 10px !important;
      margin-top: 17px;
    }
    .auth-card {
      padding: 28px 23px;
    }
    .auth-card h2 {
      font-size: 29px;
    }
    .auth-card > p {
      font-size: 13px;
    }
    .auth-switch {
      font-size: 11px !important;
    }
    .provider-note {
      font-size: 10px;
    }
    .account-layout {
      display: flex;
      flex-direction: column;
      gap: 30px;
      padding-top: 26px;
    }
    .account-sidebar {
      border-right: 0;
      padding: 0;
      border-bottom: 1px solid var(--line);
      padding-bottom: 20px;
    }
    .account-identity {
      display: grid;
      grid-template-columns: 35px 1fr;
      gap: 0 12px;
      padding-bottom: 15px;
    }
    .account-identity .avatar {
      grid-area: 1/1/3/2;
      width: 35px;
      height: 35px;
      margin: 0;
      font-size: 14px;
    }
    .account-identity strong {
      font-size: 12px;
      line-height: 1.5;
    }
    .account-identity > span:not(.avatar) {
      grid-area: 2/2;
      font-size: 9px;
    }
    .account-sidebar nav {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 5px;
    }
    .account-sidebar nav a {
      font-size: 10px;
      padding: 10px 7px;
      min-height: 43px;
      justify-content: center;
      text-align: center;
      line-height: 1.4;
    }
    .account-sidebar form {
      margin: 12px 0 0;
      display: inline-block;
    }
    .account-sidebar form .button {
      font-size: 11px;
      min-height: 38px;
      padding: 8px 12px 8px 4px;
    }
    .account-sidebar .meta {
      display: inline-block;
      vertical-align: middle;
      font-size: 8px;
      margin: 12px 0 0 12px;
      line-height: 1.7;
    }
    .account-heading {
      padding: 0 0 25px;
    }
    .account-heading h1 {
      font-size: 37px;
    }
    .account-main .page-heading h1 {
      font-size: 39px;
    }
    .account-main .page-heading {
      padding: 0 0 30px;
    }
    .account-main .page-heading > .lede {
      font-size: 14px;
    }
    .overview-grid {
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .summary-card {
      padding: 24px;
    }
    .summary-card h2 {
      font-size: 34px;
    }
    .summary-card .text-link {
      margin-top: 12px;
    }
    .usage-grid {
      gap: 12px;
    }
    .usage-card {
      padding: 20px 18px;
    }
    .usage-card .eyebrow {
      font-size: 8px;
    }
    .usage-card .meta {
      font-size: 9px;
    }
    .account-section {
      margin-top: 32px;
      padding-top: 26px;
    }
    .account-section h2 {
      font-size: 24px;
    }
    .account-section > p {
      font-size: 13px;
    }
    .inline-cards .use-card {
      min-height: 150px;
    }
    .account-main .pricing-grid {
      grid-template-columns: 1fr;
    }
    .balance-bar {
      padding: 24px;
    }
    .balance-bar .badge {
      font-size: 8px;
    }
    .balance-bar strong {
      font-size: 36px;
    }
    .point-card h2 {
      font-size: 29px;
    }
    .point-card .point-price {
      font-size: 15px;
    }
    .point-card p {
      font-size: 11px;
    }
    .point-card form .button {
      font-size: 11px;
    }
    .table-wrap table {
      min-width: 520px;
    }
    .checkout-card {
      padding: 28px 23px;
    }
    .checkout-card h2 {
      font-size: 30px;
    }
    .checkout-card dl > div {
      font-size: 11px;
    }
    .checkout-card .actions {
      flex-direction: column;
      align-items: stretch;
    }
    .gate {
      margin: 45px auto 25px;
    }
    .gate > h1 {
      font-size: 44px;
    }
    .gate > p {
      font-size: 14px;
    }
    .gate > .eyebrow {
      font-size: 9px;
    }
    .gate label {
      font-size: 13px;
    }
    .gate .actions {
      align-items: stretch;
      flex-direction: column;
    }
  }
  @media (max-width: 365px) {
    :root {
      --gutter: 19px;
    }
    .hero h1 {
      font-size: 42px;
    }
    .hero .actions {
      align-items: stretch;
      flex-direction: column;
    }
    .hero .button.quiet {
      padding-left: 17px;
    }
    .handoff-diagram {
      grid-template-columns: 80px 1fr 130px;
    }
    .device.mac:after {
      width: 146px;
    }
    .device strong {
      font-size: 9px;
    }
    .account-sidebar nav {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation: none !important;
      transition: none !important;
    }
  }
  @media (forced-colors: active) {
    .button,
    .badge,
    .feature,
    .use-card {
      border: 1px solid CanvasText;
    }
    .preview-dot {
      background: CanvasText;
    }
  }
}

/* Reviewer polish: concrete proof, compact comparisons and account readability. */
.mkt-workflow-proof {
  display: grid;
  grid-template-columns: 0.9fr 1.25fr;
  gap: 45px;
  align-items: center;
}
.mkt-workflow-copy .mkt-section-head {
  margin-bottom: 20px;
}
.mkt-workflow-copy dl {
  margin: 23px 0 10px;
}
.mkt-workflow-copy dl > div {
  padding: 14px 0;
  border-top: 1px solid var(--mkt-line);
}
.mkt-workflow-copy dt {
  font-size: 12px;
  color: #cbd8e6;
  font-weight: 550;
  margin-bottom: 5px;
}
.mkt-workflow-copy dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--mkt-muted);
}
.mkt-workflow-proof figure {
  min-width: 0;
}
.mkt-workflow-proof figure > a {
  display: block;
  border: 1px solid #475465;
  border-radius: 10px;
  overflow: hidden;
}
.mkt-workflow-proof figure img {
  display: block;
  width: 100%;
  height: auto;
}
.mkt-workflow-proof figcaption {
  font-size: 12px;
  line-height: 1.6;
  color: #b9c4d1;
  margin-top: 12px;
}
.mkt-workflow-proof figcaption a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  color: #cbd8e6;
}
.mkt-workflow-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
}
.mkt-model-summary {
  padding: 25px;
  border: 1px solid var(--mkt-line);
  border-radius: 12px;
  background: #171a1f;
}
.mkt-model-summary h3 {
  margin: 17px 0 12px;
}
.mkt-model-summary p {
  font-size: 15px;
}
.mkt-model-summary .mkt-link {
  margin-top: 12px;
}
.mkt-local-copy > .mkt-link {
  margin-right: 18px;
}
.mkt-roadmap {
  margin-top: 46px;
  border-block: 1px solid var(--mkt-line);
}
.mkt-roadmap > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 19px 0;
  min-height: 60px;
  font-size: 18px;
  font-weight: 500;
  color: #cbd8e6;
}
.mkt-roadmap > summary .mkt-badge {
  margin-right: 12px;
}
.mkt-roadmap > summary > span:last-child {
  font-size: 24px;
  color: #cbd8e6;
}
.mkt-roadmap[open] > summary > span:last-child {
  transform: rotate(45deg);
}
.mkt-roadmap > .mkt-phone-section {
  padding-top: 20px;
  padding-bottom: 25px;
}
.mkt-roadmap > p {
  font-size: 15px;
}
.mkt-allowance-blocks {
  display: grid;
  gap: 23px;
}
.mkt-allowance-blocks section {
  padding-top: 17px;
  border-top: 1px solid var(--mkt-line);
}
.mkt-allowance-blocks h3 {
  font-size: 19px;
  margin-bottom: 10px;
}
.mkt-allowance-blocks p {
  font-size: 15px;
  line-height: 1.65;
}
.mkt-shared-features {
  align-self: start;
}
.mkt-plan-comparison {
  display: none;
}
.mkt-release-first-action {
  margin: 0 0 28px;
}
.mkt-release-first-action .mkt-actions {
  margin: 0;
}
.mkt-release-page .mkt-page-intro {
  padding-bottom: 22px;
}
.mkt-faq-count {
  font-size: 14px !important;
  color: #cbd8e6;
  margin: 0 0 20px;
}
.gateway .account-sidebar nav a {
  font-size: 14px;
  min-height: 44px;
  line-height: 1.5;
}
.gateway .account-identity,
.gateway .account-identity strong {
  font-size: 16px;
}
.gateway .account-identity > span:not(.avatar),
.gateway .account-sidebar .meta {
  font-size: 12px;
  line-height: 1.6;
}
.gateway .account-main p,
.gateway .account-main li,
.gateway .account-main .message {
  font-size: 16px;
  line-height: 1.6;
}
.gateway .account-main .meta,
.gateway .account-main .eyebrow,
.gateway .account-main .badge,
.gateway .account-main code {
  font-size: 12px;
  line-height: 1.6;
}
.gateway .auth-intro > .meta,
.gateway .auth-card > .meta {
  font-size: 13px !important;
}
.gateway .footer-top .meta,
.gateway .footer-bottom,
.gateway .breadcrumbs {
  font-size: 12px;
}
@media (max-width: 900px) {
  .mkt-workflow-proof {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .mkt-workflow-proof figure {
    max-width: 700px;
    width: 100%;
    justify-self: center;
  }
}
@media (max-width: 600px) {
  .mkt-home .mkt-section {
    padding-top: 42px;
  }
  .mkt-home .mkt-access-band {
    margin-top: 35px;
    padding: 22px;
  }
  .mkt-home .mkt-pillars {
    gap: 18px;
  }
  .mkt-home .mkt-pillars article {
    padding-top: 16px;
  }
  .mkt-home .mkt-pillars h3 {
    font-size: 21px;
  }
  .mkt-home .mkt-workflow-proof {
    gap: 20px;
  }
  .mkt-workflow-proof .mkt-section-head {
    margin-bottom: 16px;
  }
  .mkt-workflow-copy dl {
    margin-top: 18px;
  }
  .mkt-workflow-copy dl > div {
    padding: 11px 0;
  }
  .mkt-workflow-copy dd {
    font-size: 16px;
  }
  .mkt-home .mkt-product-hero {
    margin-top: 15px;
  }
  .mkt-home .mkt-model-summary {
    padding: 20px;
  }
  .mkt-home .mkt-model-summary p {
    font-size: 16px;
  }
  .mkt-roadmap {
    margin-top: 30px;
  }
  .mkt-roadmap > summary {
    font-size: 16px;
    line-height: 1.55;
  }
  .mkt-roadmap > summary .mkt-badge {
    margin: 0 8px 5px 0;
  }
  .locale-zh-hant .mkt-hero .mkt-eyebrow {
    max-width: none;
    letter-spacing: 0.02em;
  }
  .mkt-plan-comparison {
    display: block;
    margin: 0 0 30px;
  }
  .mkt-plan-comparison h2 {
    font-size: 23px;
    margin-bottom: 13px;
  }
  .mkt-plan-comparison table {
    width: 100%;
    table-layout: fixed;
    border: 1px solid var(--mkt-line);
  }
  .mkt-plan-comparison th,
  .mkt-plan-comparison td {
    padding: 8px 6px;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    overflow-wrap: normal;
    word-break: normal;
  }
  .mkt-plan-comparison th:first-child {
    width: 32%;
  }
  .mkt-plan-comparison thead th {
    font-size: 12px;
    letter-spacing: 0;
  }
  .mkt-plan-comparison tbody th {
    font-weight: 500;
    background: #20252c;
  }
  .mkt-plan-comparison a {
    display: flex;
    align-items: center;
    min-height: 44px;
    color: #cbd8e6;
  }
  .mkt-plan-comparison > p {
    font-size: 13px;
    margin-top: 12px;
  }
  .mkt-pricing-grid {
    gap: 16px;
  }
  .mkt-plan {
    padding: 20px;
  }
  .mkt-plan-heading {
    gap: 8px;
  }
  .mkt-plan-heading h2 {
    font-size: 25px;
  }
  .mkt .mkt-plan-audience {
    font-size: 15px;
    margin-top: 11px;
    min-height: 0;
  }
  .mkt .mkt-plan-price {
    font-size: 36px;
    margin: 14px 0 7px;
  }
  .mkt-plan dl {
    margin: 9px 0 17px;
  }
  .mkt-plan dl > div {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 12px;
    padding: 10px 0;
  }
  .mkt-plan dt {
    font-size: 12px;
    margin: 0;
  }
  .mkt-plan dd {
    font-size: 15px;
  }
  .mkt-plan > .button {
    min-height: 44px;
    font-size: 14px;
    padding: 10px 12px;
  }
  .mkt-allowance-blocks p {
    font-size: 16px;
  }
  .mkt-release-page .mkt-page-intro {
    padding-top: 24px;
    padding-bottom: 19px;
  }
  .mkt-release-page .mkt-page-intro h1 {
    font-size: 33px;
    line-height: 1.2;
  }
  .mkt-release-page .mkt-lead {
    margin-top: 16px;
  }
  .mkt-release-first-action {
    margin-bottom: 23px;
  }
  .mkt-release-first-action .mkt-actions {
    gap: 8px;
  }
  .mkt-release-first-action .button {
    font-size: 14px;
    padding: 11px 13px;
  }
  .gateway .account-sidebar nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .gateway .account-sidebar nav a {
    font-size: 14px;
    min-height: 48px;
    padding: 10px 7px;
    overflow-wrap: anywhere;
  }
  .gateway .account-sidebar .meta {
    display: block;
    margin: 12px 0 0;
    font-size: 12px;
  }
  .gateway .account-main .summary-card p {
    font-size: 16px;
  }
}

/* Keep account service state first in DOM and on phones, with the desktop sidebar retained. */
@media (min-width: 761px) {
  .gateway .account-status-first > .account-sidebar {
    grid-area: 1 / 1;
  }
  .gateway .account-status-first > .account-main {
    grid-area: 1 / 2;
  }
}
/* Gateway phase 2: compact, evidence-led homepage and private access flow. */
.gateway a:focus-visible,.gateway button:focus-visible,.gateway summary:focus-visible,.gateway input:focus-visible,.gateway textarea:focus-visible,.gateway select:focus-visible {outline:2px solid #cbd8e6;outline-offset:4px}
.gateway .navigation>a[aria-current],.language-options a[aria-current] {text-decoration:underline;text-underline-offset:6px}
.gateway .navigation>a,.gateway .language-switcher summary,.gateway .language-options a,.gateway .site-footer a,.gateway .mkt-link,.gateway .mkt-release-line a,.gateway .mkt-product-figure figcaption a {min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.gateway .site-footer .brand {width:max-content}
.gateway .site-footer h2 {margin-bottom:8px}
.gateway .site-footer a {padding-block:7px;line-height:1.4}
.phase-two {--mkt-section:64px}
.phase-two .mkt-hero {padding-top:46px}
.phase-two .mkt-hero-copy {max-width:920px}
.phase-two .mkt-hero h1 {font-size:clamp(38px,4.1vw,60px);max-width:29ch;line-height:1.15}
.locale-zh-hant .phase-two .mkt-hero h1 {max-width:22ch;font-size:clamp(32px,3.5vw,50px);line-height:1.3}
.phase-two .en-hero-break {display:none}
.phase-two .mkt-hero .mkt-lead {max-width:740px;font-size:17px;line-height:1.7;margin-top:18px}
.phase-two .mkt-hero .mkt-actions {margin-top:22px}
.phase-two .mkt-release-line {margin-top:10px;font-size:13px}
.home-product {max-width:940px;margin:26px auto 0;scroll-margin-top:100px}
.phase-two .mkt-product-hero {margin:0}
.phase-two .mkt-product-image {aspect-ratio:16/10;max-height:588px;margin:0;overflow:hidden;border:1px solid #475465;border-radius:12px}
.phase-two .mkt-product-image img {display:block;width:100%;height:100%;object-fit:cover;object-position:top;min-width:0;transform:none;margin:0}
.phase-two .mkt-product-figure figcaption {font-size:13px;margin-top:4px}
.product-callouts {list-style:none;display:flex;justify-content:center;gap:44px;padding:5px 0 0;margin:0;color:#cbd8e6;font-size:14px}
.product-callouts li:before {content:'\2713';margin-right:8px;color:#eef2f7}
.home-section-title {max-width:850px;margin-bottom:26px}
.home-section-title p {max-width:760px;margin-top:14px}
.phase-two h2 {font-size:clamp(26px,2.7vw,38px);line-height:1.3;letter-spacing:-.025em}
.phase-two p {font-size:16px;line-height:1.65}
.home-work-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.home-work-grid article {border-top:1px solid #475465;padding-top:14px}
.home-work-grid h3 {font-size:18px;margin:10px 0 8px;line-height:1.45}
.home-work-grid p {margin:0;color:#b9c4d1}
.inspection-example {display:grid;grid-template-columns:1.1fr 1fr;background:#20252c;border:1px solid #475465;border-radius:14px;overflow:hidden}
.inspection-toolbar {display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;align-items:center;min-height:62px;padding:8px 14px;border-bottom:1px solid #475465}
.inspection-toolbar>span {font-size:13px;overflow-wrap:anywhere;color:#cbd8e6}
.inspection-tabs {display:flex;gap:4px}
.inspection-tabs button {border:1px solid transparent;background:transparent;color:#cbd8e6;border-radius:6px;min-height:44px;min-width:62px;font:inherit;font-size:13px;cursor:pointer}
.inspection-tabs button[aria-pressed=true] {border-color:#9aa9ba;background:#2d3540;text-decoration:underline;text-underline-offset:5px}
.inspection-canvas {height:270px;background:#eef2f7;overflow:hidden;display:flex;justify-content:center}
.inspection-canvas img {width:100%;height:100%;object-fit:cover;object-position:top;max-width:none}
.inspection-canvas img.is-mobile {width:160px;height:auto;object-fit:contain;align-self:flex-start}
.inspection-findings {padding:20px 24px}
.inspection-findings ol {list-style:none;margin:12px 0 0;padding:0}
.inspection-findings li {display:grid;grid-template-columns:36px 1fr;gap:4px 10px;padding:9px 0;border-top:1px solid #475465}
.finding-severity {font-size:12px;color:#efdec0;line-height:1.8}
.inspection-findings strong {font-size:15px;line-height:1.5;font-weight:500}
.inspection-findings small {grid-column:2;font-size:12px;color:#b9c4d1}
.phase-two .inspection-findings .mkt-small {font-size:11px;margin:9px 0 0}
.inspection-findings .mkt-link {font-size:14px}
.home-local {display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:center}
.home-local p {max-width:680px;margin-top:16px}
.home-local aside {border-left:1px solid #475465;padding:22px 30px}
.home-local aside h3 {font-size:24px;margin:14px 0 8px}
.home-phone {display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px}
.home-phone h2 {margin:16px 0 12px}
.home-phone ol {list-style:none;padding:0;display:flex;justify-content:space-around;gap:16px}
.home-phone li {display:flex;flex-direction:column;align-items:center;gap:12px;font-size:15px;color:#cbd8e6}
.home-phone li span {width:54px;height:54px;border:1px solid #475465;border-radius:12px;display:grid;place-items:center;font-size:25px}
.phase-two .home-access {margin-top:64px;padding:32px 36px}
.phase-two .home-access h2 {font-size:30px}
.phase-two .home-access p {margin-top:12px;max-width:660px}
.phase-two .mkt-home-faq {padding-bottom:12px}
.phase-two .mkt-faq-item summary {min-height:60px;font-size:17px}
.access-page {max-width:1120px;margin:auto;padding-bottom:64px}
.access-page .mkt-page-intro {max-width:760px}
.access-layout {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:64px;align-items:start}
.access-layout aside {padding:24px;background:#20252c;border:1px solid #475465;border-radius:12px;scroll-margin-top:100px}
.access-layout aside h2 {font-size:24px;margin-bottom:16px}
.access-layout aside p {font-size:14px;line-height:1.8;margin:16px 0}
.access-layout aside .mkt-link {display:flex;font-size:14px}
.access-page form {margin-top:16px}
.access-field {margin:0 0 18px;min-width:0}
.access-field label {display:block;margin:0 0 8px;color:#cbd8e6;font-size:15px}
.access-field input,.access-field select,.access-field textarea {box-sizing:border-box;width:100%;max-width:100%;background:#171a1f;color:#eef2f7;border:1px solid #718196;border-radius:7px;padding:12px;font:inherit;font-size:16px;min-height:48px}
.access-field textarea {resize:vertical}
.access-field-grid {display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.access-page .field-hint {font-size:13px;line-height:1.6;color:#b9c4d1;margin:7px 0 0}
.access-page .field-hint:empty {display:none}
.access-page .field-hint a {min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}
.access-page .checkbox {display:flex;align-items:flex-start;gap:12px;margin:22px 0;font-size:14px;line-height:1.7}
.access-page .checkbox input {width:24px;height:24px;min-width:24px;margin-top:2px;accent-color:#b9c4d1}
.access-page .checkbox a {display:inline-flex;min-height:44px;align-items:center;text-decoration:underline}
.access-page .access-honeypot {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.access-page .field-error,.access-error {color:#ffd3c6;font-size:14px;margin-top:8px}
.access-page [aria-invalid=true] {border-color:#e89986}
.access-error:not([hidden]) {border:1px solid #bd7460;padding:16px;border-radius:8px;margin-bottom:22px}
.access-page button {min-width:44px;min-height:48px}
.access-page [hidden] {display:none!important}
.access-receipt {max-width:760px;padding-top:56px}
.access-receipt h1 {font-size:42px;line-height:1.3;margin:16px 0}
.access-receipt p {font-size:17px;line-height:1.8;margin:20px 0}
.access-receipt-details {background:#20252c;border:1px solid #475465;border-radius:12px;padding:20px;margin:24px 0}
.access-receipt-details div {display:grid;grid-template-columns:110px 1fr;gap:18px;padding:8px 0}
.access-receipt-details dd {margin:0;overflow-wrap:anywhere}
.access-receipt-details dt {color:#b9c4d1}
.image-dialog {max-width:96vw;max-height:94vh;border:1px solid #9aa9ba;padding:12px;background:#171a1f;color:#eef2f7}
.image-dialog::backdrop {background:rgba(0,0,0,.88)}
.image-dialog img {display:block;max-width:90vw;max-height:80vh;object-fit:contain}
.image-dialog button {display:block;margin:0 0 10px auto;min-height:44px;min-width:70px;background:#475465;color:#eef2f7;border:1px solid #9aa9ba;border-radius:5px;font:inherit;cursor:pointer}
@media(min-width:1001px) and (max-width:1250px){.gateway .site-header{grid-template-columns:auto auto;justify-content:space-between}.gateway .menu-toggle{display:block;min-width:70px;min-height:44px}.gateway .header-actions{display:none}.gateway .navigation{display:none;grid-column:1/-1;width:100%;flex-wrap:wrap;padding:16px 0}.gateway .navigation.is-open{display:flex}.gateway .navigation .mobile-account{display:inline-flex}.gateway .navigation>a{padding:10px 14px}html:not(.js-ready) .gateway .navigation{display:flex}}
@media(max-width:900px){.phase-two{--mkt-section:48px}.home-work-grid{grid-template-columns:1fr 1fr}.inspection-example{grid-template-columns:1fr}.inspection-canvas{height:310px}.home-local,.home-phone{gap:30px}.access-layout{grid-template-columns:1fr;gap:34px}}
@media(max-width:600px){.phase-two .mkt-hero{padding-top:27px}.phase-two .mkt-hero h1{font-size:35px;line-height:1.14}.locale-zh-hant .phase-two .mkt-hero h1{font-size:28px;line-height:1.38;max-width:13em}.phase-two .mkt-hero .mkt-lead{font-size:16px;line-height:1.65;margin-top:18px}.phase-two .mkt-hero .mkt-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.phase-two .mkt-hero .button{min-height:48px;max-width:none;width:100%;font-size:15px}.phase-two .mkt-release-line{font-size:11px;gap:2px;display:block}.phase-two .mkt-release-line a{justify-content:center;font-size:12px;padding-inline:6px}.home-product{margin-top:18px}.phase-two .mkt-product-image{height:auto;aspect-ratio:16/10;max-height:none;border-radius:7px}.phase-two .mkt-product-image img{height:100%;width:100%;object-fit:cover;object-position:top;min-width:0}.phase-two .mkt-product-figure figcaption{display:flex;flex-wrap:wrap;gap:0;font-size:11px;justify-content:space-between}.product-callouts{gap:14px;font-size:11px;flex-wrap:wrap}.product-callouts li:before{margin-right:4px}.phase-two .mkt-section{padding-top:42px}.phase-two h2{font-size:27px}.home-section-title{margin-bottom:20px}.home-work-grid{gap:22px 18px}.home-work-grid h3{font-size:17px}.home-work-grid p{font-size:14px}.inspection-canvas{height:210px}.inspection-findings{padding:16px}.inspection-toolbar{padding:8px 12px}.home-local,.home-phone{grid-template-columns:1fr;gap:24px}.home-local aside{padding:20px;border-left:0;background:#20252c;border-radius:10px}.home-local aside h3{font-size:23px}.home-phone ol{margin:0;justify-content:space-between}.phase-two .home-access{margin-top:44px;padding:24px;display:block}.phase-two .home-access h2{font-size:27px}.home-access .button{margin-top:18px;display:flex;justify-content:center}.phase-two .mkt-home-faq{gap:12px}.phase-two .mkt-faq-item summary{font-size:16px}.access-field-grid{grid-template-columns:1fr}.access-layout{gap:28px}.access-receipt h1{font-size:32px}.access-receipt-details div{grid-template-columns:1fr;gap:4px}.access-page .mkt-actions{flex-direction:column}.access-page .mkt-actions a{justify-content:center}.gateway .site-footer a{min-height:44px;padding-block:9px}.gateway .footer-bottom{gap:12px}.gateway .mkt-pricing-grid{grid-template-columns:1fr}.gateway .mkt-plan{min-width:0}.gateway .mkt-release-line a,.gateway .mkt-product-figure figcaption a{min-height:44px}}

@media(min-width:1251px){.gateway .navigation>a.mobile-account{display:none}}
.gateway .site-header>.brand {min-width:44px;min-height:44px;display:inline-flex;align-items:center}

.visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.phase-two .hero-approval { white-space: nowrap; }

/* Product story: images keep their intrinsic geometry; content is visible
   before JS, during motion, and with reduced motion. No screenshot filters. */
.product-story {--story-gap:clamp(48px,7vw,96px)}
.product-story .story-hero {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:38px;align-items:center;padding:60px 0 24px}
.product-story .story-hero .mkt-hero-copy {text-align:left}
.product-story .story-hero h1 {font-size:clamp(44px,4.8vw,68px);line-height:1.07;letter-spacing:-.045em;max-width:15ch;margin:0;text-wrap:balance}
.product-story .story-hero .mkt-lead {font-size:18px;line-height:1.65;max-width:39ch;margin:24px 0 0}
.product-story .story-hero .mkt-actions {justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:28px}
.product-story .story-hero .button {padding:12px 17px;font-size:15px;min-height:48px}
.product-story .mkt-release-line {justify-content:flex-start;display:block;margin:16px 0 0;font-size:13px;line-height:1.6}
.product-story .home-product {margin:0;min-width:0;width:100%}
.product-story .mkt-product-figure {margin:0;width:100%;max-width:100%}
.product-story .mkt-product-image {height:auto;max-height:none;aspect-ratio:10/7;overflow:hidden;border:1px solid #475465;border-radius:12px;background:#171a1f;box-shadow:0 22px 65px #0003}
.product-story .mkt-product-image img {display:block;width:100%;height:auto;min-height:0;min-width:0;max-width:100%;margin:0;transform:none;object-fit:contain;object-position:center;opacity:1;filter:none}
.product-story .mkt-product-figure figcaption {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;gap:4px 16px;margin-top:6px;font-size:12px;line-height:1.6;color:#b9c4d1}
.product-story .mkt-product-figure figcaption a {font-size:12px}
.story-section {padding-top:var(--story-gap)}
.story-section-title {max-width:670px;margin-bottom:28px}
.product-story h2 {font-size:clamp(27px,3vw,38px);letter-spacing:-.025em;line-height:1.23;text-wrap:balance}
.product-story h3 {font-size:23px;letter-spacing:-.015em;line-height:1.3}
.story-jobs,.story-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.story-jobs article,.story-steps article {min-width:0;border-top:1px solid #475465;padding-top:22px}
.story-jobs p,.story-steps p {font-size:16px;line-height:1.75;color:#b9c4d1;margin:14px 0}
.story-number {color:#b9c4d1;font:500 13px/1.6 ui-monospace,monospace;display:block;margin-bottom:25px}
.story-steps h2 {font-size:24px}
.story-control {display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:var(--story-gap);padding:38px 0;border-top:1px solid #475465;border-bottom:1px solid #475465}
.story-control p {font-size:17px;line-height:1.75;color:#b9c4d1}
.story-invite {display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:var(--story-gap);padding:34px 38px;border-radius:16px;background:#20252c;border:1px solid #475465}
.story-invite h2 {max-width:24ch;margin:10px 0}
.story-invite p {font-size:16px;line-height:1.7;color:#cbd8e6;max-width:49ch}
.story-invite .button {flex-shrink:0;min-height:48px}
.story-footnote {font-size:13px;color:#b9c4d1;line-height:1.7;margin:18px 0 0}
.story-footnote .mkt-link {font-size:13px;margin-left:8px}
.story-intro {max-width:800px;padding-top:46px;padding-bottom:32px}
.story-intro h1 {max-width:18ch;font-size:clamp(37px,5vw,62px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.story-intro .mkt-lead {font-size:19px;line-height:1.7;max-width:60ch}
.story-note {margin-top:44px;padding:26px 30px;background:#20252c;border:1px solid #475465;border-radius:12px}
.story-note h2 {font-size:25px}
.story-note p {max-width:72ch;color:#cbd8e6;line-height:1.75;font-size:16px}
.story-note .mkt-link {margin-right:20px}
.story-note summary {cursor:pointer;min-height:44px;align-content:center;font-size:20px;font-weight:500}
.story-use-cases {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:20px}
.story-use-cases h2,.story-use-cases h2 a {font-size:25px;line-height:1.3}
.story-use-cases h2 a {display:inline}
.story-evidence {margin-top:26px}
.story-evidence>p {max-width:75ch;color:#cbd8e6;line-height:1.75}
.story-evidence .inspection-toolbar {background:#20252c;border:1px solid #475465;border-radius:10px 10px 0 0}
.story-evidence .inspection-canvas {height:auto;min-height:0;max-height:none;padding:0;background:#f5f5f5;border:1px solid #475465;border-top:0}
.story-evidence .inspection-canvas img {display:block;width:100%;height:auto;max-width:100%;object-fit:contain;opacity:1;filter:none}
.story-evidence .inspection-canvas img.is-mobile {width:390px;height:auto}
.story-evidence .mkt-link {margin-right:16px}
.locale-zh-hant .product-story .story-hero h1 {font-size:clamp(43px,4.5vw,63px);line-height:1.2;letter-spacing:-.035em;max-width:8em}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.story-jobs .mkt-link,.story-invite .button {transition:transform 180ms ease,background-color 180ms ease}.story-jobs .mkt-link:hover,.story-invite .button:hover {transform:translateY(-2px)}}
@media(max-width:1000px){.product-story .story-hero {grid-template-columns:1fr;gap:30px;padding-top:34px}.product-story .story-hero .mkt-hero-copy {max-width:650px}.product-story .home-product {max-width:800px}.product-story .story-hero h1 {font-size:56px}.story-jobs,.story-steps {gap:20px}.story-control {gap:32px}.story-invite {padding:28px;gap:24px}}
@media(max-width:600px){.product-story .story-hero {padding-top:26px;gap:26px}.product-story .story-hero h1 {font-size:43px}.locale-zh-hant .product-story .story-hero h1 {font-size:40px}.product-story .story-hero .mkt-lead {font-size:17px;margin-top:19px}.product-story .story-hero .mkt-actions {flex-direction:column;margin-top:21px;gap:9px}.product-story .story-hero .button {width:100%;justify-content:center;font-size:15px;min-height:48px}.product-story .mkt-release-line {font-size:12px;text-align:left}.product-story .mkt-product-figure figcaption {font-size:11px;gap:0}.product-story .mkt-product-image {border-radius:8px}.story-jobs,.story-steps,.story-use-cases {grid-template-columns:1fr;gap:28px}.story-number {margin-bottom:12px}.story-jobs h3 {font-size:23px}.story-control {grid-template-columns:1fr;gap:12px;padding:28px 0}.story-control h2 {max-width:15ch}.story-control p {font-size:16px;margin:0 0 12px}.story-invite {display:block;padding:25px}.story-invite .button {margin-top:14px;display:flex;justify-content:center}.story-note {padding:22px}.story-intro {padding-top:30px;padding-bottom:24px}.story-intro h1 {font-size:38px}.story-intro .mkt-lead {font-size:17px}.story-footnote .mkt-link {margin-left:0}}
@media(prefers-reduced-motion:reduce){[data-story-motion] {transform:none!important;animation:none!important}.story-jobs .mkt-link,.story-invite .button {transition:none!important}}

/* Shared customer-facing accents, including existing forms and account chrome. */
.gateway { color:var(--mkt-text); --accent:var(--mkt-accent); --text:var(--mkt-text); --muted:var(--mkt-muted); --bg:var(--mkt-bg); --surface:var(--mkt-surface); --line:var(--mkt-line); }
.gateway .button.primary { color:#102b3b; }
.gateway .button.primary:hover { background:#c4eafb;border-color:#c4eafb; }
.gateway .mkt-eyebrow,.gateway .story-number,.gateway .mkt-link { color:var(--mkt-accent); }
.gateway :focus-visible { outline-color:#c4eafb; }
.gateway .story-invite {background:var(--mkt-raised);border-color:#465c72;}
.gateway .story-note,.gateway .mkt-note,.gateway .mkt-contact-primary {background:var(--mkt-surface);}
.gateway .inspection-tabs button[aria-pressed=true] {background:#293e50;border-color:#99c6e4;}
.gateway input[type=checkbox],.gateway input[type=radio] {accent-color:var(--mkt-accent);}
.story-audience-grid {display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--mkt-line);border-radius:14px;overflow:hidden;background:var(--mkt-surface);}
.story-audience-grid article {padding:32px;min-width:0;}
.story-audience-grid article+article {border-left:1px solid var(--mkt-line);}
.story-audience-grid h3 {max-width:24ch;margin:14px 0;}
.story-audience-grid p {color:var(--mkt-muted);line-height:1.75;}
.story-audience-grid .story-audience-status {font-size:13px;line-height:1.65;margin:16px 0 0;}
.story-audience-grid .mkt-eyebrow {font-size:12px;}
#business {scroll-margin-top:120px;}
.mkt-contact-primary {grid-template-columns:1fr;}
@media(max-width:650px){.story-audience-grid{grid-template-columns:1fr}.story-audience-grid article{padding:25px}.story-audience-grid article+article{border-left:0;border-top:1px solid var(--mkt-line)}}

/* Shared header controls keep one pill geometry at mobile and tablet widths. */
.gateway .site-header .menu-toggle { border:1px solid #4b4f55; border-radius:999px; padding:9px 18px; min-height:44px; min-width:100px; background:#1d2024; color:#f3f3f1; font:inherit; font-size:14px; cursor:pointer; }
.gateway .site-header .menu-toggle span { display:inline-block; margin-left:10px; font-size:19px; line-height:1; }
.gateway .site-header .menu-toggle:hover,.gateway .site-header .menu-toggle[aria-expanded="true"] { background:#30353b; border-color:#929ba5; }
.gateway .site-header .button,.gateway .site-header .language-switcher > summary { border-radius:999px; }
@media (prefers-reduced-motion:no-preference) {
  .gateway .site-header .menu-toggle { transition:background .2s,border-color .2s,box-shadow .2s; }
  .gateway .site-header .menu-toggle span { transition:transform .25s ease; }
  .gateway .site-header .menu-toggle[aria-expanded="true"] span { transform:rotate(180deg); }
  .gateway .site-header .navigation.is-open { animation:header-menu-arrive .24s ease-out; }
  @keyframes header-menu-arrive { from { opacity:.5; transform:translateY(-6px); } to { opacity:1; transform:none; } }
}

@media (min-width:1001px) and (max-width:1250px) {
  .gateway .site-header { display:flex; justify-content:space-between; min-height:76px; }
  .gateway .site-header .navigation { position:absolute; inset:100% 0 auto; width:100%; max-height:calc(100svh - 76px); overflow-y:auto; background:#171a1f; border-bottom:1px solid #475465; padding:18px 23px 23px; box-shadow:0 20px 40px #0005; }
  .gateway .site-header .navigation.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
}