#symap-home{
  --navy: #102c42;
  --ink: #183348;
  --muted: #536575;
  --blue: #145cef;
  --line: #d7e2ec;
  --light: #f3f7fc;
  color: var(--ink);
  background: #edf3f9;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
}
#symap-home *{ box-sizing: border-box; }
html:has(#symap-home){ scroll-behavior: smooth; scroll-padding-top: 24px; }
#symap-home{ margin: 0; font-size: 16px; line-height: 1.65; }
#symap-home .hero-title,#symap-home h2,#symap-home h3,#symap-home p,#symap-home figure{ margin: 0; }
#symap-home .hero-title,#symap-home h2,#symap-home h3{ color: var(--navy); line-height: 1.2; letter-spacing: -.035em; }
#symap-home .hero-title{ font-size: clamp(38px, 4.2vw, 56px); font-weight: 700; line-height: 1.12; }
#symap-home h2{ font-size: clamp(27px, 2.7vw, 32px); font-weight: 650; }
#symap-home h3{ font-size: 20px; font-weight: 650; line-height: 1.3; }
#symap-home p{ color: var(--muted); }
#symap-home a{ color: var(--blue); text-decoration: none; }
#symap-home a:hover{ text-decoration: underline; text-underline-offset: 4px; }
#symap-home button,#symap-home summary{ font: inherit; cursor: pointer; }
#symap-home :focus-visible{ outline: 3px solid #1767e6; outline-offset: 4px; }
#symap-home img{ max-width: 100%; height: auto; display: block; }
#symap-home [hidden]{ display: none !important; }
#symap-home .container{ width: min(1180px, calc(100% - 80px)); margin-inline: auto; }
#symap-home .skip{ position: absolute; left: 16px; top: -100px; background: #fff; padding: 12px; z-index: 100; }
#symap-home .skip:focus{ top: 10px; }
#symap-home .draft-bar{ background: #e6eef8; color: #344f69; font-size: 12px; }
#symap-home .draft-bar > div{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0 20px; min-height: 34px; }
#symap-home .draft-bar a{ color: #234e7c; padding-block: 8px; }
#symap-home .site-header{ background: #fff; border-bottom: 1px solid #eaf0f5; position: relative; z-index: 20; }
#symap-home .header-inner{ min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
#symap-home .logo{ width: 171px; height: auto; }
#symap-home .desktop-nav{ display: flex; align-items: center; gap: 20px; margin-left: auto; font-size: 14px; white-space: nowrap; }
#symap-home .desktop-nav a{ color: #344a5b; padding-block: 12px; }
#symap-home .desktop-nav a[aria-current]{ color: var(--blue); font-weight: 650; }
#symap-home .header-cta{ white-space: nowrap; }
#symap-home .button{ display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 46px; padding: 12px 20px; border: 1px solid transparent; border-radius: 7px; font-size: 14px; font-weight: 600; line-height: 1.4; transition: transform .2s, box-shadow .2s, background .2s; }
#symap-home .button:hover{ text-decoration: none; }
#symap-home .primary{ background: var(--blue); color: #fff; border-color: var(--blue); }
#symap-home .primary:hover{ background: #074bd3; }
#symap-home .secondary{ background: #fff; color: var(--ink); border-color: #b8cbdc; }
#symap-home .on-dark{ background: #ffffff0d; color: #fff; border-color: #8397a6; }
#symap-home .on-dark:hover{ background: #ffffff1f; }
#symap-home .mobile-menu{ display: none; position: relative; }
#symap-home .mobile-menu summary{ list-style: none; border: 1px solid var(--line); border-radius: 7px; min-height: 44px; padding: 9px 16px; font-weight: 600; font-size: 14px; }
#symap-home .mobile-menu summary::-webkit-details-marker{ display: none; }
#symap-home .mobile-menu nav{ position: absolute; right: 0; top: 54px; width: 245px; max-height: calc(100dvh - 120px); overflow-y: auto; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 35px #12324826; padding: 12px; }
#symap-home .mobile-menu nav a{ display: block; padding: 10px 12px; color: var(--ink); border-radius: 5px; min-height: 44px; }
#symap-home .mobile-menu nav a:hover{ background: var(--light); }
#symap-home .hero{ position: relative; overflow: hidden; isolation: isolate; background: #041724 url('https://symaptics.com/wp-content/uploads/2026/02/Main-Hero-AVIF.avif') center / cover; }
#symap-home .hero.symap-network-hero{ background-image: none; }
#symap-home .hero::after{ content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #041724 0%, #041724eb 39%, #0417241a 71%, transparent); pointer-events: none; }
#symap-home .hero-inner{ position: relative; z-index: 2; padding-block: 54px 46px; min-height: 575px; display: flex; align-items: center; pointer-events: none; }
#symap-home .hero-copy{ max-width: 620px; pointer-events: auto; }
#symap-home .product-release{ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 12px; color: #e6f3fc; margin-bottom: 25px; min-height: 48px; }
#symap-home .product-release:hover{ text-decoration: none; }
#symap-home .product-wordmark{ color: #fff; font-size: 38px; font-weight: 650; letter-spacing: -.045em; line-height: 1.15; }
#symap-home .version-badge{ display: inline-flex; align-items: center; justify-content: center; padding: 4px 11px; border: 1px solid #99d5ff; border-radius: 7px; background: linear-gradient(120deg,#bfe9ff,#81bdff); color: #0b2842; box-shadow: 0 0 25px #79c4ff30; font-size: 17px; line-height: 1.45; font-weight: 750; letter-spacing: .02em; }
#symap-home .release-link-label{ font-size: 12px; color: #b4d9f3; margin-left: 8px; padding-left: 19px; border-left: 1px solid #527189; }
#symap-home .release-link-label > span{ margin-left: 6px; }
#symap-home .product-release:hover .release-link-label{ color: #fff; text-decoration: underline; text-underline-offset: 4px; }
#symap-home .hero .hero-title{ color: #fff; }
#symap-home .hero .hero-title span{ display: block; color: #b4dcf6; }
#symap-home .eyebrow{ font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; color: #32668f; margin-bottom: 12px; }
#symap-home .hero .eyebrow{ color: #abd5ef; margin-bottom: 22px; }
#symap-home .lead{ font-size: 18px; line-height: 1.7; margin-top: 22px; max-width: 555px; color: #dfebf3; }
#symap-home .lead strong{ display: block; color: #fff; font-weight: 600; margin-bottom: 5px; }
#symap-home .actions{ display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 25px; }
#symap-home .hero :focus-visible{ outline-color: #95c9ff; }
#symap-home .hero canvas{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
#symap-home .hero-signals{ position: absolute; z-index: 2; inset: 0; width: min(1440px,100%); margin-inline: auto; pointer-events: none; }
#symap-home .hero-signal{ position: absolute; display: flex; align-items: center; gap: 9px; border: 1px solid #578aa788; border-radius: 9px; padding: 11px 15px; color: #e6f3fc; background: #092236ed; box-shadow: 0 8px 32px #0003; font-size: 12px; letter-spacing: .015em; }
#symap-home .hero-signal i{ width: 7px; height: 7px; background: #83c8f4; border-radius: 50%; box-shadow: 0 0 12px #65caff77; }
#symap-home .hero-signal > span{ color: #b9d5e8; font-size: 11px; }
#symap-home .hero-signal strong{ display: block; color: #f0f8ff; font-size: 13px; font-weight: 600; margin-bottom: 2px; }
#symap-home .signal-price{ left: 62%; top: 19%; }
#symap-home .signal-markets{ right: 3%; top: 48%; }
#symap-home .signal-revenue{ left: 57%; bottom: 16%; }
#symap-home .heading-accent{ color: #296592; }
#symap-home{ background: radial-gradient(ellipse at 0 32%, #d8e8fc88, transparent 48%), radial-gradient(ellipse at 100% 68%, #dcecff88, transparent 45%), #edf3f9; }
#symap-home .main-content{ padding-block: 36px 48px; }
#symap-home .panel{ position: relative; border: 1px solid var(--line); border-top: 4px solid #2465ed; border-radius: 20px; background: #fff; box-shadow: 0 6px 24px #13374c12; padding: 34px; margin-bottom: 30px; scroll-margin-top: 24px; transition: opacity .75s ease, transform .75s cubic-bezier(.16,1,.3,1), box-shadow .3s; }
#symap-home .panel::before{ content: ""; position: absolute; top: -4px; left: 20px; right: 20px; height: 4px; background: linear-gradient(90deg,transparent,#98d9ff,#fff,transparent); transform-origin: left; opacity: 0; pointer-events: none; }
#symap-home .panel:last-child{ margin-bottom: 0; }
#symap-home .section-heading{ margin-bottom: 26px; }
#symap-home .section-heading > p:not(.eyebrow){ margin-top: 12px; }
#symap-home .text-link{ display: inline-flex; align-items: baseline; gap: 10px; font-weight: 600; min-height: 44px; padding-block: 10px; font-size: 14px; line-height: 1.5; }
#symap-home .text-link > span{ flex-shrink: 0; }
#symap-home .product-panel{ display: block; background: radial-gradient(ellipse at top right,#e9f3ff88,transparent 50%),#fff; }
#symap-home .product-panel .section-heading{ margin-bottom: 30px; }
#symap-home .product-stage{ display: grid; grid-template-columns: 1fr; gap: 20px; align-items: start; }
#symap-home .product-tabs{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
#symap-home .product-tabs button{ display: flex; align-items: center; justify-content: center; min-height: 52px; text-align: center; padding: 12px 17px; width: 100%; color: var(--ink); border: 1px solid var(--line); border-radius: 9px; background: #fff; transition: background .25s, border-color .25s, box-shadow .25s, transform .25s; }
#symap-home .product-tabs button[aria-selected="true"]{ background: linear-gradient(130deg,#edf4ff,#f7faff); border-color: #8fb5ee; box-shadow: inset 0 -3px #2465ed,0 4px 16px #1b55a40a; }
#symap-home .product-tabs strong{ display: block; font-size: 16px; line-height: 1.4; font-weight: 650; }
#symap-home .product-views{ min-width: 0; }
#symap-home .product-example{ display: grid; grid-template-columns: minmax(210px,.8fr) minmax(0,2.2fr); gap: 30px; align-items: start; min-width: 0; }
#symap-home .product-screen{ min-width: 0; }
#symap-home .product-example + .product-example{ margin-top: 20px; }
#symap-home .product-views.is-enhanced .product-example{ margin-top: 0; }
#symap-home .example-label{ font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 8px; color: #41637f; margin-bottom: 14px; }
#symap-home .status-dot{ display: inline-block; width: 7px; height: 7px; background: #3268dd; border-radius: 50%; }
#symap-home .image-link{ display: block; border-radius: 6px; border: 1px solid #d1dfed; overflow: hidden; background: #fff; cursor: zoom-in; }
#symap-home .image-link img{ width: 100%; height: auto; background: #fff; }
#symap-home .product-example figcaption{ font-size: 15px; color: #536575; padding-top: 32px; line-height: 1.7; }
#symap-home .product-example figcaption h3{ font-size: clamp(21px,2vw,25px); line-height: 1.3; max-width: 22ch; }
#symap-home .product-example figcaption p{ margin-top: 16px; }
#symap-home .product-routes{ display: grid; gap: 3px; margin-top: 16px; }
#symap-home .product-routes .text-link{ width: fit-content; }
#symap-home .product-bottom{ border-top: 1px solid var(--line); padding-top: 18px; }
#symap-home .module-grid{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; position: relative; z-index: 1; }
#symap-home .module-card{ min-width: 0; scroll-margin-top: 24px; }
#symap-home .module-toggle{ position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; padding: 20px; border: 1px solid #aec8e1; border-radius: 12px; background: #fff; text-align: left; color: var(--ink); line-height: 1.5; transform-origin: center bottom; transition: border-color .25s, box-shadow .25s, background .25s, transform .35s cubic-bezier(.2,.7,.3,1); }
#symap-home .module-toggle:disabled{ cursor: default; opacity: 1; }
#symap-home .module-toggle[aria-pressed="true"]{ border-color: #5f97ce; background: linear-gradient(160deg,#eaf4ff,#fff 65%); box-shadow: 0 7px 20px #244b7824; }
#symap-home .module-toggle[aria-pressed="false"]{ border-color: #d2dde8; background: #f9fbfd; }
#symap-home .module-toggle:enabled:hover{ border-color: #296baa; box-shadow: 0 5px 18px #174c7820; }
#symap-home .module-symbol{ display: inline-flex; align-items: center; justify-content: center; width: 39px; height: 39px; border-radius: 10px; background: #e5efff; color: #2764b5; margin-bottom: 16px; }
#symap-home .module-symbol svg{ width: 23px; height: 23px; }
#symap-home [data-module="mfn"] .module-symbol{ background: #eeebfa; color: #65549a; }
#symap-home [data-module="patient"] .module-symbol{ background: #e0f3ef; color: #247b6b; }
#symap-home [data-module="revenue"] .module-symbol{ background: #fff0d9; color: #936015; }
#symap-home .module-check{ display: none; position: absolute; top: 20px; right: 17px; width: 22px; height: 22px; border: 1px solid #afc2d4; border-radius: 50%; text-align: center; line-height: 20px; font-size: 13px; background: #fff; color: transparent; }
#symap-home .is-interactive .module-check{ display: block; }
#symap-home [aria-pressed="true"] .module-check{ border-color: #2465a4; background: #2465a4; color: #fff; }
#symap-home .category{ display: block; font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: #356991; margin-bottom: 12px; }
#symap-home .module-toggle .category{ font-size: 9px; margin-bottom: 7px; }
#symap-home .module-name{ display: block; font-size: 20px; font-weight: 650; line-height: 1.25; letter-spacing: -.025em; min-height: 50px; }
#symap-home .module-name-compact{ display: none; }
#symap-home .module-description{ display: block; font-size: 13px; color: #52697a; margin-top: 12px; flex: 1; }
#symap-home .module-state{ display: none; color: #285f93; font-size: 11px; font-weight: 650; margin-top: 14px; }
#symap-home .is-interactive .module-state{ display: block; }
#symap-home [aria-pressed="false"] .module-state{ color: #596b7c; }
#symap-home .platform-flow{ scroll-margin-top: 24px; }
#symap-home .flow-controls{ display: grid; grid-template-columns: minmax(0,1fr) 36px; align-items: start; gap: 22px 12px; margin-bottom: 30px; }
#symap-home .flow-question{ grid-column: 1; grid-row: 2; display: flex; align-items: flex-start; gap: 17px; min-width: 0; }
#symap-home .thinking-icon{ display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: #eef5ff; color: #326999; margin-top: 2px; }
#symap-home .thinking-icon svg{ width: 32px; height: 32px; }
#symap-home .flow-question-copy{ min-width: 0; flex: 1; }
#symap-home .flow-question-text{ display: grid; font-size: 21px; line-height: 1.45; font-weight: 600; letter-spacing: -.02em; color: #173e5a; }
#symap-home .flow-question-measure,#symap-home #flow-question-visual{ grid-area: 1 / 1; }
#symap-home .flow-question-measure{ visibility: hidden; pointer-events: none; }
#symap-home .is-typing #flow-question-visual::after{ content: ""; display: inline-block; width: 2px; height: 1em; background: #286ab6; margin-left: 3px; vertical-align: -.08em; }
#symap-home .flow-stop-slot{ display: grid; grid-column: 2; grid-row: 2; place-items: center; width: 36px; height: 36px; margin-top: 6px; }
#symap-home .question-options{ display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); grid-column: 1 / -1; grid-row: 1; gap: 10px; }
#symap-home .question-options button{ min-height: 44px; padding: 9px 12px; border: 1px solid #d2dfea; border-radius: 6px; background: #fff; color: #476075; font-size: 12px; line-height: 1.4; font-weight: 600; }
#symap-home .question-options button:hover{ background: #f0f5fb; border-color: #b7cde3; }
#symap-home .question-options button[aria-pressed="true"]{ border-color: #82aee5; background: #eaf3ff; color: #174f92; box-shadow: inset 0 -2px #286ab6; }
#symap-home .walkthrough-control{ display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #abc4db; border-radius: 7px; background: #fff; color: #244e73; padding: 0; }
#symap-home .play-icon{ font-size: 10px; }
#symap-home .simulation-diagram{ position: relative; }
#symap-home .flow-lines{ position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; overflow: visible; }
#symap-home .flow-lines g{ --signal: #4a8bcd; }
#symap-home .flow-lines [data-route="mfn"]{ --signal: #8270bf; }
#symap-home .flow-lines [data-route="patient"]{ --signal: #3d9f8c; }
#symap-home .flow-lines [data-route="revenue"]{ --signal: #b5843d; }
#symap-home .flow-lines path{ fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
#symap-home .flow-track{ stroke: #cfdae5; stroke-width: 1.3; transition: stroke .3s; }
#symap-home .is-connected .flow-track{ stroke: var(--signal); stroke-width: 1.7; }
#symap-home .flow-signal{ stroke: var(--signal); stroke-width: 4; stroke-dasharray: 12 88; stroke-dashoffset: 100; opacity: 0; }
#symap-home .unified-result{ position: relative; z-index: 1; margin-top: 76px; border: 1px solid #39739f; border-radius: 14px; padding: 35px; background: radial-gradient(ellipse at top right,#23668e88,transparent 68%),#09293f; box-shadow: 0 12px 30px #123c5e24; transform-origin: 50% -18px; }
#symap-home .result-arrival{ position: absolute; top: -19px; left: calc(50% - 19px); display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #5893bc; background: #143e5b; color: #ccecff; }
#symap-home .result-arrival svg{ width: 23px; height: 23px; }
#symap-home .result-heading{ display: flex; align-items: center; justify-content: space-between; gap: 30px; }
#symap-home .unified-result .eyebrow{ color: #a6dafa; font-size: 11px; margin-bottom: 12px; }
#symap-home .unified-result h3{ font-size: clamp(28px,3.1vw,38px); color: #fff; line-height: 1.15; letter-spacing: -.035em; }
#symap-home .unified-result h3 span{ color: #b4dcf6; }
#symap-home .shared-timeline{ color: #d3e9f7; font-size: 15px; line-height: 1.65; border-left: 1px solid #47718f; padding-left: 26px; padding-right: 10px; white-space: nowrap; }
#symap-home .shared-timeline span{ display: block; }
#symap-home .result-selection{ margin-top: 25px; }
#symap-home .selection-caption{ color: #a8cadd; font-size: 11px; margin-bottom: 9px; }
#symap-home .selected-modules{ display: flex; flex-wrap: wrap; gap: 7px; list-style: none; padding: 0; margin: 0; min-height: 29px; }
#symap-home .selected-modules li{ color: #e6f4ff; border: 1px solid #4e7793; border-radius: 5px; padding: 4px 9px; font-size: 11px; line-height: 1.6; background: #ffffff08; }
#symap-home .selected-modules li::before{ content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-right: 7px; background: #80b9f0; vertical-align: middle; }
#symap-home .selected-modules [data-result-module="mfn"]::before{ background: #c4b8ed; }
#symap-home .selected-modules [data-result-module="patient"]::before{ background: #8ddac9; }
#symap-home .selected-modules [data-result-module="revenue"]::before{ background: #e7bf7f; }
#symap-home .connected-summary{ color: #e1edf6; font-size: 17px; line-height: 1.65; margin-top: 15px; min-height: 57px; max-width: 770px; }
#symap-home .unified-bottom{ border-top: 1px solid var(--line); padding-top: 20px; }
#symap-home .unified-bottom > p{ font-size: 13px; max-width: 490px; }
#symap-home .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@keyframes home-signal-flow{ 0% { stroke-dashoffset: 100; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { stroke-dashoffset: -12; opacity: 0; } }
@keyframes home-module-selected{ 0% { box-shadow: 0 7px 20px #244b7824,0 0 0 0 #558fc850; } 70%,100% { box-shadow: 0 7px 20px #244b7824,0 0 0 7px #558fc800; } }
@keyframes home-result-received{ 0%,100% { transform: scale(1); border-color: #39739f; box-shadow: 0 12px 30px #123c5e24; } 38% { transform: scale(1.025); border-color: #a5dcff; box-shadow: 0 18px 38px #123c5e38; } }
@keyframes home-thought-dot{ 0%,100% { opacity: .25; } 50% { opacity: 1; } }
@keyframes home-question-caret{ 50% { opacity: 0; } }
@media (prefers-reduced-motion:no-preference){#symap-home .is-interactive .module-toggle[aria-pressed="true"]{ transform: scale(1.035); z-index: 1; }
#symap-home .is-flowing .flow-signal{ animation: home-signal-flow 1.15s ease-in-out; }
#symap-home .module-toggle.is-demonstrating{ animation: home-module-selected 1.1s ease-out; }
#symap-home .unified-result.is-receiving{ animation: home-result-received 1.1s ease-in-out 1.05s; }
#symap-home .is-thinking .thinking-dots circle{ animation: home-thought-dot .7s ease-in-out infinite; }
#symap-home .is-thinking .thinking-dots circle:nth-child(2){ animation-delay: .12s; }
#symap-home .is-thinking .thinking-dots circle:nth-child(3){ animation-delay: .24s; }
#symap-home .is-typing #flow-question-visual::after{ animation: home-question-caret .7s step-end infinite; }

}
#symap-home .panel-bottom{ display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 24px; }
#symap-home .panel-intro{ max-width: 900px; }
#symap-home .panel-intro h2 br{ display: none; }
#symap-home .panel-intro > p:not(.eyebrow){ max-width: 820px; margin-top: 14px; font-size: 16px; line-height: 1.7; }
#symap-home .case-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
#symap-home .case-card{ background: linear-gradient(140deg,#eef5ff,#f8fafd 80%); border: 1px solid var(--line); border-radius: 13px; padding: 28px; transition: transform .25s, box-shadow .25s, border-color .25s; }
#symap-home .case-card:nth-child(2){ background: linear-gradient(140deg,#eef5f8,#f8fafd 80%); }
#symap-home .case-card h3{ font-size: 24px; }
#symap-home .case-card > p:last-child{ font-size: 15px; }
#symap-home .case-stat{ display: flex; align-items: center; gap: 20px; padding: 22px 0; margin: 16px 0; border-block: 1px solid var(--line); }
#symap-home .case-stat strong{ font-size: 52px; line-height: 1.1; color: #205da7; font-weight: 650; letter-spacing: -.04em; white-space: nowrap; }
#symap-home .case-stat > span{ font-size: 13px; color: #4e667a; line-height: 1.5; }
#symap-home .case-stat strong span{ display: block; font-size: 17px; color: #32668f; letter-spacing: 0; margin-top: 4px; }
#symap-home .case-stat strong .stat-number{ display: inline-block; font: inherit; color: inherit; letter-spacing: inherit; margin-top: 0; font-variant-numeric: tabular-nums; min-width: 1ch; }
#symap-home .case-stat strong .stat-number[data-count-to="19"]{ min-width: 2ch; }
#symap-home .people-panel{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: 55px; align-items: center; }
#symap-home .people-panel > div > p:not(.eyebrow){ margin-top: 16px; }
#symap-home .people-panel .text-link{ margin-top: 10px; }
#symap-home .person{ display: flex; align-items: center; gap: 20px; }
#symap-home .person + .person{ border-top: 1px solid var(--line); margin-top: 23px; padding-top: 23px; }
#symap-home .person img{ width: 92px; height: 92px; object-fit: cover; border-radius: 12px; border: 1px solid var(--line); flex: none; }
#symap-home .person h3{ font-size: 19px; }
#symap-home .person h3 span{ font-size: 13px; font-weight: 500; color: #5c7080; white-space: nowrap; }
#symap-home .person p{ font-size: 13px; margin-top: 5px; }
#symap-home .person .person-role{ color: #32668f; font-weight: 600; }
#symap-home .insight-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
#symap-home .insight-card{ display: flex; gap: 20px; }
#symap-home .insight-card + .insight-card{ border-left: 1px solid var(--line); padding-left: 32px; }
#symap-home .insight-icon{ flex: none; width: 44px; height: 44px; border-radius: 12px; background: #eaf2ff; color: #2863ac; padding: 10px; }
#symap-home .insight-icon svg{ display: block; width: 24px; height: 24px; }
#symap-home .insight-card p{ margin-top: 12px; font-size: 15px; }
#symap-home .insight-card .text-link{ margin-top: 8px; }
#symap-home .final-cta{ display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 36px; background: radial-gradient(ellipse at right bottom,#164c76,transparent 75%),#092337; border-color: #255077; border-top-color: #65b8f4; }
#symap-home .final-cta h2{ color: #fff; }
#symap-home .final-cta .eyebrow{ color: #a9d9fa; }
#symap-home .final-cta p:not(.eyebrow){ color: #d3e4f0; }
#symap-home .final-cta .primary{ background: #e4f3ff; color: #113551; border-color: #e4f3ff; }
#symap-home .final-cta .primary:hover{ background: #fff; }
#symap-home .final-cta .secondary{ background: transparent; color: #edf7ff; border-color: #85a9c6; }
#symap-home .final-cta .text-link{ color: #c9e7ff; }
#symap-home .final-cta :focus-visible{ outline-color: #95c9ff; }
#symap-home .final-cta h2{ font-size: 28px; }
#symap-home .final-cta p:not(.eyebrow){ margin-top: 12px; }
#symap-home .final-cta .actions{ margin-top: 0; }
#symap-home .cta-options > .text-link{ display: flex; justify-content: flex-end; margin-top: 8px; }
#symap-home .site-footer{ border-top: 1px solid var(--line); padding: 32px 0; background: #f7fafc; }
#symap-home .footer-inner{ display: grid; grid-template-columns: 1fr auto; gap: 15px 40px; }
#symap-home .footer-inner > div > p{ font-size: 13px; margin-top: 14px; max-width: 380px; }
#symap-home .footer-inner nav{ display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: flex-end; font-size: 13px; }
#symap-home .footer-inner nav a{ min-height: 44px; padding-block: 12px; }
#symap-home .copyright{ grid-column: 1/-1; font-size: 12px; }
#symap-home .example-dialog{ border: 1px solid var(--line); border-radius: 16px; padding: 24px; width: min(1400px, calc(100% - 40px)); max-height: calc(100dvh - 40px); color: var(--ink); background: #fff; }
#symap-home .example-dialog::backdrop{ background: #061726c9; }
#symap-home .dialog-header{ display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-bottom: 20px; }
#symap-home .dialog-header h2{ font-size: 24px; }
#symap-home .dialog-header p{ font-size: 13px; margin-top: 6px; }
#symap-home .dialog-header button{ flex: none; }
#symap-home .dialog-image{ max-height: 65dvh; overflow: auto; border: 1px solid var(--line); border-radius: 6px; }
#symap-home .dialog-image img{ width: 100%; min-width: 1100px; max-width: none; }
#symap-home .dialog-hint{ margin-top: 12px; font-size: 13px; }
#symap-home .image-link{ position: relative; }
#symap-home .image-enlarge{ position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #b8cbdc; border-radius: 6px; background: #fff; color: #183348; font-size: 12px; line-height: 1.5; font-weight: 600; box-shadow: 0 2px 8px #102c421a; }
#symap-home .image-enlarge svg{ width: 15px; height: 15px; }
#symap-home .project-reassurance{ margin-top: 12px; font-size: 13px; color: #32668f; }
body:has(#symap-home dialog[open]){ overflow: hidden; }
#symap-home .reveal-pending{ opacity: 0; transform: translateY(40px) scale(.985); }
#symap-home .reveal-instant{ transition: none !important; }
#symap-home .reveal-instant::before,#symap-home .reveal-instant :is(.case-card,.person,.insight-card){ animation: none !important; }
@keyframes home-element-enter{ from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@keyframes home-view-enter{ from { opacity: .3; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes home-accent-sweep{ 0% { opacity: 0; transform: scaleX(.1); } 35% { opacity: .9; } 100% { opacity: 0; transform: scaleX(1); } }
@media (prefers-reduced-motion:no-preference){#symap-home .hero.is-ready .hero-copy > *{ animation: home-element-enter .8s cubic-bezier(.16,1,.3,1) backwards; }
#symap-home .hero.is-ready .hero-copy .hero-title{ animation-delay: .08s; }
#symap-home .hero.is-ready .lead{ animation-delay: .17s; }
#symap-home .hero.is-ready .actions{ animation-delay: .25s; }
#symap-home .hero.is-ready .hero-signal{ animation: home-element-enter .9s cubic-bezier(.16,1,.3,1) backwards; }
#symap-home .hero.is-ready .signal-price{ animation-delay: .3s; }
#symap-home .hero.is-ready .signal-markets{ animation-delay: .55s; }
#symap-home .hero.is-ready .signal-revenue{ animation-delay: .8s; }
#symap-home .panel.is-revealed::before{ animation: home-accent-sweep 1.2s ease-out; }
#symap-home .panel.is-revealed :is(.case-card,.person,.insight-card,.product-example){ animation: home-element-enter .7s cubic-bezier(.16,1,.3,1) .12s backwards; }
#symap-home .panel.is-revealed :is(.case-card,.person,.insight-card):nth-child(2){ animation-delay: .23s; }
#symap-home .product-views.is-enhanced .showcase-view.home-view-enter{ animation: home-view-enter .4s ease-out; }

}
@media (hover:hover) and (prefers-reduced-motion:no-preference){#symap-home .button:hover{ transform: translateY(-2px); box-shadow: 0 7px 17px #1d4f961f; }
#symap-home .panel:not(.reveal-pending):hover{ transform: translateY(-3px); box-shadow: 0 16px 36px #13374c19; }
#symap-home .case-card:hover{ transform: translateY(-5px); border-color: #99b9e3; box-shadow: 0 10px 22px #14395812; }
#symap-home .product-tabs button:hover{ border-color: #8fb5ee; transform: translateY(-2px); }
#symap-home .text-link > span{ transition: transform .2s; }
#symap-home .text-link:hover > span{ transform: translateX(3px); }

}
@media (max-width:1199px){#symap-home .desktop-nav,#symap-home .header-cta{ display: none; }
#symap-home .mobile-menu{ display: block; }
#symap-home .header-inner{ min-height: 76px; }
#symap-home .hero-copy{ max-width: 55%; }
#symap-home .hero .hero-title{ font-size: 44px; }
#symap-home .hero-signals{ display: none; }
#symap-home .final-cta{ grid-template-columns: 1fr; gap: 20px; }
#symap-home .cta-options > .text-link{ justify-content: flex-start; }
#symap-home .people-panel{ gap: 32px; }

}
@media (max-width:900px){#symap-home .flow-question-text{ font-size: 19px; }
#symap-home .container{ width: calc(100% - 40px); }
#symap-home .panel{ padding: 28px; }
#symap-home .hero .hero-title{ font-size: 40px; }
#symap-home .hero-inner{ padding-block: 48px; }
#symap-home .hero .lead{ font-size: 17px; }
#symap-home .product-tabs button[aria-selected="true"]{ box-shadow: inset 0 -3px #2465ed; }
#symap-home .product-tabs strong{ font-size: 14px; }
#symap-home .product-example{ grid-template-columns: 1fr; gap: 20px; max-width: 100%; }
#symap-home .product-example figcaption{ padding-top: 0; }
#symap-home .product-example figcaption h3{ max-width: none; }
#symap-home .product-example figcaption p{ max-width: 65ch; margin-top: 10px; }
#symap-home .product-routes{ display: flex; flex-wrap: wrap; gap: 4px 24px; margin-top: 6px; }
#symap-home .case-stat{ flex-direction: row; align-items: center; gap: 18px; }
#symap-home .people-panel{ grid-template-columns: 1fr; gap: 24px; }
#symap-home .people-list{ display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
#symap-home .person{ align-items: flex-start; gap: 15px; }
#symap-home .person + .person{ border-top: 0; border-left: 1px solid var(--line); margin-top: 0; padding: 0 0 0 22px; }
#symap-home .person img{ width: 72px; height: 72px; }
#symap-home .insight-grid{ gap: 24px; }
#symap-home .insight-card{ gap: 15px; }
#symap-home .insight-card + .insight-card{ padding-left: 24px; }
#symap-home .footer-inner{ grid-template-columns: 1fr; }
#symap-home .footer-inner nav{ justify-content: flex-start; }

}
@media (max-width:700px){#symap-home .panel-intro h2 br{ display: initial; }
#symap-home .panel-intro > p:not(.eyebrow){ margin-top: 16px; line-height: 1.65; }
#symap-home .hero-inner{ padding-block: 96px 34px; min-height: 0; }
#symap-home .hero::after{ background: linear-gradient(180deg, #04172400 0, #04172477 85px, #041724f5 190px, #041724 100%); }
#symap-home .hero-copy{ max-width: none; }
#symap-home .hero .eyebrow{ margin-bottom: 15px; }
#symap-home .hero .hero-title{ font-size: 38px; }
#symap-home .hero .lead{ margin-top: 18px; }
#symap-home .product-tabs button{ flex-direction: row; align-items: center; }
#symap-home .case-grid,#symap-home .people-list,#symap-home .insight-grid{ grid-template-columns: 1fr; }
#symap-home .case-stat{ flex-direction: row; align-items: center; gap: 20px; }
#symap-home .person{ align-items: center; }
#symap-home .person + .person{ border-left: 0; border-top: 1px solid var(--line); padding: 22px 0 0; }
#symap-home .person img{ width: 88px; height: 88px; }
#symap-home .insight-card + .insight-card{ border-left: 0; border-top: 1px solid var(--line); padding: 24px 0 0; }

}
@media (max-width:600px){#symap-home .container{ width: calc(100% - 32px); }
#symap-home .hero .hero-title{ font-size: clamp(28px,8.2vw,36px); }
#symap-home .product-release{ gap: 10px; margin-bottom: 22px; }
#symap-home .product-wordmark{ font-size: 33px; }
#symap-home .version-badge{ font-size: 15px; padding: 3px 9px; }
#symap-home .release-link-label{ margin-left: 0; padding-left: 12px; font-size: 11px; }
#symap-home .draft-bar{ font-size: 11px; }
#symap-home .draft-bar > div{ padding-block: 4px; }
#symap-home .draft-bar a{ padding-block: 3px; }
#symap-home .logo{ width: 150px; }
#symap-home .main-content{ padding-block: 24px 32px; }
#symap-home .panel{ padding: 24px 20px; border-radius: 16px; margin-bottom: 22px; }
#symap-home .actions{ gap: 10px; }
#symap-home .actions .button{ width: 100%; }
#symap-home .hero .eyebrow{ font-size: 11px; letter-spacing: .08em; }
#symap-home .product-tabs{ grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
#symap-home .product-tabs button{ padding: 12px 9px; }
#symap-home .product-tabs strong{ font-size: 13px; }
#symap-home .example-label{ font-size: 11px; }
#symap-home .section-heading{ margin-bottom: 22px; }
#symap-home .panel-bottom{ align-items: stretch; flex-direction: column; gap: 12px; margin-top: 20px; }
#symap-home .unified-bottom .button{ padding-inline: 14px; }
#symap-home .case-card{ padding: 22px; }
#symap-home .case-stat{ flex-direction: row; align-items: center; gap: 18px; padding-block: 18px; }
#symap-home .case-stat strong{ font-size: 44px; }
#symap-home .case-card h3{ font-size: 22px; }
#symap-home .person h3{ font-size: 18px; }
#symap-home .insight-card{ gap: 14px; }
#symap-home .final-cta{ gap: 22px; }
#symap-home .final-cta h2{ font-size: 27px; }
#symap-home .footer-inner nav{ gap: 8px 22px; }
#symap-home .example-dialog{ padding: 18px; width: calc(100% - 24px); }
#symap-home .dialog-header{ align-items: flex-start; gap: 16px; flex-direction: column; }
#symap-home .dialog-header h2{ font-size: 22px; }
#symap-home .dialog-image{ max-height: 52dvh; }

}
@media (max-width:360px){#symap-home .hero .hero-title{ font-size: 28px; }
#symap-home .product-release{ gap: 8px; }
#symap-home .product-wordmark{ font-size: 31px; }
#symap-home .release-link-label{ padding-left: 9px; font-size: 10px; }
#symap-home .panel{ padding: 22px 18px; }
#symap-home .case-card{ padding: 18px; }
#symap-home .person{ gap: 12px; }
#symap-home .person img{ width: 64px; height: 64px; }
#symap-home .insight-card{ flex-direction: column; }
#symap-home .case-stat{ flex-direction: column; align-items: flex-start; }

}
@media (max-width:1000px){#symap-home .module-toggle{ padding: 17px; }
#symap-home .module-name{ font-size: 18px; }
#symap-home .module-check{ top: 17px; right: 14px; }

}
@media (max-width:900px){#symap-home .module-grid{ grid-template-columns: repeat(4,minmax(0,1fr)); padding-inline: 0; gap: 10px; }
#symap-home .module-name{ font-size: clamp(12px,1.8vw,15px); min-height: 2.6em; }
#symap-home .module-toggle{ padding: 20px 8px 14px; min-height: 112px; align-items: center; text-align: center; }
#symap-home .module-toggle,#symap-home .module-card:nth-child(even) .module-toggle{ transform-origin: center bottom; }
#symap-home .module-toggle .category,#symap-home .module-toggle .module-description,#symap-home .module-toggle .module-state{ display: none; }
#symap-home .unified-result{ padding: 29px; }

}
@media (max-width:900px) and (prefers-reduced-motion:no-preference){#symap-home .is-interactive .module-toggle[aria-pressed="true"]{ transform: scale(1.02); }

}
@media (max-width:600px){#symap-home .unified-panel .panel-intro > p:not(.eyebrow){ font-size: 14px; line-height: 1.6; margin-top: 12px; }
#symap-home .flow-controls{ gap: 20px 8px; margin-bottom: 20px; }
#symap-home .flow-question{ gap: 10px; }
#symap-home .thinking-icon{ width: 32px; height: 32px; }
#symap-home .thinking-icon svg{ width: 27px; height: 27px; }
#symap-home .flow-question-text{ font-size: 16px; }
#symap-home .question-options{ grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; }
#symap-home .question-options button{ grid-column: span 2; padding-inline: 9px; font-size: 11px; }
#symap-home .question-options button:nth-child(n+4){ grid-column: span 3; }
#symap-home .flow-stop-slot{ margin-top: 0; }
#symap-home .module-grid{ grid-template-columns: repeat(4,minmax(0,1fr)); padding-inline: 0; gap: 6px; }
#symap-home .module-toggle{ padding: 19px 3px 11px; min-height: 98px; align-items: center; text-align: center; }
#symap-home .module-toggle,#symap-home .module-card:nth-child(even) .module-toggle{ transform-origin: center bottom; }
#symap-home .module-symbol{ width: 26px; height: 26px; margin-bottom: 8px; }
#symap-home .module-symbol svg{ width: 19px; height: 19px; }
#symap-home .module-toggle .category,#symap-home .module-toggle .module-description,#symap-home .module-toggle .module-state{ display: none; }
#symap-home .module-name{ width: 100%; font-size: clamp(10.5px,2.8vw,12px); line-height: 1.3; letter-spacing: -.015em; min-height: 2.6em; }
#symap-home .module-name-full{ display: none; }
#symap-home .module-name-compact{ display: block; }
#symap-home .module-check{ top: 4px; right: 4px; width: 14px; height: 14px; line-height: 12px; font-size: 9px; }
#symap-home .unified-result{ margin-top: 52px; padding: 18px 16px 14px; }
#symap-home .result-heading{ align-items: flex-start; flex-direction: column; gap: 8px; }
#symap-home .unified-result h3{ font-size: 23px; }
#symap-home .unified-result .eyebrow{ font-size: 10px; margin-bottom: 7px; }
#symap-home .shared-timeline{ display: flex; flex-wrap: wrap; gap: 0 8px; border-left: 0; padding: 0; font-size: 12px; white-space: normal; }
#symap-home .result-selection{ margin-top: 10px; }
#symap-home .selection-caption{ font-size: 10px; margin-bottom: 5px; }
#symap-home .selected-modules{ gap: 5px; }
#symap-home .selected-modules li{ font-size: 10px; padding: 3px 7px; }
#symap-home .connected-summary{ display: none; }

}
@media (prefers-reduced-motion:reduce){html:has(#symap-home){ scroll-behavior: auto; }
#symap-home *,#symap-home *::before,#symap-home *::after{ transition: none !important; animation: none !important; }
#symap-home .reveal-pending{ opacity: 1; transform: none; }

}
@media print{#symap-home .is-interactive .module-toggle[aria-pressed="true"]{ transform: none; }
#symap-home .site-header,#symap-home .site-footer,#symap-home .draft-bar,#symap-home .flow-controls,#symap-home .flow-lines,#symap-home .hero canvas,#symap-home .hero::after,#symap-home .hero-signals,#symap-home .product-tabs,#symap-home .actions,#symap-home dialog{ display: none; }
#symap-home .container{ width: 100%; }
#symap-home .hero,#symap-home{ background: #fff; }
#symap-home .hero-inner{ min-height: 0; padding: 20px 0; }
#symap-home .hero-copy{ max-width: none; }
#symap-home .hero .hero-title,#symap-home .hero .hero-title span,#symap-home .hero p{ color: #102c42; }
#symap-home .product-wordmark,#symap-home .release-link-label,#symap-home .hero .lead strong{ color: #102c42; }
#symap-home .final-cta{ background: #fff; }
#symap-home .final-cta h2,#symap-home .final-cta .eyebrow,#symap-home .final-cta p:not(.eyebrow),#symap-home .final-cta .text-link{ color: #102c42; }
#symap-home .unified-result{ background: #fff; box-shadow: none; }
#symap-home .unified-result *{ color: #102c42 !important; }
#symap-home .result-arrival{ display: none; }
#symap-home .panel{ box-shadow: none; break-inside: avoid; }
#symap-home .reveal-pending{ opacity: 1; transform: none; }
#symap-home .product-views .showcase-view[hidden]{ display: block !important; }
#symap-home *,#symap-home *::before{ animation: none !important; }

}


/* Keep the actual WordPress shell and reserve its fixed-header anchor clearance. */
html:has(#symap-home){scroll-padding-top:0}
#symap-home{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;width:100%;max-width:none;margin:0;color:var(--ink)}
#symap-home [id]{scroll-margin-top:calc(var(--home-header-height,116px) + 24px)}
#symap-home .hero-title{margin:0}