@font-face {
  font-family: Manrope;
  src: url("assets/manrope-variable.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --page-background: #f7f9fc;
  --surface-primary: #ffffff;
  --surface-secondary: #f3f6fa;
  --surface-accent: #edf5ff;
  --text-primary: #172033;
  --text-secondary: #526176;
  --text-tertiary: #68778b;
  --border-subtle: #dce4ef;
  --border-strong: #c6d3e2;
  --accent: #2f6fda;
  --accent-strong: #245fc2;
  --accent-text: #1f579f;
  --success: #176947;
  --success-surface: #e4f4ec;
  --warning: #8a5800;
  --warning-surface: #fff2d6;
  --danger: #9e343b;
  --danger-surface: #fae8ea;
  --dark-surface: #0b1729;
  --dark-surface-raised: #142842;
  --dark-text-primary: #f7faff;
  --dark-text-secondary: #c4d0e0;
  --dark-text-tertiary: #a8b9cf;
  --dark-accent: #8fbaff;
  --dark-border: #345174;
  /* Compatibility aliases for existing light-surface components. */
  --background: var(--page-background);
  --surface: var(--surface-primary);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --subtle: var(--text-tertiary);
  --blue: var(--accent);
  --line: var(--border-subtle);
  --green: var(--success);
  --font: Manrope, "Avenir Next", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--page-background); color: var(--text-primary); font-family: var(--font); font-size: 16px; -webkit-font-smoothing: antialiased; }
