/* Deep-blue / cyan presentation layer. Load after style.css and flow.css.
   Images and icons are supplied by tech.js; visibility and routing stay in flow.js. */
body.tech-v3 {
  --ink: #f4f8ff;
  --muted: #b5c6dc;
  --green: #00d9ed;
  --lime: #8ceef7;
  --paper: #030c18;
  --line: #294157;
  --white: #0a1728;
  --orange: #ffb58c;
  --tech-raised: #0e2036;
  --tech-soft: #10273b;
  --tech-focus: #73edff;
  min-height: 100vh;
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  color-scheme: dark;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  font-synthesis: none;
}

body.tech-v3 :is(h1, h2, h3, h4, strong) { color: var(--ink); }
body.tech-v3 :is(button, input, select, textarea) { font-family: inherit; }
body.tech-v3 :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--tech-focus);
  outline-offset: 4px;
}
body.tech-v3 ::selection { color: #03151c; background: #88edf7; }
body.tech-v3 .wrap { width: min(1160px, calc(100% - 80px)); }
body.tech-v3 .preview-note {
  display: none;
  padding: 7px 20px;
  background: #071526;
  color: var(--muted);
  border-bottom: 1px solid #142b40;
  font-size: 12px;
  letter-spacing: .015em;
}
body.tech-v3 .header {
  min-height: 80px;
  background: var(--paper);
  border-bottom-color: var(--line);
}
body.tech-v3 .brand { font-size: 22px; gap: 11px; }
body.tech-v3 .brand small { color: var(--muted); font-size: 10px; letter-spacing: .12em; }
body.tech-v3 .brand-mark { background: var(--green); }
body.tech-v3 .brand-mark::after { border-top-color: var(--green); }
body.tech-v3 .brand-mark i { background: #031723; }
body.tech-v3 .brand img { display: block; width: 40px; height: 40px; object-fit: contain; }
body.tech-v3 .header nav { font-size: 14px; }
body.tech-v3 .header nav a:hover,
body.tech-v3 .header nav a[aria-current="page"] { color: var(--green); }
body.tech-v3 .header nav .nav-cta {
  min-height: 44px;
  padding: 10px 16px;
  color: var(--ink);
  border-color: #6888a5;
  border-radius: 8px;
  background: transparent;
}
body.tech-v3 .header nav .nav-cta:hover { background: var(--tech-raised); border-color: var(--green); }

/* Shared actions and readable copy. */
body.tech-v3 .button {
  min-height: 48px;
  border-radius: 9px;
  font-size: 15px;
  font-weight: 700;
  transition: background-color .15s, border-color .15s, color .15s;
}
body.tech-v3 .button:hover { transform: none; }
body.tech-v3 .button.primary,
body.tech-v3 .primary {
  background: var(--green);
  border-color: var(--green);
  color: #031723;
}
body.tech-v3 .button.primary:hover,
body.tech-v3 .primary:hover { background: #6cebf6; border-color: #6cebf6; color: #031723; }
body.tech-v3 .button.secondary,
body.tech-v3 .secondary {
  background: transparent;
  border-color: #6888a5;
  color: var(--ink);
}
body.tech-v3 .button.secondary:hover,
body.tech-v3 .secondary:hover { background: var(--tech-raised); border-color: #9bb9d6; }
body.tech-v3 :is(.flow-link, .flow-back, .text-link, .source-link, .model-jump, .flow-text-button, .flow-compare-toggle) {
  color: var(--green);
  font-size: 14px;
}
body.tech-v3 :is(.flow-link, .flow-back, .text-link, .source-link, .flow-text-button):hover { color: #9af3fa; }
body.tech-v3 :is(.flow-intro, .flow-home-more p, .flow-list, .flow-local-note, .flow-empty-copy,
  .flow-empty p, .flow-detail-offer > p, .flow-comparison-card p, .flow-comparison-card .flow-list,
  .section-heading > p:last-child, .capability-grid p, .workspace-intro, .workspace-roles p,
  .domain-copy > p:not(.eyebrow), .domain-copy > p.fine, .domain-steps span,
  .faq-list p, .faq > div > p:last-child, .plan-common, .plan-note, .plan-intro,
  .models-note, .models-heading > p:last-child, .family-models p, .models-membership p,
  .product-card p, .product-card ul, .sample-description > p:not(.eyebrow), .sample-description > p.sample-note,
  .case-note, .site-cases p, .partner-steps p, .partners-grid > div > p.partner-note, .delivery-grid p) {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.85;
}
body.tech-v3 .eyebrow { color: #a9c5e2; font-size: 12px; }
body.tech-v3 .flow-page-heading h1 { color: var(--ink); }
body.tech-v3 :is(.flow-feedback, #form-status, #video-status) { color: #ffc29b; font-size: 14px; }
body.tech-v3 .flow-compare-toggle[aria-pressed="true"] { color: #9af3fa; }
body.tech-v3 button:disabled,
body.tech-v3 .button:disabled { cursor: not-allowed; color: #9aacbf; background: #122036; border-color: #33465b; }
body.tech-v3 .skip { color: var(--ink); background: #10273b; border: 1px solid var(--green); }
body.tech-v3 .noscript { color: #ffd4b8; background: #2a201e; border-color: #6c4940; }

/* The selected mobile artwork remains an image, not a CSS illustration. */
body.tech-v3 .hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr);
  grid-template-areas: "copy art" "actions art" "provider art" "featured art";
  column-gap: 48px;
  row-gap: 0;
  align-items: start;
  align-content: start;
  padding-top: 54px;
  padding-bottom: 40px;
}
body.tech-v3 .tech-hero-copy { grid-area: copy; min-width: 0; }
body.tech-v3 .tech-kicker { display: none; }
body.tech-v3 .hero h1 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(39px, 4.05vw, 54px);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.035em;
}
body.tech-v3 .hero h1 em { color: var(--green); font-style: normal; white-space: nowrap; }
body.tech-v3 .tech-subtitle {
  margin-top: 18px;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.6;
  letter-spacing: .045em;
}
body.tech-v3 .tech-hero-art { grid-area: art; min-width: 0; align-self: center; }
body.tech-v3 .tech-hero-art > img {
  display: block;
  width: 100%;
  height: clamp(310px, 33vw, 470px);
  object-fit: contain;
  object-position: center;
}
body.tech-v3 .tech-hero-actions {
  grid-area: actions;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 28px;
}
body.tech-v3 .tech-hero-actions .button { min-width: 0; gap: 12px; padding: 12px 15px; font-size: 16px; }
body.tech-v3 .tech-button-icon { display: block; width: 20px; height: 20px; object-fit: contain; }
body.tech-v3 .tech-hero-actions .secondary .tech-button-icon { filter: invert(1); }
body.tech-v3 .tech-featured { grid-area: featured; display: grid; gap: 12px; margin-top: 26px; }
body.tech-v3 .tech-feature-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 12px;
  gap: 15px;
  align-items: center;
  min-height: 80px;
  padding: 13px 16px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--ink);
}
body.tech-v3 .tech-feature-card:hover { background: #0d2035; border-color: #60b9ce; }
body.tech-v3 .tech-feature-icon { display: block; width: 42px; height: 42px; object-fit: contain; }
body.tech-v3 .tech-feature-card > div { min-width: 0; padding-left: 15px; border-left: 1px solid #49677f; }
body.tech-v3 .tech-feature-card strong { display: block; color: var(--ink); font-size: 20px; font-weight: 700; line-height: 1.35; }
body.tech-v3 .tech-feature-card span { display: block; margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.5; }
body.tech-v3 .tech-chevron { display: block; width: 12px; height: 18px; object-fit: contain; filter: invert(1); }
body.tech-v3 .tech-model-card {
  grid-area: provider;
  display: grid;
  gap: 8px;
  min-width: 0;
  margin-top: 18px;
  padding: 13px 14px;
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 12px;
  line-height: 1.55;
}
body.tech-v3 .tech-model-card:hover { border-color: #60b9ce; background: #0d2035; }
body.tech-v3 .tech-model-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 2px 10px;
}
body.tech-v3 .tech-model-title > strong { font-size: 16px; }
body.tech-v3 .tech-model-title > span { color: var(--green); font-size: 13px; }
body.tech-v3 .tech-model-family {
  display: grid;
  grid-template-columns: 4em minmax(0, 1fr);
  gap: 6px;
  color: var(--muted);
  font-size: 14px;
}
body.tech-v3 .tech-model-family > strong { color: var(--ink); }
body.tech-v3 .tech-model-names { display: flex; flex-wrap: wrap; gap: 1px 11px; }
body.tech-v3 .tech-model-names > span { white-space: nowrap; }
body.tech-v3 .tech-model-live {
  padding-top: 8px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
}
body.tech-v3 .tech-model-live.is-live { color: var(--green); }
body.tech-v3 .tech-horizon { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 105px; object-fit: cover; pointer-events: none; }
body.tech-v3 .flow-home-more { border-color: var(--line); }
body.tech-v3 .tech-product-index { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-block: 24px 7px; }
body.tech-v3 .tech-product-chip { display: flex; align-items: center; justify-content: center; min-height: 49px; padding: 10px 14px; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: 8px; font-size: 14px; }
body.tech-v3 .tech-product-chip:hover { color: var(--green); border-color: #5a9cb5; background: #0d2035; }

/* Catalogue, details, comparison and subscriptions. */
body.tech-v3 :is(.product-card, .flow-detail-block, .flow-comparison-card, .plan, .setup-card, .flow-saved-item) {
  background: var(--white);
  border-color: var(--line);
  color: var(--ink);
  box-shadow: none;
}
body.tech-v3 :is(.flow-start-panel, .flow-detail-example, .models-membership, .flow-empty-copy) { background: #0d2034; border-color: var(--line); }
body.tech-v3 .flow-start-item { background: var(--white); border-color: var(--line); }
body.tech-v3 .flow-empty { background: #091a2d; border-color: #42667d; }
body.tech-v3 .catalog-filters button { border-color: var(--line); color: var(--muted); background: var(--white); font-size: 14px; }
body.tech-v3 .catalog-filters button[aria-pressed="true"] { background: var(--green); border-color: var(--green); color: #031723; }
body.tech-v3 .flow-search input { background: #071322; border-color: #405a73; color: var(--ink); }
body.tech-v3 .product-meta { color: var(--muted); font-size: 12px; }
body.tech-v3 .product-meta b { color: #98edf5; background: #123246; font-size: 12px; }
body.tech-v3 .product-card[data-category="lab"] .product-meta b { color: #ffd0a6; background: #30271f; }
body.tech-v3 .product-card > a,
body.tech-v3 .product-card > button { color: var(--green); border-color: var(--line); font-size: 14px; }
body.tech-v3 .flow-card-actions { border-color: var(--line); }
body.tech-v3 .flow-compare-tray { background: #0b1c30; border-color: #4d738e; box-shadow: 0 6px 24px #0008; }
body.tech-v3 .flow-stage { color: #91e9f2; }
body.tech-v3 .flow-detail-offer .flow-price-note { color: #8de9f4; }
body.tech-v3 .flow-comparison-card h3 { color: var(--green); }
body.tech-v3 .plan.featured { background: #0d2438; border-color: var(--green); }
body.tech-v3 .plan-ribbon { color: #031723; background: var(--green); font-size: 12px; }
body.tech-v3 .plan-type { color: var(--muted); font-size: 12px; }
body.tech-v3 .price { color: var(--ink); }
body.tech-v3 .price span { color: var(--muted); font-size: 14px; }
body.tech-v3 .plan ul { font-size: 14px; border-color: var(--line); }
body.tech-v3 .plan li::before { color: var(--green); }

/* The interactive preview retains its existing disclosure and states. */
body.tech-v3 .demo { background: #071423; border-color: var(--line); box-shadow: none; }
body.tech-v3 .demo-top { background: #102238; border-color: var(--line); }
body.tech-v3 .mini-logo { background: #174558; color: #9af5fc; }
body.tech-v3 .demo-top strong { font-size: 15px; }
body.tech-v3 :is(.demo-top small, .demo-hint, .message-label, .source-label, .demo-bottom, .result-foot) { color: var(--muted); font-size: 12px; }
body.tech-v3 .demo-live { color: #8debf5; border-color: #386578; font-size: 12px; }
body.tech-v3 .industry-tabs button { color: var(--muted); font-size: 13px; }
body.tech-v3 .industry-tabs button[aria-pressed="true"] { color: #031723; background: var(--green); }
body.tech-v3 .questions button { color: #b9eaf2; border-color: #345c73; background: #102238; font-size: 13px; }
body.tech-v3 .questions button[aria-pressed="true"] { color: #b9f8ff; background: #143e50; border-color: #66b8c8; }
body.tech-v3 .message,
body.tech-v3 .assistant p { color: var(--ink); font-size: 14px; }
body.tech-v3 .customer p { color: var(--ink); background: #163344; }
body.tech-v3 .assistant small { color: var(--muted); font-size: 12px; border-color: var(--line); }
body.tech-v3 .demo-switch { border-color: var(--line); }
body.tech-v3 .demo-switch button { color: var(--muted); font-size: 13px; }
body.tech-v3 .demo-switch button[aria-pressed="true"] { color: var(--green); border-bottom-color: var(--green); }
body.tech-v3 .result-panel { color: var(--ink); background: #0e2337; border-color: #35506a; }
body.tech-v3 .result-title strong { font-size: 14px; }
body.tech-v3 .result-title span { color: #ffd39b; background: #30251d; border-color: #73543a; font-size: 12px; }
body.tech-v3 .result-panel dl > div { font-size: 14px; }
body.tech-v3 .result-panel dt { color: var(--muted); }
body.tech-v3 .promotion-text { font-size: 14px; }
body.tech-v3 .demo-bottom { border-color: var(--line); }
body.tech-v3 .flow-demo-drawer { background: var(--white); border-color: var(--line); }

/* Models, operational explanation, cases and cooperation. */
body.tech-v3 .model-family,
body.tech-v3 .model-family.claude-family {
  --family-color: #82e7f2;
  --family-line: #294157;
  --family-surface: #10253a;
  background: var(--white);
  border-color: var(--family-line);
}
body.tech-v3 .model-family.claude-family { --family-color: #adceff; --family-surface: #111f35; }
body.tech-v3 .model-family > header { background: var(--family-surface); border-color: var(--family-line); }
body.tech-v3 .model-family h3 { color: var(--family-color); }
body.tech-v3 .family-range { color: var(--family-color); background: #081625; border-color: var(--family-line); font-size: 12px; }
body.tech-v3 .family-overline,
body.tech-v3 .model-index { color: var(--family-color); font-size: 12px; }
body.tech-v3 .family-models li { border-color: var(--family-line); }
body.tech-v3 .model-purpose { color: var(--family-color); background: var(--family-surface); font-size: 12px; }
body.tech-v3 .flagship .model-purpose { color: #031723; background: var(--family-color); }
body.tech-v3 .family-source { color: var(--family-color); border-color: var(--family-line); font-size: 14px; }
body.tech-v3 .models-membership a { color: var(--green); font-size: 14px; }
body.tech-v3 .tech-integration-note {
  margin-block: 22px;
  padding: 18px 20px;
  color: var(--muted);
  background: #0a1728;
  border: 1px solid #32647c;
  border-left: 3px solid var(--green);
  border-radius: 9px;
  font-size: 14px;
  line-height: 1.85;
}
body.tech-v3 .tech-integration-note :is(p, li, small) { color: var(--muted); font-size: 14px; line-height: 1.85; }
body.tech-v3 .tech-integration-note :is(strong, h3, h4) { color: var(--ink); }
body.tech-v3 .tech-integration-note a { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
body.tech-v3 :is(.workspace-section, .work-section, .partners-section) { background: #071525; color: var(--ink); }
body.tech-v3 .workspace-grid .eyebrow,
body.tech-v3 .workspace-roles small { color: #9dd9e5; font-size: 13px; }
body.tech-v3 .workspace-roles article { border-color: var(--line); }
body.tech-v3 .workspace-roles h3 { color: var(--ink); }
body.tech-v3 .role-icon,
body.tech-v3 .text-link.light { color: var(--green); }
body.tech-v3 .capability-grid article,
body.tech-v3 .delivery-grid article { border-color: #3e6980; }
body.tech-v3 .cap-number,
body.tech-v3 .capability-grid small { color: #8cdeec; font-size: 13px; }
body.tech-v3 .sample-player { background: #020813; border: 1px solid var(--line); }
body.tech-v3 .sample-specs span { color: #a4eaf4; border-color: #345c73; background: #102238; font-size: 13px; }
body.tech-v3 .sample-actions .button { font-size: 14px; }
body.tech-v3 .site-cases article { background: var(--white); border-color: var(--line); }
body.tech-v3 .site-cases article > span { color: var(--muted); font-size: 12px; }
body.tech-v3 .site-cases a { color: var(--green); }
body.tech-v3 .partner-steps b,
body.tech-v3 .domain-steps b { color: var(--green); background: #10283d; border-color: #38546c; }
body.tech-v3 .partner-steps strong,
body.tech-v3 .domain-steps strong { color: var(--ink); font-size: 15px; }
body.tech-v3 .faq-list details,
body.tech-v3 .faq-list details:first-child { border-color: var(--line); }
body.tech-v3 summary { color: var(--ink); font-size: 15px; }
body.tech-v3 summary::after { color: var(--green); }
body.tech-v3 .footer { color: var(--muted); border-color: var(--line); font-size: 14px; }
body.tech-v3 .footer a { color: #a9e9f3; }

/* The existing three-step form and saved drafts share the same dark surfaces. */
body.tech-v3 .setup-top > span:last-child { color: var(--muted); font-size: 13px; }
body.tech-v3 :is(form > label, .form-row label, #domain-input-wrap > label, .domain-options legend, .domain-options label) { color: var(--ink); font-size: 14px; }
body.tech-v3 input:not([type="radio"]),
body.tech-v3 select,
body.tech-v3 textarea {
  color: var(--ink);
  background: #071322;
  border-color: #405a73;
  border-radius: 7px;
  font-size: 16px;
}
body.tech-v3 :is(input, textarea)::placeholder { color: #8fa5bf; opacity: 1; }
body.tech-v3 #business-plan:disabled,
body.tech-v3 :is(input, select, textarea):disabled { color: #9bacbf; background: #0b1625; border-color: #2b4056; opacity: 1; }
body.tech-v3 .domain-options input { accent-color: var(--green); }
body.tech-v3 :is(#domain-help, .form-note) { color: var(--muted); font-size: 14px; }
body.tech-v3 .flow-progress { color: var(--muted); border-color: var(--line); }
body.tech-v3 .flow-progress li[aria-current="step"] { color: var(--green); border-color: var(--green); }
body.tech-v3 .flow-review > div { border-color: var(--line); }
body.tech-v3 .flow-review dt { color: var(--muted); }
body.tech-v3 .flow-draft-time { color: var(--muted); font-size: 14px; }
body.tech-v3 .flow-saved-item pre { color: var(--ink); }
body.tech-v3 .flow-saved-item > summary { color: var(--ink); }

@media (max-width: 1000px) and (min-width: 781px) {
  body.tech-v3 .hero { column-gap: 28px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body.tech-v3 .hero h1 { font-size: 38px; }
  body.tech-v3 .tech-subtitle { font-size: 17px; }
  body.tech-v3 .tech-hero-actions { gap: 10px; }
  body.tech-v3 .tech-hero-actions .button { font-size: 14px; gap: 8px; padding-inline: 10px; }
  body.tech-v3 .tech-feature-card { grid-template-columns: 36px minmax(0, 1fr) 10px; gap: 10px; padding-inline: 12px; }
  body.tech-v3 .tech-feature-icon { width: 34px; height: 34px; }
  body.tech-v3 .tech-feature-card > div { padding-left: 11px; }
  body.tech-v3 .tech-feature-card strong { font-size: 18px; }
  body.tech-v3 .tech-feature-card span { font-size: 14px; }
}

@media (max-width: 780px) {
  body.tech-v3 .tech-horizon { width: 100vw; max-width: none; height: 90px; }
  html.flow-runtime { scrollbar-width: none; }
  html.flow-runtime::-webkit-scrollbar { display: none; width: 0; height: 0; }
  body.tech-v3 { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
  body.tech-v3 .wrap { width: calc(100% - 40px); }
  body.tech-v3 .header {
    width: 100%;
    min-height: 64px;
    gap: 10px;
    padding-inline: 20px;
    border-bottom: 0;
  }
  body.tech-v3 .brand { gap: 9px; font-size: 20px; letter-spacing: -.03em; }
  body.tech-v3 .brand small { font-size: 8px; letter-spacing: .08em; }
  body.tech-v3 .brand-mark,
  body.tech-v3 .brand img { width: 34px; height: 34px; flex-shrink: 0; }
  body.tech-v3 .header nav { gap: 0; flex-shrink: 0; }
  body.tech-v3 .header nav .nav-cta { min-height: 36px; padding: 7px 11px; font-size: 14px; border-radius: 7px; }
  body.tech-v3 .hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "art" "actions" "provider" "featured";
    gap: 0;
    min-height: calc(100svh - 128px);
    padding-top: 32px;
    padding-bottom: 28px;
    align-content: start;
  }
  body.tech-v3 .hero h1 { font-size: clamp(31px, 10.3vw, 40px); line-height: 1.3; letter-spacing: -.03em; }
  body.tech-v3 .tech-subtitle { margin-top: 13px; font-size: 16px; line-height: 1.6; letter-spacing: .04em; }
  body.tech-v3 .tech-hero-art {
    position: relative;
    width: calc(100% + 40px);
    height: 190px;
    margin-inline: -20px;
    margin-top: 0;
    overflow: hidden;
  }
  body.tech-v3 .tech-hero-art > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    max-width: none;
    height: auto;
    object-fit: contain;
    transform: translate(-50%, -50%);
    filter: brightness(1.12);
  }
  body.tech-v3 .tech-hero-actions { gap: 10px; margin-top: 12px; }
  body.tech-v3 .tech-hero-actions .button { min-height: 48px; padding: 12px 10px; font-size: 17px; gap: 9px; border-radius: 10px; }
  body.tech-v3 .tech-button-icon { width: 20px; height: 20px; }
  body.tech-v3 .tech-featured { gap: 10px; margin-top: 28px; }
  body.tech-v3 .tech-feature-card {
    grid-template-columns: 42px minmax(0, 1fr) 12px;
    gap: 13px;
    min-height: 74px;
    padding: 11px 14px;
    border-radius: 12px;
  }
  body.tech-v3 .tech-feature-icon { width: 40px; height: 40px; }
  body.tech-v3 .tech-feature-card > div { padding-left: 13px; }
  body.tech-v3 .tech-feature-card strong { font-size: 19px; line-height: 1.35; }
  body.tech-v3 .tech-feature-card span { margin-top: 3px; font-size: 14px; line-height: 1.5; }
  body.tech-v3 .tech-product-index { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.tech-v3 .flow-home-more h2 { font-size: 24px; }
  body.tech-v3 .flow-home-more p { font-size: 14px; }
  body.tech-v3 .flow-card-actions .button,
  body.tech-v3 .flow-compare-toggle { font-size: 14px; }
  body.tech-v3 .flow-compare-tray { bottom: calc(76px + env(safe-area-inset-bottom)); }
  body.tech-v3 .flow-bottom-nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: calc(64px + env(safe-area-inset-bottom));
    gap: 2px;
    padding: 5px 10px calc(5px + env(safe-area-inset-bottom));
    background: #050f1e;
    border-top: 1px solid #294157;
    backdrop-filter: none;
    box-shadow: 0 -5px 20px #0003;
  }
  body.tech-v3 .flow-bottom-nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 54px;
    padding: 3px 2px;
    color: var(--muted);
    background: transparent;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
  }
  body.tech-v3 .tech-nav-icon { display: block; width: 20px; height: 20px; object-fit: contain; filter: invert(1); opacity: .84; }
  body.tech-v3 .flow-bottom-nav a[aria-current="page"] { color: var(--green); background: transparent; }
  body.tech-v3 .flow-bottom-nav a[aria-current="page"] .tech-nav-icon { filter: invert(74%) sepia(99%) saturate(2188%) hue-rotate(140deg) brightness(101%) contrast(103%); opacity: 1; }
  body.tech-v3 .flow-bottom-nav a:hover { background: #102337; }
  body.tech-v3 .footer { font-size: 14px; }
}

@media (max-width: 360px) {
  body.tech-v3 .header { padding-inline: 16px; }
  body.tech-v3 .brand { font-size: 17px; gap: 7px; }
  body.tech-v3 .brand small { font-size: 7px; }
  body.tech-v3 .brand-mark,
  body.tech-v3 .brand img { width: 30px; height: 30px; }
  body.tech-v3 .header nav .nav-cta { padding-inline: 9px; font-size: 13px; }
  body.tech-v3 .hero { padding-top: 25px; }
  body.tech-v3 .tech-subtitle { font-size: 14px; letter-spacing: .025em; }
  body.tech-v3 .tech-hero-actions .button { font-size: 15px; gap: 6px; }
  body.tech-v3 .tech-feature-card { grid-template-columns: 34px minmax(0, 1fr) 10px; gap: 9px; padding-inline: 11px; }
  body.tech-v3 .tech-feature-icon { width: 33px; height: 33px; }
  body.tech-v3 .tech-feature-card > div { padding-left: 10px; }
  body.tech-v3 .tech-feature-card strong { font-size: 18px; }
  body.tech-v3 .tech-feature-card span { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  body.tech-v3 .button { transition: none; }
}