.info-page {
  --info-surface: #f4f8fa;
  --info-ink: #062339;
  --info-muted: #5f7b89;
  --info-line: #d8e5ea;
  background: var(--info-surface);
  color: var(--info-ink);
  color-scheme: light;
}

.info-page .site-header {
  position: sticky;
  color: var(--info-ink);
  background: var(--info-surface);
}
.info-page .site-header::after { background: var(--info-line); opacity: 1; }
.info-page .header-action--primary:hover { background: rgba(6, 35, 57, 0.06); }
.info-page .skip-link { color: var(--info-ink); }

.info-main { width: min(1200px, calc(100% - 56px)); margin: 0 auto; padding: 72px 0 120px; }
.info-hero { display: grid; min-height: 560px; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr); align-items: center; gap: clamp(50px, 9vw, 150px); }
.info-hero h1 { max-width: 680px; margin: 0; font-size: clamp(4rem, 8.5vw, 8.6rem); font-weight: 500; letter-spacing: -0.085em; line-height: 0.84; }
.info-hero__copy > p { max-width: 510px; margin: 38px 0 0; color: var(--info-muted); font-size: clamp(1.05rem, 1.7vw, 1.35rem); line-height: 1.45; }
.info-cta { display: inline-flex; min-height: 46px; margin-top: 30px; align-items: center; padding: 0 16px; border: 1px solid var(--info-ink); border-radius: 7px; color: var(--info-ink); font-size: 0.78rem; font-weight: 500; text-decoration: none; transition: background 180ms ease, color 180ms ease; }
.info-cta:hover { background: var(--info-ink); color: #f6fbfd; }
.info-hero__orb { position: relative; display: grid; min-height: 390px; place-items: center; isolation: isolate; }
.info-hero__orb::before { position: absolute; z-index: -1; width: 88%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 68% 78%, rgba(76, 185, 247, 0.22), transparent 50%), radial-gradient(circle, rgba(20, 102, 161, 0.08), transparent 66%); content: ""; }
.info-hero__orb img { display: block; width: min(390px, 85%); height: auto; filter: drop-shadow(0 28px 40px rgba(15, 111, 167, 0.2)); }
.info-hero__orb span { position: absolute; right: 0; bottom: 9%; color: #4b7080; font-family: "Geist Mono", monospace; font-size: 0.7rem; line-height: 1.55; text-align: right; }

@keyframes info-copy-in {
  from { opacity: 0; transform: translate3d(0, 24px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes info-orb-in {
  from { opacity: 0; transform: translate3d(0, 26px, 0) scale(0.96); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

.info-page.motion-ready .info-hero__copy { animation: info-copy-in 700ms var(--ease) both; }
.info-page.motion-ready .info-hero__orb { animation: info-orb-in 900ms var(--ease) 100ms both; }

.info-rule { height: 1px; margin: 22px 0 0; background: var(--info-line); }
.info-section { padding: 116px 0; border-bottom: 1px solid var(--info-line); }
.info-section--tight { padding-bottom: 82px; }
.info-section__intro { display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1fr); gap: clamp(42px, 10vw, 170px); }
.info-section h2 { max-width: 420px; margin: 0; font-size: clamp(2.6rem, 5.2vw, 5.1rem); font-weight: 500; letter-spacing: -0.075em; line-height: 0.9; }
.info-section__lead { max-width: 640px; margin: 0; color: var(--info-muted); font-size: clamp(1.05rem, 1.65vw, 1.3rem); line-height: 1.5; }
.info-section__lead strong { color: var(--info-ink); font-weight: 500; }

.info-flow { display: grid; margin-top: 72px; border-top: 1px solid var(--info-line); }
.info-flow__item { display: grid; grid-template-columns: minmax(150px, 0.4fr) minmax(0, 1fr); gap: 36px; padding: 25px 0 28px; border-bottom: 1px solid var(--info-line); }
.info-flow__item h3 { margin: 0; font-size: 1.08rem; font-weight: 500; letter-spacing: -0.02em; }
.info-flow__item p { max-width: 590px; margin: 0; color: var(--info-muted); font-size: 0.95rem; line-height: 1.55; }

.info-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr); gap: clamp(48px, 11vw, 170px); align-items: start; }
.info-list { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--info-line); }
.info-list li { display: grid; grid-template-columns: minmax(135px, 0.45fr) minmax(0, 1fr); gap: 26px; padding: 20px 0; border-bottom: 1px solid var(--info-line); }
.info-list strong { font-weight: 500; }
.info-list span { color: var(--info-muted); font-size: 0.9rem; line-height: 1.5; }

.info-plans { display: grid; margin-top: 64px; border-top: 1px solid var(--info-line); }
.info-plan { display: grid; grid-template-columns: minmax(120px, 0.45fr) minmax(110px, 0.33fr) minmax(0, 1fr) auto; align-items: center; gap: 28px; padding: 22px 0; border-bottom: 1px solid var(--info-line); }
.info-plan strong { font-size: 1rem; font-weight: 500; }
.info-plan__price { font-family: "Geist Mono", monospace; font-size: 0.75rem; }
.info-plan p { margin: 0; color: var(--info-muted); font-size: 0.86rem; }
.info-plan a { color: var(--info-ink); font-size: 0.75rem; text-underline-offset: 3px; }

.info-faq { display: grid; margin-top: 60px; border-top: 1px solid var(--info-line); }
.info-faq details { border-bottom: 1px solid var(--info-line); }
.info-faq summary { display: flex; min-height: 70px; align-items: center; justify-content: space-between; gap: 18px; cursor: pointer; font-size: 1rem; font-weight: 500; list-style: none; }
.info-faq summary::-webkit-details-marker { display: none; }
.info-faq summary::after { color: #6c8998; content: "+"; font-size: 1.3rem; font-weight: 400; }
.info-faq details[open] summary::after { content: "−"; }
.info-faq p { max-width: 680px; margin: -3px 0 24px; color: var(--info-muted); font-size: 0.92rem; line-height: 1.58; }

.info-footer { display: flex; padding-top: 40px; align-items: center; justify-content: space-between; gap: 24px; color: var(--info-muted); font-size: 0.72rem; }
.info-footer a { text-underline-offset: 3px; }
.info-footer .brand { color: var(--info-ink); }

.info-page.motion-ready .info-section {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition: opacity 650ms var(--ease), transform 650ms var(--ease);
}

.info-page.motion-ready .info-section.is-in-view { opacity: 1; transform: none; }

.info-page.motion-ready .info-section:not(.is-in-view) .info-flow__item,
.info-page.motion-ready .info-section:not(.is-in-view) .info-list li,
.info-page.motion-ready .info-section:not(.is-in-view) .info-plan { opacity: 0; transform: translate3d(0, 12px, 0); }

.info-page.motion-ready .info-section.is-in-view .info-flow__item,
.info-page.motion-ready .info-section.is-in-view .info-list li,
.info-page.motion-ready .info-section.is-in-view .info-plan {
  animation: info-item-in 520ms var(--ease) both;
  animation-delay: calc(var(--motion-index, 0) * 45ms);
}

@keyframes info-item-in {
  from { opacity: 0; transform: translate3d(0, 12px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

.info-cta span { display: inline-block; transition: transform 180ms var(--ease); }
.info-cta:hover span { transform: translate3d(3px, -2px, 0); }

@media (max-width: 760px) {
  .info-page .brand { min-height: 44px; }
  .info-page .header-action { min-height: 44px; display: inline-flex; align-items: center; }
  .info-page .header-action--primary { padding-right: 10px; padding-left: 10px; }
  .info-main { width: calc(100% - 44px); padding: 54px 0 72px; }
  .info-hero { display: flex; width: 100%; min-height: 0; flex-direction: column; align-items: stretch; gap: 38px; }
  .info-hero__copy, .info-hero__orb, .info-section__intro, .info-split, .info-section__intro > *, .info-split > * { width: 100%; min-width: 0; max-width: 100%; }
  .info-hero h1 { max-width: 520px; font-size: clamp(3.7rem, 18vw, 6.2rem); }
  .info-hero__copy > p { margin-top: 28px; font-size: 1rem; overflow-wrap: anywhere; }
  .info-hero__orb { min-height: 190px; }
  .info-hero__orb img { width: min(230px, 66vw); }
  .info-hero__orb span { right: 4%; bottom: 0; font-size: 0.64rem; }
  .info-section { padding: 64px 0; }
  .info-section--tight { padding-bottom: 52px; }
  .info-section__intro, .info-split { grid-template-columns: 1fr; gap: 22px; }
  .info-section h2 { font-size: clamp(2.8rem, 14vw, 4.7rem); }
  .info-section__lead { font-size: 1rem; }
  .info-flow { margin-top: 48px; }
  .info-flow__item { grid-template-columns: 1fr; gap: 8px; padding: 22px 0; }
  .info-flow__item p { font-size: 0.9rem; }
  .info-list li { grid-template-columns: 1fr; gap: 5px; padding: 17px 0; }
  .info-plans { margin-top: 44px; }
  .info-plan { grid-template-columns: 1fr auto; gap: 7px 18px; padding: 19px 0; }
  .info-plan__price { justify-self: end; }
  .info-plan p { grid-column: 1 / -1; grid-row: 2; overflow-wrap: anywhere; }
  .info-plan a { grid-column: 1 / -1; grid-row: 3; justify-self: start; margin-top: 4px; }
  .info-faq { margin-top: 44px; }
  .info-faq summary { min-height: 64px; font-size: 0.92rem; }
  .info-faq p { font-size: 0.88rem; }
  .info-footer { display: grid; justify-items: start; padding-top: 28px; }
  .info-footer a { min-height: 44px; display: inline-flex; align-items: center; }
  .info-page .site-header { flex-wrap: wrap; row-gap: 2px; }
  .info-page .header-nav { width: auto; margin-top: 2px; justify-content: flex-start; flex-wrap: nowrap; gap: 8px; }
  .info-page .header-nav .header-action:nth-child(1), .info-page .header-nav .header-action:nth-child(2), .info-page .header-nav .header-action--info { display: inline-flex; }
  .info-main { padding-top: 24px; }
}

@media (max-width: 360px) {
  .info-page .site-header { padding-right: 14px; padding-left: 14px; }
  .info-page .header-nav { gap: 2px; }
  .info-page .header-action { font-size: 11px; }
  .info-page .header-action--primary { padding-right: 8px; padding-left: 8px; }
  .info-page .brand { gap: 6px; font-size: 13px; }
  .info-page .brand__mark { width: 30px; }
}

@media (min-width: 761px) and (max-width: 1050px) {
  .info-page .site-header { padding-right: 20px; padding-left: 20px; background: var(--info-surface); }
  .info-main { width: calc(100% - 44px); padding-top: 30px; }
  .info-hero { gap: 50px; }
  .info-hero h1 { font-size: clamp(4rem, 8vw, 6.7rem); }
  .info-plan { grid-template-columns: minmax(120px, 1fr) auto; gap: 8px 20px; }
  .info-plan__price { justify-self: end; }
  .info-plan p { grid-column: 1 / -1; grid-row: 2; }
  .info-plan a { grid-column: 1 / -1; grid-row: 3; justify-self: start; margin-top: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .info-page.motion-ready .info-hero__copy,
  .info-page.motion-ready .info-hero__orb,
  .info-page.motion-ready .info-section,
  .info-page.motion-ready .info-section.is-in-view .info-flow__item,
  .info-page.motion-ready .info-section.is-in-view .info-list li,
  .info-page.motion-ready .info-section.is-in-view .info-plan { animation: none; opacity: 1; transform: none; transition: none; }
}