/* The orbital decoration may reach the viewport edge; page content does not. */
main { overflow-x: clip; }
::selection { background: #276ae6; color: white; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
button, summary { cursor: pointer; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid #91baff; outline-offset: 6px; border-radius: 4px; }
img { display: block; max-width: 100%; }
svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { text-wrap: balance; }
p { line-height: 1.75; }
.container { width: min(1240px, calc(100% - 96px)); margin-inline: auto; }
.section-space { padding-block: 116px; }
.mono, .eyebrow { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.eyebrow { font-size: 10px; line-height: 1.7; letter-spacing: .12em; font-weight: 500; color: var(--blue); }
.skip-link { position: fixed; z-index: 20; top: -100px; left: 24px; padding: 14px 20px; color: #080c16; background: white; border-radius: 6px; }
.skip-link:focus { top: 12px; }
.signal-dot { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #4e89e6; box-shadow: 0 0 0 4px #dceaff; }
.site-header { position: sticky; top: 0; z-index: 10; background: #ffffffeb; backdrop-filter: blur(20px); border-bottom: 1px solid var(--line); box-shadow: 0 8px 24px #273d5b08; }
.design-preview-note { margin: 0; padding: 12px 20px; text-align: center; color: #4e6584; background: #eaf3ff; border-bottom: 1px solid #d7e6f8; font-size: 11px; line-height: 1.6; }
.nav-bar { height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 23px; letter-spacing: -.9px; font-weight: 750; }
.brand-dot { color: var(--blue); }
.nav-bar nav { display: flex; align-items: center; gap: 32px; margin-left: auto; margin-right: 18px; }
.nav-bar nav a { color: #56657a; font-size: 12px; font-weight: 600; transition: color .2s; padding-block: 14px; }
.nav-bar nav a:hover { color: #15233a; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 30px; min-height: 54px; padding: 14px 23px; border-radius: 8px; border: 1px solid transparent; font-size: 13px; font-weight: 700; transition: background .2s, border-color .2s, box-shadow .2s, transform .2s; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 18px; font-weight: 400; }
.button-primary { color: white; background: #2f6fda; box-shadow: 0 8px 22px #2765c52e; }
.button-primary:hover { background: #245fc2; box-shadow: 0 12px 30px #2765c53d; }
.button-small { min-height: 40px; padding: 8px 15px; gap: 22px; font-size: 11px; }
.button-outline { color: #315c9c; background: #ffffff; border-color: #b9cce6; }
.button-outline:hover { border-color: #6f9ddd; background: #f2f7ff; }
.nav-pricing { color: #1f579f; border-color: #a9c8ef; background: #edf5ff; box-shadow: inset 0 0 0 1px #ffffff; }
.nav-pricing:hover { color: #143f79; border-color: #77a8e6; background: #deedff; }
.text-link { display: inline-flex; align-items: center; gap: 11px; font-size: 12px; font-weight: 650; min-height: 44px; }
.text-link:hover { color: var(--blue); }
.play-mark { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #bacce3; background: #fff; border-radius: 50%; font-size: 17px; }

.hero { position: relative; isolation: isolate; display: grid; grid-template-columns: .94fr 1.06fr; gap: 52px; align-items: center; min-height: 704px; padding-block: 95px 100px; }
.hero::before { content: ""; position: absolute; z-index: -2; inset: 24px -34px; border: 1px solid #dce8f6; border-radius: 30px; background: radial-gradient(ellipse at 78% 45%, #d5e8ff 0%, transparent 48%), linear-gradient(135deg, #ffffff 0%, #f5f9ff 55%, #edf5ff 100%); box-shadow: 0 28px 80px #3868a30d; pointer-events: none; }
.hero-copy { position: relative; z-index: 2; }
.hero-copy .eyebrow { margin-bottom: 29px; }
h1 { font-size: clamp(62px, 6.3vw, 88px); font-weight: 600; letter-spacing: -.065em; line-height: 1.08; }
.gradient-text { color: #2c69c8; background: linear-gradient(115deg, #1b3f78 0%, #2f6fda 48%, #6a9ee8 100%); background-clip: text; -webkit-text-fill-color: transparent; }
.hero-description { font-size: 20px; line-height: 1.65; color: #33445c; margin-top: 27px; font-weight: 450; letter-spacing: -.4px; }
.hero-detail { font-size: 13px; color: var(--muted); margin-top: 13px; line-height: 1.85; }
.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 31px; }
.platform-note { display: flex; align-items: center; gap: 9px; font-size: 10px; color: #68768a; margin-top: 27px; }
.platform-note svg { width: 15px; height: 15px; }
.platform-note > span { padding-inline: 3px; color: #a1adbc; }
.hero-visual { position: relative; isolation: isolate; padding-block: 18px 0; min-width: 0; }
.orbital { position: absolute; z-index: -1; pointer-events: none; border: 1px solid #4d86d521; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.orbital-one { width: 112%; aspect-ratio: 1; border-color: #4c83cf2b; box-shadow: inset 0 0 60px #387aff0b; }
.orbital-two { width: 136%; aspect-ratio: 1; border-style: dashed; opacity: .55; }
.orbital-three { width: 160%; aspect-ratio: 1; opacity: .4; }
.orbital-one::before { content: ""; width: 5px; height: 5px; background: #96bcff; position: absolute; top: 17%; left: 12%; border-radius: 50%; box-shadow: 0 0 18px #86b8ff; }
.visual-coordinate { position: absolute; font-family: monospace; font-size: 8px; letter-spacing: .22em; color: #657d9e; }
.coordinate-top { top: -12px; left: 11px; }
.app-stage { position: relative; overflow: hidden; background: #1e1e1e; border: 1px solid #7487a74d; border-radius: 13px; box-shadow: 0 30px 95px #0009, 0 0 0 6px #649aff06, 0 0 60px #408aff12; transform: perspective(1800px) rotateY(-7deg) rotateX(2deg); transition: transform .6s; }
.app-stage:hover { transform: perspective(1800px) rotateY(0) rotateX(0); }
.window-chrome { height: 33px; display: flex; align-items: center; justify-content: space-between; padding-inline: 12px; font-size: 9px; color: #adb0b5; background: linear-gradient(#303032, #29292b); border-bottom: 1px solid #0004; }
.window-chrome svg { width: 12px; height: 12px; color: #a0a9b7; }
.traffic { display: flex; gap: 5px; }
.traffic i { width: 7px; height: 7px; border-radius: 50%; background: #ee6a5e; }
.traffic i:nth-child(2) { background: #f4bd50; }
.traffic i:nth-child(3) { background: #62c654; }
.app-screenshot { width: 100%; height: auto; background: #1e1e1e; }
.preview-control { display: flex; justify-content: center; gap: 7px; padding: 10px 10px; border-top: 1px solid #ffffff12; background: #151922; }
.preview-button { min-height: 36px; border-radius: 5px; padding: 6px 14px; font-size: 10px; color: #b0b9c9; border: 1px solid transparent; background: transparent; transition: background .2s; }
.preview-button:hover { color: white; background: #ffffff0b; }
.preview-button.is-active { color: #ebf2ff; border-color: #a4bcff23; background: #6e9bf71c; }
.preview-button span { color: #89d9b4; }
.visual-caption { margin-top: 26px; display: flex; align-items: center; gap: 9px; color: #66768c; font-size: 9px; padding-inline: 9px; }
.visual-caption .mono { margin-left: auto; color: #728199; font-size: 9px; }
.caption-line { width: 14px; height: 1px; background: #639afa; }
.no-script-note { color: var(--muted); font-size: 11px; margin: 12px; }
.trust-line { position: relative; display: flex; justify-content: center; align-items: center; gap: 75px; padding: 27px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-line span { display: flex; align-items: center; gap: 12px; color: #45556b; font-size: 12px; font-weight: 550; }
.trust-line svg { color: #3f76c4; width: 19px; height: 19px; }

.feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.feature-card { min-height: 235px; padding: 28px; border: 1px solid #dbe5f1; border-radius: 14px; background: linear-gradient(145deg, #ffffff, #f8fbff); box-shadow: 0 16px 45px #385f8d0d; }
.feature-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 28px; border: 1px solid #bad2ef; border-radius: 10px; color: #2f6fda; background: #edf5ff; font-size: 22px; }
.feature-card .mono { margin-bottom: 8px; color: #5479ae; font-size: 8px; letter-spacing: .12em; }
.feature-card h3 { font-size: 20px; }
.feature-card > p:last-child { margin-top: 13px; color: var(--muted); font-size: 12px; }
.feature-card code { color: #315f9d; font: 10px "SFMono-Regular", Consolas, monospace; }

h2 { font-size: clamp(35px, 3.6vw, 49px); font-weight: 550; line-height: 1.18; letter-spacing: -.052em; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 57px; }
.section-heading .eyebrow, .resilience-copy .eyebrow, .safety .eyebrow, .proof-copy .eyebrow { margin-bottom: 20px; }
.section-heading > p { color: var(--muted); font-size: 14px; padding-bottom: 4px; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; }
.step { min-width: 0; }
.step-art { position: relative; height: 188px; margin-bottom: 29px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: radial-gradient(ellipse at 50% 90%, #b9d7fb45, transparent 70%); border-bottom: 1px solid #dce6f2; }
.step-art::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(#5988c70b 1px, transparent 1px), linear-gradient(90deg, #5988c70b 1px, transparent 1px); background-size: 25px 25px; mask-image: radial-gradient(ellipse, #000, transparent 70%); }
.link-pill { z-index: 1; display: flex; align-items: center; gap: 14px; height: 49px; padding: 0 17px; background: linear-gradient(135deg, #ffffff, #eef5ff); border: 1px solid #aec8e9; border-radius: 8px; transform: rotate(-6deg); color: #334a69; font-size: 11px; box-shadow: 0 15px 35px #436b9a1c; }
.link-pill > span { color: #3474d3; font-size: 20px; }
.link-pill > i { font-style: normal; color: var(--green); margin-left: 7px; }
.tiny-icon { position: absolute; top: 31px; left: 40px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 7px; border: 1px solid #b6cce8; color: #4678b9; background: #f8fbff; font-size: 18px; transform: rotate(10deg); }
.step-title { display: flex; gap: 15px; align-items: baseline; margin-bottom: 13px; }
.step-title > span { color: #5878a2; font-family: monospace; font-size: 11px; }
h3 { font-size: 18px; font-weight: 600; letter-spacing: -.45px; }
.step > p { font-size: 13px; color: var(--muted); }
.folder-back { position: absolute; width: 118px; height: 79px; top: 52px; background: linear-gradient(145deg, #31588e, #183359); border: 1px solid #7fa9e164; border-radius: 0 8px 8px 8px; transform: rotate(-9deg); box-shadow: 0 12px 40px #0005; }
.folder-back::before { content: ""; width: 48px; height: 10px; border-radius: 6px 7px 0 0; background: #31588e; border: 1px solid #7fa9e164; border-bottom: none; position: absolute; top: -10px; left: -1px; }
.folder-front { position: absolute; width: 117px; height: 64px; top: 76px; background: linear-gradient(150deg, #3569b7, #184582); border: 1px solid #92bafa6b; border-radius: 7px; transform: skewX(-11deg) rotate(-9deg); display: grid; place-items: center; color: #a5c7ff; }
.folder-front > span { font-size: 26px; }
.file-tag { z-index: 1; display: flex; gap: 13px; font: 9px monospace; color: #2c4d79; background: #f4f8fe; border: 1px solid #abc4e4; border-radius: 5px; padding: 8px 14px; transform: rotate(7deg) translate(37px, 47px); }
.file-tag > span { color: #778aa4; }
.verify-orbit { position: absolute; width: 122px; height: 122px; border: 1px solid #78c1b624; border-radius: 50%; }
.verify-orbit::before { content: ""; position: absolute; inset: 11px; border: 1px dashed #78c1b633; border-radius: 50%; }
.verify-symbol { width: 61px; height: 66px; clip-path: polygon(50% 0, 95% 20%, 92% 64%, 80% 79%, 50% 100%, 20% 79%, 8% 64%, 5% 20%); display: grid; place-items: center; background: linear-gradient(130deg, #dff4eb, #c8e8dc); color: #217352; font-size: 27px; }
.verify-label { font: 7px monospace; letter-spacing: .1em; color: #39775f; position: absolute; bottom: 16px; }
.workflow-note { font-size: 10px; color: #68768a; margin-top: 40px; padding: 13px 16px; border-left: 2px solid #75a4df; background: #f1f6fc; }
.workflow-note > span { color: #3d74bd; margin-right: 6px; }

.proof-section { background: linear-gradient(135deg, #edf5ff, #f6f9fd 64%, #eef3f8); color: #142137; padding-block: 99px 28px; position: relative; border-block: 1px solid #dce6f1; }
.proof-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 110px; align-items: center; }
.proof-copy .eyebrow { color: #406494; }
.proof-copy h2 { font-size: 56px; }
.proof-copy h2 > span { color: #627998; }
.proof-copy > p:not(.eyebrow) { color: #526176; font-size: 15px; margin-top: 23px; max-width: 410px; }
.proof-copy > p.proof-detail { font-size: 12px; color: #5e6d81; margin-top: 15px; }
.dark-link { color: #193e78; margin-top: 17px; }
.dark-link:hover { color: #145bcc; }
.receipt { background: #fff; border: 1px solid #dde3eb; box-shadow: 0 16px 45px #172c4810; border-radius: 12px; padding: 29px 30px 21px; transform: rotate(1.5deg); }
.receipt-header { display: flex; align-items: center; gap: 13px; padding-bottom: 23px; border-bottom: 1px solid #e7ebf0; }
.receipt-icon { width: 36px; height: 36px; border: 1px solid #cbe6d9; background: #e9f6ef; border-radius: 50%; display: grid; place-items: center; color: #25815b; font-size: 18px; }
.receipt-header .mono { font-size: 8px; letter-spacing: .05em; color: #68788f; }
.receipt-header h3 { margin-top: 5px; font-size: 14px; font-weight: 750; }
.receipt-tag { color: #25634b; background: #edf7f0; border: 1px solid #cee5d7; font: 8px monospace; padding: 5px 7px; border-radius: 3px; margin-left: auto; }
.receipt-total { padding-block: 26px 23px; }
.receipt-total strong { display: block; font-size: 60px; font-weight: 650; letter-spacing: -.07em; line-height: 1.1; }
.receipt-total strong > span { color: #8693a6; font-size: 34px; }
.receipt-total > span { display: block; font-size: 11px; color: #617186; margin-top: 10px; }
.receipt-row { display: flex; justify-content: space-between; gap: 12px; padding-block: 12px; border-top: 1px solid #eef0f3; font-size: 11px; color: #627186; }
.receipt-row strong { font-weight: 700; color: #243c5d; }
.receipt-row i { color: #358862; font-style: normal; margin-left: 5px; }
.receipt-bottom { border-top: 1px dashed #cdd4df; margin-top: 13px; padding-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.receipt-bottom > span:last-child { font: 8px/1.7 monospace; color: #788699; }
.receipt-barcode { width: 79px; height: 28px; opacity: .5; background: repeating-linear-gradient(90deg, #63748b 0 1px, transparent 1px 4px, #63748b 4px 7px, transparent 7px 9px, #63748b 9px 10px, transparent 10px 13px); }
.test-details { margin-top: 60px; border-top: 1px solid #cfd7e0; color: #526176; }
summary { display: flex; list-style: none; align-items: center; justify-content: space-between; gap: 20px; }
summary::-webkit-details-marker { display: none; }
summary > span { font-size: 21px; font-weight: 300; transition: transform .2s; }
details[open] > summary > span { transform: rotate(45deg); }
.test-details summary { min-height: 48px; font-size: 10px; }
.test-details > div { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; padding-bottom: 17px; font-size: 11px; }
.proof-section a:focus-visible, .proof-section summary:focus-visible { outline-color: #155bcc; }

.comparison { color: var(--text-primary); }
.comparison-scroll { overflow-x: auto; color-scheme: light; border: 1px solid #e2e8f0; border-radius: 16px; background: var(--surface-primary); box-shadow: 0 12px 36px #3b638f08; scrollbar-color: #b7c8dd #f3f6fa; }
.comparison-scroll:focus-visible { outline: 3px solid #6e9fdf; outline-offset: 5px; }
.comparison-table { width: 100%; min-width: 1160px; border-collapse: separate; border-spacing: 0; table-layout: fixed; color: var(--text-primary); background: var(--surface-primary); }
.comparison-table th, .comparison-table td { padding: 23px 20px; border-bottom: 1px solid #edf1f5; color: var(--text-secondary); font-size: 12px; line-height: 1.55; text-align: left; vertical-align: middle; background: var(--surface-primary); }
.comparison-table th:first-child { width: 23%; text-align: left; }
.comparison-table thead th { padding-block: 17px; color: #56677b; background: #fafbfd; font: 700 10px/1.5 "SFMono-Regular", Consolas, monospace; letter-spacing: .055em; text-transform: uppercase; }
.comparison-table tbody th { color: #223249; background: var(--surface-primary); font-size: 12px; font-weight: 700; line-height: 1.5; }
.comparison-table tbody tr:hover > td:not(.pullsafe-column), .comparison-table tbody tr:hover > th { background: #fbfcfe; }
.comparison-table tr:last-child > * { border-bottom: 0; }
.comparison-table .pullsafe-column { color: #234b83; background: #f3f8ff; font-weight: 650; }
.comparison-table tbody tr:hover > .pullsafe-column { background: #eef6ff; }
.comparison-table thead .pullsafe-column { color: var(--accent-text); background: #edf5ff; box-shadow: inset 0 2px #8bb5ed; }
.matrix-status { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 9px; align-items: start; }
.matrix-mark { display: grid; place-items: center; width: 23px; height: 23px; margin-top: 1px; border-radius: 50%; font: 750 12px/1 var(--font); }
.matrix-status > span:last-child { min-width: 0; }
.matrix-status strong, .matrix-status small { display: block; }
.matrix-status strong { color: #27384e; font-size: 10.5px; font-weight: 750; line-height: 1.4; }
.matrix-status small { margin-top: 3px; color: #758296; font-size: 8.5px; line-height: 1.45; }
.matrix-status.is-yes .matrix-mark { color: var(--success); background: var(--success-surface); border: 1px solid #bedfce; }
.matrix-status.is-no .matrix-mark { color: var(--danger); background: var(--danger-surface); border: 1px solid #efc8cb; }
.matrix-status.is-limited .matrix-mark { color: var(--warning); background: var(--warning-surface); border: 1px solid #efd89f; }
.comparison-note { max-width: 760px; margin-top: 16px; color: var(--text-tertiary); font-size: 10px; line-height: 1.6; }

.commercial-direction { display: grid; grid-template-columns: .88fr 1.12fr; gap: 75px; padding: 58px; border: 1px solid var(--dark-border); border-radius: 18px; color: var(--dark-text-primary); background: radial-gradient(ellipse at 8% 0%, #3479e24d, transparent 60%), linear-gradient(125deg, #12243f, var(--dark-surface)); box-shadow: 0 24px 70px #29496f26; }
.commercial-direction .eyebrow { color: var(--dark-accent); }
.commercial-intro h2 { margin-top: 18px; color: var(--dark-text-primary); font-size: 42px; }
.commercial-intro > p:last-child { margin-top: 22px; color: var(--dark-text-secondary); font-size: 13px; }
.commercial-options { display: grid; gap: 13px; }
.commercial-options article { padding: 19px 20px; border: 1px solid var(--dark-border); border-radius: 10px; color: var(--dark-text-primary); background: var(--dark-surface-raised); }
.commercial-options .mono { color: var(--dark-accent); font-size: 8px; font-weight: 700; letter-spacing: .12em; }
.commercial-options h3 { margin-top: 7px; color: var(--dark-text-primary); font-size: 17px; }
.commercial-options p { margin-top: 7px; color: var(--dark-text-secondary); font-size: 11px; }
.commercial-direction .button-primary { color: #ffffff; background: #397ce3; box-shadow: 0 10px 28px #0004; }
.commercial-direction .button-primary:hover { background: #4b8cf0; }
.commercial-options .button { justify-content: space-between; min-height: 50px; margin-top: 3px; }

.compatibility-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
.compatibility-section h2 { margin-top: 18px; }
.compatibility-card { padding: 30px; border: 1px solid #d7e3f0; border-radius: 14px; background: linear-gradient(145deg, #fff, #f5f9fe); box-shadow: 0 14px 40px #365f8d0b; }
.compatibility-lead { color: #2b3d54; font-size: 14px; font-weight: 650; }
.compatibility-card ul { display: grid; gap: 13px; margin: 23px 0 0; padding: 0; list-style: none; }
.compatibility-card li { position: relative; padding-left: 24px; color: #536378; font-size: 12px; line-height: 1.65; }
.compatibility-card li::before { content: "\2713"; position: absolute; left: 0; color: #2f6fda; font-weight: 700; }
.compatibility-card strong { color: #263b57; }
.compatibility-card .subtle-note { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); color: #718096; font-size: 10px; }

.resilience { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.resilience-copy > p:not(.eyebrow) { color: var(--muted); font-size: 14px; margin-top: 23px; }
.resilience-copy > p.subtle-note { font-size: 11px; color: #8592a8; margin-top: 14px; }
.resume-visual { padding: 27px; border: 1px solid #b4cfff20; border-radius: 12px; background: radial-gradient(ellipse at 40% 55%, #2155a522, transparent 85%), linear-gradient(110deg, #0f1828, #0b111d); position: relative; box-shadow: 0 15px 55px #0002; }
.resume-label { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.resume-label .mono { font-size: 8px; letter-spacing: .06em; color: #93a5bf; }
.resume-status { font-size: 8px; color: #b0c4e4; padding: 5px 9px; border: 1px solid #7396c633; border-radius: 30px; }
.timeline { display: flex; align-items: center; margin-top: 61px; height: 36px; }
.timeline-start, .timeline-end { display: grid; place-items: center; border: 1px solid #8aaae93b; color: #b2cefa; background: #18263c; width: 33px; height: 33px; flex-shrink: 0; border-radius: 7px; }
.timeline-end { color: #b8d9cf; border-color: #83b39f36; background: #152728; }
.timeline-first { height: 2px; background: linear-gradient(90deg, #3c689b, #85b8ff); flex: 1; box-shadow: 0 0 17px #599eff80; }
.timeline-stop { display: grid; place-items: center; color: #b7c6df; width: 35px; height: 35px; border: 1px solid #81a3d85c; border-radius: 50%; font-size: 11px; box-shadow: 0 0 0 7px #4a73ac0b; }
.timeline-rest { height: 1px; flex: 1; margin-inline: 8px; background: repeating-linear-gradient(90deg, #527096 0 4px, transparent 4px 8px); }
.timeline-captions { display: flex; justify-content: space-between; gap: 10px; margin-top: 16px; color: #8193ad; font-size: 10px; }
.timeline-captions span:nth-child(2) { color: #c1cee0; }
.resume-bottom { border-top: 1px solid #ffffff0b; display: flex; justify-content: space-between; gap: 12px; margin-top: 43px; padding-top: 18px; color: #87a0c1; font-size: 7px; letter-spacing: .04em; }
.safety { display: grid; grid-template-columns: 1fr 1.35fr; gap: 100px; padding-block: 20px 110px; border-bottom: 1px solid var(--line); }
.safety h2 > span { color: #7f9dcc; }
.safety-items { border-top: 1px solid var(--line); }
.safety-items article { display: flex; gap: 29px; padding-block: 24px; border-bottom: 1px solid var(--line); }
.safety-number { font: 10px monospace; color: #7695c0; padding-top: 6px; }
.safety-items h3 { font-size: 16px; }
.safety-items p { color: var(--muted); font-size: 12px; margin-top: 11px; max-width: 410px; }

.access-panel { display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: center; border: 1px solid #7a9cca32; border-radius: 15px; padding: 55px; background: radial-gradient(ellipse at 3% 0, #326dd52b, transparent 65%), linear-gradient(125deg, #111d33, #0c1320); position: relative; }
.access-panel::before { content: ""; width: 55%; height: 1px; position: absolute; top: -1px; left: 16%; background: linear-gradient(90deg, transparent, #80adfba6, transparent); }
.access-copy h2 { font-size: 37px; margin-top: 20px; }
.access-copy > p { color: #9caec8; font-size: 14px; margin-top: 20px; }
.compatibility { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 29px; }
.compatibility span { color: #a8bad4; border: 1px solid #c1d5ff1c; border-radius: 4px; padding: 6px 9px; font-size: 9px; }
.offer { border-left: 1px solid #bfd9ff1c; padding-left: 45px; }
.offer > .mono { font-size: 9px; letter-spacing: .13em; color: #a4bcdf; }
.price { font-size: 79px; line-height: 1.2; letter-spacing: -.07em; font-weight: 500; margin-top: 12px; }
.price > span { font-size: 19px; letter-spacing: -.03em; font-weight: 500; color: #bdcee5; }
.price.price-pending { font-size: 31px; line-height: 1.15; letter-spacing: -.035em; margin-block: 22px 18px; }
.offer > p { font-size: 10px; color: #a6b7d0; margin: 5px 0 24px; }
.offer > .button { width: 100%; justify-content: space-between; font-size: 11px; padding-inline: 18px; min-height: 49px; }
.offer-note { display: block; color: #98a9c2; font-size: 9px; margin-top: 12px; text-align: center; }
.release-notice { display: flex; gap: 16px; margin-top: 22px; padding-inline: 7px; color: #8c9bb2; }
.notice-icon { border: 1px solid #687991; border-radius: 50%; height: 17px; width: 17px; display: grid; place-items: center; flex-shrink: 0; font-size: 10px; margin-top: 1px; }
.release-notice h3 { font-size: 11px; font-weight: 550; color: #b1bed3; }
.release-notice p { font-size: 10px; margin-top: 5px; max-width: 980px; }
.faq { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; padding-top: 4px; color: var(--text-primary); }
.faq-heading .eyebrow { margin-bottom: 22px; color: var(--accent); }
.faq-heading h2 { color: var(--text-primary); font-size: 38px; }
.faq-list { border-top: 1px solid var(--border-subtle); }
.faq-list details { border-bottom: 1px solid var(--border-subtle); }
.faq-list summary { padding-block: 21px; color: #26364b; font-size: 13px; font-weight: 700; }
.faq-list summary:hover { color: var(--accent-text); }
.faq-list summary > span { color: var(--accent); flex-shrink: 0; }
.faq-list details > p { padding-bottom: 24px; color: var(--text-secondary); font-size: 12px; line-height: 1.75; }
.site-footer { border-top: 1px solid var(--border-subtle); color: var(--text-primary); padding-block: 46px 25px; }
.footer-grid { display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 55px; padding-bottom: 38px; }
.footer-grid > div:not(.footer-brand) { display: grid; align-content: start; justify-items: start; gap: 9px; }
.footer-grid h2 { margin: 0 0 7px; color: #33445b; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.footer-grid a, .footer-grid span { color: var(--text-secondary); font-size: 10px; line-height: 1.6; }
.footer-grid a:hover { color: var(--accent-text); }
.footer-brand > p { max-width: 260px; margin-top: 14px; color: var(--text-secondary); font-size: 11px; }
.footer-top { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.footer-top .brand { font-size: 20px; }
.footer-top > p { font-size: 12px; color: var(--text-secondary); margin-right: auto; margin-left: 16px; }
.back-top { display: flex; align-items: center; gap: 12px; font-size: 10px; color: #526b8d; min-height: 44px; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 28px 20px; font-size: 9px; color: var(--text-tertiary); }
.footer-bottom > div { display: flex; gap: 25px; }
.footer-bottom a { padding-block: 10px; }
.footer-bottom a:hover { color: #245fae; }
.privacy-note { border-top: 1px solid var(--border-subtle); color: var(--text-secondary); font-size: 10px; }
.privacy-note summary { min-height: 44px; }
.privacy-note p { font-size: 10px; margin-bottom: 12px; max-width: 950px; }
.trademark-note { font-size: 8px; color: var(--text-tertiary); margin-top: 10px; }

/* Commerce remains a dependency-free static UI. Provider and entitlement
   authority live exclusively in the test-mode server functions. */
.commerce-page { min-height: 100vh; background: linear-gradient(180deg, var(--surface-accent) 0%, #f8fafc 44%, var(--page-background) 100%); color: var(--text-primary); }
.commerce-page .site-header { color: var(--text-primary); background: #ffffffeb; }
.pricing-header .header-overview { display: inline-flex; align-items: center; gap: 9px; min-height: 42px; margin-left: auto; color: #50647f; font-size: 11px; font-weight: 650; }
.pricing-header .header-overview:hover { color: #245fae; }
.pricing-header .page-context { padding-left: 24px; border-left: 1px solid var(--line); color: #6e7d91; font: 500 9px/1.5 "SFMono-Regular", Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.pricing-hero { padding-block: 108px 65px; max-width: 980px; text-align: center; }
.pricing-hero .eyebrow { justify-content: center; }
.pricing-hero h1 { font-size: clamp(48px, 6vw, 78px); margin-top: 20px; }
.pricing-hero > p:last-child { max-width: 650px; margin: 26px auto 0; color: var(--text-secondary); font-size: 16px; line-height: 1.7; }
.plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; padding-bottom: 88px; }
.plan-card { position: relative; display: flex; flex-direction: column; min-height: 520px; padding: 38px; border: 1px solid var(--border-strong); border-radius: 18px; color: var(--text-primary); background: var(--surface-primary); overflow: hidden; box-shadow: 0 18px 55px #375e8b0d; }
.plan-card h2 { font-size: 32px; margin-top: 17px; }
.plan-card > p:not(.eyebrow, .plan-price) { color: var(--text-secondary); font-size: 13px; line-height: 1.7; max-width: 470px; }
.plan-card .button { margin-top: auto; width: 100%; justify-content: center; }
.plan-muted { background: var(--surface-secondary); }
.plan-featured { border-color: #7ca9e2; background: linear-gradient(145deg, var(--surface-primary), var(--surface-accent)); box-shadow: 0 24px 65px #285d9c18; }
.plan-featured::before { content: ""; position: absolute; inset: -150px -150px auto auto; width: 300px; height: 300px; border-radius: 50%; background: #2b79ff12; filter: blur(4px); pointer-events: none; }
.plan-kicker { position: absolute; top: 19px; right: 19px; border: 1px solid #8eb6e8; border-radius: 999px; padding: 6px 9px; color: #2f67ae; background: #edf5ff; font: 600 8px/1 var(--font-mono); letter-spacing: .12em; }
.plan-price { margin: 24px 0 16px; color: #294d7c; font-size: 24px; font-weight: 650; letter-spacing: -.025em; }
.plan-list { display: grid; gap: 13px; margin: 28px 0 34px; color: #506177; font-size: 12px; list-style: none; }
.plan-list li { position: relative; padding-left: 24px; }
.plan-list li::before { content: "✓"; position: absolute; left: 0; color: #6ca8ff; font-weight: 700; }
.plan-muted .plan-list li:last-child::before { content: "—"; color: #7c8ca4; }
.plan-card button:disabled { cursor: not-allowed; opacity: .52; transform: none; }
.purchase-path { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; padding-block: 76px; border-top: 1px solid var(--line); }
.purchase-path h2 { margin-top: 17px; font-size: 38px; }
.purchase-path ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.purchase-path li { display: grid; grid-template-columns: 35px 1fr; gap: 16px; padding-block: 20px; border-bottom: 1px solid var(--line); }
.purchase-path li > span { color: #7596c5; font: 10px "SFMono-Regular", Consolas, monospace; padding-top: 3px; }
.purchase-path strong { color: #304159; font-size: 13px; }
.purchase-path li p { margin-top: 6px; color: #66758a; font-size: 11px; }
.account-panel { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: 68px; align-items: start; padding-block: 82px 105px; border-top: 1px solid var(--line); }
.account-copy h2 { margin-top: 18px; font-size: 45px; }
.account-copy > p:last-child { margin-top: 22px; max-width: 430px; color: #607087; font-size: 13px; line-height: 1.75; }
.otp-panel { padding: 30px; border: 1px solid #d4dfec; border-radius: 16px; background: #ffffff; box-shadow: 0 18px 55px #385e8912; }
.sandbox-warning { margin-bottom: 20px; padding: 12px 14px; border: 1px solid #abc9ee; border-radius: 8px; color: #405a7b; background: #edf5ff; font-size: 11px; }
.sandbox-warning strong { color: #245fae; }
.otp-panel form { margin-top: 19px; }
.otp-panel label { display: block; margin-bottom: 9px; color: #405269; font-size: 11px; font-weight: 650; }
.field-action { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.field-action input { min-width: 0; height: 48px; padding: 0 14px; color: #172033; background: #f9fbfd; border: 1px solid #bac8d9; border-radius: 8px; font: inherit; font-size: 13px; outline: none; }
.field-action input:focus { border-color: #5d9dff; box-shadow: 0 0 0 3px #3d87ff24; }
.field-action .button { padding-inline: 17px; }
.form-status { min-height: 18px; margin-top: 13px; color: #68788d; font-size: 10px; line-height: 1.5; }
.signed-in { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 17px 0; padding: 13px 15px; border: 1px solid #a8c8ee; border-radius: 8px; background: #edf5ff; font-size: 11px; }
.signed-in strong { color: #294f81; }
.text-button { min-height: 36px; padding: 6px 0; border: 0; color: #2f6fda; background: transparent; cursor: pointer; font: inherit; font-size: 10px; }
.text-button:hover { color: #174b94; }
.purchase-button { width: 100%; justify-content: center; margin-top: 18px; }
.purchase-button:disabled { cursor: not-allowed; opacity: .5; transform: none; }
.is-hidden { display: none !important; }
.compact-footer { padding-top: 30px; }
.compact-footer .footer-top > a:last-child { color: #526b8d; font-size: 10px; }
.status-page { display: grid; place-items: center; }
.status-shell { max-width: 750px; padding-block: 55px; }
.status-shell > .brand { display: flex; width: fit-content; margin: 0 auto 30px; }
.status-card { padding: 52px 45px; border: 1px solid #d4dfec; border-radius: 18px; background: #ffffff; text-align: center; box-shadow: 0 25px 70px #365d8917; }
.status-card .eyebrow { justify-content: center; }
.status-symbol { display: grid; place-items: center; width: 58px; height: 58px; margin: 28px auto 21px; border: 1px solid #a9c8ef; border-radius: 50%; color: #2f6fda; background: #edf5ff; font-size: 25px; font-weight: 700; }
.status-card h1 { font-size: 42px; }
.status-card > p:not(.eyebrow) { max-width: 540px; margin: 21px auto 0; color: #607087; font-size: 13px; line-height: 1.7; }
.status-actions { display: flex; justify-content: center; gap: 12px; margin-top: 31px; }
.status-shell > .offer-note { margin-top: 19px; line-height: 1.6; }

@media (min-width: 1600px) {
  .hero { min-height: 785px; }
}
@media (max-width: 1150px) {
  .container { width: calc(100% - 64px); }
  .hero { gap: 30px; min-height: 645px; padding-block: 88px; }
  h1 { font-size: 65px; }
  .hero-description { font-size: 17px; }
  .hero-detail { font-size: 12px; }
  .hero-actions { gap: 16px; }
  .hero-actions .button { padding-inline: 17px; gap: 18px; }
  .hero-actions .text-link { font-size: 11px; gap: 8px; }
  .trust-line { gap: 40px; }
  .steps { gap: 30px; }
  .proof-layout, .resilience, .safety, .faq { gap: 55px; }
  .access-panel { padding: 38px; gap: 35px; }
  .access-copy h2 { font-size: 33px; }
  .offer { padding-left: 28px; }
  .receipt { padding-inline: 22px; }
  .commercial-direction { gap: 42px; padding: 42px; }
  .compatibility-section { gap: 55px; }
}
@media (max-width: 850px) {
  html { scroll-padding-top: 95px; }
  .nav-bar { height: 74px; gap: 20px; }
  .nav-bar nav { gap: 20px; margin-right: 0; }
  .nav-bar nav a { font-size: 10px; }
  .brand { font-size: 21px; }
  .brand img { width: 30px; height: 30px; }
  .button-small { gap: 12px; font-size: 10px; }
  .hero { grid-template-columns: 1fr; gap: 63px; padding-block: 72px 55px; text-align: center; }
  .hero-copy { max-width: 620px; margin: auto; }
  h1 { font-size: 80px; }
  .hero-description { font-size: 19px; }
  .hero-detail { font-size: 13px; }
  .hero-actions, .platform-note { justify-content: center; }
  .hero-actions { gap: 28px; }
  .hero-visual { width: min(580px, 94%); margin-inline: auto; text-align: left; }
  .hero::before { right: 0; top: 370px; }
  .orbital-three { display: none; }
  .orbital-two { width: 121%; }
  .app-stage { transform: none; }
  .trust-line { gap: 23px; }
  .trust-line span { font-size: 10px; gap: 9px; }
  .section-space { padding-block: 80px; }
  .section-heading { margin-bottom: 35px; }
  .section-heading > p { font-size: 12px; }
  .steps { gap: 26px; }
  .feature-card { padding: 23px; }
  .step-art { height: 149px; }
  .tiny-icon { display: none; }
  .link-pill { font-size: 9px; padding-inline: 10px; gap: 7px; }
  .link-pill > i { margin-left: 0; }
  .folder-back { top: 32px; }
  .folder-front { top: 56px; }
  .file-tag { transform: rotate(7deg) translate(20px, 43px); }
  .verify-label { font-size: 6px; bottom: 4px; }
  .step-title { gap: 9px; }
  .step-title h3 { font-size: 15px; }
  .step > p { font-size: 11px; }
  .proof-section { padding-top: 70px; }
  .proof-layout { gap: 35px; }
  .proof-copy h2 { font-size: 42px; }
  .proof-copy > p:not(.eyebrow) { font-size: 13px; }
  .proof-copy > p.proof-detail { font-size: 11px; }
  .receipt { padding: 22px 18px; }
  .receipt-header { gap: 8px; }
  .receipt-header h3 { font-size: 11px; }
  .receipt-header .mono { font-size: 6px; }
  .receipt-icon { width: 28px; height: 28px; flex-shrink: 0; }
  .receipt-tag { display: none; }
  .receipt-total strong { font-size: 52px; }
  .receipt-total strong > span { font-size: 28px; }
  .receipt-row { font-size: 9px; }
  .receipt-bottom > span:last-child { font-size: 6px; }
  .receipt-barcode { width: 48px; }
  .resilience { grid-template-columns: 1fr; gap: 42px; }
  .resilience-copy { grid-row: 1; }
  .resume-visual { padding: 32px; }
  .resilience-copy > p { max-width: 530px; }
  .safety { gap: 40px; padding-block: 0 75px; }
  .safety-items article { gap: 16px; }
  .safety-items h3 { font-size: 14px; }
  .safety-items p { font-size: 11px; }
  .access-panel { gap: 25px; padding: 30px; }
  .access-copy h2 { font-size: 29px; }
  .access-copy .eyebrow { font-size: 8px; }
  .offer > p { font-size: 9px; }
  .offer > .button { font-size: 10px; padding-inline: 12px; gap: 10px; }
  .offer-note { font-size: 8px; }
  .faq { grid-template-columns: 1fr; gap: 37px; padding-top: 0; }
  .commercial-direction, .compatibility-section, .purchase-path { grid-template-columns: 1fr; }
  .commercial-direction { gap: 32px; }
  .compatibility-section, .purchase-path { gap: 35px; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 36px; }
  .pricing-hero { padding-top: 78px; }
  .plan-card { padding: 30px; }
  .account-panel { grid-template-columns: 1fr; gap: 38px; }
}
@media (max-width: 600px) {
  .container { width: calc(100% - 40px); }
  .nav-bar { height: 70px; }
  .nav-bar nav { display: none; }
  .brand { font-size: 21px; }
  .button-small { min-height: 42px; font-size: 10px; gap: 15px; padding-inline: 12px; }
  .hero { padding-block: 61px 45px; gap: 50px; }
  .hero-copy .eyebrow { font-size: 8px; letter-spacing: .07em; margin-bottom: 23px; }
  h1 { font-size: clamp(50px, 12.5vw, 73px); letter-spacing: -.063em; line-height: 1.09; }
  .hero-description { font-size: 16px; margin-top: 23px; }
  .hero-detail { font-size: 12px; line-height: 1.75; margin-inline: 7px; }
  .desktop-break { display: none; }
  .hero-actions { gap: 20px; margin-top: 27px; }
  .hero-actions .button { min-height: 49px; font-size: 11px; padding-inline: 17px; gap: 16px; }
  .hero-actions .text-link { font-size: 10px; gap: 7px; }
  .play-mark { width: 24px; height: 24px; font-size: 14px; }
  .platform-note { margin-top: 21px; font-size: 9px; }
  .hero-visual { width: 100%; }
  .orbital-one { width: 110%; }
  .orbital-two { width: 111%; opacity: .3; }
  .app-stage { border-radius: 8px; }
  .window-chrome { height: 28px; font-size: 8px; }
  .preview-control { padding: 6px; gap: 3px; }
  .preview-button { padding-inline: 10px; min-height: 44px; font-size: 9px; }
  .visual-caption { font-size: 8px; margin-top: 17px; }
  .visual-caption .mono { font-size: 8px; }
  .trust-line { display: grid; grid-template-columns: 1fr; align-items: center; gap: 17px; padding-block: 23px; }
  .trust-line span { justify-content: center; font-size: 11px; }
  .trust-line svg { width: 17px; height: 17px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 0; padding: 24px; }
  .feature-icon { margin-bottom: 22px; }
  .section-space { padding-block: 66px; }
  h2 { font-size: 36px; }
  .eyebrow { font-size: 8px; }
  .section-heading { display: block; margin-bottom: 35px; }
  .section-heading > p { margin-top: 18px; font-size: 12px; max-width: 250px; }
  .steps { grid-template-columns: 1fr; gap: 34px; }
  .step-art { height: 162px; margin-bottom: 22px; }
  .link-pill { font-size: 12px; padding-inline: 17px; gap: 17px; }
  .tiny-icon { display: grid; top: 21px; left: 40px; }
  .folder-back { top: 39px; }
  .folder-front { top: 63px; }
  .file-tag { transform: rotate(7deg) translate(42px, 45px); }
  .verify-label { bottom: 5px; font-size: 7px; }
  .step-title { gap: 13px; margin-bottom: 11px; }
  .step-title h3 { font-size: 19px; }
  .step > p { font-size: 13px; }
  .workflow-note { margin-top: 26px; font-size: 10px; padding-right: 0; }
  .proof-section { padding-block: 65px 21px; }
  .proof-layout { grid-template-columns: 1fr; gap: 39px; }
  .proof-copy h2 { font-size: 47px; }
  .proof-copy > p:not(.eyebrow) { font-size: 15px; }
  .proof-copy > p.proof-detail { font-size: 12px; }
  .receipt { padding: 27px 24px; transform: none; }
  .receipt-header h3 { font-size: 13px; }
  .receipt-header .mono { font-size: 7px; }
  .receipt-icon { width: 33px; height: 33px; }
  .receipt-header { gap: 10px; }
  .receipt-total strong { font-size: 65px; }
  .receipt-total strong > span { font-size: 34px; }
  .receipt-row { font-size: 11px; }
  .receipt-bottom > span:last-child { font-size: 7px; }
  .receipt-barcode { width: 65px; }
  .test-details { margin-top: 27px; }
  .test-details > div { display: block; }
  .test-details p { margin-bottom: 12px; }
  .comparison-scroll { margin-right: -20px; border-radius: 10px 0 0 10px; }
  .comparison-table { min-width: 820px; }
  .comparison-table th, .comparison-table td { padding: 16px 13px; }
  .commercial-direction { padding: 29px 24px; }
  .commercial-intro h2 { font-size: 34px; }
  .commercial-intro > p:last-child { font-size: 12px; }
  .compatibility-card { padding: 24px 20px; }
  .resume-visual { padding: 22px 18px; }
  .resume-label .mono { font-size: 6px; }
  .resume-status { font-size: 7px; padding: 5px 7px; }
  .timeline { margin-top: 46px; }
  .timeline-captions { font-size: 9px; }
  .resume-bottom { font-size: 6px; margin-top: 36px; }
  .resilience { gap: 32px; }
  .resilience-copy > p:not(.eyebrow) { font-size: 13px; }
  .resilience-copy > p.subtle-note { font-size: 11px; }
  .safety { grid-template-columns: 1fr; padding-block: 0 61px; gap: 34px; }
  .safety-items h3 { font-size: 16px; }
  .safety-items p { font-size: 12px; }
  .access-panel { grid-template-columns: 1fr; padding: 29px 24px; gap: 33px; }
  .access-copy h2 { font-size: 33px; }
  .access-copy > p { font-size: 13px; }
  .offer { padding: 29px 0 0; border-left: 0; border-top: 1px solid #bfd9ff1c; }
  .price { font-size: 80px; }
  .offer > p { font-size: 11px; }
  .offer > .button { font-size: 12px; min-height: 52px; padding-inline: 20px; }
  .offer-note { font-size: 10px; }
  .release-notice { padding: 0; gap: 12px; }
  .release-notice h3 { line-height: 1.5; }
  .release-notice p { font-size: 10px; }
  .faq { padding-top: 0; gap: 30px; }
  .faq-heading h2 { font-size: 34px; }
  .faq-list summary { font-size: 12px; padding-block: 19px; }
  .faq-list details > p { font-size: 12px; }
  .footer-top { flex-wrap: wrap; gap: 16px; }
  .footer-top > p { order: 3; width: 100%; margin-left: 0; font-size: 11px; }
  .back-top { margin-left: auto; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 19px; padding-top: 25px; font-size: 9px; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-brand > p { max-width: none; }
  .trademark-note { font-size: 8px; line-height: 1.8; }
  .pricing-header .page-context { display: none; }
  .pricing-hero { padding-block: 65px 45px; }
  .pricing-hero h1 { font-size: 45px; }
  .pricing-hero > p:last-child { font-size: 13px; }
  .plan-grid { grid-template-columns: 1fr; padding-bottom: 60px; }
  .plan-card { min-height: 470px; padding: 28px 23px; }
  .purchase-path { padding-block: 58px; }
  .account-panel { padding-block: 60px 75px; }
  .account-copy h2 { font-size: 35px; }
  .otp-panel { padding: 23px 18px; }
  .field-action { grid-template-columns: 1fr; }
  .field-action .button { width: 100%; justify-content: center; }
  .status-card { padding: 39px 22px; }
  .status-card h1 { font-size: 34px; }
  .status-actions { flex-direction: column; }
  .status-actions .button { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .app-stage, .app-stage:hover { transform: none; }
  .button:hover { transform: none; }
}