/* Shared light design system. Loaded after legacy styles on every public page. */
:root,
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f5f7;
  --bg-soft: #eef5ff;
  --panel: #fff;
  --panel-strong: #fff;
  --line: #e5e5ea;
  --line-strong: #c6def8;
  --text: #1d1d1f;
  --muted: #515154;
  --dim: #6e6e73;
  --cyan: #0071e3;
  --blue: #0071e3;
  --green: #0071e3;
  --magenta: #6564bd;
  --amber: #8e5c18;
  --red: #b42318;
  --radius: 24px;
  --radius-sm: 14px;
  --shadow: 0 8px 30px rgba(29,29,31,.05);
  --max: 1200px;
}
html { scroll-padding-top: 98px; }
html[data-theme="light"] body {
  background: #f5f5f7;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
html[data-theme="light"] body::before,
html[data-theme="light"] body::after { content: none; }
html[data-theme="light"] .site-shell { overflow: clip; }
html[data-theme="light"] .container { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
html[data-theme="light"] :is(h1,h2,h3,h4) { color: #1d1d1f; text-shadow: none; }
h1,h2,h3,h4 { overflow-wrap: break-word; }
figure { margin: 0; }
button,a,summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible,button:focus-visible,summary:focus-visible {
  outline: 3px solid #0071e3;
  outline-offset: 5px;
}
[id] { scroll-margin-top: 98px; }
[hidden] { display: none !important; }
.a-skip-link { position: fixed; top: 8px; left: 16px; z-index: 500; padding: 10px 18px; border-radius: 12px; background: #0071e3; color: #fff; transform: translateY(-150%); }
.a-skip-link:focus { transform: none; }
html[data-theme="light"] .btn {
  display: inline-flex; justify-content: center; align-items: center; gap: 8px;
  min-height: 46px; padding: 11px 20px; border: 1px solid transparent;
  border-radius: 14px; font-size: 15px; font-weight: 600; line-height: 1.5;
  box-shadow: none; letter-spacing: 0; text-decoration: none;
  transition: background 180ms ease, transform 180ms ease;
}
html[data-theme="light"] .btn::before,html[data-theme="light"] .btn::after { content: none; }
html[data-theme="light"] .btn-primary { background: #0071e3; color: #fff; border-color: #0071e3; }
html[data-theme="light"] .btn-primary:hover { background: #0066cc; color: #fff; box-shadow: none; }
html[data-theme="light"] :is(.btn-secondary,.btn-outline) { background: #f0f1f4; color: #1d1d1f; border-color: transparent; }
html[data-theme="light"] :is(.btn-secondary,.btn-outline):hover { background: #e6e8ed; color: #1d1d1f; box-shadow: none; }
.hero-actions,.cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
html[data-theme="light"] .section-kicker { color: #0071e3; font-size: 12px; font-weight: 650; letter-spacing: .11em; line-height: 1.6; background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none; }
.a-text-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #0071e3; font-size: 15px; font-weight: 550; }
.a-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.a-meta,.a-footnote { color: #6e6e73; font-size: 14px; line-height: 1.7; }
.a-footnote { margin: 20px 0 0; }
.a-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.a-tags span { display: inline-flex; padding: 5px 11px; font-size: 13px; color: #515154; background: #f2f3f6; border-radius: 8px; line-height: 1.5; }
.a-number { color: #0071e3; font-size: 14px; font-weight: 650; font-variant-numeric: tabular-nums; }
.a-dot { display: inline-block; flex: 0 0 auto; width: 6px; height: 6px; background: #0071e3; border-radius: 50%; }
/* Navigation is frosted; reading surfaces remain opaque. */
html[data-theme="light"] .apple-topbar {
  position: sticky; inset: 0 0 auto; z-index: 100; display: flex; gap: 20px;
  width: 100%; max-width: none; min-height: 76px; height: auto; margin: 0;
  padding: 12px max(28px, calc((100% - 1280px) / 2));
  border: 0; border-bottom: 1px solid rgba(29,29,31,.08); border-radius: 0;
  background: rgba(255,255,255,.82); color: #1d1d1f;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: none;
  align-items: center;
  transform: none;
}
html[data-theme="light"] .apple-topbar::before,html[data-theme="light"] .apple-topbar::after { content: none; }
html[data-theme="light"] .brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px; font-size: 20px; font-weight: 650; color: #1d1d1f; white-space: nowrap; letter-spacing: -.03em; }
.brand > span:last-child { line-height: 1.25; }
.brand small { display: block; font-size: 9px; letter-spacing: .17em; color: #6e6e73; font-weight: 550; margin-top: 3px; }
.a-brand-icon { display: grid; place-items: center; width: 37px; height: 41px; color: #0071e3; }
.a-brand-mark { display: block; width: 100%; height: auto; object-fit: contain; }
.a-brand-wordmark { display: block; width: 224px; max-width: 100%; height: auto; object-fit: contain; }
.apple-footer .a-company-brand { max-width: 100%; }
html[data-theme="light"] .apple-topbar .nav { display: flex; gap: 8px; justify-content: center; flex: 1; }
.apple-topbar .nav-group { display: flex; align-items: center; }
html[data-theme="light"] .apple-topbar .nav-trigger { min-height: 44px; padding: 6px 4px 6px 8px; color: #515154; font-size: 14px; font-weight: 500; background: transparent; border: 0; box-shadow: none; transform: none; border-radius: 8px; }
.apple-topbar .nav-trigger::before,.apple-topbar .nav-trigger::after { content: none; }
html[data-theme="light"] .apple-topbar :is(.nav-trigger:hover,.nav-trigger.active) { color: #0071e3; background: transparent; box-shadow: none; }
.nav-disclosure { border: 0; background: transparent; color: #6e6e73; padding: 3px 6px; min-width: 24px; min-height: 36px; cursor: pointer; border-radius: 8px; font-size: 16px; }
.nav-disclosure[aria-expanded="true"] { color: #0071e3; }
html[data-theme="light"] .apple-topbar .dropdown { top: 100%; width: 246px; padding: 10px; border: 1px solid #e5e5ea; border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 15px 45px rgba(29,29,31,.1); }
html[data-theme="light"] .apple-topbar .dropdown a { display: block; padding: 10px 12px; min-height: 44px; font-size: 14px; color: #515154; font-weight: 500; white-space: normal; border: 0; background: transparent; }
html[data-theme="light"] .apple-topbar .dropdown a:hover { background: #f5f5f7; color: #0071e3; transform: none; }
.apple-topbar .nav-group.is-open .dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%,0); }
html[data-theme="light"] .apple-topbar .a-nav-consult { font-size: 14px; padding-inline: 17px; min-height: 43px; white-space: nowrap; width: auto; flex: 0 0 auto; }
html[data-theme="light"] .nav-toggle { display: none; background: #f2f3f6; border: 0; color: #1d1d1f; border-radius: 12px; width: 44px; height: 44px; }
html[data-theme="light"] .nav-toggle span { background: #1d1d1f; }
/* Home layout */
.a-section { padding-block: 76px; }
.a-band { background: #fff; }
.a-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 28px; margin-bottom: 32px; }
.a-section-heading h2 { margin: 12px 0 12px; font-size: clamp(28px,3.15vw,40px); font-weight: 650; line-height: 1.3; letter-spacing: -.04em; }
.a-section-heading p { margin: 0; max-width: 770px; color: #515154; font-size: 16px; line-height: 1.8; }
.a-section-heading > .a-text-link { flex-shrink: 0; }
.a-centered { text-align: center; justify-content: center; }
.a-grid { display: grid; gap: 22px; }
.a-grid-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.a-grid-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.a-grid-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.a-card { min-width: 0; padding: 27px; background: #fff; border: 1px solid #e5e5ea; border-radius: 24px; box-shadow: 0 8px 30px rgba(29,29,31,.025); }
.a-card h3 { margin: 15px 0 10px; font-size: 21px; font-weight: 650; line-height: 1.45; letter-spacing: -.02em; }
.a-card > p { margin: 0 0 19px; font-size: 15px; color: #515154; line-height: 1.85; }
.a-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.a-card-top .a-meta { font-size: 13px; }
.a-bullets { list-style: none; padding: 0; margin: 18px 0; color: #515154; font-size: 15px; line-height: 1.85; }
.a-bullets li { position: relative; padding-left: 17px; margin-top: 8px; }
.a-bullets li::before { content: ''; position: absolute; width: 4px; height: 4px; background: #0071e3; border-radius: 50%; left: 0; top: .78em; }
.a-inline-details { border-top: 1px solid #e5e5ea; margin-top: 22px; }
.a-inline-details > summary,.a-poster-details > summary,.a-price-assets > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; padding-block: 12px; color: #0071e3; cursor: pointer; font-size: 14px; font-weight: 550; list-style: none; }
summary::-webkit-details-marker { display: none; }
.a-inline-details[open] > summary > span,.a-faq[open] > summary > span,.a-price-assets[open] > summary > span { transform: rotate(45deg); }
.a-detail-list { margin: 12px 0 0; padding-left: 22px; color: #0071e3; font-size: 15px; }
.a-detail-list li { padding: 10px 0 10px 5px; }
.a-detail-list strong { color: #1d1d1f; font-weight: 600; }
.a-detail-list p { margin: 5px 0 0; color: #515154; font-size: 15px; line-height: 1.85; }
.a-hero { padding: 70px 0 65px; background: radial-gradient(ellipse at 78% 24%,rgba(200,221,255,.44),transparent 54%),linear-gradient(180deg,#fafbfe,#f5f5f7); }
.a-hero-grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: 64px; align-items: center; }
.a-release-pill { display: inline-flex; align-items: center; gap: 9px; padding: 7px 13px; font-size: 13px; color: #0071e3; background: #e9f2ff; border: 1px solid #dbe9fc; border-radius: 99px; }
.a-eyebrow { margin: 28px 0 15px; font-size: 15px; font-weight: 600; color: #515154; }
.a-hero h1 { margin: 0; font-size: clamp(40px,4.25vw,61px); font-weight: 650; line-height: 1.24; letter-spacing: -.06em; }
.a-hero h1 span { color: #0071e3; }
.a-hero .hero-lead { max-width: 495px; margin: 24px 0 27px; font-size: 17px; color: #515154; line-height: 1.9; }
.a-hero .hero-actions { justify-content: flex-start; margin: 0 0 26px; }
.a-hero .a-tags span { background: #edeef3; color: #515154; }
.a-hero-note { color: #6e6e73; font-size: 14px; margin: 16px 0 0; }
.a-hero-visual { min-width: 0; padding: 27px 27px 20px; border: 1px solid #e2e8f2; background: linear-gradient(145deg,#f4f8ff,#fff); border-radius: 32px; box-shadow: 0 20px 55px rgba(44,74,120,.07); }
.a-visual-label span { display: block; font-size: 10px; letter-spacing: .14em; color: #6e6e73; font-weight: 500; }
.a-visual-label strong { display: block; margin-top: 6px; font-size: 22px; font-weight: 600; }
.a-phones { display: flex; justify-content: center; align-items: flex-start; gap: 24px; padding: 25px 5px 30px; }
.a-phone { width: min(44%,215px); border-radius: 26px; overflow: hidden; background: transparent; filter: drop-shadow(0 15px 16px rgba(29,29,31,.12)); }
.a-phone-home { transform: rotate(-3deg); }
.a-phone-order { transform: translateY(16px) rotate(3deg); }
.a-phone .asset-link { border: 0; border-radius: 20px; background: transparent; }
.a-phone img { display: block; width: 100%; height: auto; object-fit: contain; }
.a-visual-footer { display: flex; align-items: center; gap: 10px; border-top: 1px solid #e5e5ea; padding-top: 16px; font-size: 13px; color: #515154; }
.a-visual-roles { margin-left: auto; font-size: 11px; color: #6e6e73; }
.a-overview-section { padding-block: 38px; border-bottom: 1px solid #e5e5ea; background: #fff; }
.a-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; }
.a-overview-index { color: #0071e3; font-size: 12px; font-weight: 650; }
.a-overview h3 { font-size: 17px; margin: 8px 0; font-weight: 600; }
.a-overview p { font-size: 14px; color: #515154; line-height: 1.8; margin: 0; }
.a-definition { margin: 25px 0 0; padding-top: 20px; border-top: 1px solid #e5e5ea; font-size: 14px; color: #6e6e73; }
.a-poster-details { margin-top: 20px; max-width: 580px; }
.a-poster-details > div { max-width: 420px; margin-top: 12px; }
.a-order-flow { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 40px 0 28px; padding: 0; list-style: none; gap: 24px; }
.a-order-flow li { position: relative; padding: 0 12px 16px 0; }
.a-order-flow li:not(:last-child)::after { content: '→'; position: absolute; right: -8px; top: 6px; color: #b5b7bf; font-size: 22px; }
.a-order-flow li > span { display: grid; place-items: center; width: 42px; height: 42px; background: #eef5ff; color: #0071e3; border-radius: 14px; font-size: 14px; font-weight: 650; }
.a-order-flow h3 { font-size: 18px; margin: 16px 0 8px; }
.a-order-flow p { color: #515154; font-size: 14px; margin: 0; }
.a-branch-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #e5e5ea; padding-top: 25px; gap: 32px; }
.a-branch-grid h3 { font-size: 16px; margin: 0 0 7px; }
.a-branch-grid p { color: #515154; font-size: 14px; margin: 0; }
.a-role-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.a-role-tabs button { min-height: 46px; padding: 11px 19px; border: 1px solid #e5e5ea; border-radius: 99px; font-size: 15px; color: #515154; background: #fff; cursor: pointer; }
.a-role-tabs button[aria-selected="true"] { background: #0071e3; color: #fff; border-color: #0071e3; }
.a-role-panel { display: grid; grid-template-columns: .95fr 1.05fr; gap: 52px; padding: 38px; border: 1px solid #e5e5ea; border-radius: 28px; background: #fff; margin-bottom: 18px; }
.a-role-badge { display: inline-flex; padding: 5px 10px; color: #0071e3; background: #eef5ff; border-radius: 8px; font-size: 13px; }
.a-role-panel h3 { font-size: 29px; letter-spacing: -.03em; line-height: 1.4; margin: 20px 0 15px; }
.a-role-panel p { color: #515154; font-size: 16px; line-height: 1.85; }
.a-role-capabilities { display: grid; gap: 5px; }
.a-role-capabilities > div { display: flex; align-items: baseline; gap: 18px; padding: 14px 0; border-bottom: 1px solid #e5e5ea; }
.a-role-capabilities > div:last-child { border-bottom: 0; }
.a-role-capabilities span { color: #0071e3; font-size: 13px; font-variant-numeric: tabular-nums; }
.a-role-capabilities p { margin: 0; }
.a-catalog-card .a-tags { min-height: 67px; }
.a-catalog-card > .a-text-link { margin-top: 5px; }
.a-shot-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
.a-shot-grid figure { min-width: 0; }
.a-shot-phone { padding: 0; background: transparent; border-radius: 27px; filter: drop-shadow(0 10px 15px rgba(29,29,31,.08)); }
.a-shot-phone .asset-link { border: 0; border-radius: 21px; background: #fff; }
html[data-theme="light"] .asset-link { display: block; border: 1px solid #e5e5ea; border-radius: 20px; overflow: hidden; background: #fff; }
html[data-theme="light"] :is(.a-phone,.a-shot-phone) .asset-link { border: 0; background: transparent; border-radius: 0; }
.asset-link img { display: block; width: 100%; height: auto; object-fit: contain; }
.a-shot-grid figcaption { padding: 20px 2px 0; }
.a-shot-grid figcaption h3 { margin: 0 0 8px; font-size: 19px; }
.a-shot-grid figcaption p { color: #515154; font-size: 14px; margin: 0; line-height: 1.8; }
.a-brand-editor { display: grid; grid-template-columns: 1.3fr .7fr; gap: 42px; align-items: center; background: #fff; border: 1px solid #e5e5ea; padding: 26px; border-radius: 28px; }
.a-brand-editor figure { min-width: 0; }
.a-brand-editor figcaption { font-size: 13px; color: #6e6e73; padding-top: 14px; }
.a-brand-copy h3 { font-size: 28px; letter-spacing: -.03em; line-height: 1.4; margin: 18px 0; }
.a-brand-copy > p,.a-theme-showcase p { color: #515154; font-size: 15px; }
.a-theme-showcase { display: grid; grid-template-columns: .6fr 1.4fr; gap: 45px; align-items: center; margin-top: 26px; }
.a-theme-showcase h3 { font-size: 24px; line-height: 1.45; margin: 0 0 18px; }
.a-topic-icon { display: grid; place-items: center; background: #eef5ff; color: #0071e3; border-radius: 16px; width: 46px; height: 46px; font-size: 25px; }
.a-inline-note { display: flex; gap: 25px; padding: 23px 26px; margin: 24px 0 0; border: 1px solid #dce8f7; background: #eef5ff; border-radius: 18px; }
.a-inline-note strong { flex-shrink: 0; font-size: 15px; font-weight: 600; }
.a-inline-note p { margin: 0; color: #515154; font-size: 14px; line-height: 1.85; }
.a-finance-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 40px; }
.a-finance-ledger { padding: 30px; background: #f5f5f7; border: 1px solid #e5e5ea; border-radius: 26px; }
.a-finance-ledger h3,.a-dashboard-copy > h3 { margin: 18px 0 22px; font-size: 25px; line-height: 1.4; }
.a-finance-ledger ol { list-style: none; margin: 0; padding: 0; }
.a-finance-ledger li { display: flex; gap: 17px; align-items: baseline; padding: 15px 0; border-top: 1px solid #e5e5ea; }
.a-finance-ledger li > span { color: #0071e3; font-size: 13px; }
.a-finance-ledger strong { font-size: 16px; font-weight: 600; }
.a-finance-ledger p { margin: 5px 0 0; font-size: 14px; color: #515154; }
.a-dashboard-copy { padding-block: 15px; }
.a-metric-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-bottom: 16px; }
.a-metric-grid article { padding: 20px 0; border-top: 1px solid #e5e5ea; }
.a-metric-grid h4 { font-size: 18px; margin: 0 0 8px; }
.a-metric-grid p { color: #515154; font-size: 15px; margin: 0; }
/* Version timeline */
.a-history-intro { color: #515154; font-size: 16px; max-width: 1020px; margin: 0 0 25px; line-height: 1.95; }
.a-history-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 25px; background: #fff; border: 1px solid #e5e5ea; border-radius: 22px; text-align: center; }
.a-history-stats > div + div { border-left: 1px solid #e5e5ea; }
.a-history-stats strong { display: block; color: #0071e3; font-size: 35px; line-height: 1.4; font-weight: 600; letter-spacing: -.03em; }
.a-history-stats span { display: block; color: #6e6e73; font-size: 14px; margin-top: 5px; }
.a-stage-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin: 28px 0 44px; }
.a-stage-card { display: block; padding: 22px; border: 1px solid #e5e5ea; background: #fff; border-radius: 22px; transition: transform 180ms ease,border-color 180ms ease; }
.a-stage-card:hover { transform: translateY(-3px); border-color: #b0cfee; }
.a-stage-card h3 { font-size: 19px; margin: 10px 0 8px; }
.a-stage-card .a-meta { font-size: 13px; }
.a-stage-card p { color: #515154; font-size: 14px; margin: 12px 0 0; line-height: 1.8; }
.a-timeline-stage { display: grid; grid-template-columns: 230px 1fr; gap: 48px; margin-top: 30px; }
.a-stage-label { padding-top: 5px; }
.a-stage-number { display: grid; place-items: center; width: 40px; height: 40px; font-size: 14px; background: #0071e3; color: #fff; border-radius: 50%; }
.a-stage-label h3 { font-size: 23px; margin: 16px 0 7px; }
.a-stage-label p { color: #6e6e73; font-size: 14px; margin: 0; }
.a-stage-nodes { position: relative; border-left: 1px solid #ccd9ed; padding-left: 28px; }
.a-history-node { position: relative; margin: 0 0 20px; padding: 24px 28px; border: 1px solid #e5e5ea; border-radius: 22px; background: #fff; }
.a-history-node::before { content: ''; position: absolute; left: -35px; top: 33px; width: 12px; height: 12px; border: 3px solid #f5f5f7; border-radius: 50%; background: #0071e3; }
.a-node-heading { display: flex; align-items: center; flex-wrap: wrap; column-gap: 16px; row-gap: 8px; }
.a-version-label { display: inline-flex; flex: 0 0 auto; padding: 5px 10px; color: #0071e3; background: #eef5ff; border-radius: 9px; font-size: 15px; font-weight: 600; }
.a-node-heading h4 { font-size: 19px; font-weight: 600; margin: 0; flex: 1; line-height: 1.5; min-width: 140px; }
.a-node-heading time { color: #6e6e73; font-size: 13px; font-variant-numeric: tabular-nums; }
.a-history-node .a-bullets { margin-bottom: 0; font-size: 14px; }
.history-enhanced .a-timeline:not(.is-expanded) .a-history-node:not(.is-featured) { display: none; }
.a-history-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; align-items: center; margin-top: 20px; }
[data-history-toggle] { display: none !important; }
.history-enhanced [data-history-toggle] { display: inline-flex !important; }
.a-history-node.is-current { background: #eef5ff; border-color: #c6def8; }
.a-current-release { display: flex; align-items: center; justify-content: space-between; gap: 35px; background: #eaf3ff; border: 1px solid #d6e7fc; border-radius: 24px; padding: 30px; margin-top: 36px; }
.a-current-release h3 { font-size: 26px; margin: 10px 0 12px; letter-spacing: -.03em; }
.a-current-release p { color: #515154; font-size: 15px; margin: 0; max-width: 700px; }
.a-current-release .btn { flex-shrink: 0; }
/* Native case wall */
html[data-theme="light"] .platform-wall { margin-top: 0; }
html[data-theme="light"] .platform-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; list-style: none; margin: 0; padding: 0; }
html[data-theme="light"] .platform-card { padding: 18px 14px 24px; background: #f8f9fb; border: 1px solid #e9eaef; border-radius: 22px; box-shadow: none; min-width: 0; }
html[data-theme="light"] .platform-card:hover { border-color: #c6def8; transform: translateY(-3px); }
html[data-theme="light"] .platform-avatar { width: 112px; height: 112px; padding: 8px; border-radius: 22px; margin: 0 auto 18px; background: #fff; box-shadow: 0 5px 20px rgba(29,29,31,.035); }
.platform-avatar img { width: 100%; height: 100%; object-fit: contain; }
html[data-theme="light"] .platform-card h3 { font-size: 17px; font-weight: 600; color: #1d1d1f; text-align: center; margin: 0; }
html[data-theme="light"] .platform-card-index { color: #6e6e73; font-size: 11px; font-weight: 500; margin-bottom: 12px; }
html[data-theme="light"] .platform-wall-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 0 20px; }
.platform-wall-head span,.platform-wall-note { font-size: 14px; color: #6e6e73; }
.a-auth-bar { display: flex; justify-content: space-between; align-items: center; gap: 25px; border-top: 1px solid #e5e5ea; padding-top: 25px; margin-top: 25px; }
.a-auth-bar strong { font-size: 19px; font-weight: 600; }
.a-auth-bar p { color: #515154; font-size: 14px; margin: 6px 0 0; }
/* Architecture, video and pricing */
.a-delivery-steps { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); list-style: none; padding: 0; gap: 18px; margin: 32px 0; }
.a-delivery-steps li { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid #e5e5ea; padding-top: 17px; font-size: 14px; }
.a-delivery-steps span { color: #0071e3; font-size: 13px; font-weight: 650; }
.a-video-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.a-video-grid h3 { margin: 0 0 20px; }
.a-video-media { aspect-ratio: 16/10; background: #f2f3f6; border: 1px solid #e5e5ea; border-radius: 17px; overflow: hidden; }
.a-video-media video { width: 100%; height: 100%; object-fit: contain; }
.a-video-grid .a-card > p { margin: 20px 0 0; }
.a-demo-links { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 30px; }
.a-demo-links h3 { font-size: 21px; margin: 0 0 10px; }
.a-demo-links p { margin: 0; color: #515154; font-size: 14px; }
html[data-theme="light"] .v7-plan-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
html[data-theme="light"] .plan-card { display: flex; flex-direction: column; background: #fff; padding: 25px 22px; border: 1px solid #e5e5ea; border-radius: 24px; box-shadow: none; }
html[data-theme="light"] .plan-featured { background: #f9fcff; border-color: #0071e3; }
html[data-theme="light"] .plan-top { font-size: 13px; letter-spacing: 0; min-height: 26px; }
html[data-theme="light"] .plan-top small { color: #515154; font-size: 13px; }
.a-plan-badge { color: #0071e3; font-size: 12px; padding: 3px 7px; border-radius: 6px; background: #eaf3ff; }
html[data-theme="light"] .plan-card h3 { font-size: 22px; margin: 17px 0 7px; font-weight: 600; }
html[data-theme="light"] .plan-card .plan-audience { color: #515154; font-size: 13px; min-height: 42px; }
html[data-theme="light"] .plan-price { font-size: 35px; line-height: 1.5; margin: 18px 0; color: #1d1d1f; font-weight: 600; letter-spacing: -.05em; white-space: nowrap; }
html[data-theme="light"] .plan-price > span { font-size: 19px; }
html[data-theme="light"] .plan-price > small { font-size: 13px; color: #6e6e73; }
html[data-theme="light"] .plan-delivery { color: #0071e3; font-size: 14px; min-height: 67px; padding-bottom: 16px; }
html[data-theme="light"] .plan-card ul { padding: 0; margin: 15px 0 20px; list-style: none; }
html[data-theme="light"] .plan-card li { color: #515154; font-size: 14px; font-weight: 400; margin-bottom: 8px; padding-left: 17px; }
html[data-theme="light"] .plan-card li::before { content: '✓'; background: none; width: auto; height: auto; position: absolute; top: 0; color: #0071e3; font-size: 13px; }
html[data-theme="light"] .plan-card .plan-limit { color: #515154; font-size: 14px; line-height: 1.85; flex: 1; min-height: auto; margin: 0 0 24px; }
html[data-theme="light"] .plan-card > .btn { font-size: 14px; padding: 11px 8px; width: 100%; min-height: 45px; }
.a-comparison-desktop { overflow: hidden; border: 1px solid #e5e5ea; background: #fff; border-radius: 22px; margin-top: 30px; }
.a-comparison-desktop table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; font-size: 14px; }
.a-comparison-desktop caption { text-align: left; font-size: 17px; font-weight: 600; padding: 23px; border-bottom: 1px solid #e5e5ea; }
.a-comparison-desktop th,.a-comparison-desktop td { padding: 17px 22px; border-bottom: 1px solid #e5e5ea; vertical-align: top; font-weight: 400; color: #515154; }
.a-comparison-desktop th { color: #1d1d1f; font-weight: 600; background: #f9f9fb; }
.a-comparison-desktop tr:last-child :is(th,td) { border-bottom: 0; }
.a-comparison-mobile { display: none; }
.a-price-assets { margin-top: 24px; border: 1px solid #e5e5ea; border-radius: 18px; background: #fff; padding: 8px 22px; }
.a-price-assets > summary { color: #515154; font-size: 15px; }
.a-price-assets > .a-grid { padding: 16px 0; }
.a-faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 36px; margin-top: 32px; align-items: start; }
.a-faq { border-bottom: 1px solid #e5e5ea; }
.a-faq > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; cursor: pointer; list-style: none; }
.a-faq h3 { margin: 0; font-size: 16px; line-height: 1.6; font-weight: 600; }
.a-faq summary > span { color: #0071e3; }
.a-faq > p { margin: 0 0 24px; color: #515154; font-size: 15px; line-height: 1.9; }
.a-resource-card { display: flex; flex-direction: column; transition: transform 180ms ease,border-color 180ms ease; }
.a-resource-card:hover { transform: translateY(-3px); border-color: #bdd6f4; }
.a-resource-card > .a-text-link { margin-top: auto; }
/* Preserve real contact information and QR controls. */
html[data-theme="light"] .contact-section { background: #eaf3ff; border: 0; }
html[data-theme="light"] .contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 46px; align-items: center; }
html[data-theme="light"] .contact-copy h2 { font-size: 37px; line-height: 1.35; letter-spacing: -.03em; margin: 15px 0; }
html[data-theme="light"] .contact-copy p { color: #515154; font-size: 16px; }
html[data-theme="light"] .contact-copy { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0; }
html[data-theme="light"] .contact-phone { display: flex; flex-wrap: wrap; margin-top: 15px; color: #1d1d1f; gap: 12px; }
html[data-theme="light"] .contact-phone > span { color: #0071e3; background: #fff; border: 0; }
html[data-theme="light"] .contact-phone strong { color: #1d1d1f; font-size: 21px; font-weight: 600; }
html[data-theme="light"] .contact-phone small { color: #515154; font-size: 13px; }
html[data-theme="light"] .contact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
html[data-theme="light"] .contact-card { padding: 22px; background: #fff; border: 1px solid #dce7f6; border-radius: 22px; box-shadow: none; }
html[data-theme="light"] .contact-card:first-child { grid-row: span 2; }
html[data-theme="light"] .contact-card h3 { font-size: 18px; margin: 0 0 8px; color: #1d1d1f; }
html[data-theme="light"] .contact-card p { color: #515154; font-size: 14px; }
html[data-theme="light"] .contact-card img { max-width: 166px; height: auto; background: #fff; margin: 16px auto; border-radius: 14px; }
html[data-theme="light"] .qq-number { font-size: 23px; color: #0071e3; font-weight: 600; margin-block: 12px 17px; }
html[data-theme="light"] .copy-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; background: #f5f5f7; border: 0; padding: 11px; margin-top: 10px; border-radius: 11px; font-size: 14px; }
html[data-theme="light"] .copy-row span { color: #1d1d1f; font-size: 14px; font-weight: 550; }
html[data-theme="light"] .copy-row small { color: #6e6e73; font-size: 12px; width: 100%; }
.a-copy-button { border: 0; background: transparent; color: #0071e3; cursor: pointer; font-size: 12px; margin-left: auto; min-height: 30px; }
html[data-theme="light"] .apple-footer { background: #f5f5f7; border: 0; padding: 48px 0 22px; }
html[data-theme="light"] .footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3,1fr) 1.1fr; gap: 35px; }
.apple-footer .footer-brand p { font-size: 14px; color: #515154; margin: 18px 0; }
html[data-theme="light"] .apple-footer .footer-col h3 { margin: 3px 0 17px; font-size: 15px; color: #1d1d1f; font-weight: 600; }
html[data-theme="light"] .apple-footer .footer-col :is(a,button) { display: block; min-height: 32px; padding: 0; color: #515154; font-size: 13px; font-weight: 400; background: none; border: 0; text-align: left; line-height: 1.7; cursor: pointer; }
.apple-footer .footer-col a:hover { color: #0071e3; }
html[data-theme="light"] .footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 20px; row-gap: 5px; border-top: 1px solid #e5e5ea; padding-top: 20px; margin-top: 35px; font-size: 12px; color: #6e6e73; }
.footer-bottom p { margin: 0; }
.footer-bottom > div { display: flex; gap: 15px; flex-wrap: wrap; }
html[data-theme="light"] .mobile-cta { background: rgba(255,255,255,.94); backdrop-filter: blur(18px); border-top: 1px solid #e5e5ea; box-shadow: none; }
html[data-theme="light"] .mobile-cta :is(a,button) { color: #515154; background: transparent; font-size: 12px; }
html[data-theme="light"] .mobile-cta button { background: #0071e3; color: #fff; border-radius: 12px; }
/* Dialogs have focus trapping and Escape handling in apple-ui.js. */
html[data-theme="light"] .modal { display: none; z-index: 250; }
html[data-theme="light"] .modal.is-open { display: grid; opacity: 1; visibility: visible; pointer-events: auto; }
html[data-theme="light"] .modal-backdrop { background: rgba(29,29,31,.35); backdrop-filter: blur(5px); }
html[data-theme="light"] .modal-panel { background: #fff; color: #1d1d1f; border: 1px solid #e5e5ea; border-radius: 28px; box-shadow: 0 25px 90px rgba(29,29,31,.2); transform: none; max-height: calc(100svh - 48px); overflow-y: auto; }
html[data-theme="light"] .home-modal-copy :is(h2,p),html[data-theme="light"] .modal-panel h2 { color: #1d1d1f; text-shadow: none; }
html[data-theme="light"] .home-modal-copy p { color: #515154; }
html[data-theme="light"] .home-modal-points span { color: #0071e3; background: #eef5ff; border-color: #d7e7fc; }
html[data-theme="light"] .wechat-qr-card { background: #f5f5f7; border: 1px solid #e5e5ea; }
html[data-theme="light"] .wechat-qr-card small { color: #515154; }
html[data-theme="light"] .modal-close { color: #515154; background: #f2f3f6; border: 0; min-width: 44px; min-height: 44px; }
.a-image-dialog { width: min(1000px,calc(100vw - 32px)); max-height: calc(100svh - 32px); border: 1px solid #e5e5ea; border-radius: 24px; background: #fff; color: #1d1d1f; padding: 22px; box-shadow: 0 25px 90px rgba(29,29,31,.22); }
.a-image-dialog::backdrop { background: rgba(29,29,31,.45); backdrop-filter: blur(7px); }
.a-image-dialog .a-image-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 16px; }
.a-image-dialog h2 { font-size: 17px; margin: 0; }
.a-image-dialog button { border: 0; min-width: 44px; min-height: 44px; background: #f0f1f4; color: #515154; border-radius: 12px; font-size: 22px; cursor: pointer; }
.a-image-dialog img { width: 100%; height: auto; max-height: 72svh; object-fit: contain; }
.a-image-dialog .a-text-link { margin-top: 12px; }
.a-toast { position: fixed; bottom: 95px; left: 50%; transform: translateX(-50%); z-index: 350; background: #1d1d1f; color: #fff; padding: 10px 20px; border-radius: 12px; box-shadow: var(--shadow); font-size: 14px; max-width: calc(100vw - 32px); text-align: center; }
/* Existing detail pages use the same materials and readable typography. */
html[data-theme="light"] .sub-hero { min-height: auto; margin: 0; padding: 65px 0 48px; background: linear-gradient(180deg,#edf4ff,#f5f5f7); border: 0; }
html[data-theme="light"] .sub-hero::before,html[data-theme="light"] .sub-hero::after { content: none; }
html[data-theme="light"] .sub-hero h1 { font-size: clamp(30px,3.5vw,45px); letter-spacing: -.035em; line-height: 1.4; margin: 14px 0; }
html[data-theme="light"] .sub-hero-inner { padding-top: 0; }
html[data-theme="light"] .sub-hero p { color: #515154; font-size: 16px; max-width: 870px; line-height: 1.85; }
html[data-theme="light"] .sub-main { padding-top: 12px; }
html[data-theme="light"] .sub-main .seo-content { padding-block: 32px; }
html[data-theme="light"] .seo-content :is(p,li),html[data-theme="light"] .article-reader :is(p,li) { font-size: 16px; color: #515154; }
html[data-theme="light"] .seo-content h2 { font-weight: 600; line-height: 1.4; }
html[data-theme="light"] :is(.detail-card,.info-tile,.scenario-card,.source-card,.selling-card,.module-item,.flow-step,.case-card,.case-link-card,.faq-card,.support-panel,.support-grid article,.pricing-card,.pricing-compare-head,.topic-panel,.demo-entry-card,.demo-live-panel,.admin-shot-card,.video-card,.sub-proof,.source-note,.feature-stats,.function-group,.release-group,.a-role-panel,.seo-card,.topic-kpi-grid > div) {
  color: #1d1d1f; background: #fff; border-color: #e5e5ea; border-radius: 22px; box-shadow: 0 8px 30px rgba(29,29,31,.03);
}
/* Legacy important gradients also need replacing; otherwise text sits on dark surfaces. */
html[data-theme="light"] :is(.feature-card,.price-card,.contact-card,.detail-card,.docs-pricing-grid article,.docs-value-grid article,.docs-highlight-grid article,.docs-compare article,.service-diff-card,.release,.release-mini-grid article,.module-card,.demo-entry-primary,.admin-account,.home-directory-card.feature-entry,.sub-proof > div) {
  background: #fff !important; border-color: #e5e5ea !important; box-shadow: 0 8px 30px rgba(29,29,31,.035) !important;
}
html[data-theme="light"] :is(.demo-entry-primary,.admin-account) { background: #eef5ff !important; border-color: #d6e7fc !important; }
html[data-theme="light"] :is(.demo-entry-card > span,.demo-account-card > span,.demo-live-panel > span,.case-card > span,.case-link-grid span,.docs-pricing-grid span) { color: #0071e3; background: #eef5ff; border-color: #d6e7fc; font-weight: 600; }
html[data-theme="light"] :is(.seo-faq-card,.topic-kpi-grid article,.topic-flow-grid article,.demo-account-card,.v5-release-card) { background: #fff; border: 1px solid #e5e5ea; border-radius: 22px; box-shadow: 0 8px 30px rgba(29,29,31,.03); }
html[data-theme="light"] :is(.seo-faq-card,.topic-kpi-grid,.topic-flow-grid,.demo-account-card,.v5-release-card) :is(h2,h3,h4,strong) { color: #1d1d1f; font-weight: 600; }
html[data-theme="light"] :is(.seo-faq-card,.topic-kpi-grid,.topic-flow-grid,.demo-account-card,.v5-release-card) :is(p,li,small) { color: #515154; font-size: 15px; }
html[data-theme="light"] :is(.feature-table,.compare-table,.pricing-table,.table-wrap,.docs-table-wrap) { background: #fff; border-color: #e5e5ea; border-radius: 18px; }
html[data-theme="light"] :is(.feature-table,.compare-table,.pricing-table,.table-wrap,.docs-table-wrap) th { color: #1d1d1f; background: #f0f1f4; border-color: #e5e5ea; }
html[data-theme="light"] :is(.feature-table,.compare-table,.pricing-table,.table-wrap,.docs-table-wrap) td { color: #515154; background: #fff; border-color: #e5e5ea; font-size: 14px; }
html[data-theme="light"] .admin-shot-card figcaption { position: static; color: #515154; background: #fff; padding: 16px; border-top: 1px solid #e5e5ea; }
html[data-theme="light"] :is(.detail-card,.info-tile,.scenario-card,.source-card,.selling-card,.module-item,.flow-step,.case-card,.case-link-card,.faq-card,.support-panel,.topic-panel,.demo-entry-card,.demo-live-panel,.video-card,.function-group) :is(h2,h3,h4,strong) { color: #1d1d1f; font-weight: 600; }
html[data-theme="light"] :is(.detail-card,.info-tile,.scenario-card,.source-card,.selling-card,.module-item,.flow-step,.case-card,.case-link-card,.faq-card,.support-panel,.topic-panel,.demo-entry-card,.demo-live-panel,.video-card,.function-group) :is(p,li,small) { color: #515154; font-size: 15px; }
html[data-theme="light"] :is(.release-group,.v7-history,.v7-image-fold,.v7-resource-fold) { border-color: #e5e5ea; border-radius: 22px; background: #fff; }
html[data-theme="light"] .release-group :is(p,li),html[data-theme="light"] .v7-history :is(p,li) { font-size: 15px; color: #515154; }
html[data-theme="light"] .v7-history { margin-top: 16px; }
html[data-theme="light"] .v7-history summary { font-size: 17px; padding: 20px 24px; color: #1d1d1f; }
html[data-theme="light"] .v7-history summary span { color: #0071e3; font-size: 13px; }
html[data-theme="light"] .v7-pricing-note { border-color: #d6e7fc; background: #eef5ff; border-radius: 18px; }
html[data-theme="light"] .v7-pricing-note p { font-size: 14px; color: #515154; }
html[data-theme="light"] .v7-release-intro .asset-link img { max-height: none; }
html[data-theme="light"] .v7-version-nav a { border-color: #e5e5ea; border-radius: 12px; background: #fff; color: #0071e3; min-height: 44px; font-size: 14px; }
html[data-theme="light"] :is(.buy-cta,.support-cta,.v7-archive-notice) { background: #eef5ff; border: 1px solid #d6e7fc; border-radius: 24px; box-shadow: none; }
html[data-theme="light"] :is(.buy-cta,.support-cta) p { color: #515154; font-size: 16px; }
html[data-theme="light"] :is(.function-tags span,.footer-badges span,.tech-stack span) { background: #f0f1f4; border: 0; color: #515154; font-weight: 500; }
html[data-theme="light"] .feature-stats strong { color: #0071e3; }
html[data-theme="light"] .sub-proof strong { color: #0071e3; font-weight: 600; }
html[data-theme="light"] .sub-proof span { color: #515154; font-size: 14px; }
html[data-theme="light"] .reveal { opacity: 1; transform: none; transition: none; }
html[data-theme="light"] :is(.video-media,.demo-url,.demo-contact-line,.seo-code) { background: #f5f5f7; color: #515154; border-color: #e5e5ea; }
.contract-page { padding: 0 !important; }
html[data-theme="light"] .contract-page .contract-container { margin: 45px auto; padding: 48px 60px; width: min(900px,calc(100% - 40px)); border: 1px solid #e5e5ea; border-radius: 24px; box-shadow: var(--shadow); }
.contract-page .contract-container::before { background: #0071e3 !important; border-radius: 24px 24px 0 0; }
.contract-page { --primary-color: #1d1d1f; --accent-color: #0071e3; }
@media (max-width: 1190px) {
  html[data-theme="light"] .apple-topbar { gap: 12px; padding-inline: 24px; }
  html[data-theme="light"] .apple-topbar .nav { gap: 2px; }
  html[data-theme="light"] .apple-topbar .nav-trigger { font-size: 13px; padding-left: 4px; }
  .a-hero-grid { gap: 34px; }
  .a-visual-roles { display: none; }
  .a-card { padding: 23px; }
  .a-brand-editor { grid-template-columns: 1.1fr .9fr; gap: 28px; }
  html[data-theme="light"] .plan-price { font-size: 31px; }
}
@media (max-width: 1050px) {
  html[data-theme="light"] .apple-topbar { min-height: 72px; }
  html[data-theme="light"] .nav-toggle { display: grid; place-content: center; gap: 6px; margin-left: auto; order: 1; }
  html[data-theme="light"] .apple-topbar .a-nav-consult { order: 2; }
  html[data-theme="light"] .apple-topbar .nav { display: none; position: absolute; left: 20px; right: 20px; top: calc(100% + 10px); width: auto; flex-direction: column; align-items: stretch; gap: 0; padding: 12px; border: 1px solid #e5e5ea; border-radius: 22px; background: #fff; max-height: calc(100svh - 120px); overflow-y: auto; box-shadow: 0 20px 50px rgba(29,29,31,.12); }
  html[data-theme="light"] .apple-topbar .nav.is-open { display: flex; }
  html:not(.ui-enhanced)[data-theme="light"] .apple-topbar { position: relative; flex-wrap: wrap; }
  html:not(.ui-enhanced)[data-theme="light"] .apple-topbar .nav { display: flex; position: static; flex-basis: 100%; order: 3; box-shadow: none; border: 0; max-height: none; padding: 0; }
  html:not(.ui-enhanced)[data-theme="light"] :is(.nav-toggle,.nav-disclosure) { display: none; }
  .apple-topbar .nav-group { display: grid; grid-template-columns: 1fr 44px; border-bottom: 1px solid #eeeef2; }
  .apple-topbar .nav-group:last-child { border: 0; }
  html[data-theme="light"] .apple-topbar .nav-trigger { padding: 10px 12px; font-size: 15px; }
  .nav-disclosure { min-height: 44px; width: 44px; font-size: 21px; }
  html[data-theme="light"] .apple-topbar .dropdown { display: none; position: static; grid-column: 1/-1; transform: none; border: 0; border-radius: 10px; box-shadow: none; width: auto; background: #f5f5f7; opacity: 1; visibility: visible; pointer-events: auto; margin: 0 4px 10px; }
  html[data-theme="light"] .apple-topbar .nav-group.is-open .dropdown { display: block; transform: none; }
  html[data-theme="light"] .apple-topbar .nav-group:not(.is-open):focus-within .dropdown,
  html[data-theme="light"] .apple-topbar .nav-group:not(.is-open):hover .dropdown { display: none; }
  .a-grid-4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-theme="light"] .v7-plan-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  html[data-theme="light"] .plan-price { font-size: 36px; }
  html[data-theme="light"] .plan-card .plan-audience,html[data-theme="light"] .plan-delivery { min-height: 0; }
  .a-stage-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .a-timeline-stage { grid-template-columns: 190px 1fr; gap: 30px; }
  .a-current-release { align-items: flex-start; flex-direction: column; }
  html[data-theme="light"] .platform-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .a-demo-links { align-items: flex-start; flex-direction: column; }
  html[data-theme="light"] .footer-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 25px; }
  .apple-footer .footer-brand { grid-column: 1/-1; }
  .a-comparison-desktop th,.a-comparison-desktop td { padding: 15px 13px; }
}
@media (max-width: 800px) {
  .a-section { padding-block: 56px; }
  .a-hero { padding-top: 45px; }
  .a-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .a-hero-copy { max-width: 600px; }
  .a-hero h1 { font-size: 52px; }
  .a-hero-visual { max-width: 570px; width: 100%; margin: 0 auto; }
  .a-hero .hero-lead { max-width: 590px; }
  .a-overview { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  .a-grid-3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .a-order-flow { grid-template-columns: 1fr; gap: 0; margin-top: 30px; }
  .a-order-flow li { display: grid; grid-template-columns: 42px 1fr; column-gap: 20px; padding: 0 0 25px; }
  .a-order-flow li > span { grid-row: span 2; }
  .a-order-flow h3 { margin: 0 0 5px; }
  .a-order-flow li:not(:last-child)::after { content: ''; left: 20px; top: 42px; width: 1px; height: calc(100% - 42px); background: #d6e5fb; }
  .a-branch-grid { gap: 25px; }
  .a-role-panel { gap: 25px; padding: 28px; }
  .a-role-panel h3 { font-size: 25px; }
  .a-shot-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
  .a-shot-phone { max-width: 260px; margin-inline: auto; }
  .a-brand-editor,.a-theme-showcase,.a-finance-layout { grid-template-columns: 1fr; }
  .a-theme-showcase { gap: 20px; }
  .a-brand-editor .asset-link { width: 100%; }
  .a-finance-layout { gap: 24px; }
  .a-timeline-stage { grid-template-columns: 1fr; gap: 20px; }
  .a-stage-label { display: grid; grid-template-columns: 40px 1fr; column-gap: 15px; }
  .a-stage-number { grid-row: span 2; }
  .a-stage-label h3 { margin: 0; font-size: 22px; }
  .a-stage-label p { margin-top: 3px; }
  .a-stage-nodes { margin-left: 19px; }
  html[data-theme="light"] .platform-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .a-delivery-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-theme="light"] .contact-layout { grid-template-columns: 1fr; gap: 30px; }
  html[data-theme="light"] .contact-phone { display: inline-flex; margin-right: 15px; }
}
@media (max-width: 620px) {
  html[data-theme="light"] .container { width: calc(100% - 40px); }
  html[data-theme="light"] .apple-topbar { padding: 12px 18px; gap: 10px; }
  html[data-theme="light"] .brand { font-size: 18px; gap: 6px; }
  .a-brand-icon { width: 31px; }
  .a-brand-icon svg { width: 29px; }
  html[data-theme="light"] .apple-topbar .a-nav-consult { padding: 10px 12px; font-size: 13px; }
  .brand small { font-size: 8px; }
  .a-section { padding-block: 46px; }
  .a-hero { padding-top: 34px; }
  .a-hero h1 { font-size: clamp(34px,9.5vw,43px); }
  .a-eyebrow { font-size: 13px; margin-top: 22px; }
  .a-hero .hero-lead { font-size: 16px; margin: 20px 0 24px; }
  .a-hero .hero-actions { gap: 10px; }
  .a-hero .hero-actions .btn { font-size: 14px; padding-inline: 15px; }
  .a-hero-note { font-size: 12px; }
  .a-hero-visual { border-radius: 25px; padding: 21px 18px 17px; }
  .a-phones { gap: 18px; padding: 23px 0 27px; }
  .a-phone { width: 44%; border-width: 4px; border-radius: 22px; }
  .a-phone .asset-link { border-radius: 16px; }
  .a-visual-label strong { font-size: 19px; }
  .a-visual-footer { font-size: 12px; }
  .a-overview-section { padding-block: 29px; }
  .a-overview { gap: 24px 18px; }
  .a-overview h3 { font-size: 16px; }
  .a-overview p { font-size: 13px; }
  .a-definition { font-size: 13px; }
  .a-section-heading { display: block; margin-bottom: 26px; }
  .a-section-heading h2 { font-size: 28px; line-height: 1.4; margin: 10px 0; }
  .a-section-heading p { font-size: 15px; }
  .a-section-heading > .a-text-link { margin-top: 12px; }
  .a-grid-2,.a-grid-3,.a-grid-4 { grid-template-columns: 1fr; gap: 16px; }
  .a-card { padding: 23px; border-radius: 22px; }
  .a-branch-grid { grid-template-columns: 1fr; gap: 20px; }
  .a-role-tabs { gap: 8px; }
  .a-role-tabs button { font-size: 14px; padding: 10px 15px; }
  .a-role-panel { grid-template-columns: 1fr; padding: 24px; gap: 12px; }
  .a-role-panel p { font-size: 15px; }
  .a-role-capabilities > div { gap: 13px; }
  .a-shot-grid { gap: 28px 17px; }
  .a-shot-phone { padding: 4px; border-radius: 20px; }
  .a-shot-phone .asset-link { border-radius: 16px; }
  .a-shot-grid figcaption h3 { font-size: 17px; }
  .a-shot-grid figcaption p { font-size: 14px; }
  .a-brand-editor { padding: 18px; gap: 22px; }
  .a-brand-copy h3 { font-size: 25px; }
  .a-theme-showcase h3 { font-size: 22px; }
  .a-inline-note { display: block; padding: 20px; }
  .a-inline-note p { margin-top: 10px; }
  .a-finance-ledger { padding: 25px; }
  .a-metric-grid { gap: 20px; }
  .a-metric-grid h4 { font-size: 17px; }
  .a-metric-grid p { font-size: 14px; }
  .a-history-stats { padding: 20px 8px; }
  .a-history-stats strong { font-size: 27px; }
  .a-history-stats span { font-size: 12px; }
  .a-history-intro { font-size: 15px; }
  .a-stage-overview { gap: 12px; }
  .a-stage-card { padding: 18px 15px; }
  .a-stage-card h3 { font-size: 17px; }
  .a-stage-card p { font-size: 13px; }
  .a-stage-card .a-meta { font-size: 12px; }
  .a-stage-nodes { padding-left: 20px; margin-left: 10px; }
  .a-history-node { padding: 20px; border-radius: 19px; }
  .a-history-node::before { left: -27px; top: 27px; }
  .a-node-heading { column-gap: 11px; }
  .a-node-heading h4 { font-size: 18px; flex-basis: calc(100% - 95px); min-width: 100px; }
  .a-node-heading time { flex-basis: 100%; font-size: 12px; }
  .a-version-label { font-size: 13px; padding: 5px 8px; }
  .a-current-release { padding: 24px; gap: 22px; }
  .a-current-release h3 { font-size: 23px; }
  html[data-theme="light"] .platform-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  html[data-theme="light"] .platform-card { padding: 16px 12px 20px; border-radius: 20px; }
  html[data-theme="light"] .platform-avatar { width: 100px; height: 100px; margin-bottom: 15px; }
  html[data-theme="light"] .platform-card h3 { font-size: 16px; }
  html[data-theme="light"] .platform-wall-head { flex-direction: column; align-items: flex-start; gap: 6px; }
  .a-auth-bar { flex-direction: column; align-items: flex-start; gap: 20px; }
  .a-delivery-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .a-video-grid { grid-template-columns: 1fr; }
  .a-demo-links .cta-actions { gap: 10px; }
  html[data-theme="light"] .v7-plan-grid { grid-template-columns: 1fr; gap: 16px; }
  html[data-theme="light"] .plan-card { padding: 27px; }
  html[data-theme="light"] .plan-card h3 { font-size: 24px; }
  html[data-theme="light"] .plan-card .plan-audience { font-size: 14px; }
  html[data-theme="light"] .plan-price { font-size: 40px; }
  .a-comparison-desktop { display: none; }
  .a-comparison-mobile { display: block; margin-top: 24px; }
  .a-comparison-mobile details { border: 1px solid #e5e5ea; padding: 4px 20px; background: #fff; border-radius: 16px; margin-top: 10px; }
  .a-comparison-mobile summary { display: flex; justify-content: space-between; padding-block: 16px; font-size: 15px; cursor: pointer; }
  .a-comparison-mobile dl { margin: 0 0 15px; }
  .a-comparison-mobile dl > div { display: grid; grid-template-columns: 88px 1fr; padding: 12px 0; border-top: 1px solid #e5e5ea; gap: 12px; font-size: 14px; }
  .a-comparison-mobile dt { color: #6e6e73; }
  .a-comparison-mobile dd { margin: 0; color: #515154; }
  .a-faq-grid { grid-template-columns: 1fr; }
  .a-price-assets { padding-inline: 17px; }
  html[data-theme="light"] .contact-copy h2 { font-size: 30px; }
  html[data-theme="light"] .contact-grid { grid-template-columns: 1fr; gap: 16px; }
  html[data-theme="light"] .contact-card:first-child { grid-row: auto; }
  html[data-theme="light"] .contact-card { padding: 25px; }
  html[data-theme="light"] .contact-card img { max-width: 176px; }
  html[data-theme="light"] .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
  .apple-footer .footer-brand { grid-column: 1/-1; }
  html[data-theme="light"] .footer-bottom { margin-top: 28px; padding-bottom: 85px; }
  html[data-theme="light"] .sub-hero { padding: 35px 0; }
  html[data-theme="light"] .sub-hero h1 { font-size: 30px; }
  html[data-theme="light"] .seo-content .seo-card { padding: 22px; }
  html[data-theme="light"] .v7-history summary { padding: 20px; }
  html[data-theme="light"] .v7-history summary span { float: none; display: block; margin-top: 6px; }
  html[data-theme="light"] .contract-page .contract-container { padding: 28px 23px; margin: 24px auto; }
  .a-image-dialog { padding: 16px; border-radius: 20px; }
  html[data-theme="light"] .modal-panel { width: calc(100vw - 32px); padding: 26px; }
}
@media (max-width: 360px) {
  html[data-theme="light"] .container { width: calc(100% - 32px); }
  html[data-theme="light"] .apple-topbar { padding-inline: 13px; gap: 7px; }
  html[data-theme="light"] .brand { font-size: 17px; }
  .a-brand-icon { width: 27px; }
  .a-hero .hero-actions .btn { padding-inline: 12px; font-size: 13px; }
  .a-release-pill { font-size: 12px; }
  .a-stage-overview { grid-template-columns: 1fr; }
  .a-history-stats strong { font-size: 24px; }
  html[data-theme="light"] .platform-avatar { width: 90px; height: 90px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation: none !important; transition: none !important; }
}
@supports not (backdrop-filter: blur(18px)) {
  html[data-theme="light"] .apple-topbar { background: #fff; }
}

/* Detail upgrade: navigation, native icons and layered reading surfaces. */
:root { --header-height: 76px; --chapter-height: 0px; }
html { scroll-padding-top: calc(var(--header-height) + var(--chapter-height)); }
html[data-theme="light"] [id] { scroll-margin-top: 2px; }
html.has-chapter-nav { --chapter-height: 57px; }
.a-ui-icon { display: block; width: 24px; height: 24px; flex: 0 0 auto; }
html[data-theme="light"] .apple-topbar { transition: background 200ms ease, box-shadow 200ms ease; }
html[data-theme="light"] .apple-topbar.is-scrolled { background: rgba(255,255,255,.91); box-shadow: 0 4px 22px rgba(29,29,31,.045); }
.a-reading-progress { position: absolute; inset: auto 0 -1px; height: 2px; overflow: hidden; pointer-events: none; }
.a-reading-progress span { display: block; width: 100%; height: 100%; background: #0071e3; transform: scaleX(var(--reading-progress,0)); transform-origin: left; }
html[data-theme="light"] .apple-topbar .nav-trigger { transition: color 160ms ease, background 160ms ease; }
html[data-theme="light"] .apple-topbar .nav-trigger.active { background: #edf4fe; }
.nav-disclosure span { display: inline-block; transition: transform 160ms ease; }
.nav-disclosure[aria-expanded="true"] span { transform: rotate(180deg); }
html[data-theme="light"] .apple-topbar .dropdown { padding: 10px; background: rgba(255,255,255,.96); backdrop-filter: blur(24px); }
html[data-theme="light"] .apple-topbar .dropdown a { border-radius: 10px; }
html[data-theme="light"] .btn-primary { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 3px 8px rgba(0,113,227,.1); }
html[data-theme="light"] .btn-primary:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 5px 14px rgba(0,113,227,.16); }
html[data-theme="light"] .btn:active { transform: translateY(1px); }
.a-text-link > span { transition: transform 180ms ease; }
.a-text-link:hover > span { transform: translate(2px,-2px); }
.a-chapter-nav { position: sticky; top: var(--header-height); z-index: 80; border-bottom: 1px solid rgba(29,29,31,.07); background: rgba(250,251,253,.9); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.a-chapter-inner { display: flex; align-items: center; gap: 28px; min-height: 56px; }
.a-chapter-label { flex-shrink: 0; font-size: 13px; font-weight: 600; color: #1d1d1f; }
.a-chapter-links { display: flex; flex: 1; align-items: center; gap: 6px; min-width: 0; }
.a-chapter-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 6px 14px; border-radius: 10px; color: #6e6e73; font-size: 13px; white-space: nowrap; text-decoration: none; transition: color 160ms ease, background 160ms ease; }
.a-chapter-links a:hover { color: #0071e3; background: #edf4fe; }
.a-chapter-links a[aria-current="location"] { color: #0071e3; background: #e7f0fd; font-weight: 600; }
.a-chapter-demo { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; min-height: 44px; color: #0071e3; font-size: 13px; }
html:not(.ui-enhanced) .a-chapter-nav { position: static; }
.a-hero { background: radial-gradient(ellipse at 86% 20%,rgba(195,217,253,.6),transparent 53%),radial-gradient(ellipse at 0% 90%,rgba(232,236,248,.5),transparent 45%),linear-gradient(180deg,#fcfdff,#f5f5f7); }
.a-hero-visual { box-shadow: inset 0 1px 0 #fff, 0 24px 65px rgba(44,74,120,.085); background: linear-gradient(145deg,rgba(245,249,255,.95),#fff); border-color: #dce6f4; }
.a-release-pill { box-shadow: inset 0 1px 0 rgba(255,255,255,.65); }
.a-visual-label strong { letter-spacing: -.035em; }
.a-overview-mark { display: flex; align-items: center; justify-content: space-between; color: #0071e3; margin-bottom: 16px; }
.a-overview-mark .a-ui-icon { width: 25px; height: 25px; }
.a-overview-index { color: #92929a; font-weight: 500; }
.a-overview > article { padding-right: 22px; }
.a-overview > article + article { border-left: 1px solid #ececf1; padding-left: 26px; }
.a-section-heading .section-kicker { display: inline-flex; align-items: center; gap: 9px; }
.a-section-heading .section-kicker::before { content: ''; display: block; width: 5px; height: 5px; background: currentColor; border-radius: 50%; }
.a-capability-icon { display: grid; place-items: center; width: 48px; height: 48px; color: #0071e3; background: linear-gradient(145deg,#edf5ff,#e5effc); border: 1px solid #dce8f8; border-radius: 15px; box-shadow: inset 0 1px 0 rgba(255,255,255,.9); }
.a-card { transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.a-update-card { background: linear-gradient(155deg,#fff 68%,#f9fbff); }
.a-update-card .a-card-top .a-meta,.a-catalog-card .a-card-top .a-meta { font-variant-numeric: tabular-nums; font-size: 12px; color: #6e6e73; }
.a-inline-details > summary > span,.a-faq > summary > span,.a-poster-details > summary > span,.a-price-assets > summary > span { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex-shrink: 0; border-radius: 50%; background: #edf4fe; color: #0071e3; transition: transform 180ms ease; }
.a-poster-details[open] > summary > span { transform: rotate(45deg); }
.a-inline-details[open] { padding-bottom: 6px; }
.a-detail-list > li + li { border-top: 1px solid #eef0f5; }
.a-detail-list > li::marker { font-size: 12px; font-weight: 600; }
.a-order-flow li > span { border: 1px solid #dce8f8; box-shadow: inset 0 1px 0 #fff; }
.a-role-tabs { width: fit-content; max-width: 100%; padding: 7px; gap: 4px; border: 1px solid #e5e8ef; border-radius: 20px; background: #ebedf2; }
.a-role-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: transparent; border-color: transparent; border-radius: 13px; padding: 10px 16px; transition: background 180ms ease, color 180ms ease, box-shadow 180ms ease; }
.a-role-tabs button .a-ui-icon { width: 18px; height: 18px; }
.a-role-tabs button[aria-selected="true"] { background: #fff; color: #0071e3; border-color: rgba(0,113,227,.07); box-shadow: 0 2px 8px rgba(29,29,31,.08); }
.a-role-panel { background: linear-gradient(110deg,#fff 48%,#f8faff); box-shadow: 0 6px 30px rgba(29,29,31,.025); }
.a-role-capabilities > div > span { display: grid; place-items: center; align-self: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 9px; background: #edf4fe; font-size: 11px; }
.a-shot-grid figure { padding: 24px 18px; border: 1px solid #e8ebf1; border-radius: 26px; background: linear-gradient(160deg,#f5f8fd,#fafbfc); }
.a-shot-phone { max-width: 218px; margin-inline: auto; }
.a-shot-heading { display: flex; align-items: baseline; gap: 10px; }
.a-shot-heading .a-number { font-size: 12px; color: #6e6e73; }
.a-shot-grid figcaption h3 { margin-bottom: 8px; }
.a-shot-expand { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 8px; font-size: 13px; font-weight: 550; color: #0071e3; }
.a-brand-editor { box-shadow: 0 12px 36px rgba(29,29,31,.035); }
.a-brand-editor .asset-link { border-radius: 14px; }
.a-finance-ledger { background: linear-gradient(145deg,#f3f7fd,#f8f9fc); border-color: #e0e7f1; }
.a-stage-card { display: flex; flex-direction: column; }
.a-stage-card-top { display: flex; align-items: center; justify-content: space-between; color: #0071e3; }
.a-stage-card-top .a-ui-icon { width: 23px; height: 23px; opacity: .65; }
.a-stage-jump { display: flex; justify-content: space-between; gap: 12px; padding-top: 20px; margin-top: auto; font-size: 12px; color: #0071e3; }
.a-stage-nodes { border-left-color: #d7e3f3; }
.a-history-node { box-shadow: 0 4px 18px rgba(29,29,31,.02); }
.a-history-node::before { box-shadow: 0 0 0 3px #dfeafb; }
.a-history-node.is-current { background: linear-gradient(145deg,#edf5ff,#f7fbff); border-color: #9fc4f2; box-shadow: 0 8px 30px rgba(0,113,227,.06); }
.a-current-badge { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 15px; padding: 4px 10px; border: 1px solid #d3e4fb; border-radius: 99px; background: #fff; color: #0071e3; font-size: 11px; font-weight: 600; }
.a-current-badge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #0071e3; }
.a-current-release { background: linear-gradient(110deg,#edf5ff,#f6faff); }
html[data-theme="light"] .platform-card { background: linear-gradient(145deg,#fafbfe,#f5f7fb); transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; }
html[data-theme="light"] .platform-avatar { border: 1px solid #edf0f5; box-shadow: 0 6px 16px rgba(29,29,31,.035); }
html[data-theme="light"] .plan-card { position: relative; transition: border-color 180ms ease, box-shadow 180ms ease; }
html[data-theme="light"] .plan-featured { border-color: #78b0ee; background: linear-gradient(180deg,#f0f7ff,#fff 40%); box-shadow: 0 8px 28px rgba(0,113,227,.075); }
html[data-theme="light"] .plan-featured::before { content: ''; position: absolute; top: 0; left: 24px; right: 24px; height: 3px; background: #0071e3; border-radius: 0 0 5px 5px; }
html[data-theme="light"] .plan-price { font-variant-numeric: tabular-nums; }
.a-comparison-desktop tbody tr:nth-child(even) td { background: #fbfcfe; }
.a-comparison-desktop thead th { font-size: 13px; }
.a-comparison-desktop thead th:nth-child(3) { color: #0071e3; background: #edf5ff; }
.a-faq-grid { gap: 0 36px; }
.a-faq > summary { transition: color 160ms ease; }
.a-faq[open] > summary h3 { color: #0071e3; }
.a-faq > p { padding-left: 15px; border-left: 2px solid #dae9fc; }
html[data-theme="light"] .contact-section { background: radial-gradient(ellipse at 10% 80%,rgba(255,255,255,.75),transparent 65%),#eaf3ff; }
html[data-theme="light"] .contact-phone { background: #f8fbff !important; border-color: #d5e5f8 !important; border-radius: 18px; }
.a-copy-button { padding: 4px 10px; border-radius: 8px; min-height: 38px; }
.a-copy-button:hover { background: #e5effc; }
.a-back-top { position: fixed; bottom: 30px; right: 26px; z-index: 90; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #e0e5ed; border-radius: 15px; background: rgba(255,255,255,.94); backdrop-filter: blur(15px); color: #515154; cursor: pointer; box-shadow: 0 5px 22px rgba(29,29,31,.075); }
.a-back-top svg { width: 20px; height: 20px; }
.a-back-top:hover { color: #0071e3; border-color: #c5daf4; }
.a-image-status { display: grid; place-items: center; min-height: 150px; padding: 24px; border-radius: 16px; background: #f5f7fb; color: #6e6e73; font-size: 14px; text-align: center; }
@media (hover: hover) and (pointer: fine) {
  .a-update-card:hover,.a-catalog-card:hover { transform: translateY(-3px); border-color: #c6daf4; box-shadow: 0 12px 32px rgba(44,74,120,.065); }
  html[data-theme="light"] .plan-card:hover { border-color: #9fc4f2; box-shadow: 0 10px 32px rgba(44,74,120,.065); }
  html[data-theme="light"] .platform-card:hover { box-shadow: 0 9px 24px rgba(44,74,120,.05); }
}
@media (max-width: 1050px) {
  :root { --header-height: 72px; }
  .a-chapter-label { display: none; }
  .a-chapter-inner { gap: 10px; }
  .a-chapter-links { justify-content: space-between; }
  .a-chapter-links a { padding-inline: 10px; }
  .a-role-tabs button { padding-inline: 13px; }
}
@media (max-width: 800px) {
  .a-chapter-demo { display: none; }
  .a-overview > article { padding-right: 0; }
  .a-overview > article + article { padding-left: 0; border: 0; }
  .a-overview > article:nth-child(even) { padding-left: 20px; border-left: 1px solid #ececf1; }
}
@media (max-width: 620px) {
  html.has-chapter-nav { --chapter-height: 53px; }
  html[data-theme="light"] .a-chapter-inner { min-height: 52px; width: 100%; padding-inline: 16px; }
  .a-chapter-links { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; justify-content: flex-start; padding: 3px; }
  .a-chapter-links::-webkit-scrollbar { display: none; }
  .a-chapter-links a { flex-shrink: 0; min-height: 44px; padding-inline: 12px; font-size: 12px; }
  .a-chapter-links a:focus-visible { outline-offset: -3px; }
  .a-role-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; padding: 5px; gap: 5px; border-radius: 18px; }
  .a-role-tabs button { padding: 9px 4px; gap: 5px; font-size: 12px; }
  .a-role-tabs button .a-ui-icon { width: 16px; height: 16px; }
  .a-shot-grid { gap: 24px 16px; }
  .a-shot-grid figure { padding: 15px 10px; border-radius: 20px; }
  .a-shot-phone { padding: 0; }
  .a-shot-heading { gap: 7px; }
  .a-shot-heading .a-number { font-size: 10px; }
  .a-shot-grid figcaption h3 { font-size: 15px; }
  .a-shot-grid figcaption p { font-size: 13px; }
  .a-shot-expand { font-size: 12px; }
  .a-stage-jump { padding-top: 14px; }
  .a-back-top { right: 14px; bottom: calc(88px + env(safe-area-inset-bottom)); width: 42px; height: 42px; }
  html[data-theme="light"] .mobile-cta { padding-bottom: max(8px,env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .a-update-card:hover,.a-catalog-card:hover,.a-resource-card:hover,.a-stage-card:hover,
  html[data-theme="light"] .platform-card:hover,html[data-theme="light"] .btn:active { transform: none; }
}
@supports not (backdrop-filter: blur(20px)) {
  .a-chapter-nav { background: #fafbfd; }
}

/* Product discovery and procurement guidance use existing maintained content. */
.a-feature-tools { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 18px 24px; margin-bottom: 26px; padding: 24px; border: 1px solid #dfe6f0; border-radius: 24px; background: linear-gradient(120deg,#fff,#f5f9ff); }
.a-feature-search { min-width: 0; }
.a-feature-search > label { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 600; color: #1d1d1f; }
.a-search-field { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 5px 7px 5px 14px; border: 1px solid #dbe2ec; border-radius: 13px; background: #fff; }
.a-search-field:focus-within { border-color: #0071e3; box-shadow: 0 0 0 3px rgba(0,113,227,.09); }
.a-search-field .a-ui-icon { width: 19px; height: 19px; color: #92929a; }
.a-search-field input { width: 100%; min-width: 0; padding: 5px 0; border: 0; outline: 0; background: transparent; color: #1d1d1f; font: inherit; font-size: 15px; }
.a-search-field input::placeholder { color: #787880; }
.a-search-field button { min-height: 36px; padding: 6px 12px; flex-shrink: 0; border: 0; border-radius: 8px; background: #f2f4f8; color: #515154; font-size: 12px; cursor: pointer; }
.a-feature-popular { display: flex; align-items: center; gap: 5px; padding-bottom: 4px; font-size: 12px; }
.a-feature-popular > span { color: #6e6e73; margin-right: 4px; }
.a-feature-popular button { min-height: 40px; padding: 5px 9px; border: 0; border-radius: 8px; background: #edf4fe; color: #0071e3; font-size: 12px; cursor: pointer; }
.a-filter-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.a-feature-tools > .a-filter-chips,.a-feature-tools > .a-filter-status { grid-column: 1/-1; }
.a-filter-chips button { min-height: 44px; padding: 8px 15px; border: 1px solid #e0e5ed; border-radius: 99px; background: #fff; color: #515154; font-size: 13px; line-height: 1.5; cursor: pointer; transition: color 160ms ease, border-color 160ms ease, background 160ms ease; }
.a-filter-chips button:hover { border-color: #b4cfef; color: #0071e3; }
.a-filter-chips button[aria-pressed="true"] { color: #0071e3; background: #e8f2ff; border-color: #bcd7f8; font-weight: 600; }
.a-filter-status { color: #6e6e73; font-size: 13px; margin: 0; }
.a-feature-tools > .a-filter-status { margin-top: -5px; }
.a-search-hit { padding: 1px 2px; border-radius: 3px; background: #e4efff; color: #005ab5; }
.a-catalog-card.is-filtered .a-tags { display: none; }
.a-catalog-card.is-filtered .a-inline-details { margin-top: 17px; }
.a-search-empty { text-align: center; border: 1px dashed #d4dfed; border-radius: 24px; padding: 45px 24px; background: #fff; }
.a-search-empty > .a-ui-icon { margin: 0 auto 18px; width: 35px; height: 35px; color: #a0b7d4; }
.a-search-empty h3 { font-size: 20px; margin: 0 0 10px; }
.a-search-empty p { color: #6e6e73; font-size: 14px; margin: 0 0 20px; }
.a-section-heading h2,.a-advisor-heading h3 { text-wrap: balance; }
.a-history-filters { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 30px 0 18px; padding-block: 18px; border-block: 1px solid #e2e6ee; }
.a-history-filters > .a-filter-status { flex-shrink: 0; }
[data-history-toggle][hidden] { display: none !important; }
.a-plan-advisor { display: grid; grid-template-columns: 1.45fr 1fr; gap: 34px; margin-bottom: 32px; padding: 30px; border: 1px solid #dbe6f5; border-radius: 28px; background: linear-gradient(130deg,#fff,#f3f8ff); box-shadow: 0 8px 32px rgba(44,74,120,.025); }
.a-advisor-heading h3 { margin: 14px 0 8px; font-size: 24px; letter-spacing: -.035em; line-height: 1.4; }
.a-advisor-heading p { margin: 0 0 22px; color: #6e6e73; font-size: 14px; }
.a-plan-advisor fieldset { min-width: 0; padding: 0; border: 0; margin: 0; }
.a-plan-advisor legend { padding: 0; margin-bottom: 12px; font-size: 14px; font-weight: 600; color: #1d1d1f; }
.a-advisor-goals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.a-advisor-goals label { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 15px; border: 1px solid #e0e5ed; border-radius: 15px; background: #fff; cursor: pointer; }
.a-plan-advisor input[type="radio"] { accent-color: #0071e3; width: 16px; height: 16px; flex-shrink: 0; }
.a-advisor-goals input { position: absolute; top: 15px; right: 12px; }
.a-advisor-goals .a-ui-icon { width: 22px; height: 22px; color: #6e6e73; }
.a-advisor-goals strong { display: block; font-weight: 550; font-size: 13px; color: #1d1d1f; line-height: 1.6; }
.a-advisor-goals small { display: block; font-size: 11px; color: #6e6e73; line-height: 1.7; margin-top: 4px; }
.a-advisor-goals label:has(input:checked),.a-advisor-deploy label:has(input:checked) { border-color: #aacdf5; background: #edf5ff; }
.a-advisor-goals label:has(input:checked) .a-ui-icon { color: #0071e3; }
.a-plan-advisor label:has(input:focus-visible) { outline: 3px solid #0071e3; outline-offset: 3px; }
.a-plan-advisor [data-deployment-question] { margin-top: 20px; }
.a-advisor-deploy { display: flex; flex-wrap: wrap; gap: 10px; }
.a-advisor-deploy label { display: flex; align-items: center; gap: 7px; min-height: 44px; padding: 8px 13px; border: 1px solid #e0e5ed; border-radius: 11px; background: #fff; color: #515154; font-size: 13px; cursor: pointer; }
.a-advisor-result { display: flex; flex-direction: column; align-items: flex-start; padding: 25px 0 0 30px; border-left: 1px solid #e0e7f1; }
.a-advisor-result h3 { margin: 13px 0 2px; font-size: 26px; line-height: 1.5; letter-spacing: -.035em; }
.a-advisor-price { color: #0071e3; font-weight: 600; font-size: 28px; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.a-advisor-result p { color: #515154; font-size: 14px; line-height: 1.8; margin: 12px 0 0; }
.a-advisor-result .a-advisor-scope { margin-top: 13px; padding-top: 13px; border-top: 1px solid #e0e7f1; color: #6e6e73; font-size: 13px; }
.a-advisor-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding-top: 20px; margin-top: auto; }
.a-advisor-actions :is(.btn,.a-text-link) { font-size: 13px; }
html[data-theme="light"] .plan-card.is-recommended { border-color: #0071e3; box-shadow: 0 0 0 1px rgba(0,113,227,.1),0 10px 30px rgba(0,113,227,.075); }
.a-recommend-marker { display: inline-flex; align-items: center; gap: 6px; position: absolute; top: -13px; left: 20px; padding: 4px 10px; background: #0071e3; color: #fff; border: 3px solid #f5f5f7; border-radius: 99px; font-size: 11px; font-weight: 550; line-height: 1.5; }
@media (max-width: 1050px) {
  .a-feature-tools { grid-template-columns: 1fr; gap: 14px; }
  .a-feature-popular { flex-wrap: wrap; padding: 0; }
  .a-history-filters { align-items: flex-start; flex-direction: column; gap: 12px; }
  .a-plan-advisor { grid-template-columns: 1.2fr 1fr; gap: 24px; padding: 25px; }
  .a-advisor-goals { grid-template-columns: 1fr; gap: 8px; }
  .a-advisor-goals label { flex-direction: row; align-items: center; gap: 12px; padding: 12px 40px 12px 14px; }
  .a-advisor-goals input { top: 20px; }
  .a-advisor-goals small { margin-top: 0; }
  .a-advisor-result { padding-left: 24px; }
}
@media (max-width: 620px) {
  .a-feature-tools { padding: 20px 17px; border-radius: 20px; }
  .a-feature-tools > .a-filter-status { grid-row: 2; margin-top: 0; }
  .a-search-field { padding-left: 10px; gap: 8px; }
  .a-search-field input { font-size: 16px; }
  .a-search-field button { min-height: 40px; padding-inline: 9px; }
  .a-filter-chips { gap: 7px; }
  .a-filter-chips button { padding-inline: 12px; font-size: 12px; }
  .a-plan-advisor { grid-template-columns: 1fr; padding: 22px; gap: 24px; border-radius: 24px; }
  .a-advisor-heading h3 { font-size: 21px; }
  .a-advisor-heading p { font-size: 13px; }
  .a-advisor-result { padding: 22px 0 0; border-left: 0; border-top: 1px solid #dce5f1; }
  .a-advisor-result h3 { font-size: 23px; }
  .a-advisor-actions { gap: 10px; }
  .a-history-filters { margin-top: 24px; }
}

/* Source-first sales: delivery evidence, development scope and procurement. */
.a-source-layout { display: grid; grid-template-columns: 1.1fr 1fr; align-items: start; gap: 56px; }
.a-source-delivery { display: grid; gap: 0; padding-block: 5px; }
.a-source-delivery article { display: flex; align-items: flex-start; gap: 22px; padding: 25px 0; }
.a-source-delivery article + article { border-top: 1px solid #e8ecf2; }
.a-source-delivery .a-capability-icon { flex-shrink: 0; margin-top: 3px; }
.a-source-delivery h3 { margin: 0 0 9px; font-size: 22px; font-weight: 600; letter-spacing: -.025em; }
.a-source-delivery p { margin: 0; color: #515154; font-size: 15px; line-height: 1.9; }
.a-source-offer { padding: 32px; border: 1px solid #c7dcf6; border-radius: 28px; background: linear-gradient(140deg,#f0f7ff,#fafcff); box-shadow: 0 10px 32px rgba(0,113,227,.05); }
.a-source-offer h3 { margin: 17px 0 10px; font-size: 27px; letter-spacing: -.035em; }
.a-source-offer > p { margin: 0; color: #515154; font-size: 15px; line-height: 1.85; }
.a-source-price { display: flex; align-items: baseline; gap: 5px; color: #0071e3; font-size: 49px; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.4; letter-spacing: -.045em; margin: 22px 0 17px; }
.a-source-price small { font-size: 22px; }
.a-source-price > span { color: #6e6e73; font-size: 14px; font-weight: 400; }
.a-source-offer .a-tags span { background: #e5effc; color: #34608e; font-size: 12px; }
.a-source-offer .a-source-scope { border-top: 1px solid #d8e5f6; margin-top: 22px; padding-top: 18px; color: #6e6e73; font-size: 14px; }
.a-source-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-top: 22px; }
.a-source-actions :is(.btn,.a-text-link) { font-size: 14px; }
.a-source-evidence { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 27px; margin-top: 32px; padding-top: 22px; border-top: 1px solid #e5e9f0; }
.a-source-evidence > span { font-size: 14px; font-weight: 550; color: #515154; margin-right: 7px; }
.a-source-evidence .a-text-link { font-size: 14px; }
.a-source-dev-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.a-source-dev-card { display: flex; flex-direction: column; }
.a-source-dev-card .a-capability-icon { margin-bottom: 6px; }
.a-source-dev-card dl { margin: 13px 0 15px; }
.a-source-dev-card dt { font-size: 12px; font-weight: 600; color: #0071e3; margin-bottom: 7px; }
.a-source-dev-card dd { margin: 0 0 17px; padding-bottom: 17px; border-bottom: 1px solid #ebedf3; font-size: 14px; color: #515154; line-height: 1.85; }
.a-source-dev-card dd:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.a-source-dev-card > .a-text-link { margin-top: auto; font-size: 14px; }
.a-source-brief { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 30px; padding: 32px; border: 1px solid #dce5f1; border-radius: 28px; background: linear-gradient(130deg,#fff,#f6f9fe); }
.a-source-brief h3 { font-size: 24px; line-height: 1.45; letter-spacing: -.03em; margin: 16px 0 10px; text-wrap: balance; }
.a-source-brief h3 + p { font-size: 14px; line-height: 1.8; color: #6e6e73; margin: 0 0 22px; }
.a-source-brief fieldset { padding: 0; margin: 0 0 17px; border: 0; min-width: 0; }
.a-source-brief legend,.a-source-brief label[for] { font-size: 13px; font-weight: 550; color: #515154; margin-bottom: 10px; padding: 0; }
.a-source-brief label[for] { display: block; }
.a-source-brief label[for] > span { font-size: 12px; color: #92929a; margin-left: 6px; font-weight: 400; }
.a-brief-platforms { display: flex; flex-wrap: wrap; gap: 10px; }
.a-brief-platforms label { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; min-height: 44px; border: 1px solid #e0e5ed; border-radius: 11px; background: #fff; color: #515154; font-size: 13px; cursor: pointer; }
.a-brief-platforms label:has(input:checked) { background: #edf5ff; border-color: #b7d3f6; color: #0071e3; }
.a-brief-platforms input { width: 16px; height: 16px; accent-color: #0071e3; }
.a-source-brief :is(select,textarea) { display: block; width: 100%; padding: 12px 14px; margin-bottom: 17px; border: 1px solid #dbe2ee; border-radius: 12px; background: #fff; color: #1d1d1f; font: inherit; font-size: 14px; line-height: 1.7; }
.a-source-brief select { min-height: 48px; cursor: pointer; }
.a-source-brief textarea { resize: vertical; min-height: 100px; margin-bottom: 0; }
.a-source-brief :is(select,textarea):focus-visible { outline: 3px solid rgba(0,113,227,.15); border-color: #0071e3; outline-offset: 0; }
.a-source-brief textarea::placeholder { color: #92929a; }
.a-brief-output { min-width: 0; display: flex; flex-direction: column; padding-left: 30px; border-left: 1px solid #e1e7f1; }
.a-brief-output > pre { flex: 1; font: inherit; font-size: 14px; line-height: 2; white-space: pre-wrap; overflow-wrap: anywhere; margin: 18px 0 0; padding: 22px; background: #fff; border: 1px solid #e1e7f1; border-radius: 16px; color: #515154; }
.a-brief-output .a-footnote { font-size: 12px; line-height: 1.8; }
.a-source-checklist { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px 36px; list-style: none; padding: 0; margin: 0; }
.a-source-checklist > li { display: flex; align-items: flex-start; gap: 16px; padding-top: 25px; border-top: 1px solid #e5e9f0; }
.a-source-step { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border: 1px solid #dce8f8; background: #edf5ff; color: #0071e3; border-radius: 12px; font-size: 12px; font-weight: 600; }
.a-source-checklist h3 { margin: 2px 0 10px; font-size: 18px; letter-spacing: -.02em; font-weight: 600; }
.a-source-checklist p { margin: 0 0 10px; font-size: 14px; color: #515154; line-height: 1.85; }
.a-source-checklist .a-text-link { font-size: 13px; }
.a-procurement-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 32px; padding-top: 25px; border-top: 1px solid #e5e9f0; }
.a-comparison-desktop thead th:nth-child(3) { color: #1d1d1f; background: #f9f9fb; }
.a-comparison-desktop thead th:nth-child(5) { color: #0071e3; background: #edf5ff; }
@media (max-width: 1050px) {
  .a-source-layout { gap: 32px; grid-template-columns: 1fr 1fr; }
  .a-source-dev-grid { gap: 16px; }
  .a-source-checklist { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .a-source-brief { padding: 25px; gap: 25px; }
  .a-brief-output { padding-left: 24px; }
}
@media (max-width: 800px) {
  .a-source-layout,.a-source-brief { grid-template-columns: 1fr; }
  .a-source-dev-grid { grid-template-columns: 1fr; }
  .a-source-dev-card dl { display: grid; grid-template-columns: 110px 1fr; gap: 15px 20px; }
  .a-source-dev-card dd { padding-bottom: 15px; margin: 0; }
  .a-brief-output { padding: 25px 0 0; border-left: 0; border-top: 1px solid #e1e7f1; }
}
@media (max-width: 620px) {
  .a-source-delivery article { gap: 17px; padding-block: 21px; }
  .a-source-delivery h3 { font-size: 20px; }
  .a-source-delivery p { font-size: 14px; }
  .a-source-offer { padding: 25px; border-radius: 24px; }
  .a-source-offer h3 { font-size: 24px; }
  .a-source-price { font-size: 42px; }
  .a-source-evidence { gap: 6px 23px; }
  .a-source-evidence > span { width: 100%; margin-bottom: 5px; }
  .a-source-brief { padding: 22px; border-radius: 24px; }
  .a-source-brief h3 { font-size: 21px; }
  .a-source-brief :is(select,textarea) { font-size: 16px; }
  .a-brief-output > pre { padding: 18px; font-size: 13px; }
  .a-source-dev-card dl { display: block; }
  .a-source-dev-card dt { margin-top: 15px; }
  .a-source-dev-card dd { margin-bottom: 15px; }
  .a-source-checklist { grid-template-columns: 1fr; gap: 14px; }
  .a-source-checklist > li { padding-top: 20px; }
}

/* Real demo gallery: readable images, local WebP assets and progressive filters. */
.a-demo-stage { display:grid; grid-template-columns:1.4fr 1fr; gap:32px; align-items:center; padding:32px; border:1px solid #dde7f5; border-radius:32px; background:radial-gradient(ellipse at 90% 10%,#e4efff,transparent 60%),linear-gradient(135deg,#fff,#f3f7fd); }
.a-demo-stage > *,.a-demo-feature-phones > * { min-width:0; }
.a-demo-feature-desktop { overflow:hidden; border:1px solid #dce3ee; border-radius:18px; background:#fff; box-shadow:0 18px 44px rgba(42,73,120,.09); }
.a-demo-frame-bar { display:flex; align-items:center; gap:10px; padding:13px 16px; color:#6e6e73; font-size:11px; background:#f8faff; border-bottom:1px solid #e5eaf2; }
.a-demo-window-dots { display:flex; gap:5px; flex-shrink:0; }
.a-demo-window-dots i { width:7px; height:7px; border-radius:50%; background:#d3dce8; }
.a-demo-window-dots i:first-child { background:#ffaaa3; }
.a-demo-window-dots i:nth-child(2) { background:#f2d28d; }
.a-demo-window-dots i:last-child { background:#a3d4b5; }
.a-demo-live-badge { margin-left:auto; white-space:nowrap; color:#0071e3; }
.a-demo-image-link { display:block; position:relative; overflow:hidden; background:#f7f9fc; }
.a-demo-image-link img { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; }
.a-demo-zoom { position:absolute; right:10px; bottom:10px; display:flex; align-items:center; gap:5px; padding:7px 10px; border:1px solid rgba(255,255,255,.8); border-radius:20px; color:#1d4269; background:rgba(255,255,255,.92); backdrop-filter:blur(12px); box-shadow:0 2px 10px #23426412; font-size:11px; pointer-events:none; }
.a-demo-zoom svg { width:13px; height:13px; }
.a-demo-image-link:focus-visible { outline:3px solid #0071e3; outline-offset:-3px; }
.a-demo-feature-copy { padding:22px 24px; }
.a-demo-feature-copy > span { font-size:10px; letter-spacing:.12em; color:#0071e3; }
.a-demo-feature-copy h3 { margin:8px 0; font-size:22px; line-height:1.4; letter-spacing:-.03em; }
.a-demo-feature-copy p { margin:0; font-size:13px; color:#6e6e73; line-height:1.8; }
.a-demo-feature-phones { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
.a-demo-phone-label { text-align:center; font-size:12px; color:#515154; margin-bottom:12px; }
.a-demo-phone-frame { padding:6px; border:1px solid #cfd9e8; border-radius:26px; background:#fff; box-shadow:0 12px 32px #294a7312; }
.a-demo-phone-frame .a-demo-image-link { border-radius:20px; }
.a-demo-library-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin:48px 0 22px; scroll-margin-top:160px; }
.a-demo-library-heading h3 { font-size:26px; letter-spacing:-.03em; margin:12px 0 0; }
.a-demo-library-heading > p { margin:0; color:#6e6e73; font-size:13px; line-height:1.7; }
.a-demo-gallery-tools { margin-bottom:26px; }
.a-demo-gallery-tools button > span { opacity:.6; margin-left:4px; font-size:11px; }
.a-demo-gallery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; align-items:start; }
.a-demo-card { margin:0; min-width:0; padding:8px; border:1px solid #e0e6ee; border-radius:22px; background:#fff; box-shadow:0 6px 20px #31446805; scroll-margin-top:160px; }
.a-demo-card > .a-demo-image-link { border:1px solid #edf0f5; border-radius:15px; }
.a-demo-card-desktop { grid-column:span 2; }
.a-demo-card figcaption { padding:17px 12px 13px; }
.a-demo-card-category { font-size:11px; color:#0071e3; line-height:1.8; }
.a-demo-card h3 { font-size:17px; line-height:1.5; margin:6px 0 8px; }
.a-demo-card p { margin:0; color:#6e6e73; font-size:13px; line-height:1.8; }
.a-demo-gallery-footer { text-align:center; margin-top:30px; }
.a-demo-gallery-footer .a-footnote { margin:18px auto 0; max-width:700px; }
.a-demo-originals { margin-top:36px; border-top:1px solid #dfe5ef; padding-top:22px; }
.a-demo-originals > summary { display:flex; gap:16px; align-items:center; cursor:pointer; font-size:16px; font-weight:600; list-style:none; }
.a-demo-originals > summary > span:first-child { color:#6e6e73; font-size:12px; font-weight:400; }
.a-demo-originals > summary > span:last-child { margin-left:auto; color:#0071e3; }
.a-demo-originals[open] .a-shot-grid { margin-top:28px; }
.a-demo-access { margin-top:56px; }
.a-demo-sites { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.a-demo-site-card { min-width:0; display:flex; flex-direction:column; padding:24px; border:1px solid #e0e6f0; border-radius:22px; background:#fff; }
.a-demo-site-card h3 { font-size:18px; margin:12px 0; }
.a-demo-site-card p { color:#6e6e73; font-size:13px; line-height:1.8; flex:1; margin:0 0 16px; }
.a-demo-domain { font-size:11px; color:#92929a; overflow-wrap:anywhere; margin-bottom:18px; }
.a-demo-site-card .btn { font-size:12px; padding:11px 12px; }
.a-demo-test-accounts { margin-top:24px; border:1px solid #e0e6f0; border-radius:20px; background:#fff; }
.a-demo-test-accounts > summary { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:22px 24px; cursor:pointer; list-style:none; }
.a-demo-test-accounts summary strong { display:block; font-size:16px; }
.a-demo-test-accounts summary div > span { display:block; font-size:12px; color:#6e6e73; margin-top:7px; }
.a-demo-test-accounts summary > span { color:#0071e3; }
.a-demo-accounts-body { padding:0 24px 24px; }
.a-demo-login-note { padding:15px 18px; border-radius:12px; background:#eff6ff; color:#23507c; font-size:14px; line-height:1.9; }
.a-demo-account-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 30px; }
.a-demo-account-list > div { display:flex; align-items:center; gap:12px; padding:15px 0; border-bottom:1px solid #edf0f5; }
.a-demo-account-list span { font-size:13px; color:#6e6e73; min-width:65px; }
.a-demo-account-list strong { font-size:15px; font-variant-numeric:tabular-nums; }
.a-demo-accounts-body button { margin-left:auto; color:#0071e3; border:1px solid #dbe8fa; border-radius:10px; background:#f5f9ff; font:inherit; font-size:12px; min-height:44px; padding:8px 12px; cursor:pointer; }
.a-demo-admin-accounts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px; }
.a-demo-admin-accounts > div { padding:18px; border:1px solid #e7ecf4; border-radius:14px; }
.a-demo-admin-accounts span { font-size:14px; font-weight:600; }
.a-demo-admin-accounts p { font-size:13px; line-height:1.9; color:#515154; }
@media (hover:hover) and (pointer:fine) {
  .a-demo-card { transition:border-color .2s,box-shadow .2s; }
  .a-demo-card:hover { border-color:#bdd5f5; box-shadow:0 12px 26px #314e7910; }
}
@media (max-width:1050px) {
  .a-demo-stage { grid-template-columns:1.2fr 1fr; padding:24px; gap:24px; }
  .a-demo-feature-phones { gap:12px; }
  .a-demo-sites { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .a-demo-gallery-grid { gap:16px; }
}
@media (max-width:900px) {
  .a-demo-stage { grid-template-columns:1fr; }
  .a-demo-feature-phones { max-width:460px; width:100%; margin:auto; gap:24px; }
  .a-demo-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .a-demo-account-list { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .a-demo-stage { padding:16px; border-radius:24px; gap:26px; }
  .a-demo-frame-bar { padding:11px; font-size:10px; gap:6px; }
  .a-demo-window-dots { gap:3px; }
  .a-demo-window-dots i { width:5px; height:5px; }
  .a-demo-feature-copy { padding:19px 17px; }
  .a-demo-feature-copy h3 { font-size:20px; }
  .a-demo-feature-phones { gap:12px; }
  .a-demo-phone-frame { padding:4px; border-radius:18px; }
  .a-demo-phone-frame .a-demo-image-link { border-radius:14px; }
  .a-demo-phone-label { font-size:10px; }
  .a-demo-feature-mobile .a-demo-zoom { right:4px; bottom:4px; padding:5px; }
  .a-demo-feature-mobile .a-demo-zoom > span { display:none; }
  .a-demo-library-heading { display:block; margin-top:34px; }
  .a-demo-library-heading h3 { font-size:23px; }
  .a-demo-library-heading > p { margin-top:12px; }
  .a-demo-gallery-grid,.a-demo-sites,.a-demo-admin-accounts { grid-template-columns:1fr; }
  .a-demo-card-desktop { grid-column:auto; }
  .a-demo-card { max-width:390px; width:100%; margin-inline:auto; }
  .a-demo-card-mobile { padding:10px; }
  .a-demo-card figcaption { padding:18px 12px 14px; }
  .a-demo-originals > summary { flex-wrap:wrap; gap:10px; font-size:14px; }
  .a-demo-originals > summary > span:first-child { order:3; width:100%; }
  .a-demo-site-card { padding:22px; }
  .a-demo-test-accounts > summary { padding:20px 16px; }
  .a-demo-accounts-body { padding:0 16px 20px; }
  .a-demo-account-list > div { gap:8px; flex-wrap:wrap; }
  .a-demo-account-list span { min-width:56px; font-size:12px; }
  .a-demo-account-list strong { font-size:14px; }
  .a-demo-accounts-body button { padding:8px 10px; }
}

/* Ordered real screenshots explain the handoffs between customer, dispatcher and staff. */
.a-workflow { margin-bottom:40px; }
.a-workflow-phases { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; padding:0; margin:0; list-style:none; }
.a-workflow-phases > li { padding:20px; border:1px solid #e0e8f4; border-radius:18px; background:linear-gradient(140deg,#fff,#f4f8ff); }
.a-workflow-phases span { display:block; color:#0071e3; font-size:11px; font-variant-numeric:tabular-nums; margin-bottom:9px; }
.a-workflow-phases strong { font-size:17px; }
.a-workflow-phases p { color:#6e6e73; font-size:12px; line-height:1.8; margin:8px 0 0; }
.a-workflow-evidence-note { margin:22px 0 28px; font-size:12px; line-height:1.9; color:#6e6e73; max-width:950px; }
.a-workflow-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; list-style:none; padding:0; margin:0 0 22px; }
.a-workflow-nav li { min-width:0; }
.a-workflow-nav a { display:flex; align-items:center; gap:10px; min-height:66px; padding:12px 14px; border:1px solid #dfe6f0; border-radius:14px; color:#515154; background:#fff; text-decoration:none; }
.a-workflow-nav a > span { display:grid; place-items:center; flex-shrink:0; width:27px; height:27px; border-radius:9px; background:#f3f6fb; font-size:11px; color:#8b99ab; }
.a-workflow-nav strong { font-size:12px; line-height:1.6; font-weight:550; }
.a-workflow-nav a[aria-current="step"] { border-color:#b7d3f8; color:#0071e3; background:#edf5ff; box-shadow:0 4px 14px #0071e309; }
.a-workflow-nav a[aria-current="step"] > span { background:#0071e3; color:#fff; }
.a-workflow-controls { position:sticky; top:calc(var(--header-height) + var(--chapter-height) + 8px); z-index:20; display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; padding:14px 18px; border:1px solid #e0e7f1; border-radius:18px; background:rgba(255,255,255,.95); backdrop-filter:blur(18px); }
.a-workflow-controls > p { font-size:12px; line-height:1.7; color:#515154; margin:0; }
.a-workflow-controls > div { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.a-workflow-controls .btn { min-height:44px; padding:10px 15px; font-size:12px; }
.a-workflow-controls button.a-text-link { border:0; padding:10px; background:transparent; font:inherit; font-size:12px; cursor:pointer; min-height:44px; }
.a-workflow-controls button:disabled { opacity:.45; cursor:default; }
.a-workflow-panels { display:grid; gap:30px; }
.a-workflow-panel { display:grid; grid-template-columns:.85fr 1.7fr; gap:36px; align-items:start; min-width:0; padding:32px; border:1px solid #dfe7f3; border-radius:28px; background:#fff; box-shadow:0 10px 34px #35537c05; }
.a-workflow-copy { padding-top:16px; min-width:0; }
.a-workflow-number { display:block; color:#0071e3; font-size:11px; letter-spacing:.1em; margin-bottom:22px; }
.a-workflow-copy h3 { font-size:30px; line-height:1.4; letter-spacing:-.04em; margin:17px 0; text-wrap:balance; }
.a-workflow-copy > p { font-size:14px; line-height:1.95; color:#6e6e73; margin:0 0 22px; }
.a-workflow-copy ul { font-size:13px; line-height:1.9; }
.a-workflow-handoff { margin-top:26px; padding:18px; border:1px solid #dceafd; border-radius:14px; background:#f5f9ff; }
.a-workflow-handoff span { display:block; color:#8b99ab; font-size:11px; margin-bottom:8px; }
.a-workflow-handoff strong { display:block; font-size:13px; line-height:1.8; color:#22507d; font-weight:550; }
.a-workflow-media { min-width:0; }
.a-workflow-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
.a-workflow-images.is-single { grid-template-columns:minmax(0,360px); justify-content:center; }
.a-workflow-shot { min-width:0; margin:0; padding:8px; border:1px solid #e1e7f0; border-radius:20px; background:#f9fbff; }
.a-workflow-shot-label { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:7px; padding:9px 5px 14px; font-size:10px; color:#8794a5; }
.a-workflow-shot-label > span:first-child { color:#0071e3; }
.a-workflow-shot .a-demo-image-link { border-radius:13px; border:1px solid #e8edf5; }
.a-workflow-shot .a-demo-zoom { position:static; width:fit-content; margin:10px auto; }
.a-workflow-shot figcaption { padding:16px 7px 10px; }
.a-workflow-shot figcaption strong { font-size:13px; line-height:1.7; }
.a-workflow-shot figcaption p { color:#6e6e73; font-size:12px; line-height:1.85; margin:7px 0 0; }
.a-workflow-extra { margin-top:22px; border-top:1px solid #e6ebf3; padding-top:16px; }
.a-workflow-extra > summary { display:flex; justify-content:space-between; gap:10px; font-size:12px; color:#0071e3; cursor:pointer; list-style:none; padding:10px 0; }
.a-workflow-extra[open] > summary { margin-bottom:14px; }
.a-workflow + .a-order-flow { margin-top:38px; }
@media (max-width:1050px) {
  .a-workflow-panel { grid-template-columns:.8fr 1.7fr; gap:22px; padding:24px; }
  .a-workflow-nav a { padding:10px; gap:7px; }
  .a-workflow-copy h3 { font-size:26px; }
}
@media (max-width:900px) {
  .a-workflow-panel { grid-template-columns:1fr; }
  .a-workflow-phases { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .a-workflow-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .a-workflow-copy { padding-top:0; }
  .a-workflow-number { margin-bottom:15px; }
  .a-workflow-controls { flex-wrap:wrap; }
}
@media (max-width:620px) {
  .a-workflow-panel { padding:18px; gap:24px; border-radius:22px; }
  .a-workflow-phases { gap:10px; }
  .a-workflow-phases > li { padding:16px; }
  .a-workflow-phases strong { font-size:15px; }
  .a-workflow-phases p { font-size:11px; }
  .a-workflow-nav { gap:8px; }
  .a-workflow-nav a { padding:10px; min-height:64px; }
  .a-workflow-nav a > span { width:23px; height:23px; }
  .a-workflow-nav strong { font-size:11px; }
  .a-workflow-controls { position:static; padding:14px; gap:10px; border-radius:16px; }
  .a-workflow-controls > div { gap:6px; width:100%; }
  .a-workflow-controls .btn { padding:10px 12px; }
  .a-workflow-controls button.a-text-link { margin-left:auto; padding-inline:0; font-size:11px; }
  .a-workflow-copy h3 { font-size:26px; }
  .a-workflow-copy .a-role-badge { font-size:11px; }
  .a-workflow-images { grid-template-columns:1fr; gap:20px; }
  .a-workflow-shot { width:100%; max-width:390px; margin-inline:auto; }
  .a-workflow-shot-label { font-size:11px; }
  .a-workflow-shot figcaption strong { font-size:14px; }
}

/* Gentle motion: no hidden content, scroll hijacking or pointer effects on touch. */
html[data-theme="light"] .btn { position: relative; overflow: hidden; }
.a-button-ripple { position: absolute; border-radius: 50%; background: currentColor; pointer-events: none; }
.a-hero { position: relative; isolation: isolate; overflow: clip; }
.a-hero > .container { position: relative; z-index: 1; }
html[data-ui-motion="active"] .a-hero::before {
  content: ''; position: absolute; inset: -8% -6% 10% 30%; pointer-events: none;
  background: radial-gradient(ellipse at 60% 35%,rgba(124,181,255,.2),rgba(211,231,255,.08) 40%,transparent 68%);
  animation: a-ambient-drift 18s ease-in-out infinite alternate;
  animation-play-state: paused;
}
html[data-ui-motion="active"][data-hero-visible="true"] .a-hero::before { animation-play-state: running; }
html[data-ui-motion="active"][data-hero-visible="true"] .a-release-pill .a-dot { animation: a-dot-breathe 3.6s ease-in-out infinite; }
@keyframes a-ambient-drift { from { transform: translate(-3%,-2%) scale(.96); } to { transform: translate(4%,5%) scale(1.08); } }
@keyframes a-dot-breathe { 0%,100% { box-shadow: 0 0 0 0 rgba(0,113,227,.1); } 50% { box-shadow: 0 0 0 4px rgba(0,113,227,.08); } }
html[data-ui-motion="active"] .modal.is-open .modal-panel,
html[data-ui-motion="active"] .a-image-dialog[open] { animation: a-dialog-enter 240ms cubic-bezier(.22,1,.36,1); }
html[data-ui-motion="active"] .a-image-dialog[open]::backdrop { animation: a-backdrop-enter 200ms ease-out; }
@keyframes a-dialog-enter { from { opacity: .4; translate: 0 10px; scale: .985; } to { opacity: 1; translate: 0 0; scale: 1; } }
@keyframes a-backdrop-enter { from { opacity: 0; } to { opacity: 1; } }
@media (hover: hover) and (pointer: fine) {
  .a-effects-surface { position: relative; }
  html[data-ui-motion="active"] .a-effects-surface::after {
    content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: radial-gradient(260px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(0,113,227,.075),transparent 75%);
    opacity: var(--glow-active,0); transition: opacity 220ms ease;
  }
  html[data-ui-motion="active"] :is(.a-source-offer,.a-source-dev-card) { transition: border-color 200ms ease,box-shadow 200ms ease; }
  html[data-ui-motion="active"] :is(.a-source-offer,.a-source-dev-card):hover { border-color: #b9d4f5; box-shadow: 0 12px 32px rgba(44,74,120,.065); }
}
@media (max-width: 620px) {
  html[data-ui-motion="active"] .a-hero::before { animation: none; }
  html[data-ui-motion="active"] .a-release-pill .a-dot { animation: none; }
}
@media (prefers-reduced-motion: reduce) {
  .a-hero::before,.a-effects-surface::after,.a-button-ripple { display: none !important; }
  .a-release-pill .a-dot { animation: none !important; }
}

/* Shared contact rail: native details also works without JavaScript. */
.a-contact-float { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); z-index: 110; }
.a-contact-float > summary {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  width: 70px; min-height: 82px; padding: 12px 8px; cursor: pointer; list-style: none;
  border: 1px solid var(--glass-edge); border-radius: 24px;
  background: rgba(247,250,255,.86); box-shadow: var(--glass-shadow);
  backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%);
  color: #185d9f; font-size: 12px; font-weight: 600;
}
.a-contact-float > summary::marker { content: ''; }
.a-contact-float > summary .a-ui-icon { width: 26px; height: 26px; }
.a-contact-float[open] > summary { background: #e5effe; color: #0066cc; }
.a-contact-float-panel {
  position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%);
  width: 310px; max-height: calc(100dvh - 48px); padding: 20px; overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid var(--glass-edge); border-radius: 28px;
  background: rgba(247,250,255,.95); box-shadow: var(--glass-shadow),0 18px 48px rgba(45,70,112,.15);
  backdrop-filter: blur(28px) saturate(140%); -webkit-backdrop-filter: blur(28px) saturate(140%);
  color: #1d1d1f;
}
.a-contact-float-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.a-contact-float-heading > div > span { color: #64748b; font-size: 12px; }
.a-contact-float-heading h2 { margin: 4px 0 0; font-size: 23px; line-height: 1.4; }
.a-contact-float-heading > button { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 auto; padding: 0; border: 1px solid #fff; border-radius: 14px; background: #eaf0f8; color: #40546f; font: inherit; font-size: 24px; cursor: pointer; }
.a-contact-channel { margin-top: 12px; padding: 15px 16px; border: 1px solid #fff; border-radius: 20px; background: rgba(232,240,253,.8); }
.a-contact-channel:nth-of-type(2) { background: rgba(231,242,236,.8); }
.a-contact-channel:nth-of-type(3) { background: rgba(238,232,249,.8); }
.a-contact-channel h3 { margin: 0 0 10px; font-size: 15px; font-weight: 600; }
.a-contact-account { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 6px; }
.a-contact-account strong,.a-contact-call strong { display: block; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.a-contact-account small,.a-contact-call small { display: block; color: #596b80; font-size: 11px; }
.a-contact-account > button { padding: 7px 10px; min-height: 36px; border: 1px solid #fff; border-radius: 12px; color: #1c5f9f; background: rgba(255,255,255,.75); font: inherit; font-size: 12px; cursor: pointer; }
.a-contact-channel-link { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; margin-top: 5px; padding: 0; border: 0; background: transparent; color: #0066bd; font: inherit; font-size: 12px; cursor: pointer; text-decoration: none; }
.a-contact-call { display: block; padding-block: 7px; min-height: 44px; color: #24578f; text-decoration: none; }
.a-contact-call strong > span { float: right; }
.a-contact-channel-link:hover,.a-contact-call:hover { color: #004f9e; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 620px) {
  .a-contact-float { right: 12px; top: auto; bottom: calc(104px + env(safe-area-inset-bottom)); transform: none; }
  .a-contact-float > summary { width: 64px; min-height: 72px; padding: 9px 6px; border-radius: 21px; gap: 5px; }
  .a-contact-float-panel { right: 0; top: auto; bottom: calc(100% + 10px); width: min(310px,calc(100vw - 24px)); max-height: calc(100dvh - 210px - env(safe-area-inset-bottom)); padding: 18px; border-radius: 24px; transform: none; }
  html[data-theme="light"] .a-back-top { bottom: calc(190px + env(safe-area-inset-bottom)); }
}
@supports not ((backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px))) {
  .a-contact-float > summary,.a-contact-float-panel { background: #f6f9ff; }
}
@media (prefers-reduced-transparency: reduce) {
  .a-contact-float > summary,.a-contact-float-panel { background: #f6f9ff; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media print { .a-contact-float { display: none; } }

/* Homepage: quiet reading surfaces and softly tinted product sections. */
.home-focused main > .a-section {
  width: min(1400px,calc(100% - 32px)); margin-block: 24px; padding-block: 60px;
  border: 0; background: transparent;
}
.home-focused main > #home {
  padding-block: 56px 28px;
  background: radial-gradient(ellipse at 88% 15%,rgba(173,198,241,.25),transparent 55%),linear-gradient(135deg,#eaf1fc,#edf1f8);
}
.home-focused main > :is(#showcase,#pricing) { background: #eaf0fa; }
.home-focused main > #features,.home-focused main > #customer-cases,.home-focused main > #support { background: transparent; }
.home-focused .a-hero-grid { gap: 56px; }
.home-focused .a-hero h1 { font-size: clamp(38px,4vw,56px); }
.home-focused .a-hero-visual { padding: 24px; }
.home-focused .a-phones { padding-block: 22px 26px; }
.home-focused .a-phone { width: min(43%,178px); }
.home-focused .a-section-heading { margin-bottom: 32px; }
.home-focused .a-section-heading h2 { font-size: clamp(28px,3vw,38px); }
.a-home-benefits { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin-top: 40px; padding-top: 26px; border-top: 1px solid rgba(112,136,172,.18); }
.a-home-benefits article { display: flex; align-items: flex-start; gap: 12px; }
.a-home-benefits .a-ui-icon { width: 23px; height: 23px; margin-top: 3px; color: #3678bc; }
.a-home-benefits h3 { margin: 0 0 5px; font-size: 15px; font-weight: 600; }
.a-home-benefits p { margin: 0; color: #5c687b; font-size: 12px; line-height: 1.8; }
.home-focused main > #product-video { background: linear-gradient(145deg,#edf3fb,#eef0f9); }
.a-home-video-shell { max-width: 1000px; margin-inline: auto; padding: 14px; border: 1px solid rgba(255,255,255,.96); border-radius: 30px; background: rgba(255,255,255,.72); box-shadow: 0 18px 48px rgba(54,79,123,.08); }
.a-home-video-stage { position: relative; overflow: hidden; aspect-ratio: 16/9; border-radius: 20px; background: #101a2c; }
.a-home-video-stage video { display: block; width: 100%; height: 100%; object-fit: contain; }
.a-home-video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-flex; align-items: center; gap: 12px; min-height: 62px; padding: 12px 23px; border: 1px solid rgba(255,255,255,.8); border-radius: 999px; background: rgba(248,251,255,.86); color: #2569b5; box-shadow: 0 8px 28px rgba(30,66,115,.15); backdrop-filter: blur(16px); font: inherit; font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.a-home-video-play > span:first-child { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #e6f0ff; font-size: 14px; }
.a-home-video-sound { position: absolute; top: 14px; right: 14px; min-height: 44px; padding: 8px 16px; border: 1px solid rgba(255,255,255,.65); border-radius: 999px; background: rgba(246,249,255,.88); backdrop-filter: blur(16px); color: #2569b5; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.a-home-video-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 8px 9px 0; color: #7e8fa7; font-size: 12px; }
.a-home-video-footer .a-text-link { font-size: 12px; }
.a-home-video-status { margin: 8px 9px 6px; color: #677a94; font-size: 12px; line-height: 1.8; }
.a-home-video-shell [hidden] { display: none !important; }
@media (max-width: 620px) {
  .a-home-video-shell { padding: 8px; border-radius: 23px; }
  .a-home-video-stage { border-radius: 16px; }
  .a-home-video-play { gap: 8px; min-height: 48px; padding: 8px 14px; font-size: 12px; }
  .a-home-video-play > span:first-child { width: 26px; height: 26px; font-size: 11px; }
  .a-home-video-footer { gap: 0; padding: 8px 5px 0; font-size: 11px; }
}
.home-focused main > #v7-release { background: radial-gradient(ellipse at 100% 0,rgba(224,216,255,.32),transparent 50%),linear-gradient(135deg,#edf2fc,#f2f1fa); }
.a-v7-release .a-section-heading h2 { max-width: 860px; font-size: clamp(26px,2.8vw,36px); }
.a-v7-release .a-section-heading { margin-bottom: 22px; }
.a-v7-intro { max-width: 1030px; margin-bottom: 22px; }
.a-v7-intro p { margin: 0 0 10px; color: #607088; font-size: 14px; line-height: 1.95; }
.a-v7-metrics { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 24px; margin-bottom: 26px; color: #7b89a0; font-size: 12px; }
.a-v7-metrics > span:not(:last-child) { padding: 7px 13px; border: 1px solid rgba(255,255,255,.96); border-radius: 12px; background: rgba(255,255,255,.6); }
.a-v7-metrics strong { margin-right: 4px; color: #4b70aa; font-size: 20px; font-weight: 600; }
.a-v7-reader { padding: 24px; border: 1px solid #fff; border-radius: 28px; background: rgba(255,255,255,.72); box-shadow: 0 12px 36px rgba(66,86,133,.04); }
.a-v7-reader-tools { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid #e2e8f2; }
.a-v7-reading-hint { color: #8793a6; font-size: 12px; }
.a-v7-reader-tools button { min-height: 40px; padding: 8px 15px; border: 1px solid #d9e3f4; border-radius: 999px; background: #f1f5fc; color: #3c6caf; font: inherit; font-size: 12px; cursor: pointer; }
.a-v7-mobile-category { display: none; }
.a-v7-reader-layout { display: grid; grid-template-columns: 228px minmax(0,1fr); gap: 28px; }
.a-v7-nav { display: flex; flex-direction: column; align-self: start; gap: 7px; padding-right: 20px; border-right: 1px solid #e2e8f2; }
.a-v7-nav button { display: flex; align-items: center; gap: 10px; min-height: 48px; width: 100%; padding: 10px 12px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: #68788f; font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.a-v7-nav button > span:nth-child(2) { flex: 1; line-height: 1.55; }
.a-v7-nav-number { color: #91a3bc; font-size: 10px; font-variant-numeric: tabular-nums; }
.a-v7-nav button small { font-size: 10px; color: #96a4b7; }
.a-v7-nav button[aria-pressed="true"] { border-color: #d7e5fa; background: linear-gradient(120deg,#e7effc,#f0f5ff); color: #2867b0; font-weight: 600; }
.a-v7-nav button:hover { background: #edf3fc; }
html[data-theme="light"] .a-v7-release .a-v7-panel { min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.a-v7-panel + .a-v7-panel { margin-top: 32px; }
.a-v7-reader.is-enhanced:not(.is-all) .a-v7-panel { margin-top: 0; }
.a-v7-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.a-v7-panel-heading h3 { margin: 0 0 7px; color: #2b405e; font-size: 23px; line-height: 1.45; }
.a-v7-release .a-v7-panel-heading p { margin: 0; color: #7c8ca4; font-size: 13px; line-height: 1.8; }
.a-v7-panel-heading > span { flex-shrink: 0; padding: 5px 10px; border: 1px solid #e2e8f3; border-radius: 999px; color: #8b99ac; font-size: 11px; }
.a-v7-panel ol { margin: 0; padding: 0; list-style: none; }
.a-v7-release .a-v7-panel ol > li { display: flex; align-items: flex-start; gap: 14px; margin: 0; padding: 16px 0; border-top: 1px solid #e5eaf3; }
.a-v7-item-number { display: grid; place-items: center; flex-shrink: 0; width: 30px; height: 30px; border-radius: 10px; background: #eef3fb; color: #7292bb; font-size: 11px; font-variant-numeric: tabular-nums; }
.a-v7-panel h4 { margin: 2px 0 7px; color: #3e5676; font-size: 15px; font-weight: 600; line-height: 1.5; }
.a-v7-release .a-v7-panel li p { margin: 0; color: #677991; font-size: 13px; line-height: 1.95; }
.a-v7-optional { display: grid; grid-template-columns: 228px minmax(0,1fr); gap: 28px; margin-top: 28px; }
.a-v7-optional h3 { margin: 8px 0 0; max-width: 200px; color: #455c7c; font-size: 19px; line-height: 1.6; }
.a-v7-optional .section-kicker { color: #8a7ba3; font-size: 11px; }
.a-v7-optional-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.a-v7-optional article { padding: 20px; border: 1px solid rgba(255,255,255,.9); border-radius: 20px; background: rgba(255,255,255,.58); }
.a-v7-optional h4 { margin: 0 0 8px; color: #536381; font-size: 14px; }
.a-v7-optional p,.a-v7-upgrade p { margin: 0; color: #758198; font-size: 12px; line-height: 1.95; }
.a-v7-upgrade { margin-top: 22px; padding: 20px 24px; border: 1px solid #e8e1f3; border-radius: 20px; background: rgba(242,238,251,.7); }
.a-v7-upgrade h3 { margin: 0 0 9px; color: #776189; font-size: 14px; }
.a-v7-closing { margin: 22px 0 8px; color: #65799b; font-size: 13px; text-align: center; line-height: 1.9; }
.a-v7-copyright { margin: 0; color: #98a2b3; font-size: 11px; text-align: center; line-height: 1.8; }
.a-v7-detail-entry { display: flex; justify-content: center; margin-top: 10px; }
.a-v7-detail-entry .a-text-link { font-size: 12px; }
.a-v7-reader [hidden] { display: none !important; }
.a-v7-reader:not(.is-enhanced) .a-v7-nav { display: none; }
.a-v7-reader:not(.is-enhanced) .a-v7-reader-layout { grid-template-columns: 1fr; }
@media (max-width: 900px) {
  .a-v7-reader-layout { grid-template-columns: 1fr; }
  .a-v7-reader.is-enhanced .a-v7-nav,.a-v7-reading-hint { display: none; }
  .a-v7-mobile-category { display: grid; gap: 7px; flex: 1; color: #7f90a7; font-size: 11px; }
  .a-v7-mobile-category select { min-height: 44px; max-width: 100%; padding: 9px 12px; border: 1px solid #dae5f5; border-radius: 12px; background: #f3f7fd; color: #426793; font: inherit; font-size: 13px; }
  .a-v7-reader-tools { align-items: flex-end; }
  .a-v7-optional { grid-template-columns: 1fr; gap: 16px; }
  .a-v7-optional h3 { max-width: none; }
}
@media (max-width: 620px) {
  .a-v7-release .a-section-heading h2 { font-size: 26px; }
  .a-v7-intro p { font-size: 13px; }
  .a-v7-metrics { gap: 12px; }
  .a-v7-metrics > span:last-child { width: 100%; font-size: 11px; }
  .a-v7-reader { padding: 18px 14px; border-radius: 24px; }
  .a-v7-reader-tools { gap: 9px; }
  .a-v7-reader-tools button { padding-inline: 10px; font-size: 11px; }
  .a-v7-mobile-category { min-width: 0; }
  .a-v7-mobile-category select { width: 100%; font-size: 12px; }
  .a-v7-panel-heading { gap: 12px; margin-bottom: 18px; }
  .a-v7-panel-heading h3 { font-size: 21px; }
  .a-v7-release .a-v7-panel-heading p { font-size: 12px; }
  .a-v7-release .a-v7-panel ol > li { gap: 10px; padding-block: 15px; }
  .a-v7-item-number { width: 25px; height: 25px; border-radius: 8px; font-size: 10px; }
  .a-v7-panel h4 { margin-top: 0; font-size: 14px; }
  .a-v7-release .a-v7-panel li p { font-size: 12px; }
  .a-v7-optional-grid { grid-template-columns: 1fr; gap: 12px; }
  .a-v7-upgrade { padding: 18px; }
}
.home-focused main > #showcase { padding-block: 60px 40px; background: radial-gradient(ellipse at 85% 12%,rgba(207,231,251,.38),transparent 40%),radial-gradient(ellipse at 12% 58%,rgba(220,224,250,.35),transparent 40%),linear-gradient(155deg,#fbfcff,#f2f6fc); }
.a-product-app .a-section-heading,.a-product-admin-heading .a-section-heading { justify-content: center; text-align: center; }
.a-product-app .a-section-heading p,.a-product-admin-heading .a-section-heading p { max-width: 780px; margin-inline: auto; color: #718098; }
.a-product-gallery { min-width: 0; }
.a-product-gallery-track { display: grid; gap: 28px; align-items: start; }
.a-product-phone-window { overflow-x: auto; padding: 34px 12px 16px; border-radius: 28px; scrollbar-width: thin; -webkit-mask-image: linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 14px),transparent); mask-image: linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 14px),transparent); }
.a-product-gallery-mobile .a-product-gallery-track { display: flex; width: max-content; gap: 0; }
.a-product-phone-group { display: flex; align-items: flex-start; gap: 28px; padding-right: 28px; }
.a-product-phone-group .a-home-demo-mobile { flex: 0 0 264px; width: 264px; }
.a-home-demo-card { min-width: 0; margin: 0; }
.a-home-demo-viewport { min-width: 0; }
.a-home-demo-card img { display: block; width: 100%; height: auto; object-fit: contain; }
.a-home-demo-mobile .a-home-demo-viewport { width: 264px; margin-inline: auto; padding: 10px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.96); border-radius: 44px; background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(233,240,255,.7)); box-shadow: 0 22px 50px rgba(57,78,128,.12),inset 0 1px 0 #fff; }
.a-product-device { position: relative; padding: 4px; border: 1px solid #8e9198; border-radius: 36px; background: conic-gradient(from 215deg,#62636a,#e6e6e8 11%,#b0b1b6 26%,#f5f5f6 42%,#787a81 55%,#e4e4e7 72%,#96979e 86%,#62636a); box-shadow: 0 1px 1px #fff,inset 0 0 0 1px rgba(255,255,255,.5),0 8px 18px rgba(23,31,47,.14); }
.a-product-device::before { content: ''; position: absolute; inset: 2px; border: 1px solid rgba(43,45,51,.55); border-radius: 34px; pointer-events: none; }
.a-iphone-display { position: relative; overflow: hidden; border: 5px solid #080a0e; border-radius: 31px; background: #f7f8fc; box-shadow: 0 0 0 1px #42444c; }
.a-product-device .a-demo-image-link { display: block; overflow: hidden; border: 0; border-radius: 0; background: #fff; }
.a-iphone-status { position: relative; display: flex; align-items: center; justify-content: space-between; height: 36px; padding: 0 12px; color: #15191f; font: 600 10px/1 Arial,sans-serif; }
.a-iphone-island { position: absolute; top: 7px; left: 50%; width: 72px; height: 19px; transform: translateX(-50%); border-radius: 999px; background: #030509; box-shadow: inset 0 1px 2px rgba(255,255,255,.05); }
.a-iphone-island::after { content: ''; position: absolute; right: 7px; top: 6px; width: 6px; height: 6px; border: 1px solid #121b2c; border-radius: 50%; background: radial-gradient(circle at 35% 35%,#254978,#080d18 60%); box-shadow: 0 0 0 1px #020306; }
.a-iphone-indicators { width: 33px; height: 12px; }
.a-iphone-home { position: relative; display: block; height: 20px; background: #f7f8fc; }
.a-iphone-home::after { content: ''; position: absolute; left: 50%; bottom: 7px; width: 78px; height: 3px; transform: translateX(-50%); border-radius: 999px; background: #171b22; }
.a-iphone-keys { position: absolute; inset: 0; pointer-events: none; }
.a-iphone-keys i,.a-iphone-keys::after { position: absolute; left: -3px; width: 3px; height: 29px; border-radius: 2px; background: linear-gradient(90deg,#767982,#d5d6db,#70737a); box-shadow: 0 0 0 1px rgba(54,55,63,.2); }
.a-iphone-keys i:nth-child(1) { top: 19%; height: 15px; }
.a-iphone-keys i:nth-child(2) { top: 26%; }
.a-iphone-keys i:nth-child(3) { top: 34%; }
.a-iphone-keys::after { content: ''; top: 29%; left: auto; right: -3px; height: 44px; }
.a-home-demo-mobile:nth-child(4n+1) .a-home-demo-viewport { transform: translateY(20px) rotate(-2deg); }
.a-home-demo-mobile:nth-child(4n+2) .a-home-demo-viewport { transform: translateY(-7px); background: linear-gradient(150deg,#d6e4ff,#ecebff); border-color: #cbdafa; }
.a-home-demo-mobile:nth-child(4n+3) .a-home-demo-viewport { transform: translateY(26px) rotate(2deg); }
.a-home-demo-mobile:nth-child(4n+4) .a-home-demo-viewport { transform: translateY(4px) rotate(2deg); }
.a-home-demo-mobile figcaption { min-height: 116px; margin-top: 42px; padding-inline: 8px; text-align: center; box-sizing: border-box; }
.a-home-demo-card h3 { margin: 0 0 8px; color: #273a55; font-size: 17px; line-height: 1.5; }
.a-home-demo-card p { margin: 0; color: #718098; font-size: 12px; line-height: 1.85; }
.a-home-demo-card .a-home-slide-scope { margin-top: 6px; color: #8065a0; font-size: 11px; }
.a-product-gallery-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 4px 0; color: #8997aa; font-size: 11px; }
.a-product-gallery-footer .a-home-carousel-controls { flex-shrink: 0; margin: 0; gap: 10px; }
.a-product-gallery-footer .a-home-carousel-controls button { min-width: 44px; min-height: 40px; border-radius: 999px; background: rgba(255,255,255,.8); }
.a-product-gallery-footer [data-carousel-toggle] { padding-inline: 16px; }
.a-product-platform-note { margin: 12px 0 0; text-align: center; color: #8a98aa; font-size: 11px; line-height: 1.8; }
.a-product-admin-heading { margin-top: 72px; }
.a-product-gallery-desktop .a-product-gallery-track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.a-home-demo-desktop { overflow: hidden; border: 1px solid rgba(224,232,244,.9); border-radius: 25px; background: rgba(255,255,255,.88); box-shadow: 0 18px 45px rgba(57,78,128,.09); }
.a-product-browser { display: flex; align-items: center; gap: 14px; height: 42px; padding-inline: 18px; color: #a6b6ce; background: #182339; font-size: 11px; }
.a-product-browser-dots { display: inline-flex; gap: 5px; }
.a-product-browser-dots i { width: 7px; height: 7px; border-radius: 50%; background: #ef9b9d; }
.a-product-browser-dots i:nth-child(2) { background: #e9c57b; }
.a-product-browser-dots i:nth-child(3) { background: #8cc7b1; }
.a-home-demo-desktop .a-demo-image-link { background: #f7f9fd; }
.a-home-demo-desktop figcaption { min-height: 130px; padding: 22px 24px; box-sizing: border-box; }
.a-home-demo-desktop h3 { font-size: 20px; }
.a-home-demo-desktop p { font-size: 13px; }
.a-product-all-entry { display: flex; justify-content: center; margin-top: 18px; }
.a-product-all-entry .a-text-link { font-size: 13px; }
[data-slide-scope][hidden] { display: none; }
@media (max-width: 1050px) {
  .a-product-phone-group { gap: 24px; padding-right: 24px; }
}
@media (max-width: 900px) {
  .a-product-phone-window { padding: 24px 10px 16px; }
  .a-product-phone-group { gap: 22px; padding-right: 22px; }
  .a-product-phone-group .a-home-demo-mobile { flex-basis: 238px; width: 238px; }
  .a-home-demo-mobile .a-home-demo-viewport { width: 238px; padding: 8px; border-radius: 39px; }
  .a-home-demo-mobile:nth-child(n) .a-home-demo-viewport { transform: none; }
  .a-home-demo-mobile figcaption { min-height: 110px; margin-top: 22px; }
  .a-product-gallery-footer { flex-wrap: wrap; justify-content: center; text-align: center; }
  .a-product-admin-heading { margin-top: 54px; }
}
@media (max-width: 700px) {
  .a-product-gallery-desktop .a-product-gallery-track { grid-template-columns: 1fr; gap: 22px; }
  .a-home-demo-desktop figcaption { min-height: 122px; padding: 18px; }
  .a-home-demo-desktop h3 { font-size: 18px; }
}
@media (max-width: 620px) {
  .a-product-phone-window { padding-top: 16px; }
  .a-product-app .a-section-heading,.a-product-admin-heading .a-section-heading { margin-bottom: 18px; }
  .a-product-gallery-footer { gap: 12px; padding-top: 6px; }
  .a-product-platform-note { padding-inline: 6px; }
  .a-product-all-entry { margin-top: 12px; }
}
.a-home-carousel-controls,.a-home-client-controls { display: flex; align-items: center; gap: 8px; color: #607084; font-size: 12px; }
.a-home-carousel-controls { margin-top: 10px; }
.a-home-carousel-controls [data-slide-count] { min-width: 38px; text-align: center; font-variant-numeric: tabular-nums; }
.a-home-carousel-controls button,.a-home-client-controls button { min-width: 32px; min-height: 32px; padding: 5px 9px; border: 1px solid #dce5f0; border-radius: 12px; background: rgba(255,255,255,.7); color: #52667e; cursor: pointer; }
.a-home-carousel-controls [data-carousel-toggle] { margin-left: auto; }
.a-home-carousel-controls[hidden],.a-home-client-controls[hidden],[data-slide-scope][hidden] { display: none; }
.a-home-demo-resources { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 22px; padding: 0 5px; }
.a-home-demo-resources > div { min-width: 0; }
.a-home-demo-resources .a-text-link { font-size: 12px; margin-top: 8px; }
.a-home-handbook-entry { display: flex; flex-direction: column; text-align: right; }
.a-home-handbook-entry > span { color: #607084; font-size: 12px; }
.a-home-flow-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 36px; }
.a-home-flow-heading h3 { margin: 0; font-size: 20px; line-height: 1.5; }
.a-home-flow { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.a-home-flow li { color: #536d8d; font-size: 12px; white-space: nowrap; }
.a-home-flow li:not(:last-child)::after { content: '›'; margin-left: 8px; color: #9dacc0; }
.a-home-capabilities { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px 42px; }
.a-home-capabilities article { padding: 12px 0 26px; border-bottom: 1px solid rgba(112,136,172,.18); }
.a-home-capabilities .a-ui-icon { width: 28px; height: 28px; color: #3478bc; }
.a-home-capabilities h3 { margin: 18px 0 10px; font-size: 20px; }
.a-home-capabilities p { margin: 0; max-width: 330px; font-size: 15px; line-height: 1.85; color: #59687d; }
.a-home-feature-note,.a-home-price-note { margin: 24px 0 0; color: #64748b; font-size: 13px; line-height: 1.85; }
.home-focused main > #features { background: linear-gradient(145deg,#edf4f7,#eff5f2); }
.a-feature-explorer { min-width: 0; padding: 26px; border: 1px solid rgba(255,255,255,.95); border-radius: 32px; background: rgba(255,255,255,.66); box-shadow: 0 12px 36px rgba(52,88,94,.035); }
.a-feature-explorer-tools { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #e0e9ea; }
.a-feature-explorer-search { width: min(100%,470px); }
.a-feature-explorer-search label { display: block; margin-bottom: 9px; color: #42556d; font-size: 12px; font-weight: 600; }
.a-feature-explorer-tools > p { margin: 0 0 11px; color: #7b889a; font-size: 12px; line-height: 1.7; }
.a-feature-explorer-layout { display: grid; grid-template-columns: 218px minmax(0,1fr); gap: 28px; }
.a-feature-explorer:not(.is-enhanced) .a-feature-explorer-layout { grid-template-columns: 1fr; }
.a-feature-explorer-nav { display: flex; flex-direction: column; align-self: start; gap: 8px; padding-right: 22px; border-right: 1px solid #e0e9ea; }
.a-feature-explorer-nav button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 58px; padding: 12px; border: 1px solid transparent; border-radius: 16px; background: transparent; color: #65758b; text-align: left; font: inherit; font-size: 13px; cursor: pointer; }
.a-feature-explorer-nav button > .a-ui-icon { width: 19px; height: 19px; flex-shrink: 0; }
.a-feature-explorer-nav button > span { flex: 1; line-height: 1.5; }
.a-feature-explorer-nav button small { font-size: 10px; font-variant-numeric: tabular-nums; color: #8796aa; }
.a-feature-explorer-nav button:hover { background: rgba(230,239,252,.6); color: #2876c6; }
.a-feature-explorer-nav button[aria-pressed="true"] { color: #1766c0; border-color: #d4e4fa; background: linear-gradient(120deg,#e6f0ff,#edf5ff); font-weight: 600; }
.a-feature-explorer-content,.a-feature-explorer-panel { min-width: 0; }
.a-feature-explorer-panel:not([hidden]) ~ .a-feature-explorer-panel:not([hidden]) { margin-top: 26px; }
.a-feature-explorer-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.a-feature-explorer-heading h3 { margin: 5px 0 0; font-size: 23px; letter-spacing: -.025em; }
.a-feature-explorer-kicker { color: #8b9aad; font-size: 10px; letter-spacing: .1em; }
.a-feature-explorer-heading > span { padding: 5px 10px; border: 1px solid #e0e9ef; border-radius: 999px; color: #74859a; background: rgba(255,255,255,.65); font-size: 11px; white-space: nowrap; }
.a-feature-explorer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 12px; }
.a-feature-tile { min-width: 0; border: 1px solid #e2e9ef; border-radius: 17px; background: rgba(255,255,255,.72); }
.a-feature-tile summary { display: flex; align-items: center; gap: 9px; min-height: 64px; padding: 12px 14px; list-style: none; cursor: pointer; box-sizing: border-box; }
.a-feature-tile strong { flex: 1; color: #42546c; font-size: 13px; font-weight: 500; line-height: 1.6; }
.a-feature-tile-check { display: grid; place-items: center; width: 20px; height: 20px; flex-shrink: 0; border-radius: 7px; color: #7799bc; background: #eef4fa; font-size: 11px; }
.a-feature-tile-arrow { color: #9baac0; font-size: 14px; flex-shrink: 0; }
.a-feature-tile:hover,.a-feature-tile[open] { border-color: #bcd5f5; background: #edf5ff; }
.a-feature-tile[open] strong { color: #1766c0; }
.a-feature-tile[open] .a-feature-tile-arrow { transform: rotate(45deg); }
.a-feature-tile > p { margin: 0; padding: 0 16px 16px; color: #607084; font-size: 13px; line-height: 1.9; }
.a-feature-explorer.is-enhanced .a-feature-tile > p { display: none; }
.a-feature-explorer-detail { grid-column: 1/-1; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px; border: 1px solid #d4e3f6; border-radius: 18px; background: linear-gradient(120deg,#edf5ff,#f4f8fd); }
.a-feature-explorer-detail > div { min-width: 0; }
.a-feature-explorer-detail span { color: #7b96b7; font-size: 10px; }
.a-feature-explorer-detail h4 { margin: 5px 0 10px; font-size: 16px; }
.a-feature-explorer-detail p { margin: 0; color: #5d718b; font-size: 14px; line-height: 1.95; }
.a-feature-explorer-detail button { display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; padding: 0; border: 1px solid #d8e5f6; border-radius: 50%; background: rgba(255,255,255,.6); color: #7390b4; font-size: 18px; cursor: pointer; }
.a-feature-explorer-link { margin-top: 22px; font-size: 12px; }
.a-feature-explorer-empty { padding: 42px 20px; text-align: center; color: #6b7d92; }
.a-feature-explorer-empty h3 { font-size: 19px; }
.a-feature-explorer-empty p { font-size: 14px; }
.a-feature-explorer-empty button { min-height: 40px; padding: 8px 16px; border: 1px solid #d5e3f5; border-radius: 99px; background: #eff6ff; color: #2876c6; cursor: pointer; }
.a-feature-explorer [hidden] { display: none !important; }
@media (max-width: 1050px) {
  .a-feature-explorer-layout { grid-template-columns: 190px minmax(0,1fr); gap: 20px; }
  .a-feature-explorer-nav { padding-right: 14px; }
  .a-feature-explorer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .a-feature-explorer-layout { grid-template-columns: 1fr; gap: 24px; }
  .a-feature-explorer-nav { flex-direction: row; overflow-x: auto; padding: 0 0 8px; border: 0; scrollbar-width: thin; }
  .a-feature-explorer-nav button { width: auto; flex: 0 0 auto; min-height: 46px; padding: 10px 14px; border-radius: 14px; white-space: nowrap; background: rgba(240,245,249,.8); }
  .a-feature-explorer-nav button small { margin-left: 2px; }
}
@media (max-width: 620px) {
  .a-feature-explorer { padding: 18px 14px; border-radius: 26px; }
  .a-feature-explorer-tools { display: block; padding-bottom: 16px; margin-bottom: 18px; }
  .a-feature-explorer-tools > p { margin: 12px 0 0; font-size: 11px; }
  .a-feature-explorer-search input { font-size: 13px; }
  .a-feature-explorer-nav button { font-size: 12px; }
  .a-feature-explorer-nav button > .a-ui-icon { width: 16px; height: 16px; }
  .a-feature-explorer-heading { margin-bottom: 16px; }
  .a-feature-explorer-heading h3 { font-size: 20px; }
  .a-feature-explorer-grid { gap: 9px; }
  .a-feature-tile { border-radius: 14px; }
  .a-feature-tile summary { padding: 10px; gap: 7px; min-height: 70px; }
  .a-feature-tile strong { font-size: 12px; }
  .a-feature-tile-check { width: 17px; height: 17px; border-radius: 6px; font-size: 10px; }
  .a-feature-tile-arrow { display: none; }
  .a-feature-explorer-detail { padding: 16px; border-radius: 16px; }
  .a-feature-explorer-detail p { font-size: 13px; }
}
.a-home-client-carousel { min-width: 0; }
.a-home-clients { overflow-x: auto; padding: 6px 0 18px; border-radius: 24px; -webkit-mask-image: linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent); mask-image: linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent); }
.a-home-client-track { display: flex; width: max-content; }
.a-home-client-group { display: flex; gap: 16px; padding-right: 16px; }
.a-home-clients .a-home-client-group article { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; flex: 0 0 176px; width: 176px; min-width: 0; height: 164px; padding: 20px 12px; box-sizing: border-box; text-align: center; border: 1px solid rgba(255,255,255,.95); border-radius: 24px; background: linear-gradient(145deg,rgba(255,255,255,.84),rgba(245,249,255,.64)); box-shadow: 0 5px 15px rgba(55,83,132,.045),inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.a-home-client-logo { display: grid; place-items: center; flex-shrink: 0; width: 76px; height: 76px; padding: 6px; box-sizing: border-box; border: 1px solid rgba(221,230,244,.6); border-radius: 22px; background: #fff; box-shadow: 0 3px 10px rgba(48,72,115,.035); }
.a-home-clients .a-home-client-logo img { display: block; width: 100%; height: 100%; margin: 0; border-radius: 16px; object-fit: contain; background: transparent; }
.a-home-clients .a-home-client-group h3 { width: 100%; margin: 0; color: #34445e; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: center; white-space: nowrap; }
.a-home-client-copy { display: none; }
.is-enhanced .a-home-clients { overflow: hidden; }
.is-enhanced .a-home-client-copy { display: flex; }
.is-enhanced .a-home-client-track { animation: home-client-loop 52s linear infinite; animation-play-state: paused; }
.a-home-client-controls { justify-content: space-between; padding-inline: 4px; margin: 0 0 10px; color: #75849a; font-size: 12px; }
.a-home-client-controls > span { display: inline-flex; align-items: center; gap: 8px; }
.a-home-client-controls .a-dot { width: 5px; height: 5px; background: #7b9bc7; box-shadow: none; }
.a-home-client-controls button { min-width: 58px; border-radius: 999px; color: #536b8c; background: rgba(255,255,255,.64); }
@keyframes home-client-loop { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  [data-home-clients][data-playback="playing"] .a-home-client-track { animation: home-client-loop 52s linear infinite !important; }
  [data-home-clients][data-playback="paused"] .a-home-clients { overflow-x: auto; }
  [data-home-clients][data-playback="paused"] .a-home-client-copy { display: none; }
  [data-home-clients][data-playback="paused"] .a-home-client-track { animation: none; }
}
.a-home-history { margin-top: 10px; padding: 28px; border-radius: 28px; background: rgba(231,233,245,.7); }
.a-home-history .a-home-flow-heading { margin-top: 0; }
.a-home-history ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; list-style: none; padding: 0; margin: 22px 0 0; }
.a-home-history li > span { color: #63728a; font-size: 12px; }
.a-home-history h4 { margin: 8px 0; font-size: 16px; }
.a-home-history p { margin: 0; color: #607084; font-size: 13px; line-height: 1.85; }
.home-focused main > #version-history { background: linear-gradient(145deg,#edf1fa,#eeedf7); }
.home-focused #version-history .a-history-stats { background: rgba(255,255,255,.62); border-color: rgba(255,255,255,.9); border-radius: 26px; }
.home-focused #version-history .a-stage-overview { gap: 16px; margin-bottom: 28px; }
.home-focused #version-history .a-stage-card { border-color: rgba(255,255,255,.95); border-radius: 24px; background: rgba(255,255,255,.62); }
.home-focused #version-history .a-stage-card p { font-size: 13px; color: #607084; }
.home-focused #version-history .a-history-node { border-color: rgba(255,255,255,.92); border-radius: 24px; background: rgba(255,255,255,.75); box-shadow: 0 5px 18px rgba(68,86,132,.035); }
.home-focused #version-history .a-history-node.is-current { background: #e7f0fd; border-color: #c5dcf8; }
.home-focused #version-history .a-stage-nodes { border-color: #c9d6eb; }
.home-focused #version-history .a-history-node::before { border-color: #edf0f9; }
.home-focused #version-history .a-current-release { border-color: rgba(255,255,255,.9); background: rgba(224,235,253,.75); border-radius: 26px; }
.home-focused .a-home-plans { gap: 18px; }
.home-focused .a-home-plans .plan-card { padding: 26px 24px; }
.a-home-plan-name { color: inherit; text-decoration: none; }
.a-home-plan-name:hover h3 { color: #0071e3; }
.home-focused .a-home-plans .plan-price { margin-block: 22px; }
.home-focused .a-home-plans .plan-delivery { padding-bottom: 16px; margin-bottom: 12px; min-height: 60px; border-bottom: 1px solid #dce5f2; }
.home-focused .a-home-plans .plan-limit { flex: 1; margin-top: 0; padding-top: 0; border: 0; min-height: 120px; }
.home-focused .a-home-plans .a-text-link { align-self: flex-start; margin-top: 18px; font-size: 13px; }
.a-home-faqs { margin-top: 0; }
.a-home-contact { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 36px; padding: 32px; border: 1px solid #fff; border-radius: 28px; background: linear-gradient(120deg,#e7eefb,#edeaf6); }
.a-home-contact h3 { margin: 10px 0; font-size: 26px; line-height: 1.4; }
.a-home-contact p { margin: 0 0 14px; color: #59687d; font-size: 15px; }
.a-home-contact a,.a-home-contact-separator { color: #3b6493; font-size: 14px; }
.a-home-contact > button { flex-shrink: 0; }
@media (max-width: 1050px) {
  .a-home-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .a-home-history ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .a-home-capabilities { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
}
@media (max-width: 620px) {
  .home-focused main > .a-section { width: calc(100% - 20px); margin-block: 16px; padding-block: 36px; }
  .home-focused main > #home { padding-block: 34px 26px; }
  .home-focused .a-hero-grid { gap: 26px; }
  .home-focused .a-hero h1 { font-size: clamp(32px,9.4vw,42px); }
  .home-focused .a-hero .hero-lead { font-size: 15px; line-height: 1.85; }
  .home-focused .a-hero .hero-actions .btn { width: auto; flex: 1; min-width: 0; font-size: 13px; padding-inline: 12px; }
  .home-focused .a-hero-visual { padding: 20px 16px; }
  .home-focused .a-visual-label strong { font-size: 18px; }
  .a-home-benefits { gap: 20px 16px; margin-top: 26px; padding-top: 22px; }
  .a-home-benefits article { display: block; }
  .a-home-benefits h3 { margin-top: 9px; font-size: 14px; }
  .a-home-benefits p { font-size: 12px; }
  .a-home-demo-resources { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 18px; }
  .a-home-demo-resources .a-text-link { margin-top: 4px; }
  .a-home-handbook-entry { padding-top: 8px; border-top: 1px solid #dce5f0; text-align: left; }
  .a-home-flow-heading { display: block; margin-top: 24px; }
  .a-home-flow-heading h3 { font-size: 19px; }
  .a-home-flow-heading > .a-text-link { margin-top: 5px; font-size: 13px; }
  .a-home-flow { gap: 5px; }
  .a-home-flow li { font-size: 11px; }
  .a-home-flow li:not(:last-child)::after { margin-left: 5px; }
  .a-home-capabilities { gap: 20px; }
  .a-home-capabilities h3 { font-size: 17px; margin-block: 12px 8px; }
  .a-home-capabilities p { font-size: 13px; }
  .a-home-clients { border-radius: 20px; -webkit-mask-image: linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent); mask-image: linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent); }
  .a-home-client-group { gap: 12px; padding-right: 12px; }
  .a-home-clients .a-home-client-group article { flex-basis: 144px; width: 144px; height: 146px; padding: 16px 10px; gap: 13px; border-radius: 22px; }
  .a-home-client-logo { width: 68px; height: 68px; border-radius: 20px; }
  .a-home-clients .a-home-client-group h3 { font-size: 13px; }
  .a-home-history { padding: 22px; border-radius: 24px; }
  .a-home-history ol { gap: 22px 18px; }
  .a-home-history h4 { font-size: 15px; }
  .a-home-history p { font-size: 12px; }
  .home-focused .a-home-plans { grid-template-columns: 1fr; gap: 16px; }
  .home-focused .a-home-plans .plan-audience,.home-focused .a-home-plans .plan-delivery,.home-focused .a-home-plans .plan-limit { min-height: 0; }
  .home-focused .a-home-plans .plan-price { margin-block: 16px; }
  .a-home-contact { display: block; padding: 24px; }
  .a-home-contact h3 { font-size: 24px; }
  .a-home-contact > button { margin-top: 20px; }
}

/* Real backend handbook: spacious desktop captures, scrollable on phones. */
#admin-handbook { background: linear-gradient(180deg,#f5f8ff 0,#fafbfc 650px); }
#admin-handbook .a-section-head h2 { margin: 12px 0 20px; font-size: clamp(32px,4vw,52px); line-height: 1.22; letter-spacing: -.045em; }
#admin-handbook .a-section-head p { color: #647084; line-height: 1.85; }
.a-admin-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin: 32px 0; }
.a-admin-stats > div { display: flex; flex-direction: column; gap: 7px; border-left: 2px solid #dbe9ff; padding-left: 20px; }
.a-admin-stats strong { font-size: 38px; color: #0071e3; font-weight: 650; }
.a-admin-stats span { color: #647084; font-size: 13px; }
.a-admin-directory { border: 1px solid #e0e7f2; border-radius: 24px; padding: 26px; background: #ffffffc9; }
.a-admin-directory-head { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.a-admin-directory-head h3 { margin: 0; font-size: 20px; }
.a-admin-directory-head a,.a-admin-directory a { color: #0071e3; font-size: 13px; }
.a-admin-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; align-items: start; }
.a-admin-directory details { background: #f6f8fc; border-radius: 13px; min-width: 0; }
.a-admin-directory summary { padding: 15px; font-size: 14px; cursor: pointer; list-style-position: inside; }
.a-admin-directory summary span { color: #6e7888; font-size: 12px; margin-left: 6px; }
.a-admin-directory ul { list-style: none; padding: 0 16px 14px; margin: 0; display: flex; flex-direction: column; gap: 4px; }
.a-admin-directory li a { display: block; padding: 7px 3px; line-height: 1.5; }
.a-admin-directory li a:hover { text-decoration: underline; }
.a-admin-tools { display: grid; grid-template-columns: 1.4fr 1fr auto; align-items: end; gap: 16px; margin-top: 28px; padding: 20px; background: #fff; border: 1px solid #e0e7f2; border-radius: 20px; }
.a-admin-tools label { display: grid; gap: 8px; color: #56647a; font-size: 13px; min-width: 0; }
.a-admin-tools input,.a-admin-tools select { width: 100%; min-width: 0; height: 46px; padding: 0 13px; color: #1d2635; background: #f8faff; border: 1px solid #dbe4f3; border-radius: 11px; font: inherit; font-size: 14px; }
.a-admin-tools input:focus,.a-admin-tools select:focus { outline: 3px solid #c5dfff; border-color: #0071e3; }
.a-admin-result { color: #6b778a; font-size: 13px; margin: 16px 4px 30px; }
.a-admin-empty { text-align: center; padding: 60px 20px; background: #fff; border-radius: 24px; }
.a-admin-group { margin-top: 42px; }
.a-admin-group-heading h3 { margin: 8px 0 16px; font-size: 28px; letter-spacing: -.03em; }
.a-admin-group-heading p { color: #647084; font-size: 14px; line-height: 1.85; max-width: 850px; }
.a-admin-group-preview { margin: 18px 0 24px; border: 1px solid #dfe7f3; background: #fff; border-radius: 16px; overflow: hidden; }
.a-admin-group-preview summary { padding: 18px 22px; color: #0071e3; cursor: pointer; }
.a-admin-group-preview p { padding: 0 20px; color: #647084; font-size: 13px; }
.a-admin-group-preview .a-admin-image { width: 100%; min-width: 0; }
.a-admin-group-preview img { width: 100%; height: auto; }
.a-admin-card { margin-bottom: 34px; background: #fff; border: 1px solid #e1e7f0; border-radius: 26px; overflow: hidden; box-shadow: 0 8px 28px #223b6610; scroll-margin-top: 100px; }
.a-admin-card > header { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 24px 28px; }
.a-admin-path { margin: 0 0 7px; color: #7c8799; font-size: 12px; line-height: 1.6; }
.a-admin-card h3 { margin: 0; font-size: 23px; letter-spacing: -.03em; }
.a-admin-status { padding: 7px 11px; border-radius: 20px; color: #28639c; background: #edf5ff; font-size: 12px; line-height: 1.5; flex-shrink: 0; max-width: 210px; }
.a-admin-card figure { margin: 0; }
.a-admin-scroll { overflow-x: auto; overscroll-behavior-x: contain; background: #f4f8ff; scrollbar-width: thin; border-top: 1px solid #edf1f7; border-bottom: 1px solid #edf1f7; }
.a-admin-image { display: block; width: 100%; min-width: 960px; line-height: 0; }
.a-admin-image img { display: block; width: 100%; max-width: none; height: auto; border-radius: 0; }
.a-admin-card figcaption { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 13px 28px; font-size: 12px; color: #7c8799; background: #fafcff; }
.a-admin-card figcaption a { color: #0071e3; padding: 7px 0; margin-left: auto; }
.a-admin-pan-hint { display: none; }
.a-admin-description { display: grid; grid-template-columns: .8fr 1.2fr 1fr; gap: 24px; padding: 25px 28px 28px; }
.a-admin-description h4 { font-size: 13px; color: #344761; margin: 0 0 10px; }
.a-admin-description p { font-size: 14px; color: #657084; line-height: 1.85; margin: 0; }
.a-admin-field-list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.a-admin-field-list li { font-size: 12px; color: #66778f; border-radius: 6px; background: #f3f6fa; padding: 4px 7px; line-height: 1.5; }
.a-admin-actions { margin: 0 28px 24px; padding: 14px 16px; border-radius: 12px; background: #f8faff; }
.a-admin-actions summary { font-size: 13px; color: #516786; cursor: pointer; }
.a-admin-actions p,.a-admin-actions small { font-size: 12px; color: #748199; line-height: 1.85; }
.a-admin-preview { padding: 30px 0 0; margin: 44px 0; border-top: 1px solid #dbe4f2; }
.a-admin-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-bottom: 26px; }
.a-admin-preview-head > div { max-width: 750px; }
.a-admin-preview-head h3 { font-size: 34px; letter-spacing: -.035em; line-height: 1.25; margin: 10px 0 18px; }
.a-admin-preview-head p { color: #647084; line-height: 1.85; font-size: 15px; }
.a-admin-preview-head .btn { flex-shrink: 0; }
.a-admin-preview .a-admin-scroll { border-radius: 22px; border: 1px solid #dce6f6; }
.a-admin-preview-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.a-admin-preview-links a { display: block; padding: 17px; background: #fff; border: 1px solid #e0e7f2; border-radius: 14px; color: #0071e3; font-size: 14px; transition: border-color .2s; }
.a-admin-preview-links a:hover { border-color: #0071e3; }
@media(max-width: 960px) {
 .a-admin-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .a-admin-preview-head { display: block; }
 .a-admin-preview-head .btn { margin: 10px 0; }
 .a-admin-description { grid-template-columns: 1fr 1fr; }
 .a-admin-description > div:last-child { grid-column: 1 / -1; }
 .a-admin-pan-hint { display: block; width: 100%; }
 .a-admin-tools { grid-template-columns: 1fr 1fr; }
 .a-admin-tools > button { justify-self: start; }
}
@media(max-width: 600px) {
 .a-admin-stats { gap: 10px; }
 .a-admin-stats > div { padding-left: 10px; }
 .a-admin-stats strong { font-size: 30px; }
 .a-admin-stats span { font-size: 11px; line-height: 1.7; }
 .a-admin-directory { padding: 18px 14px; }
 .a-admin-directory-head { display: block; }
 .a-admin-directory-head a { display: inline-block; margin-top: 14px; }
 .a-admin-directory-grid { grid-template-columns: 1fr; }
 .a-admin-tools { grid-template-columns: 1fr; padding: 16px; }
 .a-admin-card { border-radius: 20px; }
 .a-admin-card > header { align-items: start; flex-direction: column; padding: 20px; gap: 10px; }
 .a-admin-status { max-width: none; }
 .a-admin-card h3 { font-size: 22px; }
 .a-admin-card figcaption { padding: 10px 20px; }
 .a-admin-description { grid-template-columns: 1fr; padding: 22px 20px; gap: 22px; }
 .a-admin-description > div:last-child { grid-column: auto; }
 .a-admin-actions { margin: 0 20px 20px; }
 .a-admin-preview-head h3 { font-size: 28px; }
 .a-admin-preview-links { grid-template-columns: 1fr 1fr; }
 .a-admin-preview-links a { padding: 15px 10px; font-size: 13px; }
}
@media print {
 .a-admin-tools,.a-admin-directory,.a-admin-group-preview { display: none; }
 .a-admin-card[hidden],.a-admin-group[hidden] { display: block !important; }
 .a-admin-image { min-width: 0; }
 .a-admin-card { break-inside: avoid; }
}


/* Technology / esports theme. Reading surfaces stay light; product stages are dark. */
:root, html[data-theme="light"] {
  --bg: #f3f6fc; --bg-soft: #eaf0fc; --panel: #fff; --panel-strong: #fff;
  --text: #15213a; --muted: #526079; --dim: #526079; --line: #dce3ef;
  --blue: #2855d9; --cyan: #2855d9; --green: #2855d9; --magenta: #7550c8;
  --radius: 20px; --radius-sm: 14px; --shadow: 0 12px 32px #15213a0a;
  --glass-fill: #fff; --glass-edge: #dce3ef; --glass-shadow: 0 12px 32px #15213a0a;
  --header-inset: 0px; --header-height: 88px; --chapter-gap: 0px;
  --brand-blue: #3b6cff; --brand-purple: #8b5cf6; --brand-ice: #6ad9ff;
  --stage-bg: #0b1020; --stage-panel: #151d33; --stage-text: #f5f7ff; --stage-muted: #afbdd5;
}
html[data-theme="light"] body { background: var(--bg); color: var(--text); }
html[data-theme="light"] :is(h1,h2,h3,h4) { color: var(--text); }
html[data-theme="light"] .btn { border-radius: 12px; min-height: 48px; padding: 12px 22px; }
html[data-theme="light"] .btn-primary { background: #2855d9; border-color: #2855d9; color: #fff; box-shadow: 0 6px 18px #2855d921; }
html[data-theme="light"] .btn-primary:hover { background: #2048bc; border-color: #2048bc; box-shadow: 0 8px 24px #2855d931; }
html[data-theme="light"] :is(.btn-secondary,.btn-outline) { background: #eaf0fc; color: #24449b; border-color: #d6e0f5; }
html[data-theme="light"] :is(.btn-secondary,.btn-outline):hover { background: #dee8ff; color: #173576; }
html[data-theme="light"] .section-kicker { color: #2855d9; font-size: 12px; letter-spacing: .13em; }
.a-text-link,.a-number { color: #2855d9; }
.a-dot { background: var(--brand-blue); }
a:focus-visible,button:focus-visible,summary:focus-visible { outline-color: #7d9aff; }

/* One shared navigation treatment for static pages and PHP articles. */
html[data-theme="light"] .apple-topbar {
  top: 0; width: 100%; max-width: none; margin: 0; min-height: 88px;
  padding: 18px max(32px,calc((100% - 1200px) / 2)); border: 0; border-radius: 0;
  background: #0b1020; box-shadow: none; backdrop-filter: none;
}
html[data-theme="light"] .apple-topbar.is-scrolled { background: rgba(11,16,32,.96); box-shadow: 0 4px 24px #0002; backdrop-filter: blur(18px); }
html[data-theme="light"] .apple-topbar .brand { color: #f5f7ff; }
.apple-topbar .brand small { color: #afbdd5; letter-spacing: .2em; }
.apple-topbar .a-brand-icon { width: 38px; height: 38px; padding: 4px; background: #fff; border-radius: 11px; }
html[data-theme="light"] .apple-topbar .nav-trigger { color: #c1cce0; }
html[data-theme="light"] .apple-topbar :is(.nav-trigger:hover,.nav-trigger.active) { background: #ffffff09; color: #83ddff; }
.apple-topbar .nav-disclosure { color: #afbdd5; }
.apple-topbar .nav-disclosure[aria-expanded="true"] { color: #83ddff; }
html[data-theme="light"] .apple-topbar .dropdown { background: #151d33; border-color: #303c57; border-radius: 16px; box-shadow: 0 20px 50px #0004; }
html[data-theme="light"] .apple-topbar .dropdown a { color: #c1cce0; }
html[data-theme="light"] .apple-topbar .dropdown a:hover { color: #83ddff; background: #26314b; }
html[data-theme="light"] .apple-topbar .nav-toggle { background: #202a42; border: 1px solid #37425c; color: #fff; }
html[data-theme="light"] .apple-topbar .nav-toggle span { background: #fff; }
.a-reading-progress span { background: linear-gradient(90deg,#3b6cff,#8b5cf6,#6ad9ff); }

/* Full-width sections let layout and contrast carry the page rhythm. */
.home-focused main > .a-section { width: 100%; max-width: none; margin: 0; padding-block: 84px; border: 0; border-radius: 0; box-shadow: none; background: #f3f6fc; }
.home-focused main > .a-section::before { content: none; }
.home-focused .a-section-heading { margin-bottom: 34px; }
.home-focused .a-section-heading h2 { font-size: clamp(28px,3vw,40px); font-weight: 700; letter-spacing: -.035em; }
.home-focused .a-section-heading p { color: #526079; font-size: 16px; }
.home-focused main > #product-video,.home-focused main > #customer-cases,.home-focused main > #support { background: #fff; }
.home-focused main > #showcase { background: linear-gradient(180deg,#f3f6fc,#edf1fc); }
.home-focused main > #features { background: #f3f6fc; }
.home-focused main > #version-history { background: #f6f7fc; }
.home-focused main > #pricing { background: linear-gradient(145deg,#edf2ff,#f1effc); }

/* Continuous masthead. Real screenshots remain the central visual. */
.home-focused { --header-inset: 0px; --header-height: 88px; }
.home-focused main > #home {
  position: relative; isolation: isolate; margin-top: -88px; padding: 156px 0 42px;
  overflow: hidden; color: #f5f7ff;
  background: radial-gradient(ellipse at 78% 34%,#29378388,transparent 43%),radial-gradient(ellipse at 99% 5%,#5935a644,transparent 38%),#0b1020;
}
.home-focused main > #home::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(#a1b8ff08 1px,transparent 1px),linear-gradient(90deg,#a1b8ff08 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,transparent,#000); }
.home-focused .a-unified-hero .a-hero-grid { grid-template-columns: .95fr 1.05fr; align-items: center; gap: 36px; }
.home-focused .a-unified-hero .a-hero-copy { max-width: 560px; padding-bottom: 24px; }
.home-focused .a-unified-hero h1 { color: #f5f7ff; font-size: clamp(42px,4.6vw,66px); font-weight: 750; line-height: 1.28; letter-spacing: -.055em; }
.home-focused .a-unified-hero h1 span { color: #83ddff; }
.home-focused .a-unified-hero .a-eyebrow { margin: 30px 0 18px; color: #bbc8e1; font-size: 14px; }
.home-focused .a-unified-hero .hero-lead { max-width: 520px; margin: 25px 0 30px; color: #afbdd5; font-size: 17px; line-height: 1.95; }
.home-focused .a-unified-hero .hero-actions { gap: 14px; margin-bottom: 24px; }
.home-focused .a-unified-hero .btn-secondary,.a-home-contact .btn-secondary { background: #ffffff08; color: #f5f7ff; border-color: #53617d; }
.home-focused .a-unified-hero .btn-secondary:hover,.a-home-contact .btn-secondary:hover { background: #ffffff15; color: #fff; }
.home-focused .a-release-pill { padding: 8px 13px; color: #95caff; background: #3b6cff14; border: 1px solid #405487; box-shadow: none; font-size: 12px; }
.home-focused .a-release-pill .a-dot { background: #6ad9ff; box-shadow: 0 0 12px #6ad9ff99; }
.a-unified-hero .a-hero-stack { color: #afbdd5; font-size: 12px; margin: 0; }
.a-hero-stack span { color: #afbdd5; padding-inline: 7px; }
.home-focused .a-unified-hero .a-hero-note { color: #afbdd5; font-size: 13px; margin-top: 10px; }
.a-masthead-visual { position: relative; min-width: 0; height: 654px; width: 100%; }
.a-masthead-glow { position: absolute; inset: 10% -15% 0; background: radial-gradient(ellipse,#3b6cff45,#8b5cf626 45%,transparent 70%); pointer-events: none; }
.a-masthead-orbit { position: absolute; left: -1%; top: 12%; width: 102%; height: 69%; border: 1px solid #a5bfff24; border-radius: 50%; transform: rotate(-25deg); pointer-events: none; }
.a-masthead-orbit::after { content: ''; position: absolute; inset: -42px; border: 1px solid #a5bfff10; border-radius: 50%; }
.a-masthead-label { position: absolute; top: -15px; left: 13%; }
.a-masthead-label span { display: block; color: #afbdd5; font-size: 9px; letter-spacing: .16em; }
.a-masthead-label strong { display: block; margin-top: 5px; font-size: 16px; font-weight: 500; color: #e0e9fc; }
.a-masthead-phone { position: absolute; width: 246px; }
.a-masthead-phone .a-product-device { box-shadow: 0 0 0 1px #ffffff24,0 32px 65px #0006; }
.a-masthead-phone-front { z-index: 2; left: 10%; top: 56px; transform: rotate(-7deg); }
.a-masthead-phone-back { z-index: 1; right: 3%; top: 92px; width: 224px; transform: rotate(8deg); }
.a-masthead-tag { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 13px 16px; border: 1px solid #475475; border-radius: 14px; color: #f5f7ff; background: #18243ced; box-shadow: 0 12px 24px #0003; font-size: 12px; }
.a-masthead-tag .a-ui-icon { color: #83ddff; width: 20px; height: 20px; }
.a-masthead-tag-order { left: -2%; top: 49%; }
.a-masthead-tag-team { right: 0; bottom: 13%; }
.a-masthead-caption { position: absolute; bottom: -2px; left: 0; right: 0; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; color: #afbdd5; font-size: 12px; }
.home-focused .a-unified-hero .a-home-benefits { margin-top: 30px; padding-top: 28px; border-top: 1px solid #a5bfff26; gap: 26px; }
.home-focused .a-unified-hero .a-home-benefits article { align-items: center; gap: 14px; }
.home-focused .a-unified-hero .a-home-benefits .a-ui-icon { box-sizing: content-box; padding: 11px; width: 23px; height: 23px; border: 1px solid #354469; border-radius: 13px; color: #83ddff; background: #3b6cff14; margin: 0; }
.home-focused .a-unified-hero .a-home-benefits h3 { color: #f5f7ff; font-size: 15px; margin: 0 0 5px; }
.home-focused .a-unified-hero .a-home-benefits p { color: #afbdd5; font-size: 12px; }

/* Product film and mobile / desktop gallery. */
.a-home-video-shell { max-width: 1080px; padding: 12px; border-color: #dce3ef; border-radius: 24px; background: #f3f6fc; box-shadow: 0 24px 60px #15213a0d; }
.a-home-video-stage { border-radius: 15px; }
.a-home-video-play { background: #2855d9; color: #fff; border-color: #7695ff; box-shadow: 0 8px 32px #0004; }
.a-home-video-footer { color: #526079; }
.a-home-video-footer .a-text-link { color: #2855d9; }
.a-product-app .a-section-heading p,.a-product-admin-heading .a-section-heading p { color: #526079; }
.a-product-phone-window { padding-top: 36px; }
.a-home-demo-mobile .a-home-demo-viewport { background: #e4eaf7; border-color: #fff; box-shadow: 0 20px 40px #2039651a; }
.a-home-demo-card p,.a-product-platform-note,.a-product-gallery-footer { color: #526079; font-size: 13px; }
.a-home-demo-desktop { border-color: #dce3ef; border-radius: 20px; background: #fff; }
.a-product-browser { background: #151d33; color: #afbdd5; }
.a-home-demo-resources { padding: 8px 18px; background: #fff; border: 1px solid #dce3ef; border-radius: 16px; }
.a-home-demo-resources .a-text-link { min-height: 44px; }
.a-product-gallery-footer .a-home-carousel-controls button { min-height: 44px; color: #344a74; border-color: #cbd7ee; }

/* A focused dark release stage, with complete category content. */
.home-focused main > #v7-release { color: #f5f7ff; background: radial-gradient(ellipse at 90% 0,#5a389443,transparent 48%),#0e1528; }
.home-focused #v7-release :is(h2,h3,h4) { color: #f5f7ff; }
.home-focused #v7-release .section-kicker,.home-focused #v7-release .a-text-link { color: #83ddff; }
.home-focused #v7-release :is(.a-v7-intro p,.a-v7-metrics,.a-v7-panel li p,.a-v7-panel-heading p,.a-v7-optional p,.a-v7-upgrade p,.a-v7-closing,.a-v7-copyright,.a-v7-reading-hint,.a-v7-mobile-category) { color: #afbdd5; }
.home-focused #v7-release .a-section-heading h2 { max-width: 900px; font-size: clamp(28px,3vw,40px); }
.home-focused #v7-release .a-v7-metrics > span:not(:last-child) { background: #202b45; border-color: #405071; }
.home-focused #v7-release .a-v7-metrics strong { color: #83ddff; font-size: 28px; }
.home-focused #v7-release .a-v7-reader { border-color: #33425e; background: #151d33; border-radius: 20px; box-shadow: none; }
.home-focused #v7-release :is(.a-v7-reader-tools,.a-v7-nav,.a-v7-panel ol > li) { border-color: #33425e; }
.home-focused #v7-release :is(.a-v7-nav button,.a-v7-nav-number,.a-v7-nav small,.a-v7-panel-heading > span) { color: #afbdd5; }
.home-focused #v7-release .a-v7-panel-heading > span { border-color: #405071; }
.home-focused #v7-release .a-v7-nav button:hover { background: #26314b; }
.home-focused #v7-release .a-v7-nav button[aria-pressed="true"] { color: #fff; border-color: #557bc4; background: #2b4272; }
.home-focused #v7-release :is(.a-v7-reader-tools button,.a-v7-mobile-category select) { color: #dce9ff; background: #25314c; border-color: #53617d; }
.home-focused #v7-release .a-v7-item-number { background: #293b63; color: #83ddff; }
.home-focused #v7-release .a-v7-optional article { background: #151d33; border-color: #33425e; border-radius: 16px; }
.home-focused #v7-release .a-v7-upgrade { background: #262139; border-color: #514467; border-radius: 16px; }
.a-v7-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-bottom: 32px; }
.a-v7-highlights > a { padding: 25px; border: 1px solid #3b496c; border-radius: 18px; background: linear-gradient(140deg,#1b2848,#181d32); text-decoration: none; transition: border-color 180ms ease,transform 180ms ease; }
.a-v7-highlights > a:hover { transform: translateY(-3px); border-color: #829ae6; }
.a-v7-highlight-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 20px; color: #83ddff; background: #3b6cff26; border: 1px solid #4864a1; border-radius: 12px; }
.a-v7-highlight-label { color: #afbdd5; font-size: 12px; }
.a-v7-highlights h3 { margin: 8px 0 12px; font-size: 21px; line-height: 1.5; }
.a-v7-highlights p { color: #afbdd5; font-size: 13px; line-height: 1.9; margin: 0 0 18px; }
.a-v7-highlight-link { color: #83ddff; font-size: 13px; }

/* Unequal summaries lead into the existing complete searchable catalog. */
.a-feature-explorer { border-color: #dce3ef; background: #fff; border-radius: 24px; box-shadow: 0 16px 40px #15213a08; }
.a-feature-explorer-tools > p,.a-feature-explorer-kicker,.a-feature-explorer-heading > span { color: #526079; }
.a-feature-explorer-nav button { color: #526079; border-radius: 12px; }
.a-feature-explorer-nav button[aria-pressed="true"] { color: #fff; background: #2855d9; border-color: #2855d9; }
.a-feature-explorer-nav button[aria-pressed="true"] small { color: #e2eaff; }
.a-feature-explorer-nav button small { color: #526079; }
.a-feature-summary { display: grid; grid-template-columns: 1.35fr 1fr; gap: 14px; margin-bottom: 26px; }
.a-feature-summary-main { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding: 24px; border: 1px solid #cfdbfa; border-radius: 18px; background: linear-gradient(135deg,#eaf0ff,#f1edff); }
.a-feature-summary-main > div { min-width: 0; }
.a-feature-summary-icon { display: grid; place-items: center; width: 42px; height: 42px; background: #2855d9; border-radius: 12px; color: #fff; }
.a-feature-summary h4 { margin: 14px 0 9px; font-size: 19px; line-height: 1.5; }
.a-feature-summary p { margin: 0; color: #526079; font-size: 13px; line-height: 1.9; }
.a-feature-summary-main .a-text-link { margin-top: 12px; font-size: 13px; }
.a-feature-summary-main figure { flex: 0 0 105px; margin: 0; }
.a-feature-summary-main img { display: block; width: 100%; height: auto; max-height: 210px; object-fit: contain; border-radius: 10px; box-shadow: 0 10px 20px #15213a21; }
.a-feature-summary-main figcaption { text-align: center; color: #526079; font-size: 10px; margin-top: 10px; }
.a-feature-summary-side { display: grid; gap: 14px; }
.a-feature-summary-side article { padding: 17px 20px; border: 1px solid #dce3ef; background: #f7f9fd; border-radius: 16px; }
.a-feature-summary-side h4 { margin-top: 7px; font-size: 15px; }
.a-feature-summary-side p { font-size: 12px; }
.a-feature-explorer[data-explorer-view="search"] .a-feature-summary { display: none; }
.a-feature-tile { border-radius: 12px; border-color: #dce3ef; background: #f9fbff; }
.a-feature-tile strong { color: #344560; }
.a-feature-tile-check { color: #2855d9; background: #e8eeff; }
.a-feature-tile:hover,.a-feature-tile[open] { border-color: #9bb3ff; background: #edf2ff; }
.a-feature-explorer-detail { background: #edf2ff; border-color: #b9cbff; }
.a-feature-explorer-detail p { color: #526079; }

/* Cases and development timeline. */
.a-home-client-logo { background: #f3f6fc; border: 1px solid #dce3ef; border-radius: 20px; }
.a-home-client-group article { transition: transform 180ms ease; }
.a-home-client-group article:hover { transform: translateY(-4px); }
.home-focused #version-history .a-stage-card,.home-focused #version-history .a-history-node { background: #fff; border-color: #dce3ef; border-radius: 18px; box-shadow: none; }
.home-focused #version-history .a-history-stats { background: #fff; border-color: #dce3ef; border-radius: 18px; }
.home-focused #version-history .a-history-node.is-current { background: #edf2ff; border-color: #94afff; }
.home-focused #version-history .a-current-release { background: #e8efff; border-color: #c4d2fa; border-radius: 18px; }
.a-history-stats strong { color: #2855d9; }
.a-stage-number { background: #2855d9; }
.a-version-label { background: #eee9ff; color: #6442ad; }
.a-history-node::before { background: #7550c8; }

/* Source delivery gets a full-width main card, followed by three alternatives. */
html[data-theme="light"] .home-focused .a-home-plans { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
html[data-theme="light"] .home-focused .a-home-plans .plan-card { display: flex; flex-direction: column; padding: 28px; background: #fff; border: 1px solid #d4deef; border-radius: 20px; box-shadow: 0 10px 30px #15213a06; }
.a-plan-overview,.a-plan-inclusions { min-width: 0; }
.a-plan-inclusions { display: flex; flex-direction: column; flex: 1; align-items: flex-start; }
html[data-theme="light"] .home-focused .a-home-plans .plan-featured { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; padding: 40px; background: radial-gradient(ellipse at 0 100%,#dde7ff,transparent 55%),linear-gradient(120deg,#f9fbff,#f0edff); border: 2px solid #6888ef; box-shadow: 0 16px 40px #2855d910; }
.home-focused .a-home-plans .plan-featured .a-plan-inclusions { padding-left: 38px; border-left: 1px solid #c9d6f5; justify-content: center; }
html[data-theme="light"] .home-focused .a-home-plans .plan-featured h3 { font-size: 30px; }
.home-focused .a-home-plans .plan-top small { color: #2855d9; font-size: 12px; }
.home-focused .a-home-plans .plan-audience { min-height: 0; color: #526079; }
html[data-theme="light"] .home-focused .a-home-plans .plan-price { color: #15213a; font-size: 40px; margin: 20px 0; }
html[data-theme="light"] .home-focused .a-home-plans .plan-featured .plan-price { color: #2855d9; font-size: 56px; margin-bottom: 0; }
.home-focused .a-home-plans .plan-delivery { width: 100%; min-height: 0; margin: 0 0 15px; padding-bottom: 14px; border-bottom: 1px solid #d4deef; color: #344560; }
.home-focused .a-home-plans .plan-limit { flex: 1; min-height: 100px; margin-top: 0; color: #526079; font-size: 13px; }
.home-focused .a-home-plans .plan-featured .plan-limit { min-height: 0; flex: 0 0 auto; margin: 16px 0 20px; }
.home-focused .a-home-plans .a-tags span { color: #24449b; background: #e0e8ff; font-size: 12px; }
.home-focused .a-home-plans .a-text-link { margin-top: 16px; }
.home-focused .a-home-price-note { color: #526079; }
html[data-theme="light"] .a-plan-badge { background: #2855d9; color: #fff; padding: 5px 10px; border-radius: 7px; }

/* Clear FAQ, then a strong closing invitation. */
.a-home-faqs .a-faq { padding-inline: 4px; border-color: #dce3ef; }
.a-home-faqs .a-faq h3 { font-size: 16px; }
.a-home-faqs .a-faq summary > span { background: #edf2ff; color: #2855d9; border-radius: 8px; width: 30px; text-align: center; flex-shrink: 0; }
.a-home-contact { position: relative; overflow: hidden; margin-top: 56px; padding: 44px; border: 1px solid #33425e; border-radius: 24px; background: radial-gradient(ellipse at 100% 50%,#48327b88,transparent 58%),#0b1020; }
html[data-theme="light"] .a-home-contact h3 { color: #f5f7ff; font-size: clamp(25px,2.6vw,34px); }
.a-home-contact p { color: #afbdd5; }
html[data-theme="light"] .a-home-contact .section-kicker { color: #83ddff; font-size: 11px; }
.a-home-contact a,.a-home-contact-separator { color: #bfcce3; font-size: 14px; }
.a-contact-actions { display: flex; flex-direction: column; gap: 12px; flex-shrink: 0; }
.a-contact-actions .btn { min-width: 170px; }
html[data-theme="light"] .a-home-contact .btn-secondary { color: #f5f7ff; background: #ffffff08; border-color: #53617d; }

/* Detail pages use a compact brand header and solid reading surfaces. */
html[data-theme="light"] .sub-hero { padding: 56px 0 48px; background: radial-gradient(ellipse at 95% 10%,#41347688,transparent 50%),#0b1020; border: 0; border-radius: 0; }
html[data-theme="light"] .sub-hero h1 { color: #f5f7ff; font-weight: 700; }
html[data-theme="light"] .sub-hero p { color: #afbdd5; }
html[data-theme="light"] .sub-hero :is(.breadcrumb,.breadcrumb a,.hero-subtitle,.section-kicker) { color: #afbdd5; }
html[data-theme="light"] .sub-hero :is(.hero-kicker,.demo-hero-copy > .section-kicker) { color: #83ddff; }
html[data-theme="light"] .sub-hero .btn-secondary { color: #f5f7ff; background: #ffffff08; border-color: #53617d; }
html[data-theme="light"] .sub-hero .demo-live-panel { background: #151d33; border-color: #405071; }
html[data-theme="light"] .sub-hero .demo-live-panel :is(strong,span) { color: #f5f7ff; }
html[data-theme="light"] .sub-main > :is(.seo-content,.seo-faq-section) { margin-top: 24px; padding: 32px; background: #fff; border: 1px solid #dce3ef; border-radius: 18px; }
html[data-theme="light"] .sub-main .seo-content :is(p,li) { color: #526079; }
html[data-theme="light"] .sub-main .a-section { background: transparent; }
html[data-theme="light"] .sub-main :is(.a-card,.plan-card,.a-demo-card,.a-workflow-panel,.catalog-card,.a-admin-card) { border-color: #dce3ef; border-radius: 18px; box-shadow: 0 10px 30px #15213a06; }
html[data-theme="light"] .sub-main .plan-featured { background: #edf2ff; border-color: #6888ef; }
html[data-theme="light"] :is(.modal-panel,.a-image-dialog) { border-radius: 20px; border-color: #dce3ef; background: #fff; }
.a-contact-float > summary { border-radius: 16px; border-color: #b9cbff; color: #24449b; background: #f4f7ff; }
.a-contact-float-panel { border-radius: 20px; border-color: #dce3ef; background: #fff; }
html[data-theme="light"] .mobile-cta button { background: #2855d9; }

/* Footer keeps every legal, support and contact entrance visible. */
html[data-theme="light"] .apple-footer { margin-top: 0; border-radius: 0; padding-top: 56px; background: #0b1020; }
.apple-footer .a-company-brand { display: inline-flex; padding: 8px 12px; background: #fff; border-radius: 12px; }
.apple-footer .a-brand-wordmark { width: 190px; }
.apple-footer .footer-brand p { color: #afbdd5; }
html[data-theme="light"] .apple-footer .footer-col h3 { color: #f5f7ff; }
html[data-theme="light"] .apple-footer .footer-col :is(a,button) { color: #afbdd5; min-height: 34px; }
html[data-theme="light"] .apple-footer .footer-col :is(a:hover,button:hover) { color: #83ddff; }
.apple-footer .a-tags span { background: #202a42; color: #afbdd5; font-size: 11px; }
html[data-theme="light"] .apple-footer .footer-bottom { color: #afbdd5; border-color: #303c57; }
html[data-theme="light"] .apple-footer .footer-bottom :is(p,a) { color: #afbdd5; }

@media (hover:hover) and (pointer:fine) {
  .home-focused .a-masthead-visual { animation: esports-float 7s ease-in-out infinite; }
  .a-feature-summary-side article { transition: transform 180ms ease,border-color 180ms ease; }
  .a-feature-summary-side article:hover { transform: translateY(-3px); border-color: #9bb3ff; }
}
@keyframes esports-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@media(max-width:1100px) and (min-width:901px) {
  .home-focused .a-unified-hero h1 { font-size: 46px; }
  .a-masthead-phone-front { left: 5%; width: 220px; }
  .a-masthead-phone-back { right: 0; width: 200px; }
  .a-masthead-visual { height: 598px; }
  .a-masthead-tag-order { left: -4%; }
}
@media(max-width:1050px) {
  html[data-theme="light"] .apple-topbar { padding-inline: 24px; }
  html[data-theme="light"] .apple-topbar .nav { background: #151d33; border-color: #405071; }
  .apple-topbar .nav-group { border-color: #33425e; }
  .a-feature-summary { grid-template-columns: 1fr; }
  .a-feature-summary-side { grid-template-columns: 1fr 1fr; }
}
@media(max-width:900px) {
  .home-focused .a-unified-hero .a-hero-grid { grid-template-columns: 1fr; gap: 34px; }
  .home-focused .a-unified-hero .a-hero-copy { max-width: 640px; padding-bottom: 0; }
  .home-focused .a-unified-hero h1 { font-size: 56px; }
  .home-focused main > #home { padding-top: 134px; }
  .a-masthead-visual { max-width: 570px; margin-inline: auto; }
  .home-focused .a-unified-hero .a-home-benefits { grid-template-columns: 1fr 1fr; gap: 24px; }
  html[data-theme="light"] .home-focused .a-home-plans { grid-template-columns: 1fr; }
  html[data-theme="light"] .home-focused .a-home-plans .plan-featured { gap: 28px; padding: 30px; }
  .home-focused .a-home-plans .plan-limit { min-height: 0; }
  .a-home-contact { padding: 30px; gap: 24px; }
  .a-feature-summary { grid-template-columns: 1.35fr 1fr; }
  .a-feature-summary-side { grid-template-columns: 1fr; }
  html:not(.ui-enhanced) .home-focused main > #home { margin-top: 0; padding-top: 44px; }
}
@media(max-width:620px) {
  html[data-theme="light"] .container { width: calc(100% - 36px); }
  html[data-theme="light"] .apple-topbar { min-height: 78px; padding: 15px 18px; gap: 10px; }
  html[data-theme="light"] .apple-topbar .brand { font-size: 18px; gap: 8px; }
  .apple-topbar .a-brand-icon { width: 32px; height: 32px; border-radius: 9px; }
  html[data-theme="light"] .apple-topbar .a-nav-consult { padding-inline: 12px; font-size: 12px; min-height: 44px; }
  .home-focused main > .a-section { width: 100%; margin: 0; padding-block: 48px; }
  .home-focused main > #home { margin-top: -78px; padding: 122px 0 30px; }
  .home-focused .a-unified-hero h1 { font-size: clamp(32px,8.8vw,44px); }
  .home-focused .a-unified-hero .a-eyebrow { font-size: 12px; margin: 24px 0 16px; }
  .home-focused .a-unified-hero .hero-lead { font-size: 15px; margin: 20px 0 24px; }
  .home-focused .a-unified-hero .hero-lead br { display: none; }
  .home-focused .a-unified-hero .hero-actions { gap: 10px; }
  .home-focused .a-unified-hero .hero-actions .btn { flex: 1; padding-inline: 10px; font-size: 13px; }
  .a-unified-hero .a-hero-stack { font-size: 11px; }
  .a-hero-stack span { padding-inline: 3px; }
  .home-focused .a-unified-hero .a-hero-note { font-size: 12px; }
  .a-masthead-visual { height: clamp(405px,128vw,590px); animation: none; }
  .a-masthead-label { top: 0; left: 6%; }
  .a-masthead-label span { font-size: 8px; }
  .a-masthead-label strong { font-size: 13px; }
  .a-masthead-phone-front { left: 6%; width: 52%; top: 56px; transform: rotate(-5deg); }
  .a-masthead-phone-back { right: 2%; width: 46%; top: 90px; transform: rotate(7deg); }
  .a-masthead-phone .a-product-device { border-radius: 30px; padding: 3px; }
  .a-masthead-phone .a-product-device::before { border-radius: 28px; }
  .a-masthead-phone .a-iphone-display { border-width: 4px; border-radius: 25px; }
  .a-masthead-phone .a-iphone-status { height: 28px; padding-inline: 9px; font-size: 8px; }
  .a-masthead-phone .a-iphone-island { top: 5px; width: 55px; height: 16px; }
  .a-masthead-phone .a-iphone-island::after { top: 5px; width: 5px; height: 5px; }
  .a-masthead-phone .a-iphone-indicators { width: 26px; height: 10px; }
  .a-masthead-phone .a-iphone-home { height: 16px; }
  .a-masthead-phone .a-iphone-home::after { width: 60px; bottom: 5px; }
  .a-masthead-tag { padding: 9px 11px; gap: 7px; font-size: 10px; border-radius: 11px; }
  .a-masthead-tag .a-ui-icon { width: 16px; height: 16px; }
  .a-masthead-tag-order { left: 0; }
  .a-masthead-tag-team { bottom: 12%; right: 0; }
  .a-masthead-caption { font-size: 11px; }
  .home-focused .a-unified-hero .a-home-benefits { gap: 20px 14px; padding-top: 24px; margin-top: 26px; }
  .home-focused .a-unified-hero .a-home-benefits article { gap: 9px; align-items: flex-start; }
  .home-focused .a-unified-hero .a-home-benefits .a-ui-icon { width: 18px; height: 18px; padding: 7px; border-radius: 10px; }
  .home-focused .a-unified-hero .a-home-benefits h3 { font-size: 13px; }
  .home-focused .a-unified-hero .a-home-benefits p { font-size: 11px; }
  .home-focused .a-section-heading { margin-bottom: 26px; }
  .home-focused .a-section-heading h2 { font-size: 27px; }
  .home-focused .a-section-heading p { font-size: 14px; }
  .a-home-video-shell { padding: 7px; border-radius: 18px; }
  .a-home-video-play { min-height: 48px; padding: 10px 16px; font-size: 12px; }
  .a-home-video-footer { font-size: 11px; }
  .a-home-demo-resources { display: flex; flex-direction: row; align-items: flex-start; padding: 8px 10px; gap: 12px; }
  .a-home-demo-resources > div { flex: 1; }
  .a-home-demo-resources .a-home-flow { row-gap: 0; }
  .a-home-demo-resources .a-home-handbook-entry { text-align: left; padding-top: 0; border-top: 0; }
  .a-v7-highlights { grid-template-columns: 1fr; gap: 14px; }
  .a-v7-highlights > a { padding: 22px; }
  .a-feature-explorer { padding: 18px 14px; border-radius: 18px; }
  .a-feature-summary { grid-template-columns: 1fr; gap: 12px; }
  .a-feature-summary-main { padding: 18px; gap: 12px; }
  .a-feature-summary h4 { font-size: 18px; }
  .a-feature-summary-main figure { flex-basis: 80px; }
  .a-feature-summary-side { grid-template-columns: 1fr; gap: 10px; }
  .a-feature-summary-side article { padding: 14px 16px; }
  .a-feature-summary-side h4 { font-size: 15px; }
  .a-feature-explorer-nav button[aria-pressed="true"] { background: #2855d9; }
  html[data-theme="light"] .home-focused .a-home-plans .plan-featured { grid-template-columns: 1fr; padding: 24px; gap: 24px; }
  .home-focused .a-home-plans .plan-featured .a-plan-inclusions { padding: 22px 0 0; border-left: 0; border-top: 1px solid #c9d6f5; }
  html[data-theme="light"] .home-focused .a-home-plans .plan-featured h3 { font-size: 25px; }
  html[data-theme="light"] .home-focused .a-home-plans .plan-featured .plan-price { font-size: 46px; }
  .a-home-contact { display: block; padding: 26px 22px; border-radius: 18px; }
  .a-contact-actions { margin-top: 24px; flex-direction: row; flex-wrap: wrap; }
  .a-contact-actions .btn { min-width: 0; flex: 1; white-space: nowrap; font-size: 12px; padding-inline: 12px; }
  .a-home-contact a,.a-home-contact-separator { font-size: 12px; }
  html[data-theme="light"] .sub-hero { padding-block: 36px; }
  html[data-theme="light"] .sub-main > :is(.seo-content,.seo-faq-section) { padding: 24px 18px; }
}
@media(max-width:360px) {
  html[data-theme="light"] .apple-topbar { padding-inline: 12px; gap: 6px; }
  html[data-theme="light"] .apple-topbar .brand { font-size: 16px; }
  .apple-topbar .a-brand-icon { width: 28px; height: 28px; }
  html[data-theme="light"] .apple-topbar .a-nav-consult { padding-inline: 8px; font-size: 11px; }
  .a-masthead-label span { letter-spacing: .08em; }
}
@media(prefers-reduced-motion:reduce) {
  .home-focused .a-masthead-visual { animation: none; transform: none; }
  .a-feature-summary-side article:hover,.a-home-client-group article:hover { transform: none; }
}
@media(prefers-reduced-transparency:reduce) {
  html[data-theme="light"] .apple-topbar.is-scrolled { background: #0b1020; backdrop-filter: none; }
}
@media print {
  html[data-theme="light"] .apple-topbar,.a-masthead-tag,.a-contact-float { display: none; }
  .home-focused main > #home { margin-top: 0; padding-top: 30px; }
  .home-focused main > #home,.home-focused main > #v7-release,.a-home-contact,html[data-theme="light"] .sub-hero { background: #fff; color: #15213a; }
  .home-focused #home :is(h1,h3,p),.home-focused #v7-release :is(h2,h3,h4,p),html[data-theme="light"] .a-home-contact :is(h3,p),html[data-theme="light"] .sub-hero :is(h1,p) { color: #15213a; }
  .a-feature-summary,.plan-card { break-inside: avoid; }
}