/* Mobile-only composition. The approved desktop/tablet stylesheet is unchanged.
   This file is also media-gated by its link in index.html. */
@media (max-width: 700px) {
  html { scroll-padding-top: 96px; }
  header { height: 76px; padding-inline: 20px; gap: 12px; }
  header .brand { gap: 8px; }
  header .header-wordmark { font-size: 23px; }
  header .button.access { min-height: 44px; gap: 8px; padding: 4px 5px 4px 12px; }
  header .button.access .demo-emblem { width: 28px; height: 28px; }
  .hero { padding: 30px 20px 24px; min-height: 0; }
  .hero-copy { min-width: 0; }
  .hero .hero-copy > .identity-signal { font-size: 10px; line-height: 1.8; letter-spacing: .65px; align-items: flex-start; gap: 9px; }
  .identity-words { min-width: 0; white-space: normal; }
  .identity-beacon { margin-top: 3px; flex-shrink: 0; }
  .hero h1 { font-size: clamp(36px, 8.9vw, 58px); line-height: 1.12; letter-spacing: -.045em; margin-bottom: 22px; }
  .hero .intro { font-size: 16px; line-height: 1.65; }
  .hero .intro br { display: none; }
  .hero .value-statements { margin: 22px 0; }
  .hero .value-statements p { padding-block: 5px; }
  .hero > .hero-actions { position: static; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 22px; }
  .hero-actions .button.access { min-height: 54px; }
  .hero-actions .text-link { min-height: 44px; font-size: 14px; }
  .hero-visual { height: 470px; min-height: 470px; margin: 20px -8px 0; overflow: hidden; }
  .hero-visual .visual-top { left: 0; right: 0; top: 8px; text-align: center; justify-content: center; font-size: 9px; letter-spacing: 1px; }
  .hero-visual .visual-bottom { left: 10px; right: 10px; bottom: 0; text-align: center; justify-content: center; font-size: 12px; }
  .capability-system { width: 76px; height: 76px; }
  .pricing-system,.hcp-system { left: 9%; }
  .competitive-system,.financial-system { right: 9%; }
  .pricing-system,.competitive-system { top: 23%; }
  .hcp-system,.financial-system { top: 56%; }
  .capability-hub { padding: 5px; }
  .capability-hub > span { font-size: 8px; letter-spacing: .35px; }
  /* Tapping a hub exposes readable stationary details, avoiding tiny orbiting text. */
  .capability-system .satellite-system { inset: auto; top: calc(100% + 7px); left: -12px; width: 150px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 6px; border-radius: 9px; background: #0c1009; transform: translateY(-4px); }
  .competitive-system .satellite-system,.financial-system .satellite-system { left: auto; right: -12px; }
  .capability-system.expanded .satellite-system { transform: translateY(0); background: #0c1009; }
  .satellite-system .feature-orbit { position: static; animation: none !important; transform: none; border-radius: 0; }
  .satellite-system .feature-moon { position: static; width: auto; height: auto; min-height: 32px; margin: 0; padding: 4px; font-size: 10px; border: 0; border-radius: 4px; box-shadow: none; animation: none !important; transform: none; }
  .market-bridge { margin-inline: 20px; padding-block: 28px; }
  .bridge-layout { gap: 24px; }
  .bridge-intro h2 { font-size: 29px; line-height: 1.2; }
  .bridge-intro h2 br,.why-intro br { display: none; }
  .bridge-intro > p { font-size: 15px; line-height: 1.7; }
  .bridge-heading { gap: 10px; }
  .bridge-market { font-size: 8px; letter-spacing: 1px; white-space: normal; }
  .bridge-steps article { gap: 14px; padding-block: 16px; }
  main > .section { padding: 36px 20px; }
  .section .eyebrow { font-size: 10px; letter-spacing: 1.3px; margin-bottom: 18px; }
  .section-heading h2,.why h2 { font-size: clamp(30px, 7.5vw, 40px); line-height: 1.2; letter-spacing: -1.2px; }
  .signal-section .section-heading .connected-heading { align-items: center; flex-direction: column; gap: 12px; font-size: clamp(24px, 6.2vw, 38px); letter-spacing: -.8px; }
  .connected-heading .connected-label { white-space: nowrap; }
  .connected-check { width: .8em; height: .8em; min-width: 0; margin-left: 8px; }
  .pipeline-summary { white-space: normal; margin-top: 12px; }
  .signal-workspace { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; margin-top: 25px; }
  .signal-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .signal { min-height: 48px; padding: 12px 10px; gap: 7px; font-size: 13px; }
  .signal-bridge { display: none; }
  .insight { min-width: 0; min-height: 0; padding: 23px 20px; }
  .insight h3 { font-size: 26px; }
  .insight > p:not(.eyebrow),.insight-value p { font-size: 15px; line-height: 1.7; }
  .insight-bottom { font-size: 10px; letter-spacing: 1px; }
  .interaction-hint { font-size: 12px; line-height: 1.6; }
  .cap-grid { display: grid; grid-template-columns: minmax(0,1fr); margin-top: 25px; }
  .cap-grid article { display: flex; grid-row: auto; min-width: 0; }
  .cap-grid h3 { font-size: 26px; }
  .cap-grid .cap-foot { margin-top: 0; padding-top: 18px; }
  .cap-details li { font-size: 13px; overflow-wrap: anywhere; }
  .decisions .section-heading .evidence-heading { font-size: clamp(30px, 7.5vw, 40px); gap: 7px; }
  .decisions .audience-grid { grid-template-columns: minmax(0,1fr); gap: 14px; margin-top: 25px; }
  .audience-grid .use-case-card { padding: 23px 20px; min-width: 0; }
  .use-case-card h3 { font-size: 25px; min-height: 0; margin: 16px 0 22px; }
  .audience-grid .use-case-card p { font-size: 15px; line-height: 1.7; }
  .why { display: block; }
  .principles { margin-top: 25px; }
  .principles article { gap: 14px; padding-block: 22px; }
  .principles article > div { min-width: 0; }
  .principles h3 { font-size: 21px; line-height: 1.35; }
  .principles article p,.why-intro { font-size: 15px; line-height: 1.7; }
  main > .closing { padding: 40px 20px; min-height: 0; }
  .closing h2 { font-size: clamp(35px, 8.8vw, 52px); letter-spacing: -1.5px; }
  .closing > p:last-of-type { line-height: 1.7; }
  footer { padding: 28px 20px; gap: 18px; }
  footer > span { grid-column: 1 / -1; }
  /* Keep the overlay framed by the homepage, with comfortable touch controls. */
  dialog.connect-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 14px; }
  .connect-shell { padding: 0 18px 24px; }
  .connect-top { position: sticky; top: 0; z-index: 10; background: #0c0f0a; padding: 16px 0 12px; margin-bottom: 20px; }
  .connect-dialog .dialog-close { min-height: 44px; min-width: 44px; padding: 8px; }
  .connect-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
  .connect-dialog h2 { font-size: 36px; margin-bottom: 16px; }
  .connect-options { margin-top: 16px; }
  .connect-option { gap: 12px; padding-block: 18px; }
  .connect-option strong { font-size: 15px; }
  .connect-option .option-arrow { margin-left: auto; }
  .connect-form-panel { padding-top: 24px; }
  .connect-fields { grid-template-columns: minmax(0,1fr); gap: 17px; }
  .connect-fields input,.connect-fields textarea { font-size: 16px; min-height: 48px; }
  .connect-fields textarea { min-height: 126px; }
  .connect-submit { min-height: 44px; width: auto; padding-inline: 20px; }
  .booking-open .connect-shell { padding: 0 0 16px; }
  .booking-open .connect-top { padding: 16px 12px 12px; }
  .booking-heading { flex-wrap: wrap; gap: 8px 16px; padding-inline: 12px; }
  .booking-back,.booking-retry { min-height: 44px; }
  #medaim-calendly { height: 740px; border-radius: 0; }
  .booking-status,.booking-retry { margin-inline: 12px; }
}

/* Purpose-built mobile views; desktop content and styling remain intact. */
@media (max-width: 700px) {
 #mobile-experience:not([hidden]) ~ main,#mobile-experience:not([hidden]) ~ footer { display:none; }
 .mobile-experience { padding:30px 22px calc(100px + env(safe-area-inset-bottom)); max-width:560px; margin:auto; }
 .mobile-experience h1 { font-family:Manrope,sans-serif;font-size:clamp(36px,9vw,54px);font-weight:500;line-height:1.12;letter-spacing:-1.7px;margin:20px 0;outline:none; }
 .mobile-experience h1 em {color:#b3ee6b;}
 .m-kicker {font-size:10px;letter-spacing:1.5px;color:#a5ae9a;line-height:1.6;margin:0;}
 .m-lead {font-size:16px;line-height:1.65;color:#adb3a6;margin:0 0 24px;max-width:35ch;}
 .m-explore {display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;border-radius:100px;padding:14px 20px;background:#b3ee6b;color:#142009;font-size:14px;font-weight:550;}
 .m-explore span {font-size:23px;}
 .m-preview {margin-top:28px;border:1px solid #343e2b;border-radius:18px;padding:18px;background:linear-gradient(150deg,#172011,#0d100b 65%);}
 .m-preview-top {display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#a7b498;margin-bottom:15px;}
 .m-live-dot {width:6px;height:6px;border-radius:50%;background:#b3ee6b;box-shadow:0 0 12px #b3ee6b55;}
 .m-lenses {display:grid;grid-template-columns:1fr 1fr;gap:8px;}
 .m-lenses button {min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;border:1px solid #35412c;border-radius:10px;background:#ffffff03;color:#edf2e6;padding:14px 12px;font-size:14px;}
 .m-lenses button > span {font-size:9px;color:#849775;}
 .m-lenses svg {width:60px;height:24px;fill:none;stroke:#b3ee6b;stroke-width:1.4;stroke-linecap:round;margin-top:3px;}
 .m-lenses button:active {background:#b3ee6b15;border-color:#b3ee6b;}
 .m-preview > p {font-size:13px;line-height:1.7;color:#a6b29b;margin:17px 0 0;}
 .m-preview strong {color:#e4ebdb;font-weight:500;}
 .m-note {margin-top:30px;}
 .m-note h2 {font-size:24px;font-weight:500;letter-spacing:-.5px;line-height:1.25;margin:12px 0;}
 .m-note > p:last-child {font-size:14px;color:#adb3a6;line-height:1.7;}
 .m-text-button {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:14px 0;background:none;border-top:1px solid #30372b;margin-top:22px;color:#d9e7c9;font-size:14px;text-align:left;}
 .m-navigation {position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#10130ff5;border-top:1px solid #353d2e;backdrop-filter:blur(16px);}
 .m-navigation button {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:49px;padding:4px 0;border-radius:9px;background:transparent;color:#9da793;font-size:10px;}
 .m-navigation svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
 .m-navigation button[aria-current] {color:#b3ee6b;background:#b3ee6b0a;}
 .m-selector {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:26px 0 18px;}
 .m-selector button {min-height:45px;border-radius:100px;border:1px solid #3c4634;background:#11150e;color:#aeb8a3;font-size:14px;}
 .m-selector button[aria-pressed="true"] {background:#b3ee6b;color:#15200d;border-color:#b3ee6b;}
 .m-detail {border:1px solid #38442e;background:linear-gradient(145deg,#172011,#0c0f0a);border-radius:16px;padding:23px 20px;}
 .m-detail h2 {font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.6px;margin:16px 0;}
 .m-detail > p {font-size:15px;line-height:1.65;color:#b1baa7;}
 .m-detail ul {list-style:none;padding:0;margin:22px 0;}
 .m-detail li {border-top:1px solid #303d25;padding:12px 0;font-size:13px;color:#c3ceb8;}
 .m-detail-value {border-top:1px solid #50613d;padding-top:18px;}
 .m-detail-value > span {font-size:9px;letter-spacing:1.2px;color:#a3bb8b;}
 .m-detail-value p {font-size:16px;line-height:1.6;margin:10px 0 0;color:#eef4e7;}
 .m-case-list {margin:24px 0;}
 .m-case-list details {border-block-end:1px solid #35412b;}
 .m-case-list details:first-child {border-top:1px solid #35412b;}
 .m-case-list summary {display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:22px 0;font-size:18px;font-weight:500;line-height:1.35;}
 .m-case-list summary::-webkit-details-marker {display:none;}
 .m-case-list summary span {font-size:24px;color:#b3ee6b;font-weight:400;}
 .m-case-list details[open] summary span {transform:rotate(45deg);}
 .m-case-list details > div {padding:0 0 22px;}
 .m-case-list h3 {font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#a0b58c;margin:14px 0 8px;}
 .m-case-list p {font-size:15px;line-height:1.7;color:#b5bdad;margin:0;}
 @media(prefers-reduced-motion:no-preference) { .mobile-experience > section:not([hidden]) {animation:mobileViewIn .25s ease both;} @keyframes mobileViewIn {from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} }
}

/* Mobile refinement: a quiet brand bar, compact navigation and shared CTA scale. */
@media (max-width:700px) {
 header {height:54px;justify-content:center;padding-inline:16px;}
 header > .button.access {display:none;}
 header .brand {gap:8px;}
 header .brand > .header-mark {display:none;}
 header .header-wordmark {font-size:22px;}
 header .m-brand-orbit {display:block !important;width:30px;height:30px;overflow:visible;}
 .m-brand-ring {fill:none;stroke:#eef2e9;stroke-width:1.5;}
 .m-brand-satellite {fill:#b3ee6b;transform-origin:16px 20px;}
 .mobile-experience {padding-top:26px;padding-bottom:calc(76px + env(safe-area-inset-bottom));}
 .mobile-experience [data-mobile-page="home"] h1 {font-size:clamp(29px,7.5vw,44px);letter-spacing:-1.3px;line-height:1.17;margin-block:22px;}
 .m-opening {display:flex;flex-wrap:wrap;gap:0 5px;font-size:9px;letter-spacing:1.3px;overflow:hidden;}
 .m-opening span {display:inline-block;}
 .m-pillars {margin:0 0 24px;padding-left:14px;border-left:1px solid #708e4d;}
 .m-pillars p {display:flex;align-items:baseline;gap:8px;margin:0;padding:5px 0;font-size:13px;line-height:1.55;}
 .m-pillars strong {min-width:78px;font-weight:550;color:#edf2e6;}
 .m-pillars p > span {color:#a6af9d;}
 .mobile-experience .m-explore,.mobile-experience .m-text-button {display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:44px;padding:10px 18px;margin-top:0;border:1px solid #789852;border-radius:100px;background:#192212;color:#e6efd9;font-size:13px;font-weight:500;line-height:1.4;text-align:center;gap:0;}
 .mobile-experience .m-text-button {margin-top:22px;}
 .mobile-experience .m-explore span,.mobile-experience .m-text-button span {display:none;}
 .mobile-experience .m-explore:active,.mobile-experience .m-text-button:active {background:#27351b;}
 .m-navigation {padding:0 8px env(safe-area-inset-bottom);}
 .m-navigation button {min-height:48px;font-size:11px;gap:0;padding:8px 2px;border-radius:0;background:transparent;position:relative;}
 .m-navigation svg {display:none;}
 .m-navigation button[aria-current] {background:transparent;}
 .m-navigation button[aria-current]:before {content:'';position:absolute;top:0;left:30%;right:30%;height:2px;background:#b3ee6b;}
 @media(prefers-reduced-motion:no-preference) {
  .m-brand-satellite {animation:mobileBrandOrbit 1.8s cubic-bezier(.3,0,.2,1) .15s both;}
  .m-opening span {animation:mobileIdentityReveal .8s cubic-bezier(.22,1,.36,1) both;}
  .m-opening span:nth-child(2) {animation-delay:.18s;}
  @keyframes mobileBrandOrbit {from{transform:rotate(-360deg)}to{transform:rotate(0deg)}}
  @keyframes mobileIdentityReveal {from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
 }
}

@media(max-width:700px) {
 /* White brand mark, with a short orbit followed by a calm resting interval. */
 .m-brand-ring {fill:#fff;stroke:none;}
 .m-brand-satellite {fill:#fff;}
 .m-opening {position:relative;padding-bottom:15px;font-size:10px;font-weight:750;letter-spacing:1.15px;line-height:1.7;color:#dce5d4;gap:0 5px;}
 .m-opening-trace {position:absolute;bottom:0;left:0;width:100%;height:9px;fill:none;stroke:#b3ee6b;stroke-width:1;opacity:.7;}
 .m-pillars {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:24px 0;border:0;}
 .m-pillars p {display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px;border-top:1px solid #51623c;position:relative;}
 .m-pillars p:first-child {padding-left:0;}
 .m-pillars p:last-child {padding-right:0;}
 .m-pillars p + p {border-left:1px solid #2c3525;}
 .m-pillars p:before {content:'';position:absolute;top:-2px;left:10px;width:14px;height:3px;background:#b3ee6b;}
 .m-pillars p:first-child:before {left:0;}
 .m-pillars strong {font-size:14px;min-width:0;letter-spacing:-.3px;}
 .m-pillars p > span {font-size:11px;line-height:1.55;max-width:13ch;}
 .mobile-experience .m-explore,.mobile-experience .m-text-button {display:flex;margin-left:auto;margin-right:auto;}
 .mobile-experience .m-explore:not(.access),.mobile-experience .m-text-button {width:fit-content;min-height:42px;padding:9px 3px;border:0;border-bottom:1px solid #687b51;border-radius:0;background:transparent;color:#dce9cf;font-size:13px;}
 .mobile-experience .m-explore:not(.access):active,.mobile-experience .m-text-button:active {background:transparent;color:#b3ee6b;}
 .mobile-experience .m-page-connect {width:fit-content;margin-top:28px;}
 .m-lenses button {position:relative;min-height:106px;padding-right:38px;justify-content:flex-end;}
 .m-lenses svg {position:absolute;right:12px;top:14px;width:24px;height:26px;margin:0;stroke-width:1.4;stroke-linejoin:round;}
 .m-navigation {left:10px;right:10px;bottom:max(6px,env(safe-area-inset-bottom));padding:4px;gap:3px;border:1px solid #363d31;border-radius:17px;background:#171b15f5;box-shadow:0 5px 22px #0006;}
 .m-navigation button {min-height:40px;padding:8px 2px;border-radius:12px;font-size:11px;transition:background .2s,color .2s;}
 .m-navigation button[aria-current] {background:#354329;color:#e4f4d2;box-shadow:inset 0 1px 0 #ffffff09;}
 .m-navigation button[aria-current]:before {display:none;}
 @media(prefers-reduced-motion:no-preference) {
  .m-brand-satellite {animation:mobileBrandCycle 6s cubic-bezier(.5,0,.2,1) infinite;}
  .m-opening span {animation:mobileIdentityPunch .7s cubic-bezier(.16,1,.3,1) both;}
  .m-opening span:nth-child(2) {animation-delay:.14s;}
  .m-opening-trace path {stroke-dasharray:100;stroke-dashoffset:100;animation:mobileTraceIn .9s cubic-bezier(.2,.7,.2,1) .2s both;}
  @keyframes mobileBrandCycle {0%{transform:rotate(-360deg)}28%,100%{transform:rotate(0)}}
  @keyframes mobileIdentityPunch {from{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
  @keyframes mobileTraceIn {to{stroke-dashoffset:0}}
 }
}

/* Keep the mobile use-case title on two deliberate lines. */
@media(max-width:700px) {
 .mobile-experience #mobile-cases-title {
  font-size:clamp(25px,7.2vw,40px);
  letter-spacing:-1px;
  line-height:1.2;
  white-space:nowrap;
 }
}

/* Deliberate mobile text measures and a shared discipline tile layout. */
@media(max-width:700px) {
 .m-opening {display:block;font-size:clamp(8px,2.25vw,11px);letter-spacing:.85px;white-space:nowrap;}
 .mobile-experience [data-mobile-page="intelligence"] > .m-lead {max-width:none;font-size:clamp(11px,3vw,16px);letter-spacing:-.15px;white-space:nowrap;}
 .m-detail #m-detail-title {font-size:clamp(21px,5.7vw,30px);line-height:1.3;letter-spacing:-.55px;white-space:nowrap;}
 .m-detail #m-detail-title em {color:#b3ee6b;font-style:normal;}
 .m-pillars p {gap:6px;padding:12px 7px;}
 .m-pillars strong {font-size:clamp(12px,3.4vw,16px);}
 .m-pillars p > span {font-size:clamp(9px,2.5vw,12px);white-space:nowrap;max-width:none;letter-spacing:-.15px;}
 .m-preview-top {font-size:clamp(7px,1.95vw,10px);letter-spacing:.65px;gap:7px;white-space:nowrap;}
 .m-live-dot {flex-shrink:0;width:5px;height:5px;}
 .m-lenses button {display:grid;grid-template-columns:1fr auto;grid-template-rows:30px auto;align-items:center;justify-content:normal;gap:14px 8px;padding:15px 13px;min-height:105px;font-size:clamp(12px,3.4vw,16px);}
 .m-lenses button > span {grid-row:1;grid-column:1;font-size:10px;align-self:center;}
 .m-lenses svg {position:static;grid-row:1;grid-column:2;width:25px;height:25px;margin:0;stroke-width:1.5;}
}

@media(max-width:700px) {
 .m-opening {font-size:clamp(8px,2.25vw,12px);font-weight:800;letter-spacing:.25px;white-space:nowrap;}
}

/* Fit the mobile opening label across the full measure, centered. */
@media(max-width:700px) {
 .m-opening {text-align:center;width:100%;}
 .m-opening > span {display:inline-block;white-space:nowrap;max-width:none;}
}

/* Equal, centered alignment for all three mobile pillars. */
@media(max-width:700px) {
 .m-pillars p,.m-pillars p:first-child,.m-pillars p:last-child {
  align-items:center;
  text-align:center;
  padding:12px 7px;
 }
 .m-pillars p:before,.m-pillars p:first-child:before {
  left:50%;
  transform:translateX(-50%);
 }
}

/* Clear icon-first discipline tiles. */
@media(max-width:700px) {
 .m-lenses button {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:13px;padding:20px 8px;min-height:112px;text-align:center;
 }
 .m-lenses button svg {position:static;width:29px;height:29px;flex-shrink:0;}
 .m-lenses button > .m-lens-title {
  font-size:clamp(14px,3.9vw,18px);font-weight:650;line-height:1.3;
  color:#edf2e6;align-self:center;
 }
 .m-preview-top {justify-content:center;text-align:center;font-size:clamp(8px,2.5vw,12px);letter-spacing:.3px;line-height:1.6;}
 .m-preview-top .m-live-dot {display:none;}
}

@media(max-width:700px) {
 .m-note h2 em {color:#b3ee6b;font-style:normal;}
}

@media(max-width:700px) {
 .m-note h2 .m-development {color:#ffffff;}
}

/* Align the mobile logo's main disc with the wordmark's visual center. */
@media(max-width:700px) {
 header .m-brand-orbit {
  width:36px;
  height:36px;
  flex-shrink:0;
  transform:translateY(-3px);
 }
}

/* Give the mobile intelligence cards a clearer editorial hierarchy. */
@media (max-width: 700px) {
 .m-preview {
  border-color:#3d4b30;
  background:radial-gradient(ellipse at 50% 0%,#b3ee6b0d,transparent 58%),linear-gradient(150deg,#151d10,#0c100a 68%);
  box-shadow:0 16px 38px #0004,inset 0 1px 0 #ffffff08;
 }
 .m-preview-top {margin-bottom:17px;color:#bdc9af;}
 .m-lenses {counter-reset:discipline;gap:10px;}
 .m-lenses button {
  counter-increment:discipline;
  grid-template-columns:minmax(0,1fr) 36px;
  grid-template-rows:30px minmax(24px,1fr);
  align-items:start;
  gap:10px 8px;
  min-height:108px;
  padding:12px;
  border-color:#3a4630;
  background:linear-gradient(145deg,#ffffff06,#ffffff01 65%);
  box-shadow:inset 0 1px 0 #ffffff08;
  transition:transform .2s,border-color .2s,background .2s;
 }
 .m-lenses button:before {
  content:'0' counter(discipline) ' / SIGNAL';
  grid-row:1;grid-column:1;align-self:center;
  color:#8f9e7f;font-size:8px;font-weight:600;letter-spacing:1px;
 }
 .m-lenses button > span {
  grid-row:2;grid-column:1;align-self:end;
  color:#edf2e6;font-size:14px;font-weight:550;letter-spacing:-.2px;
 }
 .m-lenses svg {
  grid-row:1;grid-column:2;justify-self:end;align-self:center;
  width:32px;height:32px;padding:5px;
  border:1px solid #566d3b;border-radius:50%;
  background:#b3ee6b0b;stroke:#b3ee6b;
 }
 .m-lenses button:active {transform:scale(.98);border-color:#b3ee6b;background:#b3ee6b12;}
 .m-preview > p {margin-top:18px;padding-top:14px;border-top:1px solid #303a29;}
}