/* Homepage positioning: acquisition journey, product evidence and online guidance. */
.matrix-home .acquisition-tabs {display:flex;gap:24px;border-bottom:1px solid #d6e0e8;margin-top:22px}
.matrix-home .acquisition-tabs button {font:inherit;font-size:15px;min-height:46px;padding:8px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#526377;cursor:pointer}
.matrix-home .acquisition-tabs button[aria-selected="true"] {color:var(--blue);border-bottom-color:var(--blue);font-weight:600}
.matrix-home .acquisition-tabs button:focus-visible,.matrix-home .acquisition-takeaway a:focus-visible {outline:2px solid var(--blue);outline-offset:4px}
.matrix-home #acquisition-flow[hidden],.matrix-home #acquisition-examples[hidden] {display:none!important}
.matrix-home .acquisition-flow {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:22px;align-items:stretch}
.matrix-home .acquisition-stage {min-width:0;position:relative;display:flex;flex-direction:column}
.matrix-home .acquisition-stage:not(:last-child)::after {content:'→';position:absolute;right:-25px;top:54%;color:#527fa0;font-size:22px}
.matrix-home .acquisition-label {display:block;font-size:12px;font-weight:600;letter-spacing:.04em;color:#526377;margin-bottom:14px}
.matrix-home .acquisition-source {display:flex;gap:10px;align-items:center;border-bottom:1px solid #dce5ed;padding:12px 0 18px;font-size:15px;font-weight:600}
.matrix-home .acquisition-source>svg {width:22px;flex:none;color:#15817f}
.matrix-home .acquisition-source small {display:block;margin-top:6px;font-size:12px;font-weight:400;color:#526377;line-height:1.6}
.matrix-home .acquisition-ai {padding:22px 17px;background:#142c41;color:#fff;border-radius:8px;margin-top:18px;flex:1}
.matrix-home .acquisition-ai>svg {width:24px;color:#9bd2d0;margin-bottom:14px}
.matrix-home .acquisition-flow h3 {font-size:16px;line-height:1.45;margin:0;font-weight:600}
.matrix-home .acquisition-ai p {font-size:14px;line-height:1.9;margin-top:14px;color:#d9e7ef}
.matrix-home .acquisition-ai>span {display:block;font-size:12px;line-height:1.6;color:#bed2df;margin-top:18px}
.matrix-home .acquisition-channels ol,.matrix-home .acquisition-results ul {list-style:none;padding:0;margin:0;display:grid;gap:10px;flex:1}
.matrix-home .acquisition-channels li {padding:13px 15px;border:1px solid #d7e5e5;background:#f4f9f8;border-radius:7px}
.matrix-home .acquisition-channel-title {display:flex;align-items:center;justify-content:space-between;gap:8px}
.matrix-home .acquisition-channel-title>span {font-size:11px;color:#28726b;white-space:nowrap}
.matrix-home .acquisition-channels p {font-size:12px;color:#40566a;line-height:1.65;margin-top:7px}
.matrix-home .acquisition-channels small {display:block;font-size:11px;line-height:1.6;color:#526377;margin-top:5px}
.matrix-home .acquisition-channels .acquisition-paid {background:#f5f6f8;border-color:#dce3e8}
.matrix-home .acquisition-paid .acquisition-channel-title>span {color:#526377}
.matrix-home .acquisition-site {display:flex;flex-direction:column;justify-content:center;flex:1;padding:22px 16px;border:1px solid #b9ccdf;border-radius:8px;background:#fff}
.matrix-home .acquisition-site>svg {width:30px;height:30px;color:var(--blue);margin-bottom:20px}
.matrix-home .acquisition-site h3 {font-size:22px;line-height:1.6}
.matrix-home .acquisition-site p {font-size:13px;color:#526377;line-height:1.85;margin-top:14px}
.matrix-home .acquisition-site>span {font-size:11px;color:#526377;line-height:1.6;border-top:1px solid #dce5ed;padding-top:14px;margin-top:18px}
.matrix-home .acquisition-results li {display:flex;gap:12px;align-items:center;padding:17px 10px;border-bottom:1px solid #dce5ed}
.matrix-home .acquisition-results li>svg {width:21px;flex:none;color:var(--blue)}
.matrix-home .acquisition-results li:nth-child(2)>svg {color:#158451}
.matrix-home .acquisition-results p {font-size:12px;line-height:1.75;margin-top:8px;color:#526377}
.matrix-home .acquisition-takeaway {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:17px;border-top:1px solid #dce5ed}
.matrix-home .acquisition-takeaway strong {display:block;font-size:16px;font-weight:600;line-height:1.6}
.matrix-home .acquisition-takeaway p>span {display:block;font-size:13px;color:#526377;line-height:1.7;margin-top:4px}
.matrix-home .acquisition-takeaway a {display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--blue);font-size:13px;white-space:nowrap}
.matrix-home .acquisition-note {font-size:11px;line-height:1.7;color:#627387;margin-top:10px}
@media(max-width:1100px) and (min-width:821px){
 .matrix-home .acquisition-flow {gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr)}
 .matrix-home .acquisition-stage:not(:last-child)::after {right:-20px;font-size:18px}
 .matrix-home .acquisition-channel-title {align-items:flex-start;flex-direction:column;gap:3px}
 .matrix-home .acquisition-ai,.matrix-home .acquisition-site,.matrix-home .acquisition-channels li {padding:12px}
 .matrix-home .acquisition-results li {padding:12px 0;gap:7px}
 .matrix-home .acquisition-flow h3 {font-size:14px}
 .matrix-home .acquisition-site h3 {font-size:19px}
}
@media(max-width:820px){
 .matrix-home .acquisition-flow {grid-template-columns:1fr;gap:36px;margin-top:22px}
 .matrix-home .acquisition-stage:not(:last-child)::after {content:'↓';top:auto;bottom:-29px;right:calc(50% - 8px)}
 .matrix-home .acquisition-label {font-size:13px}
 .matrix-home .acquisition-source {padding-top:0}
 .matrix-home .acquisition-ai {margin-top:14px;padding:20px}
 .matrix-home .acquisition-ai>svg {float:right;margin:0}
 .matrix-home .acquisition-flow h3 {font-size:19px}
 .matrix-home .acquisition-channels li,.matrix-home .acquisition-site {padding:20px}
 .matrix-home .acquisition-channels p,.matrix-home .acquisition-ai p,.matrix-home .acquisition-site p,.matrix-home .acquisition-results p {font-size:16px}
 .matrix-home .acquisition-channels small,.matrix-home .acquisition-source small,.matrix-home .acquisition-ai>span,.matrix-home .acquisition-site>span {font-size:13px}
 .matrix-home .acquisition-channel-title>span {font-size:12px}
 .matrix-home .acquisition-site>svg {margin-bottom:12px}
 .matrix-home .acquisition-results li {padding:17px 0}
 .matrix-home .acquisition-takeaway {align-items:flex-start;flex-direction:column;gap:8px}
 .matrix-home .acquisition-takeaway p>span {font-size:14px}
 .matrix-home .acquisition-note {font-size:12px}
}
.matrix-home.home-booting main> :not(#top) {display:none!important}
.matrix-home.home-booting:not([data-initial-screen="top"]) #top {display:none!important}
.matrix-home:not(.home-ready) .screen,
.matrix-home:not(.home-ready) .site-nav,
.matrix-home:not(.home-ready) main {transition:none!important}
.matrix-home .hero h1,.matrix-home .hero-carousel-stage {animation:none}
.matrix-home #top .hero-content {padding-bottom:24px}
.matrix-home #top .hero-brand {font-size:14px;font-weight:600;letter-spacing:0;color:var(--blue);line-height:1.7;margin:0 0 28px}
.matrix-home #hero-title {font-size:clamp(40px,4.2vw,64px);line-height:1.2;letter-spacing:-.035em;font-weight:700}
.matrix-home #hero-title .hero-lead {font-size:clamp(22px,2vw,30px);line-height:1.4;letter-spacing:0;font-weight:500;color:var(--ink)}
.matrix-home #hero-title .hero-ai {font-size:1.55em;letter-spacing:-.04em;filter:none}
.matrix-home #top:not(.is-active) .hero-ai {animation-play-state:paused}
.matrix-home #hero-title .hero-outcome {margin-top:10px}
.matrix-home #top .matrix-promise {color:var(--ink);font-size:20px;line-height:1.6;font-weight:500;letter-spacing:.015em;margin:22px 0 0}
.matrix-home .matrix-promise {display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%}
.matrix-home .matrix-promise-window {height:1.6em;overflow:hidden;min-width:0}
.matrix-home .matrix-promise-track {animation:matrix-promise-scroll 12s cubic-bezier(.4,0,.2,1) infinite}
.matrix-home .matrix-promise-track p {height:1.6em;line-height:1.6;margin:0;white-space:nowrap}
.matrix-home .matrix-promise:hover .matrix-promise-track,
.matrix-home .matrix-promise.is-paused .matrix-promise-track,
.matrix-home #top:not(.is-active) .matrix-promise-track {animation-play-state:paused}
.matrix-home .matrix-promise-toggle {display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#687f92;cursor:pointer}
.matrix-home .matrix-promise-toggle:hover {background:#dcebf5;color:var(--blue)}
.matrix-home .matrix-promise-toggle:focus-visible {outline:2px solid var(--blue);outline-offset:2px}
.matrix-home .matrix-promise-toggle .promise-play,
.matrix-home .matrix-promise.is-paused .promise-pause {display:none}
.matrix-home .matrix-promise.is-paused .promise-play {display:block}
@keyframes matrix-promise-scroll {
 0%,28% {transform:translateY(0)}
 33.333%,61.333% {transform:translateY(-25%)}
 66.666%,94.666% {transform:translateY(-50%)}
 100% {transform:translateY(-75%)}
}
.matrix-home #top .hero-subtitle {font-size:15px;line-height:1.9;max-width:490px;margin:14px 0 0;color:#5e6d7b}
.matrix-home #top .hero-actions {flex-wrap:wrap;margin-top:30px;gap:12px}
.matrix-home .hero-carousel-stage {background:#fff;box-shadow:0 12px 32px #1f486912;border:1px solid #dae3ea}
.matrix-home .hero-carousel-copy-item small {font-size:12px}
.matrix-home .carousel-button,.matrix-home .carousel-dot {min-width:36px;min-height:44px}
.matrix-home .matrix-section-head .intro {max-width:760px;font-size:16px}
.matrix-home .matrix-example-layout {display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.8fr);gap:40px;align-items:center;margin-top:32px}
.matrix-home .matrix-source {margin:0;min-width:0}
.matrix-home .matrix-source>img {width:100%;height:240px;object-fit:contain;background:#fff}
.matrix-home .matrix-source figcaption {margin-top:16px}
.matrix-home .matrix-source strong,.matrix-home .matrix-source span {display:block}
.matrix-home .matrix-source strong {font-size:16px}
.matrix-home .matrix-source span {margin-top:6px;font-size:13px;color:var(--muted)}
.matrix-home .matrix-example-content {min-width:0}
.matrix-home .matrix-tabs {display:flex;border-bottom:1px solid #d6e0e8;gap:18px}
.matrix-home .matrix-tabs button {font:inherit;font-size:14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#526377;min-height:48px;padding:10px 0;white-space:nowrap}
.matrix-home .matrix-tabs button[aria-selected="true"] {color:var(--blue);border-bottom-color:var(--blue);font-weight:600}
.matrix-home .matrix-tabs button:hover {color:var(--blue)}
.matrix-home .matrix-panel {min-height:306px;display:flex;align-items:center;gap:26px;padding:24px 0}
.matrix-home .matrix-panel>div {flex:1;min-width:0}
.matrix-home .matrix-format {font-size:13px;color:var(--blue)}
.matrix-home .matrix-panel h3 {font-size:23px;line-height:1.5;margin:10px 0 16px}
.matrix-home .matrix-panel p {font-size:14px;line-height:1.85;color:var(--muted)}
.matrix-home .matrix-panel .matrix-channel {margin:16px 0 12px;color:var(--ink);font-weight:500}
.matrix-home .matrix-panel small {font-size:12px;line-height:1.7;color:var(--muted)}
.matrix-home .matrix-detail-image {padding:0;border:1px solid #dce5ed;border-radius:4px;background:#fff;width:145px;flex-shrink:0;overflow:hidden;cursor:zoom-in}
.matrix-home .matrix-detail-image img {width:100%;height:231px;object-fit:cover;object-position:top}
.matrix-home .matrix-detail-image span {display:block;color:var(--blue);padding:7px 2px;font-size:12px}
.matrix-home .matrix-scope {border-top:1px solid #dce5ed;padding-top:16px;margin-top:24px;font-size:13px;line-height:1.8;color:var(--muted)}
.matrix-home .matrix-reasons {display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin-top:30px}
.matrix-home .matrix-reasons article {display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-top:1px solid #dce5ed}
.matrix-home .matrix-reasons article>span {font-size:17px;color:var(--blue);padding-top:5px}
.matrix-home .matrix-reasons h3 {font-size:25px;margin-bottom:14px}
.matrix-home .matrix-reasons p {font-size:15px;line-height:1.85;color:var(--muted)}
.matrix-home .matrix-reasons .text-link {font-size:13px;margin-top:10px}
.matrix-home #contact .presentation-contact-intro .button+.text-link {margin-left:16px}
.matrix-home #plans .plan-type {font-size:14px}
.matrix-home .hero-carousel-controls {flex-wrap:nowrap}
.matrix-home .matrix-reasons-layout {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:44px;align-items:center;margin-top:28px}
.matrix-home .matrix-work-scene {margin:0;min-width:0}
.matrix-home .matrix-work-scene>img {display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;border-radius:8px}
.matrix-home .matrix-work-scene figcaption {padding-top:18px}
.matrix-home .matrix-work-scene strong {display:block;font-size:18px;line-height:1.5;font-weight:600}
.matrix-home .matrix-work-scene figcaption>span {display:block;font-size:13px;color:#526377;margin-top:7px}
.matrix-home .matrix-work-scene small {display:block;font-size:11px;color:#75818c;margin-top:10px}
.matrix-home .matrix-reasons-layout .matrix-reasons {margin:0;gap:0 28px}
.matrix-home .matrix-reasons-layout article {gap:12px;padding:20px 0}
.matrix-home .matrix-reasons-layout article>span {font-size:13px;padding-top:5px}
.matrix-home .matrix-reasons-layout h3 {font-size:22px;margin-bottom:10px}
.matrix-home .matrix-reasons-layout p {font-size:14px;line-height:1.85}
.matrix-home .matrix-panel-visual {width:42%;flex:none;margin:0;min-width:0}
.matrix-home .matrix-panel-visual button {display:block;width:100%;padding:0;overflow:hidden;border:1px solid #dce5ed;border-radius:6px;background:#fff;cursor:zoom-in}
.matrix-home .matrix-panel-visual button:focus-visible {outline:2px solid var(--blue);outline-offset:4px}
.matrix-home .matrix-panel-visual img {display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.matrix-home .matrix-panel-visual figcaption {display:flex;justify-content:space-between;gap:8px;font-size:11px;line-height:1.7;color:#627386;margin-top:9px}
.matrix-home .matrix-demo-scene {margin:24px 0 0;max-width:440px}
.matrix-home .matrix-demo-scene img {display:block;width:100%;height:auto;border-radius:8px}
.matrix-home .matrix-demo-scene figcaption {display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:#526377;line-height:1.7;margin-top:10px}
.matrix-home .matrix-demo-scene figcaption span {font-size:11px;color:#75818c}
@media(max-width:1000px){
 .matrix-home .matrix-reasons-layout {gap:26px;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
 .matrix-home .matrix-reasons-layout .matrix-reasons {gap:0 20px}
 .matrix-home .matrix-example-layout {gap:24px;grid-template-columns:minmax(170px,.65fr) minmax(0,1.6fr)}
 .matrix-home .matrix-tabs {gap:12px}
 .matrix-home .matrix-reasons {gap:0 32px}
 .matrix-home .matrix-panel h3 {font-size:20px;text-wrap:initial}
 .matrix-home .matrix-detail-image {width:118px}
}
@media(max-width:820px){
 .matrix-home .matrix-reasons-layout {grid-template-columns:1fr;gap:24px;margin-top:24px}
 .matrix-home .matrix-work-scene>img {aspect-ratio:16/9;max-height:300px}
 .matrix-home .matrix-work-scene figcaption {padding-top:12px}
 .matrix-home .matrix-work-scene strong {font-size:17px}
 .matrix-home .matrix-panel:has(.matrix-panel-visual) {flex-direction:column;gap:20px}
 .matrix-home .matrix-panel-visual {width:100%;order:-1}
 .matrix-home .matrix-panel-visual img {aspect-ratio:16/9}
 .matrix-home .matrix-demo-scene {margin-top:20px;max-width:440px}
 .matrix-home.paged #top {overflow:auto}
 .matrix-home.paged .hero-inner {height:auto;min-height:0;padding-bottom:20px}
 .matrix-home.paged .hero-caption {position:static;margin:0;padding:0 20px 28px}
 .matrix-home #top .hero-content {padding-bottom:0}
 .matrix-home #top .hero-brand {font-size:12px;margin-bottom:20px}
 .matrix-home #hero-title {font-size:clamp(36px,8vw,52px)}
 .matrix-home #hero-title .hero-lead {font-size:22px}
 .matrix-home #hero-title .hero-outcome {margin-top:6px}
 .matrix-home #top .matrix-promise {font-size:17px;margin:18px auto 0}
 .matrix-home #top .hero-subtitle {font-size:14px;margin:12px auto 0}
 .matrix-home #top .hero-actions {margin-top:24px}
 .matrix-home .hero-actions {justify-content:center}
 .matrix-home .hero-carousel-copy-item small {white-space:normal;font-size:11px}
 .matrix-home .hero-visual figcaption {grid-template-columns:1fr auto;gap:6px}
 .matrix-home .hero-carousel-count {display:none}
 .matrix-home .carousel-dot {min-width:22px}
 .matrix-home .carousel-button {min-width:32px}
 .matrix-home .matrix-example-layout {grid-template-columns:1fr;margin-top:22px;gap:20px}
 .matrix-home .matrix-source {display:flex;align-items:center;gap:16px}
 .matrix-home .matrix-source>img {width:110px;height:100px}
 .matrix-home .matrix-source figcaption {margin:0}
 .matrix-home .matrix-section-head .intro {font-size:14px}
 .matrix-home .matrix-tabs {display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
 .matrix-home .matrix-tabs button {white-space:normal}
 .matrix-home .matrix-panel {min-height:350px;gap:16px;align-items:flex-start}
 .matrix-home .matrix-panel h3 {font-size:20px}
 .matrix-home .matrix-detail-image {width:104px;margin-top:10px}
 .matrix-home .matrix-detail-image img {height:195px}
 .matrix-home .matrix-reasons {grid-template-columns:1fr;margin-top:24px}
 .matrix-home .matrix-reasons article {padding:20px 0}
 .matrix-home .matrix-reasons h3 {font-size:23px}
 .matrix-home .matrix-scope {margin-top:12px}
}
@media(min-width:821px) and (max-height:600px){
 .matrix-home.paged #top {overflow:auto}
 .matrix-home.paged .hero-inner {height:auto;min-height:0;align-items:flex-start;gap:28px;padding-block:24px}
 .matrix-home .hero-content {width:50%;flex:1;min-width:0}
 .matrix-home.paged .hero-visual {position:static;transform:none;width:46%;height:auto;flex:none;display:block}
 .matrix-home .hero-visual figcaption {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy count" "controls controls";gap:8px}
 .matrix-home .hero-carousel-copy {grid-area:copy}
 .matrix-home .hero-carousel-controls {grid-area:controls;justify-self:center}
 .matrix-home .hero-carousel-count {grid-area:count}
 .matrix-home .hero-carousel-copy-item small {white-space:normal}
 .matrix-home.paged .hero-caption {position:static;margin:0;padding:0 24px 28px}
}
@media(prefers-reduced-motion:reduce){
 .matrix-home *{scroll-behavior:auto!important}
 .matrix-home #hero-title .hero-ai {animation:none;background:none;color:var(--blue)}
 .matrix-home .matrix-promise-track {animation:none;transform:none}
 .matrix-home .matrix-promise-toggle {display:none}
}
@media(max-width:359px){.matrix-home #top .matrix-promise {font-size:15px}}