@import url("polish.css");

:root {
  --ink: #10202e;
  --ink-soft: #183244;
  --canvas: #f6f4ef;
  --white: #ffffff;
  --lime: #c9d98b;
  --lime-deep: #a8bd63;
  --muted: #5e6870;
  --line: #d9ddd6;
  --font: "DM Sans", Arial, sans-serif;
  --mono: "JetBrains Mono", "DM Mono", monospace;
  --page: min(1280px, calc(100% - 11vw));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font: 400 16px/1.55 var(--font); }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid var(--lime-deep); outline-offset: 4px; }
.skip-link { position: fixed; top: -60px; left: 16px; z-index: 30; padding: 10px 14px; background: var(--white); color: var(--ink); }
.skip-link:focus { top: 16px; }
.site-header { position: sticky; top: 0; z-index: 20; height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 max(5.5vw, 28px); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--canvas) 94%, transparent); backdrop-filter: blur(14px); }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--ink); text-decoration: none; line-height: 1; }
.brand-mark { width: 36px; height: 36px; object-fit: contain; flex: 0 0 auto; }
.brand-wordmark { display: block; min-width: 0; }
.brand-wordmark strong { display: block; color: currentColor; font-size: 17px; font-weight: 700; letter-spacing: -.035em; line-height: .95; white-space: nowrap; }
.brand-wordmark small { display: block; margin-top: 4px; color: var(--muted); font: 500 9px/1 var(--mono); letter-spacing: .15em; text-transform: uppercase; white-space: nowrap; }
.menu-toggle { display: none; border: 0; padding: 10px 0; background: transparent; color: var(--ink); font: 600 13px var(--font); cursor: pointer; }
.site-nav { display: flex; min-width: 0; align-items: center; gap: clamp(12px, 1.6vw, 26px); font-size: 13px; font-weight: 600; }
.site-nav a { text-decoration: none; }
.site-nav a:not(.nav-cta) { position: relative; }
.site-nav a:not(.nav-cta)::after { content: ""; position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; transform: scaleX(0); transform-origin: left; background: var(--ink); transition: transform .2s ease; }
.site-nav a:hover::after, .site-nav a[aria-current="page"]::after { transform: scaleX(1); }
.site-nav .nav-cta { padding: 10px 15px; border: 1px solid var(--ink); white-space: nowrap; }
.site-nav .nav-cta:hover, .site-nav .nav-cta:focus-visible { background: var(--ink); color: var(--white); }
.page-shell { width: var(--page); margin: 0 auto; }
.eyebrow { margin: 0; font: 11px/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.eyebrow::before { content: "•"; margin-right: 9px; color: var(--lime-deep); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.06em; line-height: .98; }
h1 { max-width: 1100px; margin-bottom: 28px; font-size: clamp(52px, 7vw, 108px); font-weight: 500; }
h2 { margin-bottom: 22px; font-size: clamp(34px, 4.1vw, 62px); font-weight: 500; }
h3 { margin-bottom: 12px; font-size: 25px; font-weight: 600; }
.lead { max-width: 690px; color: var(--muted); font-size: clamp(18px, 1.55vw, 22px); }
.button { display: inline-flex; align-items: center; gap: 18px; min-height: 52px; padding: 13px 18px; border: 1px solid var(--ink); background: var(--ink); color: var(--white); font-size: 13px; font-weight: 700; text-decoration: none; transition: transform .2s ease, background .2s ease; }
.button::after { content: "↗"; font-size: 16px; line-height: 1; }
.button:hover { transform: translateY(-2px); background: var(--ink-soft); }
.button--plain { background: transparent; color: var(--ink); }
.hero .button--plain, .page-hero .button--plain { border-color: rgba(255,255,255,.72); color: var(--white); }
.hero .button--plain:hover, .page-hero .button--plain:hover { background: rgba(255,255,255,.12); }
.button--light { border-color: var(--white); background: var(--white); color: var(--ink); }
.button--light:hover { background: var(--lime); }
.hero { position: relative; min-height: min(740px, calc(100vh - 82px)); overflow: hidden; padding: clamp(82px, 12vw, 158px) 0 70px; background: var(--ink); color: var(--white); }
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, rgba(8, 18, 27, .98) 5%, rgba(10, 28, 39, .83) 45%, rgba(16, 32, 46, .35) 100%); z-index: 1; }
.hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .72; }
.hero__grid { position: absolute; inset: 0; z-index: 1; opacity: .22; background-image: linear-gradient(to right, transparent calc(100% - 1px), rgba(255,255,255,.38) calc(100% - 1px)), linear-gradient(to bottom, transparent calc(100% - 1px), rgba(255,255,255,.20) calc(100% - 1px)); background-size: calc(100% / 12) 100%, 100% 120px; }
.hero .page-shell { position: relative; z-index: 2; }
.hero .eyebrow { color: #d5dfb7; }
.hero .lead { color: #d5dce0; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hero__meta { display: flex; gap: 26px; margin-top: clamp(60px, 10vw, 120px); padding-top: 18px; border-top: 1px solid rgba(255,255,255,.35); color: #d5dce0; font: 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.section { padding: clamp(64px, 7vw, 108px) 0; }
.section--line { border-top: 1px solid var(--line); }
.section--dark { background: var(--ink); color: var(--white); }
.section--dark .lead, .section--dark .eyebrow { color: #ced8dc; }
.section--lime { background: var(--lime); }
.split-heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); gap: clamp(36px, 9vw, 148px); align-items: end; }
.split-heading > p:last-child { max-width: 400px; margin-bottom: 10px; color: var(--muted); }
.service-grid { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 62px; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.service-card { position: relative; isolation: isolate; display: flex; min-height: 350px; padding: 28px; overflow: hidden; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); flex-direction: column; transition: background .22s ease, box-shadow .22s ease; }
.service-card > * { position: relative; z-index: 1; }
.service-card::after { content: ""; position: absolute; z-index: 0; top: -86px; right: -76px; width: 210px; height: 210px; border: 1px solid rgba(11,31,45,.16); border-radius: 50%; box-shadow: 0 0 0 28px rgba(11,31,45,.035), 0 0 0 56px rgba(11,31,45,.02); pointer-events: none; }
.service-card:nth-child(2)::after { top: -110px; right: -52px; border-radius: 0; transform: rotate(45deg); }
.service-card:nth-child(3)::after { top: auto; right: -34px; bottom: -76px; width: 245px; height: 150px; border-radius: 999px; }
.service-card:nth-child(4)::after { top: auto; right: -80px; bottom: -95px; border-radius: 0; transform: rotate(45deg); }
.service-card--accent { background: var(--ink); color: var(--white); }
.service-card:hover { z-index: 2; box-shadow: 0 12px 26px rgba(11,31,45,.13); }
.service-card--accent::after { border-color: rgba(255,255,255,.28); box-shadow: 0 0 0 28px rgba(255,255,255,.05), 0 0 0 56px rgba(255,255,255,.025); }
.service-card__number { color: var(--muted); font: 11px var(--mono); }
.service-card--accent .service-card__number, .service-card--accent p { color: #cbd5d8; }
.service-card h3 { max-width: 410px; margin: auto 0 13px; }
.service-card p { max-width: 450px; margin-bottom: 20px; color: var(--muted); }
.card-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: -3px 0 22px; padding: 0; list-style: none; }
.card-tags li { padding: 5px 8px; border: 1px solid rgba(16,32,46,.22); color: var(--muted); font: 10px/1.1 var(--mono); letter-spacing: .03em; }
.service-card--accent .card-tags li { border-color: rgba(255,255,255,.28); color: #d5dce0; }
.text-link { display: inline-flex; gap: 10px; align-items: center; font-size: 13px; font-weight: 700; text-underline-offset: 6px; }
.text-link::after { content: "→"; }
.text-link:hover, .text-link:focus-visible { text-decoration-thickness: 2px; }
.service-card--accent .text-link { color: var(--white); }
.solutions-note { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr); gap: clamp(36px, 10vw, 150px); align-items: end; max-width: 1080px; }
.solutions-note .lead { margin-bottom: 0; }
.audience-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 58px; background: var(--line); }
.audience-card { min-height: 340px; padding: 35px; background: var(--canvas); }
.audience-card--dark { background: var(--ink); color: var(--white); }
.audience-card__label { font: 11px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.audience-card--dark .audience-card__label, .audience-card--dark p { color: #cbd5d8; }
.audience-card h3 { margin-top: 70px; }
.audience-card p { max-width: 430px; color: var(--muted); }
.audience-points { display: grid; gap: 7px; margin: 24px 0 25px; padding: 0; list-style: none; color: var(--muted); font-size: 14px; }
.audience-points li::before { content: "→"; margin-right: 10px; color: var(--lime-deep); }
.audience-card--dark .audience-points { color: #cbd5d8; }
.process { display: grid; grid-template-columns: repeat(7, 1fr); margin-top: 58px; border-top: 1px solid currentColor; }
.process__step { position: relative; min-height: 250px; padding: 23px 20px 0 0; }
.process__step + .process__step { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.25); }
.process__num { color: var(--lime); font: 11px var(--mono); }
.process__step h3 { margin: 48px 0 10px; font-size: 18px; }
.process__step p { margin: 0; color: #d1dcdf; font-size: 13px; }
.proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 52px; border-top: 1px solid var(--line); }
.proof { padding: 26px 30px 10px 0; }
.proof + .proof { padding-left: 30px; border-left: 1px solid var(--line); }
.proof span { color: var(--lime-deep); font: 11px var(--mono); }
.proof h3 { margin-top: 52px; font-size: 22px; }
.proof p { color: var(--muted); }
.section--dark .proof { border-color: rgba(255,255,255,.22); }
.section--dark .proof p { color: #d1dcdf; }
.boundary { max-width: 850px; }
.boundary p { max-width: 760px; color: var(--muted); font-size: 18px; }
.boundary .boundary-detail { margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 14px; }
.cta-block { display: grid; grid-template-columns: 1.2fr .8fr; gap: 50px; align-items: end; }
.cta-block p { max-width: 570px; font-size: 18px; }
.cta-block .button { justify-self: end; }
.page-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(78px, 10vw, 140px) 0 clamp(70px, 8vw, 110px); background: var(--ink); color: var(--white); }
.page-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .42; background-image: linear-gradient(rgba(207, 220, 223, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(207, 220, 223, .12) 1px, transparent 1px); background-size: min(15vw, 210px) min(15vw, 210px); background-position: center; }
.page-hero::after { content: ""; position: absolute; z-index: -1; width: min(42vw, 610px); aspect-ratio: 1; right: -8vw; top: 50%; transform: translateY(-50%); border: 1px solid rgba(213, 223, 183, .38); border-radius: 50%; box-shadow: 0 0 0 min(8vw, 120px) rgba(213, 223, 183, .045), 0 0 0 min(16vw, 240px) rgba(213, 223, 183, .03); }
.page-hero .page-shell { position: relative; z-index: 1; }
.page-hero h1 { max-width: 980px; font-size: clamp(48px, 5.7vw, 88px); }
.page-hero .lead { color: #d1dcdf; }
.page-hero .eyebrow { color: #d5dfb7; }
.service-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr); gap: clamp(36px, 10vw, 150px); }
.service-intro .lead { max-width: 490px; }
body:has(.nav-cta[href*="Payments"]) .page-hero + .section::after,
body:has(.nav-cta[href*="Retail"]) .page-hero + .section::after,
body:has(.nav-cta[href*="Security"]) .page-hero + .section::after,
body:has(.nav-cta[href*="Market"]) .page-hero + .section { padding-bottom: clamp(56px, 5vw, 78px); }
body:has(.nav-cta[href*="Payments"]) .page-hero + .section::after,
body:has(.nav-cta[href*="Retail"]) .page-hero + .section::after,
body:has(.nav-cta[href*="Security"]) .page-hero + .section::after,
body:has(.nav-cta[href*="Market"]) .page-hero + .section::after { content: ""; display: block; width: min(100%, var(--page)); height: clamp(280px, 34vw, 460px); margin: clamp(30px, 4vw, 54px) auto 0; background-position: center; background-size: cover; }
body:has(.nav-cta[href*="Payments"]) .page-hero + .section::after { background-image: url("assets/solidtech-payments-hero-v2.jpg"); }
body:has(.nav-cta[href*="Retail"]) .page-hero + .section::after { background-image: url("assets/solidtech-retail-operations-v1.jpg"); }
body:has(.nav-cta[href*="Security"]) .page-hero + .section::after { background-image: url("assets/solidtech-security-access-v1.jpg"); }
body:has(.nav-cta[href*="Market"]) .page-hero + .section::after { background-image: url("assets/solidtech-market-development-v1.jpg"); }
.insight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }
.insight-card { position: relative; min-height: 230px; padding: 27px 26px 25px; overflow: hidden; background: var(--canvas); }
.insight-card::after { position: absolute; right: 22px; bottom: 18px; color: rgba(16,32,46,.10); font: 11px var(--mono); letter-spacing: .08em; }
.insight-card:nth-child(1)::after { content: "01"; }
.insight-card:nth-child(2)::after { content: "02"; }
.insight-card:nth-child(3)::after { content: "03"; }
.insight-card h3 { max-width: 260px; margin: 54px 0 13px; font-size: 25px; }
.insight-card p { max-width: 330px; margin: 0; color: var(--muted); }
.feature-list { list-style: none; padding: 0; margin: 0; }
.feature-list li { padding: 18px 0; border-top: 1px solid var(--line); font-size: 18px; }
.feature-list li::before { content: "→"; margin-right: 13px; color: var(--lime-deep); }
.method-list { counter-reset: method; list-style: none; padding: 0; margin: 52px 0 0; border-top: 1px solid var(--ink); }
.method-list li { display: grid; grid-template-columns: 75px minmax(150px, .45fr) 1fr; gap: 22px; padding: 20px 0; border-bottom: 1px solid var(--line); align-items: start; }
.method-list li::before { counter-increment: method; content: counter(method, decimal-leading-zero); font: 11px var(--mono); color: var(--muted); }
.method-list strong { font-size: 20px; letter-spacing: -.03em; }
.method-list p { margin: 0; color: var(--muted); }
.legal-copy { max-width: 820px; margin-top: 38px; padding: 25px 0 0; border-top: 1px solid var(--line); color: var(--muted); }
.company-principles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 52px; background: var(--line); }
.company-principles article { position: relative; padding: 28px; overflow: hidden; background: var(--canvas); }
.company-principles article::after { position: absolute; top: 18px; right: 23px; color: rgba(11,31,45,.12); font: 11px var(--mono); }
.company-principles article:nth-child(1)::after { content: "01"; }
.company-principles article:nth-child(2)::after { content: "02"; }
.company-principles article:nth-child(3)::after { content: "03"; }
.company-principles article:nth-child(4)::after { content: "04"; }
.company-principles h3 { font-size: 23px; }
.company-principles p { margin-bottom: 0; color: var(--muted); }
.contact-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: clamp(36px, 8vw, 120px); }
.contact-intro { max-width: 600px; margin: -5px 0 36px; color: var(--muted); font-size: 18px; }
.contact-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.contact-form label { display: grid; gap: 8px; color: var(--muted); font-size: 13px; font-weight: 600; }
.contact-form .full { grid-column: 1 / -1; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; outline: 0; background: transparent; color: var(--ink); }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-bottom-width: 2px; border-color: var(--lime-deep); }
.contact-form textarea { min-height: 135px; resize: vertical; }
.contact-form .button { justify-self: start; cursor: pointer; }
.contact-form .button:disabled { cursor: wait; opacity: .68; transform: none; }
.turnstile-check { grid-column: 1 / -1; min-height: 65px; }
.form-note, .form-status { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 13px; }
.analytics-choice { position: fixed; z-index: 20; right: 22px; bottom: 22px; width: min(440px, calc(100% - 44px)); padding: 18px; background: var(--ink); color: var(--white); box-shadow: 0 14px 38px rgba(0,0,0,.22); }
.analytics-choice p { margin: 0 0 14px; font-size: 14px; }
.analytics-choice a { color: var(--white); }
.analytics-choice div { display: flex; gap: 10px; flex-wrap: wrap; }
.analytics-choice button { border: 1px solid var(--white); padding: 9px 12px; background: transparent; color: var(--white); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.analytics-choice button[data-analytics-choice="granted"] { background: var(--lime); border-color: var(--lime); color: var(--ink); }
.contact-aside { position: relative; isolation: isolate; padding: 28px; overflow: hidden; background: var(--ink); color: var(--white); }
.contact-aside > * { position: relative; z-index: 1; }
.contact-aside::after { content: ""; position: absolute; z-index: 0; inset: 0; opacity: .16; background-image: linear-gradient(to right, transparent calc(100% - 1px), rgba(255,255,255,.7) calc(100% - 1px)), linear-gradient(to bottom, transparent calc(100% - 1px), rgba(255,255,255,.5) calc(100% - 1px)); background-size: 25% 100%, 100% 74px; pointer-events: none; }
.contact-aside .eyebrow { color: #d5dfb7; }
.contact-aside h2 { margin-top: 15px; font-size: 36px; }
.contact-aside h3 { margin: 0 0 14px; font-size: 24px; }
.contact-aside p, .contact-aside address { color: #d1dcdf; font-style: normal; }
.contact-aside a { color: var(--white); font-weight: 700; text-underline-offset: 5px; }
.contact-checklist { margin: 30px 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.24); }
.contact-checklist li { position: relative; display: grid; gap: 5px; padding: 16px 0 16px 34px; border-bottom: 1px solid rgba(255,255,255,.18); color: #d1dcdf; font-size: 14px; }
.contact-checklist li::before { position: absolute; left: 0; top: 17px; color: var(--lime); font: 11px var(--mono); }
.contact-checklist li:nth-child(1)::before { content: "01"; }
.contact-checklist li:nth-child(2)::before { content: "02"; }
.contact-checklist li:nth-child(3)::before { content: "03"; }
.contact-checklist strong { color: var(--white); font-size: 15px; }
.contact-aside__note { margin-bottom: 34px; }
.contact-details-label { margin-bottom: 15px; }
.site-footer { padding: 56px max(5.5vw, 28px) 34px; background: var(--ink); color: var(--white); }
.footer-grid { display: grid; grid-template-columns: 1.4fr .9fr .9fr; gap: 40px; max-width: 1280px; margin: 0 auto; }
.site-footer .brand { color: var(--white); }
.site-footer .brand small, .site-footer p { color: #b8c4c8; }
.footer-title { margin: 0 0 12px; color: #d5dfb7 !important; font: 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.footer-links { display: grid; gap: 7px; font-size: 13px; }
.footer-links a { text-underline-offset: 4px; }
.footer-linkedin { align-items: center; color: #dceaf5; display: inline-flex; gap: 7px; width: fit-content; }
.footer-linkedin svg { fill: currentColor; flex: 0 0 auto; height: 16px; width: 16px; }
.footer-linkedin:hover, .footer-linkedin:focus-visible { color: var(--cyan, #00d9ff); }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; max-width: 1280px; margin: 48px auto 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.22); color: #b8c4c8; font-size: 12px; }
.footer-bottom a { color: inherit; }
.footer-bottom a:hover, .footer-bottom a:focus-visible { color: var(--white); }
@media (max-width: 900px) { .process { grid-template-columns: repeat(4, 1fr); } .process__step:nth-child(5) { border-left: 0; } .proof-grid { grid-template-columns: 1fr; } .proof + .proof { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; } }
@media (max-width: 1080px) { .site-header { height: 68px; } .menu-toggle { display: block; } .site-nav { position: absolute; top: 68px; right: 0; left: 0; display: none; align-items: stretch; gap: 0; padding: 10px max(5.5vw, 28px) 20px; border-bottom: 1px solid var(--line); background: var(--canvas); } .site-nav.open { display: grid; } .site-nav a { padding: 11px 0; } .site-nav a:not(.nav-cta)::after { display: none; } .site-nav .nav-cta { margin-top: 8px; text-align: center; } }
@media (max-width: 720px) { :root { --page: min(100% - 44px, 1280px); } .hero { min-height: 670px; padding-top: 95px; } .hero__grid { background-size: 25% 100%, 100% 110px; } .hero__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .split-heading, .service-intro, .cta-block, .contact-layout { grid-template-columns: 1fr; } .service-grid, .audience-grid, .company-principles, .contact-form { grid-template-columns: 1fr; } .service-card { min-height: 285px; } .process { grid-template-columns: 1fr; } .process__step, .process__step + .process__step { min-height: 0; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,.25); border-left: 0; } .process__step h3 { display: inline; margin: 0 0 0 12px; font-size: 18px; } .process__step p { display: block; margin: 8px 0 0; } .method-list li { grid-template-columns: 46px 1fr; gap: 10px; } .method-list p { grid-column: 2; } .cta-block .button { justify-self: start; } .footer-grid { grid-template-columns: 1fr; gap: 28px; } .footer-bottom { display: grid; margin-top: 34px; } body:has(.nav-cta[href*="Payments"]) .page-hero + .section::after, body:has(.nav-cta[href*="Retail"]) .page-hero + .section::after, body:has(.nav-cta[href*="Security"]) .page-hero + .section::after, body:has(.nav-cta[href*="Market"]) .page-hero + .section::after { height: 280px; background-position: right center; } }
@media (max-width: 720px) { .insight-grid { grid-template-columns: 1fr; } .insight-card { min-height: 0; padding: 25px 22px; } .insight-card h3 { margin-top: 44px; } }
@media (max-width: 720px) { .solutions-note { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* Phase 3 homepage integration: scoped so other production routes keep their established layouts. */
.home-page { --ink: #050b14; --ink-soft: #0b1728; --canvas: #050b14; --white: #f2f6fb; --lime: #00e676; --lime-deep: #00c98c; --muted: #9aabc0; --line: rgba(155, 180, 208, .2); background: var(--canvas); color: var(--white); }
.home-page .site-header { min-height: 80px; height: 80px; border-bottom-color: rgba(155, 180, 208, .16); background: rgba(5, 11, 20, .9); color: var(--white); }
.home-page .brand, .home-page .menu-toggle { color: var(--white); }.home-page .brand small { color: #a9b9cc; }.home-page .site-nav a:not(.nav-cta)::after { background: var(--cyan, #00d9ff); }.home-page .site-nav .nav-cta { border-color: rgba(214, 232, 246, .72); }.home-page .site-nav .nav-cta:hover, .home-page .site-nav .nav-cta:focus-visible { background: #fff; color: #050b14; }
.home-page .eyebrow { color: #a7bad0; font-size: 10px; letter-spacing: .13em; }.home-page .eyebrow::before { content: ""; display: inline-block; width: 24px; height: 1px; margin: 0 10px 3px 0; background: #00d9ff; }.home-page h1, .home-page h2, .home-page h3 { color: var(--white); font-weight: 600; line-height: 1.08; }.home-page h1 { max-width: 600px; margin-bottom: 21px; font-size: clamp(43px, 3.6vw, 56px); }.home-page h2 { margin-bottom: 17px; font-size: clamp(35px, 3.4vw, 56px); }.home-page h3 { font-size: clamp(22px, 2vw, 31px); }.home-page .lead { color: #adbbce; font-size: 16px; }.home-page .button { min-height: 49px; border: 1px solid transparent; border-radius: 4px; background: #1877ef; color: #fff; box-shadow: 0 10px 26px rgba(24, 119, 239, .22); }.home-page .button:hover { background: #2984ef; }.home-page .button--plain { border-color: rgba(214, 232, 246, .4); background: transparent; color: #dce8f4; box-shadow: none; }.home-page .button--plain:hover { background: rgba(255, 255, 255, .07); }
.home-page .site-footer { padding: 38px max(4.5vw, 26px); background: #050b14; border-top: 1px solid rgba(155, 180, 208, .18); }.home-page .footer-grid { display: grid; grid-template-columns: 1.25fr .85fr .95fr; }.home-page .footer-bottom { margin-top: 34px; }.home-page .footer-title { color: #a7bad0 !important; }
.home-hero { position: relative; overflow: hidden; min-height: 612px; padding-top: clamp(44px, 4.2vw, 66px); background: radial-gradient(circle at 73% 42%, rgba(16, 45, 73, .75), transparent 31%), radial-gradient(circle at 15% 18%, rgba(0, 217, 255, .08), transparent 23%), #050b14; color: #fff; }.home-hero__atmosphere { position: absolute; right: -14vw; bottom: -19vw; width: 44vw; aspect-ratio: 1; border-radius: 50%; background: rgba(0, 230, 118, .035); filter: blur(30px); }.home-hero__shell { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(420px, .84fr) minmax(560px, 1.16fr); gap: clamp(34px, 4.4vw, 66px); align-items: center; padding-bottom: 42px; }.home-hero__copy { padding-bottom: 10px; }.home-hero__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 26px; }.home-hero__scene { position: relative; min-height: 414px; margin: 0; overflow: hidden; border: 1px solid rgba(172, 199, 230, .2); border-radius: 5px; box-shadow: 0 35px 70px rgba(0, 0, 0, .34), 0 0 65px rgba(0, 217, 255, .08); }.home-hero__scene::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(105deg, rgba(5, 11, 20, .13), transparent 42%, rgba(0, 217, 255, .055)), linear-gradient(0deg, rgba(5, 11, 20, .58), transparent 42%); }.home-hero__scene > img { width: 100%; height: 100%; min-height: 414px; object-fit: cover; filter: saturate(.78) contrast(1.08); }.home-hero__physical, .home-hero__market { position: absolute; z-index: 2; display: flex; align-items: center; gap: 10px; color: #dce9f4; font-size: 10px; pointer-events: none; }.home-hero__physical { top: 18%; left: 5%; }.home-hero__market { right: 6%; bottom: 18%; align-items: flex-end; text-align: right; }.home-hero__physical p, .home-hero__market p { display: grid; gap: 2px; margin: 0; text-shadow: 0 1px 9px #02060d; }.home-hero__physical strong, .home-hero__market strong { font-size: 10px; }.home-hero__physical small, .home-hero__market small { color: #afbed0; font-size: 9px; }.home-hero__physical > span { width: 44px; height: 1px; background: linear-gradient(90deg, #00d9ff, transparent); box-shadow: 0 0 10px rgba(0, 217, 255, .5); }.home-hero__market > span { position: relative; width: 47px; height: 22px; border-top: 1px solid rgba(0, 217, 255, .75); border-radius: 50%; transform: rotate(-12deg); }.home-hero__market > span::after { content: ""; position: absolute; top: -2px; right: 0; width: 6px; height: 6px; border-radius: 50%; background: #00e676; box-shadow: 0 0 10px #00e676; }.home-hero__market i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #00d9ff; box-shadow: 0 0 7px #00d9ff; }.home-hero__market i:nth-child(1) { top: -3px; left: 9px; }.home-hero__market i:nth-child(2) { top: -3px; left: 25px; }.home-hero__market i:nth-child(3) { top: -2px; left: 36px; }.home-hero__scene figcaption { position: absolute; z-index: 2; bottom: 14px; left: 17px; color: #c6d4e3; font: 8px/1.35 var(--mono); letter-spacing: .08em; text-transform: uppercase; opacity: .84; }.home-hero__scene figcaption b { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #00e676; box-shadow: 0 0 12px #00e676; }
.home-intro, .home-capabilities, .home-audience, .home-experience, .home-boundary { padding: clamp(54px, 5.4vw, 82px) 0; background: #050b14; }.home-intro__grid, .home-heading { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(30px, 8vw, 120px); align-items: end; }.home-intro__grid > p, .home-heading > p { max-width: 500px; margin-bottom: 5px; color: #9aabc0; font-size: 17px; }.home-capabilities { padding-top: 35px; }.capability-journey { display: grid; gap: 10px; margin-top: 34px; }.capability-film { position: relative; display: grid; min-height: 276px; overflow: hidden; border: 1px solid rgba(155, 180, 208, .17); border-radius: 4px; background: #081321; transition: transform .35s ease, border-color .35s ease; }.capability-film:hover { transform: translateY(-3px); border-color: rgba(116, 211, 232, .4); }.capability-film--payments { grid-template-columns: .73fr 1.27fr; }.capability-film--retail { grid-template-columns: 1.36fr .64fr; min-height: 322px; }.capability-film--security { grid-template-columns: 1fr 1fr; min-height: 300px; }.capability-film--market { grid-template-columns: .84fr 1.16fr; min-height: 340px; }.capability-film--market figure { order: 2; }.capability-film figure { position: relative; margin: 0; overflow: hidden; }.capability-film figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5, 11, 20, .06), rgba(5, 11, 20, .78)); }.capability-film:nth-child(even) figure::after { background: linear-gradient(270deg, rgba(5, 11, 20, .08), rgba(5, 11, 20, .8)); }.capability-film img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; filter: saturate(.64) contrast(1.08); }.capability-film--retail img { object-position: center 58%; }.capability-film--security img { filter: saturate(.45) contrast(1.18) brightness(.78); }.capability-film--market img { filter: saturate(.58) contrast(1.06) brightness(.82); }.capability-film figcaption { position: absolute; z-index: 1; bottom: 18px; left: 20px; color: #ecf4fd; font: 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }.capability-film > div { align-self: center; padding: 34px clamp(30px, 5vw, 78px); }.capability-film--retail > div { padding-right: clamp(34px, 7vw, 112px); }.capability-film--security > div { padding-left: clamp(34px, 7vw, 112px); background: linear-gradient(110deg, #081527, rgba(8, 21, 39, .78)); }.capability-film--market > div { padding-right: clamp(34px, 6vw, 96px); background: radial-gradient(circle at 78% 56%, rgba(0, 230, 118, .12), transparent 29%), #081321; }.capability-film__type { margin-bottom: 18px; color: #a6b8ca; font: 10px var(--mono); letter-spacing: .12em; text-transform: uppercase; }.capability-film h3 { max-width: 540px; margin-bottom: 12px; }.capability-film > div > p:not(.capability-film__type) { max-width: 530px; color: #9aabc0; }.capability-film ul { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 18px 0; padding: 0; color: #c6d5e4; list-style: none; font-size: 12px; }.capability-film li::before, .home-audience li::before { content: "→"; margin-right: 7px; color: #00d9ff; }.capability-film .text-link, .home-audience .text-link, .home-method .text-link { color: #eff6fc; }.capability-film--payments > div { box-shadow: inset 3px 0 0 #1877ef; }.capability-film--retail > div { box-shadow: inset 3px 0 0 #00d9ff; }.capability-film--security > div { box-shadow: inset 3px 0 0 #ffb300; }.capability-film--market > div { box-shadow: inset 3px 0 0 #00e676; }
.home-audience__grid { display: grid; grid-template-columns: .74fr 1.26fr; gap: clamp(46px, 8vw, 130px); align-items: start; border-top: 1px solid rgba(155, 180, 208, .2); }.home-audience__intro { padding-top: 2px; }.home-audience__intro > p:not(.eyebrow) { max-width: 370px; color: #9aabc0; }.home-audience__paths { border-left: 1px solid rgba(155, 180, 208, .23); }.home-audience__paths article { position: relative; padding: 4px 0 35px 37px; }.home-audience__paths article + article { padding-top: 37px; border-top: 1px solid rgba(155, 180, 208, .23); }.home-audience__paths article::before { content: ""; position: absolute; top: 6px; left: -4px; width: 7px; height: 7px; border-radius: 50%; background: #00d9ff; box-shadow: 0 0 14px rgba(0, 217, 255, .7); }.home-audience__paths article + article::before { top: 39px; background: #00e676; box-shadow: 0 0 14px rgba(0, 230, 118, .6); }.home-audience__paths article > p:first-child { margin-bottom: 14px; color: #a7bad0; font: 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.home-audience__paths h3 { margin: 0 0 9px; }.home-audience__paths article > p:not(:first-child) { max-width: 590px; color: #9aabc0; }.home-audience__paths ul { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 20px 0; padding: 0; color: #c8d4e1; list-style: none; font-size: 13px; }
.home-method { position: relative; overflow: hidden; padding: clamp(66px, 6.8vw, 100px) 0; background: radial-gradient(circle at 80% 40%, rgba(0, 217, 255, .09), transparent 28%), radial-gradient(circle at 19% 82%, rgba(0, 230, 118, .055), transparent 24%), #040810; }.home-method__heading { max-width: 890px; }.home-method__heading > p:last-child { max-width: 690px; color: #9aabc0; font-size: 17px; }.method-console { margin-top: 32px; padding: 18px; border: 1px solid rgba(155, 180, 208, .22); border-radius: 6px; background: rgba(10, 20, 36, .9); box-shadow: 0 24px 55px rgba(0, 0, 0, .27); }.method-console__topline { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }.method-console__topline p, .method-console__topline > span { margin: 0; color: #a9b9cc; font: 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.method-console__topline p span { margin-left: 12px; color: #617187; }.method-console__stages { display: grid; grid-template-columns: repeat(7, 1fr); margin: 0; padding: 0; overflow: hidden; border: 1px solid rgba(155, 180, 208, .25); border-radius: 4px; list-style: none; }.method-console__stages li { min-height: 68px; padding: 10px 8px; border-right: 1px solid rgba(155, 180, 208, .2); background: rgba(5, 11, 20, .38); color: #9aabc0; }.method-console__stages li:last-child { border-right: 0; }.method-console__stages b, .method-console__stages span { display: block; }.method-console__stages b { margin-bottom: 6px; color: #8294a8; font: 10px var(--mono); }.method-console__stages span { font-size: 11px; font-weight: 700; }.method-console__stages .is-active { position: relative; background: rgba(0, 217, 255, .08); color: #f2f6fb; }.method-console__stages .is-active::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #00d9ff; box-shadow: 0 0 16px #00d9ff; }.method-console__stage { display: grid; grid-template-columns: 1fr minmax(290px, .7fr); gap: 34px; min-height: 336px; padding: clamp(28px, 4vw, 52px) clamp(22px, 5vw, 66px); border: 1px solid rgba(155, 180, 208, .2); border-top: 0; background: linear-gradient(110deg, rgba(15, 29, 51, .63), rgba(5, 11, 20, .18)); }.method-console__stage > div > p:first-child { color: #00d9ff; font: 11px var(--mono); }.method-console__stage h3 { margin-bottom: 12px; font-size: clamp(36px, 4vw, 57px); }.method-console__stage strong { display: block; max-width: 500px; color: #d9e4ef; font-size: 18px; font-weight: 500; }.method-console__stage > div > p:last-child { max-width: 500px; color: #9aabc0; font-size: 14px; }.method-console__stage figure { position: relative; min-height: 236px; margin: 0; overflow: hidden; border: 1px solid rgba(115, 142, 171, .3); border-radius: 4px; background: #07101e; }.method-console__stage figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(5, 11, 20, .48), transparent 54%), linear-gradient(0deg, rgba(5, 11, 20, .64), transparent 52%); }.method-console__stage img { width: 100%; height: 100%; min-height: 236px; object-fit: cover; filter: saturate(.62) contrast(1.08) brightness(.76); }.method-console__stage figcaption { position: absolute; z-index: 1; right: 14px; bottom: 13px; padding: 5px 7px; background: rgba(5, 11, 20, .48); color: #c5d5e4; font: 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.home-method__link { margin-top: 24px; }.home-method__link .text-link { color: #dceaf5; }
.home-experience__grid { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: clamp(40px, 7vw, 114px); align-items: center; }.home-experience figure { position: relative; min-height: 460px; margin: 0; overflow: hidden; border: 1px solid rgba(155, 180, 208, .23); border-radius: 5px; }.home-experience figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5, 11, 20, .7), transparent 45%); }.home-experience figure img { width: 100%; height: 100%; min-height: 460px; object-fit: cover; filter: saturate(.65) contrast(1.05); }.home-experience figcaption { position: absolute; z-index: 1; bottom: 20px; left: 20px; color: #dae6f1; font: 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.home-experience__grid > div > p:not(.eyebrow) { max-width: 615px; color: #9aabc0; font-size: 17px; }.home-experience dl { margin: 32px 0 0; }.home-experience dl div { display: grid; grid-template-columns: .9fr 1.1fr; gap: 20px; padding: 17px 0; border-top: 1px solid rgba(155, 180, 208, .23); }.home-experience dt { color: #c8d5e2; font: 10px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.home-experience dd { margin: 0; color: #9aabc0; font-size: 14px; }.home-boundary { border-top: 1px solid rgba(155, 180, 208, .23); }.home-boundary__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 8vw, 128px); }.home-boundary__grid h2 { margin: 0; }.home-boundary__grid > div:last-child { color: #9aabc0; }.home-boundary__grid > div:last-child p + p { padding-top: 19px; border-top: 1px solid rgba(155, 180, 208, .23); font-size: 14px; }.home-closing { padding: 52px 0; border-top: 1px solid rgba(0, 217, 255, .22); border-bottom: 1px solid rgba(0, 217, 255, .22); background: radial-gradient(circle at 80% 50%, rgba(0, 217, 255, .09), transparent 32%), #050b14; }.home-closing__grid { display: flex; align-items: end; justify-content: space-between; gap: 38px; }.home-closing h2 { max-width: 720px; }.home-closing p:not(.eyebrow) { max-width: 610px; color: #9aabc0; font-size: 17px; }.home-closing .button { flex: 0 0 auto; }
@media (max-width: 1080px) { .home-page .site-nav { background: #07101e; }.home-page .site-nav .nav-cta { border-color: rgba(214, 232, 246, .72); }.home-hero__shell { grid-template-columns: 1fr; }.home-hero__copy { max-width: 650px; }.home-hero__scene { max-width: none; }.capability-film--payments, .capability-film--retail, .capability-film--security, .capability-film--market { grid-template-columns: 1fr 1fr; }.capability-film--market figure { order: 0; }.home-audience__grid, .home-experience__grid, .home-boundary__grid { grid-template-columns: 1fr; }.home-audience__paths { border-left: 0; }.home-audience__intro { max-width: 560px; }.home-audience__paths article { padding-left: 27px; }.home-audience__paths article::before { left: -3px; }.home-audience__paths article + article::before { top: 39px; } }
@media (max-width: 720px) { .home-page { --page: min(100% - 40px, 1280px); }.home-page .site-header { min-height: 67px; height: 67px; padding: 0 20px; }.home-page .site-nav { top: 67px; padding: 10px 20px 20px; }.home-page h1 { font-size: clamp(37px, 10vw, 47px); }.home-page h2 { font-size: clamp(33px, 9vw, 43px); }.home-hero { min-height: 0; padding-top: 36px; }.home-hero__shell { gap: 32px; padding-bottom: 42px; }.home-hero__scene, .home-hero__scene > img { min-height: 304px; }.home-hero__physical { top: 13%; left: 5%; }.home-hero__market { right: 5%; bottom: 18%; }.home-hero__physical small, .home-hero__market small { font-size: 8px; }.home-hero__scene figcaption { max-width: 76%; }.home-intro, .home-capabilities, .home-audience, .home-experience, .home-boundary { padding: 58px 0; }.home-intro__grid, .home-heading { grid-template-columns: 1fr; gap: 28px; }.home-capabilities { padding-top: 28px; }.capability-journey { gap: 8px; margin-top: 28px; }.capability-film, .capability-film--payments, .capability-film--retail, .capability-film--security, .capability-film--market { grid-template-columns: 1fr; min-height: 0; }.capability-film--market figure { order: 0; }.capability-film figure, .capability-film img { min-height: 218px; }.capability-film > div, .capability-film--retail > div, .capability-film--security > div, .capability-film--market > div { padding: 27px 22px; }.home-audience__paths article { padding-left: 26px; }.home-method { padding: 66px 0; }.method-console { margin-top: 25px; padding: 12px; }.method-console__topline { align-items: flex-start; }.method-console__topline > span { display: none; }.method-console__stages { display: flex; overflow: auto; }.method-console__stages li { min-width: 102px; flex: 0 0 102px; }.method-console__stage { grid-template-columns: 1fr; gap: 22px; min-height: 0; padding: 27px 21px; }.method-console__stage figure, .method-console__stage img { min-height: 205px; }.home-experience figure, .home-experience figure img { min-height: 320px; }.home-experience dl div { grid-template-columns: 1fr; gap: 7px; }.home-closing { padding: 48px 0; }.home-closing__grid { display: block; }.home-closing .button { margin-top: 7px; }.home-page .footer-grid { grid-template-columns: 1fr; gap: 28px; }.home-page .footer-bottom { display: grid; } }
@media (prefers-reduced-motion: reduce) { .capability-film { transition: none; } }

/* Homepage methodology controls: scoped and independent from the contact and analytics scripts. */
.home-page .method-motion-toggle, .home-page .method-console__controls button { border: 1px solid rgba(163, 183, 206, .35); border-radius: 3px; background: transparent; color: #e3edf7; cursor: pointer; font-weight: 700; }
.home-page .method-motion-toggle { padding: 7px 10px; font-size: 11px; }.home-page .method-motion-toggle span { margin-left: 6px; color: #00d9ff; }.home-page .method-motion-toggle:hover, .home-page .method-motion-toggle:focus-visible, .home-page .method-console__controls button:hover, .home-page .method-console__controls button:focus-visible { border-color: #00d9ff; background: rgba(0, 217, 255, .08); outline: none; }
.home-page .method-console__stages button { position: relative; min-height: 68px; padding: 10px 8px; border: 0; border-right: 1px solid rgba(155, 180, 208, .2); background: rgba(5, 11, 20, .38); color: #9aabc0; cursor: pointer; text-align: left; }.home-page .method-console__stages button:last-child { border-right: 0; }.home-page .method-console__stages button::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: transparent; content: ""; }.home-page .method-console__stages button[aria-selected="true"] { background: rgba(0, 217, 255, .08); color: #f2f6fb; }.home-page .method-console__stages button[aria-selected="true"]::after { background: #00d9ff; box-shadow: 0 0 16px #00d9ff; }.home-page .method-console__stages button.is-complete b { color: #00e676; }.home-page .method-console__stages button:focus-visible { z-index: 1; outline: 2px solid #00d9ff; outline-offset: -2px; }
.home-page .method-console__controls { display: flex; gap: 10px; margin-top: 28px; }.home-page .method-console__controls button { padding: 9px 12px; font-size: 12px; }.home-page .method-console__controls button:last-child { border-color: rgba(0, 217, 255, .45); color: #00d9ff; }.home-page .method-console__controls button:last-child span { margin-left: 6px; }
.home-page .method-console__stage > div > [data-stage-description] { margin-bottom: 14px; }.home-page .method-console__stage img { opacity: .96; transition: opacity .45s ease, transform 1.1s ease; }.home-page .method-console__stage img.is-updating { animation: home-stage-reveal .7s ease both; }
@keyframes home-stage-reveal { from { opacity: .15; transform: scale(1.035); } to { opacity: .96; transform: scale(1); } }
@media (max-width: 720px) { .home-page .method-console__stages button { min-width: 102px; flex: 0 0 102px; }.home-page .method-console__controls { justify-content: space-between; }.home-page .method-motion-toggle { flex: 0 0 auto; } }
@media (prefers-reduced-motion: reduce) { .home-page .method-console__stage img { transition: none; }.home-page .method-console__stage img.is-updating { animation: none; } }

/* Final corrective pass: preserve mobile readability while giving the desktop
   headline and physical scene a more balanced executive composition. */
@media (min-width: 1081px) { .home-hero { min-height: 584px; }.home-hero__shell { grid-template-columns: minmax(520px, 1fr) minmax(540px, 1.05fr); gap: clamp(32px, 3.4vw, 52px); }.home-hero__copy { max-width: 670px; }.home-page h1 { max-width: 670px; margin-bottom: 18px; font-size: clamp(46px, 3.15vw, 54px); line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }.home-hero__actions { margin-top: 23px; } }

/* The motion controls are independently operable on touch devices. */
.home-page .method-motion-toggle, .home-page .method-console__controls button { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }

/* Phase 4: Retail Technology — page-scoped cinematic operating environment. */
.retail-page { background: #050b14; color: #f2f6fb; }.retail-page .site-header { min-height: 80px; height: 80px; border-bottom-color: rgba(155, 180, 208, .16); background: rgba(5, 11, 20, .92); color: #f2f6fb; }.retail-page .brand, .retail-page .menu-toggle { color: #f2f6fb; }.retail-page .brand small { color: #a9b9cc; }.retail-page .site-nav a:not(.nav-cta)::after { background: #00d9ff; }.retail-page .site-nav .nav-cta { border-color: rgba(214, 232, 246, .72); }.retail-page .site-nav .nav-cta:hover, .retail-page .site-nav .nav-cta:focus-visible { background: #fff; color: #050b14; }.retail-page .eyebrow { color: #a7bad0; font-size: 10px; letter-spacing: .13em; }.retail-page .eyebrow::before { content: ""; display: inline-block; width: 24px; height: 1px; margin: 0 10px 3px 0; background: #00d9ff; }.retail-page h1, .retail-page h2, .retail-page h3 { color: #f2f6fb; font-weight: 600; line-height: 1.08; }.retail-page h1 { max-width: 650px; margin-bottom: 20px; font-size: clamp(46px, 4vw, 68px); letter-spacing: -.045em; text-wrap: balance; }.retail-page h2 { margin-bottom: 17px; font-size: clamp(34px, 3.5vw, 55px); letter-spacing: -.035em; }.retail-page h3 { font-size: clamp(21px, 1.7vw, 29px); }.retail-page .lead { color: #adbbce; font-size: 16px; }.retail-page .button { min-height: 49px; border: 1px solid transparent; border-radius: 4px; background: #1877ef; color: #fff; box-shadow: 0 10px 26px rgba(24, 119, 239, .22); }.retail-page .button:hover { background: #2984ef; }.retail-page .button--plain { border-color: rgba(214, 232, 246, .4); background: transparent; color: #dce8f4; box-shadow: none; }.retail-page .button--plain:hover { background: rgba(255, 255, 255, .07); }.retail-page .site-footer { padding: 38px max(4.5vw, 26px); border-top: 1px solid rgba(155, 180, 208, .18); background: #050b14; }.retail-page .footer-grid { display: grid; grid-template-columns: 1.25fr .85fr .95fr; }.retail-page .footer-bottom { margin-top: 34px; }.retail-page .footer-title { color: #a7bad0 !important; }
.retail-hero { position: relative; overflow: hidden; padding-top: clamp(48px, 5vw, 72px); background: radial-gradient(circle at 79% 35%, rgba(255, 179, 0, .08), transparent 22%), radial-gradient(circle at 16% 16%, rgba(0, 217, 255, .09), transparent 22%), #050b14; }.retail-hero__atmosphere { position: absolute; top: 7%; right: -12vw; width: 50vw; aspect-ratio: 1; border-radius: 50%; background: rgba(0, 217, 255, .035); filter: blur(42px); }.retail-hero__shell { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(390px, .9fr) minmax(550px, 1.1fr); gap: clamp(34px, 5vw, 78px); align-items: center; padding-bottom: 47px; }.retail-hero__copy .lead { max-width: 550px; }.retail-hero__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 27px; }.retail-hero__scene { position: relative; min-height: 456px; margin: 0; overflow: hidden; border: 1px solid rgba(172, 199, 230, .2); border-radius: 5px; box-shadow: 0 32px 72px rgba(0, 0, 0, .36), 0 0 70px rgba(0, 217, 255, .07); }.retail-hero__scene::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(5, 11, 20, .67), transparent 52%), linear-gradient(0deg, rgba(5, 11, 20, .58), transparent 38%); content: ""; }.retail-hero__scene::after { position: absolute; z-index: 2; top: 0; left: -20%; width: 22%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0, 217, 255, .13), transparent); content: ""; transform: skewX(-17deg); animation: retail-light-sweep 9s ease-in-out infinite; pointer-events: none; }.retail-hero__scene > img { width: 100%; height: 100%; min-height: 456px; object-fit: cover; filter: saturate(.72) contrast(1.08) brightness(.78); }.retail-hero__signal { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; color: #e1edf8; font-size: 10px; pointer-events: none; }.retail-hero__signal p { display: grid; gap: 2px; margin: 0; text-shadow: 0 1px 10px #02060d; }.retail-hero__signal strong { font-size: 10px; }.retail-hero__signal small { color: #afbed0; font-size: 9px; }.retail-hero__signal > span { width: 47px; height: 1px; background: linear-gradient(90deg, #00d9ff, transparent); box-shadow: 0 0 12px rgba(0, 217, 255, .54); }.retail-hero__signal--counter { right: 8%; bottom: 28%; }.retail-hero__signal--floor { top: 20%; left: 7%; }.retail-hero__signal--floor > span { background: linear-gradient(90deg, #ffb300, transparent); box-shadow: 0 0 12px rgba(255, 179, 0, .48); }.retail-hero__scene figcaption { position: absolute; z-index: 3; bottom: 14px; left: 17px; color: #c6d4e3; font: 8px/1.35 var(--mono); letter-spacing: .08em; text-transform: uppercase; opacity: .84; }.retail-hero__scene figcaption b { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #00e676; box-shadow: 0 0 12px #00e676; }.retail-hero__rail { position: relative; z-index: 1; display: flex; overflow: auto; border-top: 1px solid rgba(155, 180, 208, .18); border-bottom: 1px solid rgba(155, 180, 208, .18); padding-left: max(4.5vw, 26px); background: rgba(10, 20, 36, .64); }.retail-hero__rail span { flex: 0 0 auto; padding: 16px clamp(25px, 4vw, 67px); border-right: 1px solid rgba(155, 180, 208, .18); color: #abb8c9; font: 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }.retail-hero__rail span:first-child { color: #f2f6fb; }
.retail-context, .retail-stage, .retail-system, .retail-boundary { padding: clamp(60px, 6vw, 94px) 0; background: #050b14; }.retail-context__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(44px, 9vw, 142px); padding-bottom: 4px; border-bottom: 1px solid rgba(155, 180, 208, .21); }.retail-context__copy { max-width: 570px; color: #9aabc0; }.retail-context__copy .lead { color: #c4d2e0; }.retail-stage { padding-top: 34px; background: radial-gradient(circle at 80% 48%, rgba(0, 217, 255, .07), transparent 29%), #050b14; }.retail-stage__header { display: grid; grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr); gap: 40px; align-items: end; margin-bottom: 30px; }.retail-stage__header .eyebrow { align-self: end; margin-bottom: 5px; }.retail-stage__composition { display: grid; grid-template-columns: minmax(0, 1.34fr) minmax(300px, .66fr); overflow: hidden; border: 1px solid rgba(155, 180, 208, .2); border-radius: 5px; background: #091525; }.retail-stage__composition figure { position: relative; min-height: 565px; margin: 0; overflow: hidden; }.retail-stage__composition figure::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5, 11, 20, .08), rgba(5, 11, 20, .64)); content: ""; }.retail-stage__composition img { width: 100%; height: 100%; min-height: 565px; object-fit: cover; filter: saturate(.68) contrast(1.06) brightness(.78); }.retail-stage__composition figcaption { position: absolute; z-index: 1; bottom: 20px; left: 22px; color: #dbe8f5; font: 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.retail-stage__sequence { padding: 25px clamp(20px, 3vw, 42px); }.retail-stage__sequence article { display: grid; grid-template-columns: 34px 1fr; gap: 13px; padding: 18px 0 27px; border-bottom: 1px solid rgba(155, 180, 208, .2); }.retail-stage__sequence article:last-child { border-bottom: 0; }.retail-stage__sequence span { color: #00d9ff; font: 10px var(--mono); }.retail-stage__sequence p:first-child { margin-bottom: 9px; color: #a8bacd; font: 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.retail-stage__sequence h3 { margin-bottom: 9px; font-size: 21px; }.retail-stage__sequence p:last-child { margin: 0; color: #9aabc0; font-size: 13px; }
.retail-system { background: linear-gradient(145deg, #07101e, #050b14 66%); }.retail-system__heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(40px, 9vw, 130px); align-items: end; margin-bottom: 34px; }.retail-system__heading > p { max-width: 520px; margin-bottom: 5px; color: #9aabc0; font-size: 16px; }.retail-system__rail { display: grid; grid-template-columns: repeat(5, 1fr); margin: 0; padding: 0; overflow: hidden; border: 1px solid rgba(155, 180, 208, .23); border-radius: 5px; list-style: none; }.retail-system__rail li { position: relative; display: grid; align-content: start; gap: 12px; min-height: 221px; padding: 23px 20px; border-right: 1px solid rgba(155, 180, 208, .2); background: rgba(5, 11, 20, .3); }.retail-system__rail li:last-child { border-right: 0; }.retail-system__rail li::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #00d9ff; content: ""; opacity: .48; }.retail-system__rail li:nth-child(2)::after, .retail-system__rail li:nth-child(4)::after { background: #ffb300; }.retail-system__rail li:nth-child(3)::after, .retail-system__rail li:nth-child(5)::after { background: #00e676; }.retail-system__rail span { color: #8294a8; font: 10px var(--mono); }.retail-system__rail strong { color: #e5edf5; font-size: 15px; line-height: 1.3; }.retail-system__rail small { color: #98aabc; font-size: 12px; line-height: 1.55; }.retail-boundary { border-top: 1px solid rgba(155, 180, 208, .21); }.retail-boundary__grid { display: grid; grid-template-columns: .84fr 1.16fr; gap: clamp(44px, 10vw, 153px); }.retail-boundary__grid h2 { margin: 0; }.retail-boundary__grid > div:last-child { max-width: 620px; color: #9aabc0; font-size: 16px; }.retail-boundary__note { margin-top: 22px; padding-top: 19px; border-top: 1px solid rgba(155, 180, 208, .22); color: #c0cfdd; font-size: 14px; }.retail-closing { padding: 52px 0; border-top: 1px solid rgba(0, 217, 255, .22); border-bottom: 1px solid rgba(0, 217, 255, .22); background: radial-gradient(circle at 80% 50%, rgba(0, 217, 255, .09), transparent 32%), #050b14; }.retail-closing__grid { display: flex; align-items: end; justify-content: space-between; gap: 38px; }.retail-closing h2 { margin-bottom: 12px; }.retail-closing p:not(.eyebrow) { max-width: 610px; margin: 0; color: #9aabc0; font-size: 17px; }.retail-closing .button { flex: 0 0 auto; }
@keyframes retail-light-sweep { 0%, 24% { left: -28%; opacity: 0; } 34%, 48% { opacity: 1; } 68%, 100% { left: 112%; opacity: 0; } }
@media (max-width: 1080px) { .retail-page .site-nav { background: #07101e; }.retail-hero__shell { grid-template-columns: 1fr; }.retail-hero__copy { max-width: 670px; }.retail-hero__scene { max-width: none; }.retail-stage__composition { grid-template-columns: 1fr; }.retail-stage__composition figure, .retail-stage__composition img { min-height: 420px; }.retail-stage__sequence { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }.retail-stage__sequence article { grid-template-columns: 1fr; padding: 8px 0; border-bottom: 0; }.retail-system__rail { grid-template-columns: repeat(3, 1fr); }.retail-system__rail li:nth-child(3) { border-right: 0; }.retail-system__rail li { border-bottom: 1px solid rgba(155, 180, 208, .2); }.retail-boundary__grid { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .retail-page { --page: min(100% - 40px, 1280px); }.retail-page .site-header { min-height: 67px; height: 67px; padding: 0 20px; }.retail-page .site-nav { top: 67px; padding: 10px 20px 20px; }.retail-page h1 { max-width: 580px; font-size: clamp(37px, 10vw, 47px); }.retail-page h2 { font-size: clamp(33px, 9vw, 43px); }.retail-hero { padding-top: 36px; }.retail-hero__shell { gap: 31px; padding-bottom: 42px; }.retail-hero__scene, .retail-hero__scene > img { min-height: 310px; }.retail-hero__signal--counter { right: 5%; bottom: 22%; }.retail-hero__signal--floor { top: 15%; left: 5%; }.retail-hero__signal small { font-size: 8px; }.retail-hero__scene figcaption { max-width: 77%; }.retail-hero__rail { padding-left: 20px; }.retail-hero__rail span { padding: 14px 22px; }.retail-context, .retail-stage, .retail-system, .retail-boundary { padding: 58px 0; }.retail-stage { padding-top: 29px; }.retail-context__grid, .retail-stage__header, .retail-system__heading { grid-template-columns: 1fr; gap: 27px; }.retail-stage__header .eyebrow { margin: 0; }.retail-stage__composition figure, .retail-stage__composition img { min-height: 266px; }.retail-stage__sequence { display: block; padding: 20px 21px; }.retail-stage__sequence article { grid-template-columns: 28px 1fr; padding: 17px 0; border-bottom: 1px solid rgba(155, 180, 208, .2); }.retail-stage__sequence article:last-child { border-bottom: 0; }.retail-system__rail { grid-template-columns: 1fr; }.retail-system__rail li, .retail-system__rail li:nth-child(3) { min-height: 0; padding: 20px; border-right: 0; border-bottom: 1px solid rgba(155, 180, 208, .2); }.retail-system__rail li:last-child { border-bottom: 0; }.retail-boundary__grid { gap: 27px; }.retail-closing { padding: 48px 0; }.retail-closing__grid { display: block; }.retail-closing .button { margin-top: 24px; } }
@media (prefers-reduced-motion: reduce) { .retail-hero__scene::after { animation: none; } }

/* Phase 5: Payments and Solutions — scoped operating-context compositions. */
.payments-page, .solutions-page { background: #050b14; color: #f2f6fb; }.payments-page .site-header, .solutions-page .site-header { min-height: 80px; height: 80px; border-bottom-color: rgba(155,180,208,.16); background: rgba(5,11,20,.92); color: #f2f6fb; }.payments-page .brand, .payments-page .menu-toggle, .solutions-page .brand, .solutions-page .menu-toggle { color: #f2f6fb; }.payments-page .brand small, .solutions-page .brand small, .payments-page .footer-title, .solutions-page .footer-title { color: #a7bad0 !important; }.payments-page .site-nav a:not(.nav-cta)::after, .solutions-page .site-nav a:not(.nav-cta)::after { background: #00d9ff; }.payments-page .site-nav .nav-cta, .solutions-page .site-nav .nav-cta { border-color: rgba(214,232,246,.72); }.payments-page .site-nav .nav-cta:hover, .payments-page .site-nav .nav-cta:focus-visible, .solutions-page .site-nav .nav-cta:hover, .solutions-page .site-nav .nav-cta:focus-visible { background:#fff; color:#050b14; }.payments-page .eyebrow, .solutions-page .eyebrow { color:#a7bad0; font-size:10px; letter-spacing:.13em; }.payments-page .eyebrow::before, .solutions-page .eyebrow::before { display:inline-block; width:24px; height:1px; margin:0 10px 3px 0; background:#00d9ff; content:""; }.payments-page h1, .payments-page h2, .payments-page h3, .solutions-page h1, .solutions-page h2, .solutions-page h3 { color:#f2f6fb; font-weight:600; line-height:1.08; letter-spacing:-.04em; }.payments-page h1, .solutions-page h1 { font-size:clamp(46px,4vw,68px); text-wrap:balance; }.payments-page h2, .solutions-page h2 { font-size:clamp(34px,3.5vw,55px); }.payments-page .lead, .solutions-page .lead { color:#adbbce; font-size:16px; }.payments-page .button, .solutions-page .button { min-height:49px; border:1px solid transparent; border-radius:4px; background:#1877ef; color:#fff; box-shadow:0 10px 26px rgba(24,119,239,.22); }.payments-page .button:hover, .solutions-page .button:hover { background:#2984ef; }.payments-page .button--plain { border-color:rgba(214,232,246,.4); background:transparent; color:#dce8f4; box-shadow:none; }.payments-page .button--plain:hover { background:rgba(255,255,255,.07); }.payments-page .site-footer, .solutions-page .site-footer { padding:38px max(4.5vw,26px); border-top:1px solid rgba(155,180,208,.18); background:#050b14; }.payments-page .footer-grid, .solutions-page .footer-grid { display:grid; grid-template-columns:1.25fr .85fr .95fr; }.payments-page .footer-bottom, .solutions-page .footer-bottom { margin-top:34px; }
.payments-hero { overflow:hidden; padding-top:clamp(48px,5vw,72px); background:radial-gradient(circle at 77% 28%,rgba(255,179,0,.1),transparent 23%),radial-gradient(circle at 13% 22%,rgba(0,217,255,.08),transparent 24%),#050b14; }.payments-hero__shell { position:relative; z-index:1; display:grid; grid-template-columns:minmax(390px,.84fr) minmax(560px,1.16fr); gap:clamp(34px,5vw,78px); align-items:center; padding-bottom:47px; }.payments-hero h1 { max-width:650px; margin-bottom:20px; }.payments-hero .lead { max-width:540px; }.payments-hero__actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:27px; }.payments-hero__scene { position:relative; min-height:456px; margin:0; overflow:hidden; border:1px solid rgba(172,199,230,.2); border-radius:5px; box-shadow:0 32px 72px rgba(0,0,0,.36),0 0 70px rgba(255,179,0,.07); }.payments-hero__scene::before { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(5,11,20,.62),transparent 55%),linear-gradient(0deg,rgba(5,11,20,.58),transparent 38%); content:""; }.payments-hero__scene::after { position:absolute; z-index:2; top:17%; left:19%; width:9px; height:9px; border-radius:50%; background:#00e676; box-shadow:0 0 0 5px rgba(0,230,118,.08),0 0 22px #00e676; content:""; animation:payments-pulse 4s ease-in-out infinite; }.payments-hero__scene img { width:100%; height:100%; min-height:456px; object-fit:cover; filter:saturate(.67) contrast(1.08) brightness(.78); }.payments-hero__signal { position:absolute; z-index:3; right:8%; bottom:28%; display:flex; align-items:center; gap:10px; color:#e1edf8; font-size:10px; }.payments-hero__signal span { width:47px; height:1px; background:linear-gradient(90deg,#00d9ff,transparent); box-shadow:0 0 12px rgba(0,217,255,.54); }.payments-hero__signal p { display:grid; gap:2px; margin:0; text-align:right; text-shadow:0 1px 10px #02060d; }.payments-hero__signal strong { font-size:10px; }.payments-hero__signal small { color:#afbed0; font-size:9px; }.payments-hero__scene figcaption { position:absolute; z-index:3; bottom:14px; left:17px; color:#c6d4e3; font:8px/1.35 var(--mono); letter-spacing:.08em; text-transform:uppercase; opacity:.84; }.payments-hero__scene figcaption b, .solutions-hero figcaption b { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#00e676; box-shadow:0 0 12px #00e676; }.payments-hero__rail { display:flex; overflow:auto; border-top:1px solid rgba(155,180,208,.18); border-bottom:1px solid rgba(155,180,208,.18); padding-left:max(4.5vw,26px); background:rgba(10,20,36,.64); }.payments-hero__rail span { flex:0 0 auto; padding:16px clamp(25px,4vw,67px); border-right:1px solid rgba(155,180,208,.18); color:#abb8c9; font:10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.payments-context, .payments-flow, .payments-scope, .payments-boundary { padding:clamp(60px,6vw,94px) 0; background:#050b14; }.payments-context__grid, .payments-scope__grid, .payments-boundary__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(44px,10vw,150px); }.payments-context__grid { border-bottom:1px solid rgba(155,180,208,.21); padding-bottom:4px; }.payments-context__grid > div:last-child { max-width:580px; color:#9aabc0; }.payments-context__grid .lead { color:#c4d2e0; }.payments-flow { padding-top:34px; background:radial-gradient(circle at 20% 30%,rgba(0,217,255,.06),transparent 25%),#050b14; }.payments-flow__heading { max-width:740px; margin-bottom:33px; }.payments-flow__line { display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border:1px solid rgba(155,180,208,.23); border-radius:5px; }.payments-flow__line article { position:relative; min-height:285px; padding:27px clamp(21px,3vw,46px); border-right:1px solid rgba(155,180,208,.2); background:rgba(9,21,37,.58); }.payments-flow__line article:last-child { border-right:0; }.payments-flow__line article::after { position:absolute; right:0; bottom:0; left:0; height:3px; background:#00d9ff; content:""; }.payments-flow__line article:nth-child(2)::after { background:#ffb300; }.payments-flow__line article:nth-child(3)::after { background:#00e676; }.payments-flow__line span { color:#8294a8; font:10px var(--mono); }.payments-flow__line h3 { margin:37px 0 12px; font-size:24px; }.payments-flow__line p { color:#9aabc0; font-size:14px; }.payments-flow__line small { position:absolute; bottom:23px; color:#b9c9d8; font:9px var(--mono); letter-spacing:.1em; text-transform:uppercase; }.payments-scope { background:linear-gradient(145deg,#07101e,#050b14 65%); }.payments-scope ul { display:grid; grid-template-columns:1fr 1fr; gap:0 27px; margin:0; padding:0; list-style:none; border-top:1px solid rgba(155,180,208,.22); }.payments-scope li { padding:18px 0; border-bottom:1px solid rgba(155,180,208,.22); color:#d5e1ec; font-size:14px; }.payments-scope li::before { margin-right:10px; color:#00d9ff; content:"→"; }.payments-perspective { padding:clamp(62px,6vw,96px) 0; background:radial-gradient(circle at 82% 50%,rgba(255,179,0,.1),transparent 30%),#0a1424; }.payments-perspective__grid { display:grid; grid-template-columns:.98fr 1.02fr; gap:clamp(44px,10vw,150px); }.payments-perspective__grid p:last-child { max-width:590px; margin:auto 0 0; color:#b4c2d1; font-size:17px; }.payments-boundary { border-top:1px solid rgba(155,180,208,.2); }.payments-boundary__grid p { max-width:620px; color:#9aabc0; font-size:16px; }.payments-closing, .solutions-closing { padding:52px 0; border-top:1px solid rgba(0,217,255,.22); border-bottom:1px solid rgba(0,217,255,.22); background:radial-gradient(circle at 80% 50%,rgba(0,217,255,.09),transparent 32%),#050b14; }.payments-closing__grid, .solutions-closing__grid { display:flex; align-items:end; justify-content:space-between; gap:38px; }.payments-closing h2, .solutions-closing h2 { margin-bottom:12px; }.payments-closing p:not(.eyebrow), .solutions-closing p:not(.eyebrow) { max-width:610px; margin:0; color:#9aabc0; font-size:17px; }.payments-closing .button, .solutions-closing .button { flex:0 0 auto; }
.solutions-hero { overflow:hidden; padding:clamp(48px,5vw,72px) 0; background:radial-gradient(circle at 70% 36%,rgba(0,217,255,.09),transparent 29%),#050b14; }.solutions-hero__grid { display:grid; grid-template-columns:minmax(380px,.82fr) minmax(570px,1.18fr); gap:clamp(35px,5vw,80px); align-items:center; }.solutions-hero h1 { max-width:660px; margin-bottom:20px; }.solutions-hero .lead { max-width:540px; margin-bottom:27px; }.solutions-hero figure { position:relative; min-height:455px; margin:0; overflow:hidden; border:1px solid rgba(172,199,230,.2); border-radius:5px; }.solutions-hero figure::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,11,20,.38),transparent 46%),linear-gradient(0deg,rgba(5,11,20,.54),transparent 38%); content:""; }.solutions-hero img { width:100%; height:100%; min-height:455px; object-fit:cover; filter:saturate(.65) contrast(1.08) brightness(.75); }.solutions-hero figcaption { position:absolute; z-index:1; bottom:14px; left:17px; color:#c6d4e3; font:8px/1.35 var(--mono); letter-spacing:.08em; text-transform:uppercase; }.solutions-routes, .solutions-context { padding:clamp(62px,6.5vw,102px) 0; background:#050b14; }.solutions-routes__heading { max-width:830px; margin-bottom:34px; }.solutions-routes__map { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(155,180,208,.22); border-left:1px solid rgba(155,180,208,.22); }.solutions-route { display:grid; grid-template-columns:51px 1fr; gap:17px; min-height:290px; padding:31px clamp(23px,4vw,65px); border-right:1px solid rgba(155,180,208,.22); border-bottom:1px solid rgba(155,180,208,.22); background:linear-gradient(120deg,rgba(10,20,36,.45),rgba(5,11,20,.16)); }.solutions-route > span { color:#00d9ff; font:10px var(--mono); }.solutions-route p { margin-bottom:11px; color:#a8bacd; font:10px var(--mono); letter-spacing:.1em; text-transform:uppercase; }.solutions-route h3 { max-width:480px; margin-bottom:15px; font-size:25px; }.solutions-route ul { display:flex; flex-wrap:wrap; gap:8px 17px; margin:0 0 21px; padding:0; color:#aebfd0; list-style:none; font-size:12px; }.solutions-route li::before { margin-right:6px; color:#00d9ff; content:"→"; }.solutions-route a { color:#f2f6fb; font-size:13px; font-weight:700; text-decoration:none; }.solutions-route a b { margin-left:8px; color:#00d9ff; }.solutions-route--payments { box-shadow:inset 3px 0 0 #1877ef; }.solutions-route--retail { box-shadow:inset 3px 0 0 #00d9ff; }.solutions-route--security { box-shadow:inset 3px 0 0 #ffb300; }.solutions-route--market { box-shadow:inset 3px 0 0 #00e676; }.solutions-context { border-top:1px solid rgba(155,180,208,.21); background:linear-gradient(145deg,#07101e,#050b14 65%); }.solutions-context__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(44px,10vw,150px); }.solutions-context__grid .lead { max-width:590px; margin:auto 0 0; color:#bdcbda; }
@keyframes payments-pulse { 0%,100% { opacity:.35; transform:scale(.84); } 50% { opacity:1; transform:scale(1); } }
@media (max-width:1080px) { .payments-page .site-nav, .solutions-page .site-nav { background:#07101e; }.payments-hero__shell, .solutions-hero__grid { grid-template-columns:1fr; }.payments-hero__scene, .solutions-hero figure { max-width:none; }.payments-flow__line { grid-template-columns:1fr; }.payments-flow__line article { min-height:0; border-right:0; border-bottom:1px solid rgba(155,180,208,.2); }.payments-flow__line article:last-child { border-bottom:0; }.payments-flow__line small { position:static; display:block; margin-top:15px; }.payments-scope__grid, .payments-perspective__grid, .payments-boundary__grid, .solutions-context__grid { grid-template-columns:1fr; }.payments-scope ul { max-width:760px; }.solutions-routes__map { grid-template-columns:1fr; }.solutions-route { min-height:0; } }
@media (max-width:720px) { .payments-page, .solutions-page { --page:min(100% - 40px,1280px); }.payments-page .site-header, .solutions-page .site-header { min-height:67px; height:67px; padding:0 20px; }.payments-page .site-nav, .solutions-page .site-nav { top:67px; padding:10px 20px 20px; }.payments-page h1, .solutions-page h1 { font-size:clamp(37px,10vw,47px); }.payments-page h2, .solutions-page h2 { font-size:clamp(33px,9vw,43px); }.payments-hero { padding-top:36px; }.payments-hero__shell { gap:31px; padding-bottom:42px; }.payments-hero__scene, .payments-hero__scene img, .solutions-hero figure, .solutions-hero img { min-height:305px; }.payments-hero__signal { right:5%; bottom:22%; }.payments-hero__signal small { font-size:8px; }.payments-hero__rail { padding-left:20px; }.payments-hero__rail span { padding:14px 22px; }.payments-context, .payments-flow, .payments-scope, .payments-boundary, .solutions-routes, .solutions-context { padding:58px 0; }.payments-flow { padding-top:29px; }.payments-context__grid, .payments-scope__grid, .payments-perspective__grid, .payments-boundary__grid, .solutions-context__grid { gap:27px; }.payments-scope ul { grid-template-columns:1fr; }.payments-perspective { padding:58px 0; }.payments-closing__grid, .solutions-closing__grid { display:block; }.payments-closing .button, .solutions-closing .button { margin-top:24px; }.solutions-hero { padding:36px 0 55px; }.solutions-hero__grid { gap:31px; }.solutions-route { grid-template-columns:31px 1fr; gap:12px; padding:25px 20px; }.solutions-route h3 { font-size:22px; } }

/* Phase 6 — Security & Access: page-scoped cinematic composition. */
.security-page { background:#050b14; color:#f2f6fb; }
.security-page .site-header { min-height:80px; height:80px; border-bottom-color:rgba(155,180,208,.16); background:rgba(5,11,20,.92); color:#f2f6fb; }
.security-page .brand, .security-page .menu-toggle { color:#f2f6fb; }
.security-page .brand small, .security-page .footer-title { color:#a7bad0 !important; }
.security-page .site-nav a:not(.nav-cta)::after { background:#00d9ff; }
.security-page .site-nav .nav-cta { border-color:rgba(214,232,246,.72); }
.security-page .site-nav .nav-cta:hover, .security-page .site-nav .nav-cta:focus-visible { background:#fff; color:#050b14; }
.security-page .eyebrow { color:#a7bad0; font-size:10px; letter-spacing:.13em; }
.security-page .eyebrow::before { content:""; display:inline-block; width:24px; height:1px; margin:0 10px 3px 0; background:#00d9ff; }
.security-page h1, .security-page h2, .security-page h3 { color:#f2f6fb; font-weight:600; line-height:1.08; letter-spacing:-.04em; }
.security-page h1 { max-width:640px; margin:0 0 20px; font-size:clamp(46px,4vw,68px); text-wrap:balance; }
.security-page h2 { margin:0; font-size:clamp(34px,3.5vw,55px); }
.security-page h3 { margin:0 0 8px; font-size:clamp(20px,1.7vw,27px); }
.security-page .lead { color:#adbbce; font-size:16px; }
.security-page .button { min-height:49px; border:1px solid transparent; border-radius:4px; background:#1877ef; color:#fff; box-shadow:0 10px 26px rgba(24,119,239,.22); }
.security-page .button:hover, .security-page .button:focus-visible { background:#2984ef; }
.security-page .site-footer { padding:38px max(4.5vw,26px); border-top:1px solid rgba(155,180,208,.18); background:#050b14; }
.security-page .footer-grid { display:grid; grid-template-columns:1.25fr .85fr .95fr; }
.security-page .footer-bottom { margin-top:34px; }
.security-hero { overflow:hidden; padding-top:74px; background:radial-gradient(circle at 12% 13%,rgba(0,217,255,.12),transparent 30%),radial-gradient(circle at 86% 76%,rgba(151,188,59,.08),transparent 31%),#050b14; }
.security-hero__shell, .security-context__grid, .security-sequence__heading, .security-sequence__composition, .security-requirements__heading, .security-requirements__ledger, .security-boundary__grid, .security-closing__grid { width:var(--page); margin:0 auto; }
.security-hero__shell { display:grid; grid-template-columns:minmax(0,.84fr) minmax(510px,1.16fr); align-items:center; gap:58px; padding-bottom:64px; }
.security-hero__copy .button { margin-top:28px; }
.security-hero__scene { position:relative; min-height:466px; margin:0; overflow:hidden; border:1px solid rgba(155,180,208,.25); border-radius:5px; background:#08131d; isolation:isolate; }
.security-hero__scene::before { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(4,12,21,.82) 0%,rgba(4,12,21,.25) 48%,rgba(4,12,21,.08) 100%); content:""; pointer-events:none; }
.security-hero__scene::after { position:absolute; z-index:2; top:0; bottom:0; left:-28%; width:20%; background:linear-gradient(90deg,transparent,rgba(0,217,255,.15),transparent); content:""; transform:skewX(-18deg); animation:security-sightline 9s ease-in-out infinite; pointer-events:none; }
.security-hero__scene img { display:block; width:100%; min-height:466px; height:100%; object-fit:cover; }
.security-hero__marker { position:absolute; z-index:3; display:grid; gap:4px; color:#f1f7fc; }
.security-hero__marker::before { width:42px; height:1px; margin-bottom:2px; background:#00d9ff; content:""; }
.security-hero__marker b { font-size:12px; font-weight:600; }
.security-hero__marker small { color:#b9ccdf; font-size:10px; }
.security-hero__marker--entry { top:27%; left:9%; }
.security-hero__marker--view { right:8%; bottom:21%; text-align:right; }
.security-hero__marker--view::before { margin-left:auto; }
.security-hero__scene figcaption { position:absolute; z-index:3; right:18px; bottom:15px; display:flex; align-items:center; gap:8px; color:#b0c0d1; font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.security-hero__scene figcaption i { width:7px; height:7px; border-radius:50%; background:#9abc3b; box-shadow:0 0 12px rgba(154,188,59,.85); }
.security-hero__rail { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(155,180,208,.2); border-bottom:1px solid rgba(155,180,208,.2); padding-left:max(4.5vw,26px); background:rgba(7,16,30,.73); }
.security-hero__rail span { padding:18px 24px; border-right:1px solid rgba(155,180,208,.2); color:#9eb5d2; font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.security-context, .security-sequence, .security-requirements, .security-boundary { padding:100px 0; }
.security-context { background:#07101e; }
.security-context__grid, .security-requirements__heading, .security-boundary__grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; }
.security-context__body { max-width:580px; }
.security-context__body p:not(.lead) { margin-top:19px; color:#c4d0de; }
.security-sequence { padding-top:76px; background:linear-gradient(180deg,#07101e 0%,#050b14 62%); }
.security-sequence__heading { display:grid; grid-template-columns:.72fr 1fr; gap:10%; margin-bottom:39px; }
.security-sequence__heading p:last-child { max-width:510px; margin:0; color:#aebed1; font-size:17px; }
.security-sequence__composition { display:grid; grid-template-columns:1.18fr .82fr; border:1px solid rgba(155,180,208,.22); background:rgba(8,19,32,.6); }
.security-sequence figure { position:relative; min-height:520px; margin:0; overflow:hidden; }
.security-sequence figure::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,11,20,.04),rgba(5,11,20,.53)); content:""; }
.security-sequence figure img { display:block; width:100%; min-height:520px; height:100%; object-fit:cover; }
.security-sequence figure figcaption { position:absolute; z-index:1; left:19px; bottom:16px; color:#d5e0eb; font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.security-sequence ol { display:flex; flex-direction:column; margin:0; padding:19px 30px; list-style:none; }
.security-sequence li { display:grid; grid-template-columns:43px 1fr; gap:13px; flex:1; align-content:center; border-bottom:1px solid rgba(155,180,208,.2); }
.security-sequence li:last-child { border-bottom:0; }
.security-sequence li > span, .security-requirements__ledger span { color:#9abc3b; font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:.08em; }
.security-sequence li p { max-width:390px; margin:0; color:#aebed1; }
.security-requirements { border-top:1px solid rgba(155,180,208,.15); background:#050b14; }
.security-requirements__heading { align-items:end; margin-bottom:42px; }
.security-requirements__heading > p { max-width:480px; margin:0; color:#aebed1; }
.security-requirements__ledger { display:grid; grid-template-columns:repeat(5,1fr); margin-top:0; padding:0; list-style:none; border-top:1px solid rgba(155,180,208,.22); border-bottom:1px solid rgba(155,180,208,.22); }
.security-requirements__ledger li { min-height:151px; padding:23px 20px; border-right:1px solid rgba(155,180,208,.22); }
.security-requirements__ledger li:last-child { border-right:0; }
.security-requirements__ledger p { margin:39px 0 0; color:#edf3f9; font-size:16px; line-height:1.35; }
.security-boundary { background:linear-gradient(115deg,#0b1725 0%,#07101e 64%,#0a151f 100%); }
.security-boundary__grid > p { max-width:540px; margin:0; color:#c7d3e0; font-size:18px; line-height:1.6; }
.security-closing { padding:72px 0; background:#0a1523; border-top:1px solid rgba(155,180,208,.16); }
.security-closing__grid { display:flex; align-items:end; justify-content:space-between; gap:48px; }
.security-closing h2 { max-width:700px; margin:0 0 12px; }
.security-closing p:not(.eyebrow) { max-width:610px; margin:0; color:#aebed1; font-size:17px; }
.security-closing .button { flex:0 0 auto; }
@keyframes security-sightline { 0%,24% { left:-28%; opacity:0; } 33%,55% { opacity:1; } 74%,100% { left:116%; opacity:0; } }
@media (max-width:1080px) { .security-page .site-nav { background:#07101e; }.security-hero__shell { grid-template-columns:1fr; }.security-hero__copy { max-width:670px; }.security-hero__scene { min-height:420px; }.security-hero__scene img { min-height:420px; }.security-sequence__composition, .security-context__grid, .security-requirements__heading, .security-boundary__grid { grid-template-columns:1fr; gap:30px; }.security-sequence figure, .security-sequence figure img { min-height:410px; }.security-sequence ol { display:grid; grid-template-columns:repeat(3,1fr); gap:19px; }.security-sequence li { grid-template-columns:1fr; align-content:start; padding:18px 0; border-bottom:0; }.security-requirements__ledger { grid-template-columns:repeat(3,1fr); }.security-requirements__ledger li:nth-child(3) { border-right:0; }.security-requirements__ledger li { border-bottom:1px solid rgba(155,180,208,.22); }.security-requirements__ledger li:nth-child(n+4) { border-bottom:0; } }
@media (max-width:720px) { .security-page { --page:min(100% - 40px,1280px); }.security-page .site-header { min-height:67px; height:67px; padding:0 20px; }.security-page .site-nav { top:67px; padding:10px 20px 20px; }.security-page h1 { font-size:clamp(37px,10vw,47px); }.security-page h2 { font-size:clamp(33px,9vw,43px); }.security-hero { padding-top:36px; }.security-hero__shell { gap:31px; padding-bottom:42px; }.security-hero__scene, .security-hero__scene img { min-height:310px; }.security-hero__marker--entry { top:16%; left:6%; }.security-hero__marker--view { right:6%; bottom:20%; }.security-hero__marker b { font-size:10px; }.security-hero__marker small { font-size:8px; }.security-hero__scene figcaption { max-width:70%; font-size:8px; }.security-hero__rail { display:block; padding-left:20px; overflow-x:auto; white-space:nowrap; }.security-hero__rail span { display:inline-block; padding:14px 22px; }.security-context, .security-sequence, .security-requirements, .security-boundary { padding:58px 0; }.security-sequence { padding-top:29px; }.security-sequence__heading { grid-template-columns:1fr; gap:18px; margin-bottom:27px; }.security-sequence__heading .eyebrow { margin:0; }.security-sequence__composition { display:block; }.security-sequence figure, .security-sequence figure img { min-height:266px; }.security-sequence ol { display:block; padding:20px 21px; }.security-sequence li { grid-template-columns:28px 1fr; padding:17px 0; border-bottom:1px solid rgba(155,180,208,.2); }.security-sequence li:last-child { border-bottom:0; }.security-requirements__heading { gap:27px; margin-bottom:27px; }.security-requirements__ledger { display:block; }.security-requirements__ledger li, .security-requirements__ledger li:nth-child(3), .security-requirements__ledger li:nth-child(n+4) { display:grid; grid-template-columns:36px 1fr; min-height:0; padding:20px; border-right:0; border-bottom:1px solid rgba(155,180,208,.22); }.security-requirements__ledger li:last-child { border-bottom:0; }.security-requirements__ledger p { margin:0; }.security-boundary__grid { gap:27px; }.security-closing { padding:48px 0; }.security-closing__grid { display:block; }.security-closing .button { margin-top:24px; } }
@media (prefers-reduced-motion:reduce) { .security-hero__scene::after { animation:none; opacity:0; } }

/* Phase 7 — Market Development: page-scoped executive trajectory. */
.market-page { background:#050b14; color:#f2f6fb; }
.market-page .site-header { min-height:80px; height:80px; border-bottom-color:rgba(155,180,208,.16); background:rgba(5,11,20,.92); color:#f2f6fb; }
.market-page .brand, .market-page .menu-toggle { color:#f2f6fb; }.market-page .brand small, .market-page .footer-title { color:#a7bad0 !important; }
.market-page .site-nav a:not(.nav-cta)::after { background:#00d9ff; }.market-page .site-nav .nav-cta { border-color:rgba(214,232,246,.72); }.market-page .site-nav .nav-cta:hover, .market-page .site-nav .nav-cta:focus-visible { background:#fff; color:#050b14; }
.market-page .eyebrow { color:#a7bad0; font-size:10px; letter-spacing:.13em; }.market-page .eyebrow::before { display:inline-block; width:24px; height:1px; margin:0 10px 3px 0; background:#00d9ff; content:""; }
.market-page h1, .market-page h2, .market-page h3 { color:#f2f6fb; font-weight:600; line-height:1.08; letter-spacing:-.04em; }.market-page h1 { max-width:680px; margin:0 0 20px; font-size:clamp(46px,4vw,68px); text-wrap:balance; }.market-page h2 { margin:0; font-size:clamp(34px,3.5vw,55px); }.market-page h3 { margin:0; font-size:clamp(20px,1.7vw,27px); }
.market-page .lead { color:#adbbce; font-size:16px; }.market-page .button { min-height:49px; border:1px solid transparent; border-radius:4px; background:#1877ef; color:#fff; box-shadow:0 10px 26px rgba(24,119,239,.22); }.market-page .button:hover, .market-page .button:focus-visible { background:#2984ef; }
.market-page .site-footer { padding:38px max(4.5vw,26px); border-top:1px solid rgba(155,180,208,.18); background:#050b14; }.market-page .footer-grid { display:grid; grid-template-columns:1.25fr .85fr .95fr; }.market-page .footer-bottom { margin-top:34px; }
.market-hero { overflow:hidden; padding-top:74px; background:radial-gradient(circle at 9% 18%,rgba(0,217,255,.12),transparent 28%),radial-gradient(circle at 87% 73%,rgba(154,188,59,.1),transparent 32%),#050b14; }.market-hero__shell, .market-context__grid, .market-lenses__intro, .market-lenses__rail, .market-method__heading, .market-trajectory, .market-boundary__grid, .market-closing__grid { width:var(--page); margin:0 auto; }
.market-hero__shell { display:grid; grid-template-columns:minmax(0,.82fr) minmax(530px,1.18fr); align-items:center; gap:56px; padding-bottom:64px; }.market-hero__copy .button { margin-top:28px; }
.market-hero__scene { position:relative; min-height:467px; margin:0; overflow:hidden; border:1px solid rgba(155,180,208,.26); border-radius:5px; background:#091521; isolation:isolate; }.market-hero__scene::before { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(5,11,20,.69),rgba(5,11,20,.08) 69%); content:""; pointer-events:none; }.market-hero__scene::after { position:absolute; z-index:2; top:-45%; right:13%; width:1px; height:195%; background:linear-gradient(transparent,rgba(0,217,255,.78),transparent); box-shadow:0 0 26px rgba(0,217,255,.55); content:""; animation:market-scan 8s ease-in-out infinite; pointer-events:none; }.market-hero__scene img { display:block; width:100%; min-height:467px; height:100%; object-fit:cover; }
.market-hero__signal { position:absolute; z-index:3; display:grid; gap:4px; color:#f1f7fc; }.market-hero__signal b { font-size:12px; font-weight:600; }.market-hero__signal small { color:#b9ccdf; font-size:10px; }.market-hero__signal--scope { top:22%; left:9%; }.market-hero__signal--scope::before { width:41px; height:1px; margin-bottom:3px; background:#00d9ff; content:""; }.market-hero__signal--progress { right:8%; bottom:20%; justify-items:end; text-align:right; }.market-hero__signal--progress > span { display:flex; align-items:end; gap:4px; height:18px; }.market-hero__signal--progress i { width:5px; background:#9abc3b; box-shadow:0 0 10px rgba(154,188,59,.8); }.market-hero__signal--progress i:nth-child(1) { height:6px; }.market-hero__signal--progress i:nth-child(2) { height:11px; }.market-hero__signal--progress i:nth-child(3) { height:17px; }.market-hero__scene figcaption { position:absolute; z-index:3; right:18px; bottom:15px; display:flex; align-items:center; gap:8px; color:#b0c0d1; font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.market-hero__scene figcaption i { width:7px; height:7px; border-radius:50%; background:#9abc3b; box-shadow:0 0 12px rgba(154,188,59,.85); }
.market-hero__rail { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(155,180,208,.2); border-bottom:1px solid rgba(155,180,208,.2); padding-left:max(4.5vw,26px); background:rgba(7,16,30,.73); }.market-hero__rail span { padding:18px 24px; border-right:1px solid rgba(155,180,208,.2); color:#9eb5d2; font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.market-context, .market-lenses, .market-method, .market-boundary { padding:100px 0; }.market-context { background:#07101e; }.market-context__grid, .market-method__heading, .market-boundary__grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; }.market-context__grid > div:last-child { max-width:580px; }.market-context__grid p:not(.lead) { margin-top:19px; color:#c4d0de; }
.market-lenses { padding-top:76px; background:linear-gradient(180deg,#07101e,#050b14 70%); }.market-lenses__intro { display:grid; grid-template-columns:.72fr 1fr; gap:10%; align-items:start; margin-bottom:39px; }.market-lenses__intro > p:last-child { max-width:510px; margin:0; color:#aebed1; font-size:17px; }.market-lenses__rail { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(155,180,208,.22); background:rgba(9,20,33,.7); }.market-lenses__rail article { position:relative; min-height:280px; padding:29px 28px; border-right:1px solid rgba(155,180,208,.22); }.market-lenses__rail article:last-child { border-right:0; }.market-lenses__rail article > span { position:absolute; top:27px; right:25px; color:#9abc3b; font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:.08em; }.market-lenses__rail .eyebrow { margin:0 0 47px; }.market-lenses__rail h3 { max-width:300px; margin-bottom:14px; }.market-lenses__rail p:last-child { margin:0; color:#aebed1; }
.market-method { border-top:1px solid rgba(155,180,208,.15); background:#050b14; }.market-method__heading { align-items:end; margin-bottom:42px; }.market-method__heading > p { max-width:480px; margin:0; color:#aebed1; }.market-trajectory { overflow:hidden; border:1px solid rgba(155,180,208,.25); background:#07111e; }.market-trajectory__topline { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:65px; padding:0 25px; border-bottom:1px solid rgba(155,180,208,.2); }.market-trajectory__topline p { margin:0; color:#d7e4f0; font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }.market-trajectory__topline p span { margin-left:13px; color:#84a0bb; }.market-trajectory__motion { min-width:145px; min-height:44px; border:1px solid rgba(155,180,208,.36); background:transparent; color:#e7f0f7; font:500 11px "JetBrains Mono",monospace; letter-spacing:.04em; cursor:pointer; }.market-trajectory__motion:hover, .market-trajectory__motion:focus-visible { border-color:#00d9ff; background:rgba(0,217,255,.08); }
.market-trajectory__stages { display:grid; grid-template-columns:repeat(7,1fr); border-bottom:1px solid rgba(155,180,208,.2); }.market-trajectory__stages button { position:relative; min-height:92px; padding:17px 11px 15px; border:0; border-right:1px solid rgba(155,180,208,.16); background:transparent; color:#aebed1; text-align:left; cursor:pointer; }.market-trajectory__stages button:last-child { border-right:0; }.market-trajectory__stages button::after { position:absolute; right:0; bottom:0; left:0; height:2px; background:#00d9ff; content:""; transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }.market-trajectory__stages button[aria-selected="true"] { color:#f3f8fc; background:rgba(0,217,255,.06); }.market-trajectory__stages button[aria-selected="true"]::after { transform:scaleX(1); }.market-trajectory__stages button.is-complete b { color:#9abc3b; }.market-trajectory__stages b { display:block; margin-bottom:9px; color:#7290ac; font:500 10px "JetBrains Mono",monospace; letter-spacing:.08em; }.market-trajectory__stages span { display:block; font-size:14px; font-weight:600; }.market-trajectory__stage { display:grid; grid-template-columns:.86fr 1.14fr; min-height:430px; }.market-trajectory__details { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:50px 46px; }.market-trajectory__details > p:first-child { margin:0 0 24px; color:#9abc3b; font:500 11px "JetBrains Mono",monospace; letter-spacing:.1em; }.market-trajectory__details h3 { margin-bottom:13px; font-size:clamp(37px,4vw,56px); }.market-trajectory__details strong { color:#eaf3fa; font-size:17px; font-weight:500; line-height:1.45; }.market-trajectory__details > p:not(:first-child) { max-width:460px; margin:15px 0 0; color:#aebed1; }.market-trajectory__controls { display:flex; gap:10px; margin-top:32px; }.market-trajectory__controls button { min-width:104px; min-height:44px; padding:0 16px; border:1px solid rgba(155,180,208,.36); background:transparent; color:#e7f0f7; font:500 12px "DM Sans",sans-serif; cursor:pointer; }.market-trajectory__controls button:last-child { border-color:#1877ef; background:#1877ef; }.market-trajectory__controls button:hover, .market-trajectory__controls button:focus-visible { border-color:#00d9ff; }.market-trajectory__stage figure { position:relative; min-height:430px; margin:0; overflow:hidden; background:#091521; }.market-trajectory__stage figure::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,11,20,.26),rgba(5,11,20,.07)); content:""; pointer-events:none; }.market-trajectory__stage img { display:block; width:100%; min-height:430px; height:100%; object-fit:cover; }.market-trajectory__stage img.is-updating { animation:market-image-in .45s ease both; }.market-trajectory__stage figcaption { position:absolute; z-index:1; right:20px; bottom:17px; color:#e5eff7; font:500 10px "JetBrains Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }
.market-boundary { border-top:1px solid rgba(155,180,208,.15); background:#0a1523; }.market-boundary--context { border-top:0; background:linear-gradient(115deg,#0b1725,#07101e 64%,#0a151f); }.market-boundary__grid > p { max-width:540px; margin:0; color:#c7d3e0; font-size:18px; line-height:1.6; }.market-closing { padding:72px 0; background:#050b14; border-top:1px solid rgba(155,180,208,.16); }.market-closing__grid { display:flex; align-items:end; justify-content:space-between; gap:48px; }.market-closing h2 { max-width:700px; margin:0 0 12px; }.market-closing p:not(.eyebrow) { max-width:610px; margin:0; color:#aebed1; font-size:17px; }.market-closing .button { flex:0 0 auto; }
@keyframes market-scan { 0%,24% { transform:translateX(-65px); opacity:0; } 35%,60% { opacity:1; } 78%,100% { transform:translateX(80px); opacity:0; } } @keyframes market-image-in { from { opacity:.42; transform:scale(1.025); } to { opacity:1; transform:scale(1); } }
@media (max-width:1080px) { .market-page .site-nav { background:#07101e; }.market-hero__shell, .market-context__grid, .market-method__heading, .market-boundary__grid { grid-template-columns:1fr; }.market-hero__copy { max-width:690px; }.market-hero__scene, .market-hero__scene img { min-height:420px; }.market-lenses__rail { grid-template-columns:1fr; }.market-lenses__rail article { min-height:0; border-right:0; border-bottom:1px solid rgba(155,180,208,.22); }.market-lenses__rail article:last-child { border-bottom:0; }.market-lenses__rail .eyebrow { margin-bottom:18px; }.market-trajectory__stages { grid-template-columns:repeat(4,1fr); }.market-trajectory__stages button:nth-child(4) { border-right:0; }.market-trajectory__stages button:nth-child(-n+4) { border-bottom:1px solid rgba(155,180,208,.16); }.market-trajectory__stage { grid-template-columns:1fr; }.market-trajectory__stage figure, .market-trajectory__stage img { min-height:400px; }.market-trajectory__details { padding:45px; } }
@media (max-width:720px) { .market-page { --page:min(100% - 40px,1280px); }.market-page .site-header { min-height:67px; height:67px; padding:0 20px; }.market-page .site-nav { top:67px; padding:10px 20px 20px; }.market-page h1 { font-size:clamp(37px,10vw,47px); }.market-page h2 { font-size:clamp(33px,9vw,43px); }.market-hero { padding-top:36px; }.market-hero__shell { gap:31px; padding-bottom:42px; }.market-hero__scene, .market-hero__scene img { min-height:310px; }.market-hero__signal--scope { top:15%; left:6%; }.market-hero__signal--progress { right:6%; bottom:21%; }.market-hero__signal b { font-size:10px; }.market-hero__signal small { font-size:8px; }.market-hero__scene figcaption { max-width:70%; font-size:8px; }.market-hero__rail { display:block; padding-left:20px; overflow-x:auto; white-space:nowrap; }.market-hero__rail span { display:inline-block; padding:14px 22px; }.market-context, .market-lenses, .market-method, .market-boundary { padding:58px 0; }.market-lenses { padding-top:29px; }.market-lenses__intro { grid-template-columns:1fr; gap:18px; margin-bottom:27px; }.market-lenses__intro .eyebrow { margin:0; }.market-lenses__rail article { padding:25px 20px; }.market-method__heading { gap:27px; margin-bottom:27px; }.market-trajectory__topline { align-items:flex-start; flex-direction:column; padding:17px 20px; }.market-trajectory__motion { min-width:0; width:100%; }.market-trajectory__stages { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }.market-trajectory__stages button, .market-trajectory__stages button:nth-child(4) { min-width:112px; flex:0 0 112px; min-height:82px; border-right:1px solid rgba(155,180,208,.16); border-bottom:0; scroll-snap-align:start; }.market-trajectory__details { padding:32px 21px; }.market-trajectory__details h3 { font-size:43px; }.market-trajectory__details strong { font-size:16px; }.market-trajectory__controls { width:100%; }.market-trajectory__controls button { flex:1; }.market-trajectory__stage figure, .market-trajectory__stage img { min-height:275px; }.market-trajectory__stage figcaption { right:14px; bottom:13px; font-size:8px; }.market-boundary__grid { gap:27px; }.market-closing { padding:48px 0; }.market-closing__grid { display:block; }.market-closing .button { margin-top:24px; } }
@media (prefers-reduced-motion:reduce) { .market-hero__scene::after { animation:none; opacity:0; }.market-trajectory__stage img.is-updating { animation:none; } }

/* Phase 8 — Company: page-scoped editorial enterprise composition. */
.company-page { background:#050b14; color:#f2f6fb; }.company-page .site-header { min-height:80px; height:80px; border-bottom-color:rgba(155,180,208,.16); background:rgba(5,11,20,.92); color:#f2f6fb; }.company-page .brand, .company-page .menu-toggle { color:#f2f6fb; }.company-page .brand small, .company-page .footer-title { color:#a7bad0 !important; }.company-page .site-nav a:not(.nav-cta)::after { background:#00d9ff; }.company-page .site-nav .nav-cta { border-color:rgba(214,232,246,.72); }.company-page .site-nav .nav-cta:hover, .company-page .site-nav .nav-cta:focus-visible { background:#fff; color:#050b14; }
.company-page .eyebrow { color:#a7bad0; font-size:10px; letter-spacing:.13em; }.company-page .eyebrow::before { display:inline-block; width:24px; height:1px; margin:0 10px 3px 0; background:#00d9ff; content:""; }.company-page h1, .company-page h2, .company-page h3 { color:#f2f6fb; font-weight:600; line-height:1.08; letter-spacing:-.04em; }.company-page h1 { max-width:650px; margin:0 0 20px; font-size:clamp(46px,4vw,68px); text-wrap:balance; }.company-page h2 { margin:0; font-size:clamp(34px,3.5vw,55px); }.company-page h3 { margin:0; font-size:clamp(20px,1.7vw,27px); }.company-page .lead { color:#adbbce; font-size:16px; }.company-page .button { min-height:49px; border:1px solid transparent; border-radius:4px; background:#1877ef; color:#fff; box-shadow:0 10px 26px rgba(24,119,239,.22); }.company-page .button:hover, .company-page .button:focus-visible { background:#2984ef; }.company-page .site-footer { padding:38px max(4.5vw,26px); border-top:1px solid rgba(155,180,208,.18); background:#050b14; }.company-page .footer-grid { display:grid; grid-template-columns:1.25fr .85fr .95fr; }.company-page .footer-bottom { margin-top:34px; }
.company-hero { overflow:hidden; padding-top:74px; background:radial-gradient(circle at 10% 14%,rgba(0,217,255,.12),transparent 28%),radial-gradient(circle at 85% 72%,rgba(242,174,70,.09),transparent 33%),#050b14; }.company-hero__shell, .company-position__grid, .company-applied__heading, .company-applied__sequence, .company-principles__heading, .company-principles__flow, .company-closing__grid { width:var(--page); margin:0 auto; }.company-hero__shell { display:grid; grid-template-columns:minmax(0,.86fr) minmax(510px,1.14fr); align-items:center; gap:56px; padding-bottom:64px; }.company-hero__copy .button { margin-top:28px; }
.company-hero__scene { position:relative; min-height:466px; margin:0; overflow:hidden; border:1px solid rgba(155,180,208,.25); border-radius:5px; background:#08131d; isolation:isolate; }.company-hero__scene::before { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(4,12,21,.7),rgba(4,12,21,.1) 63%); content:""; pointer-events:none; }.company-hero__scene::after { position:absolute; z-index:2; top:-7%; left:27%; width:58%; height:1px; background:linear-gradient(90deg,transparent,rgba(0,217,255,.85),transparent); box-shadow:0 0 25px rgba(0,217,255,.57); content:""; animation:company-line 8s ease-in-out infinite; pointer-events:none; }.company-hero__scene img { display:block; width:100%; min-height:466px; height:100%; object-fit:cover; }.company-hero__signal { position:absolute; z-index:3; display:grid; gap:4px; color:#f1f7fc; }.company-hero__signal::before { width:42px; height:1px; margin-bottom:2px; background:#00d9ff; content:""; }.company-hero__signal b { font-size:12px; font-weight:600; }.company-hero__signal small { color:#b9ccdf; font-size:10px; }.company-hero__signal--operations { top:27%; left:9%; }.company-hero__signal--direction { right:8%; bottom:22%; text-align:right; }.company-hero__signal--direction::before { margin-left:auto; background:#f2ae46; }.company-hero__scene figcaption { position:absolute; z-index:3; right:18px; bottom:15px; display:flex; align-items:center; gap:8px; color:#b0c0d1; font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.company-hero__scene figcaption i { width:7px; height:7px; border-radius:50%; background:#9abc3b; box-shadow:0 0 12px rgba(154,188,59,.85); }.company-hero__rail { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(155,180,208,.2); border-bottom:1px solid rgba(155,180,208,.2); padding-left:max(4.5vw,26px); background:rgba(7,16,30,.73); }.company-hero__rail span { padding:18px 24px; border-right:1px solid rgba(155,180,208,.2); color:#9eb5d2; font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.company-position, .company-applied, .company-principles { padding:100px 0; }.company-position { background:#07101e; }.company-position__grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; }.company-position__grid > div:last-child { max-width:580px; }.company-position__grid p:not(.lead) { margin-top:19px; color:#c4d0de; }
.company-applied { background:linear-gradient(180deg,#07101e,#050b14 67%); }.company-applied__heading { display:grid; grid-template-columns:.83fr 1.17fr; gap:10%; align-items:start; margin-bottom:46px; }.company-applied__heading .eyebrow { grid-column:1; margin:0; }.company-applied__heading h2 { grid-column:1; }.company-applied__heading .lead { grid-column:2; grid-row:1 / span 2; max-width:570px; margin:0; align-self:end; }.company-applied__sequence { display:grid; grid-template-columns:repeat(3,1fr); margin-top:0; padding:0; list-style:none; border-top:1px solid rgba(155,180,208,.22); border-bottom:1px solid rgba(155,180,208,.22); }.company-applied__sequence li { display:grid; grid-template-columns:35px 1fr; gap:14px; min-height:222px; padding:27px 22px; border-right:1px solid rgba(155,180,208,.22); }.company-applied__sequence li:last-child { border-right:0; }.company-applied__sequence li > span, .company-principles__flow article > span { color:#9abc3b; font:500 11px "JetBrains Mono",monospace; letter-spacing:.08em; }.company-applied__sequence h3 { margin-bottom:12px; }.company-applied__sequence p { margin:0; color:#aebed1; }
.company-principles { border-top:1px solid rgba(155,180,208,.15); background:#050b14; }.company-principles__heading { display:grid; grid-template-columns:1fr 1fr; gap:10%; margin-bottom:42px; }.company-principles__flow { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid rgba(155,180,208,.22); }.company-principles__flow article { position:relative; min-height:255px; padding:27px 24px; border-top:1px solid rgba(155,180,208,.22); border-right:1px solid rgba(155,180,208,.22); border-bottom:1px solid rgba(155,180,208,.22); }.company-principles__flow article::before { position:absolute; top:-1px; left:0; width:0; height:2px; background:#00d9ff; content:""; transition:width .35s ease; }.company-principles__flow article:hover::before { width:100%; }.company-principles__flow article > span { display:block; margin-bottom:47px; }.company-principles__flow h3 { margin-bottom:14px; }.company-principles__flow p { margin:0; color:#aebed1; }.company-closing { padding:72px 0; border-top:1px solid rgba(155,180,208,.16); background:#0a1523; }.company-closing__grid { display:flex; align-items:end; justify-content:space-between; gap:48px; }.company-closing h2 { max-width:700px; margin:0 0 12px; }.company-closing p:not(.eyebrow) { max-width:610px; margin:0; color:#aebed1; font-size:17px; }.company-closing .button { flex:0 0 auto; }
@keyframes company-line { 0%,24% { transform:translateY(-22px); opacity:0; } 35%,58% { opacity:1; } 78%,100% { transform:translateY(535px); opacity:0; } }
@media (max-width:1080px) { .company-page .site-nav { background:#07101e; }.company-hero__shell, .company-position__grid, .company-principles__heading { grid-template-columns:1fr; }.company-hero__copy { max-width:670px; }.company-hero__scene, .company-hero__scene img { min-height:420px; }.company-applied__heading { grid-template-columns:1fr; gap:27px; }.company-applied__heading .lead { grid-column:auto; grid-row:auto; }.company-applied__sequence { grid-template-columns:1fr; }.company-applied__sequence li { min-height:0; border-right:0; border-bottom:1px solid rgba(155,180,208,.22); }.company-applied__sequence li:last-child { border-bottom:0; }.company-principles__flow { grid-template-columns:repeat(2,1fr); }.company-principles__flow article:nth-child(-n+2) { border-bottom:0; } }
@media (max-width:720px) { .company-page { --page:min(100% - 40px,1280px); }.company-page .site-header { min-height:67px; height:67px; padding:0 20px; }.company-page .site-nav { top:67px; padding:10px 20px 20px; }.company-page h1 { font-size:clamp(37px,10vw,47px); }.company-page h2 { font-size:clamp(33px,9vw,43px); }.company-hero { padding-top:36px; }.company-hero__shell { gap:31px; padding-bottom:42px; }.company-hero__scene, .company-hero__scene img { min-height:310px; }.company-hero__signal--operations { top:16%; left:6%; }.company-hero__signal--direction { right:6%; bottom:21%; }.company-hero__signal b { font-size:10px; }.company-hero__signal small { font-size:8px; }.company-hero__scene figcaption { max-width:70%; font-size:8px; }.company-hero__rail { display:block; padding-left:20px; overflow-x:auto; white-space:nowrap; }.company-hero__rail span { display:inline-block; padding:14px 22px; }.company-position, .company-applied, .company-principles { padding:58px 0; }.company-applied { padding-top:29px; }.company-applied__heading { margin-bottom:27px; }.company-applied__sequence li { padding:21px; }.company-principles__heading { gap:27px; margin-bottom:27px; }.company-principles__flow { display:block; border-left:0; }.company-principles__flow article { min-height:0; padding:24px 20px; border-left:1px solid rgba(155,180,208,.22); border-bottom:0; }.company-principles__flow article:last-child { border-bottom:1px solid rgba(155,180,208,.22); }.company-principles__flow article > span { margin-bottom:19px; }.company-closing { padding:48px 0; }.company-closing__grid { display:block; }.company-closing .button { margin-top:24px; } }
@media (prefers-reduced-motion:reduce) { .company-hero__scene::after { animation:none; opacity:0; }.company-principles__flow article::before { transition:none; } }
@media (prefers-reduced-motion:reduce) { .payments-hero__scene::after { animation:none; } }

/* Phase 9 — retain readable contrast for the Company operating-principle flow. */
.company-page .company-principles__flow article { background:#07101e; }
.company-page .company-principles__flow article:hover::before, .company-page .company-principles__flow article:focus-within::before { width:100%; }

/* Final visual refinement: keep photographic compositions uninterrupted. */
.home-hero__physical, .home-hero__market, .payments-hero__signal, .retail-hero__signal, .security-hero__marker, .market-hero__signal, .company-hero__signal { display:none; }
.home-hero__scene figcaption, .payments-hero__scene figcaption, .retail-hero__scene figcaption, .security-hero__scene figcaption, .market-hero__scene figcaption, .company-hero__scene figcaption, .solutions-hero figure figcaption, .retail-stage figure figcaption, .security-sequence figure figcaption, .home-experience figure figcaption, .capability-film figure figcaption, .method-console__stage figcaption, .market-trajectory__stage figcaption { position:static; display:block; margin:0; padding:11px 15px; background:#07101e; color:#b8c9da; font:500 9px/1.45 "JetBrains Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.home-hero__scene figcaption b, .payments-hero__scene figcaption b, .retail-hero__scene figcaption b, .security-hero__scene figcaption i, .market-hero__scene figcaption i, .company-hero__scene figcaption i { display:none; }

/* Final visual refinement: restrained, legible progression controls. */
.method-motion-toggle, .market-trajectory__motion { display:none !important; }
.home-page .method-console__topline, .market-trajectory__topline { min-height:56px; padding-right:24px; }
.home-page .method-console__stages, .market-trajectory__stages { gap:0; background:linear-gradient(90deg,rgba(8,23,38,.98),rgba(5,11,20,.98)); }
.home-page .method-console__stages button, .market-trajectory__stages button { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; gap:8px; min-height:76px; padding:14px 16px; border-right-color:rgba(155,180,208,.1); transition:background .28s ease,color .28s ease,box-shadow .28s ease,transform .28s ease; animation:stage-settle .48s ease both; }
.home-page .method-console__stages button:nth-child(2), .market-trajectory__stages button:nth-child(2) { animation-delay:.03s; }.home-page .method-console__stages button:nth-child(3), .market-trajectory__stages button:nth-child(3) { animation-delay:.06s; }.home-page .method-console__stages button:nth-child(4), .market-trajectory__stages button:nth-child(4) { animation-delay:.09s; }.home-page .method-console__stages button:nth-child(5), .market-trajectory__stages button:nth-child(5) { animation-delay:.12s; }.home-page .method-console__stages button:nth-child(6), .market-trajectory__stages button:nth-child(6) { animation-delay:.15s; }.home-page .method-console__stages button:nth-child(7), .market-trajectory__stages button:nth-child(7) { animation-delay:.18s; }
.home-page .method-console__stages b, .market-trajectory__stages b { display:grid; width:28px; height:28px; place-items:center; margin:0; border:1px solid rgba(155,180,208,.28); border-radius:50%; color:#93aac1; font:500 10px "JetBrains Mono",monospace; letter-spacing:0; }
.home-page .method-console__stages span, .market-trajectory__stages span { font-size:14px; font-weight:600; }
.home-page .method-console__stages button:hover, .market-trajectory__stages button:hover { background:rgba(0,217,255,.055); color:#f3f8fc; transform:translateY(-1px); }
.home-page .method-console__stages button:focus-visible, .market-trajectory__stages button:focus-visible { z-index:1; outline:2px solid #00d9ff; outline-offset:-2px; }
.home-page .method-console__stages button[aria-selected="true"], .market-trajectory__stages button[aria-selected="true"] { background:linear-gradient(135deg,rgba(0,217,255,.13),rgba(7,21,35,.45)); box-shadow:inset 0 -2px #00d9ff; }
.home-page .method-console__stages button[aria-selected="true"] b, .market-trajectory__stages button[aria-selected="true"] b { border-color:#00d9ff; background:rgba(0,217,255,.12); color:#eaf8ff; }
.home-page .method-console__stages button.is-complete b, .market-trajectory__stages button.is-complete b { border-color:rgba(154,188,59,.62); color:#b8d779; }
@keyframes stage-settle { from { transform:translateY(4px); } to { transform:translateY(0); } }
@media (max-width:720px) { .home-page .method-console__stages, .market-trajectory__stages { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }.home-page .method-console__stages button, .market-trajectory__stages button, .market-trajectory__stages button:nth-child(4) { min-width:0; min-height:62px; padding:12px; border-right:1px solid rgba(155,180,208,.1); border-bottom:1px solid rgba(155,180,208,.1); }.home-page .method-console__stages button:last-child, .market-trajectory__stages button:last-child { grid-column:span 2; }.home-page .method-console__topline, .market-trajectory__topline { display:block; min-height:0; padding:16px 20px; } }
@media (prefers-reduced-motion:reduce) { .home-page .method-console__stages button, .market-trajectory__stages button { animation:none; transition:none; } }

/* Approved Refined Interlock identity: compact mobile hierarchy without increasing header height. */
@media (max-width: 720px) {
  .site-header .brand { gap: 8px; }
  .site-header .brand-mark { width: 30px; height: 30px; }
  .site-header .brand-wordmark strong { font-size: 14px; }
  .site-header .brand-wordmark small { margin-top: 3px; font-size: 8px; letter-spacing: .12em; }
}

/* Keep every photographic composition free of visible caption text. */
.home-hero__scene figcaption, .payments-hero__scene figcaption, .retail-hero__scene figcaption, .security-hero__scene figcaption, .market-hero__scene figcaption, .company-hero__scene figcaption, .solutions-hero figure figcaption, .retail-stage figure figcaption, .security-sequence figure figcaption, .home-experience figure figcaption, .capability-film figure figcaption, .method-console__stage figcaption, .market-trajectory__stage figcaption { display:none; }
/* Retail and security use independent image-led workspaces rather than static category ledgers. */
.retail-showcase { padding:clamp(60px,6vw,94px) 0; background:linear-gradient(145deg,#07101e,#050b14 66%); }
.retail-showcase__heading { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(40px,9vw,130px); align-items:end; width:var(--page); margin:0 auto 34px; }
.retail-showcase__heading > p { max-width:520px; margin:0 0 5px; color:#9aabc0; font-size:16px; }
.retail-showcase__console { overflow:hidden; border:1px solid rgba(155,180,208,.23); border-radius:5px; background:#07101e; }
.retail-showcase__tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid rgba(155,180,208,.18); }
.retail-showcase__tabs button { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:8px; min-height:78px; padding:14px 15px; border:0; border-right:1px solid rgba(155,180,208,.18); background:#08131f; color:#aebed1; text-align:left; font:600 12px/1.25 var(--sans); cursor:pointer; transition:background .28s ease,color .28s ease,box-shadow .28s ease; }
.retail-showcase__tabs button:last-child { border-right:0; }.retail-showcase__tabs b { color:#7d9bb9; font:500 10px var(--mono); }.retail-showcase__tabs button:hover { background:rgba(0,217,255,.06); color:#edf7ff; }.retail-showcase__tabs button[aria-selected="true"] { background:linear-gradient(135deg,rgba(0,217,255,.12),rgba(7,21,35,.44)); color:#f4f8fb; box-shadow:inset 0 -2px #00d9ff; }.retail-showcase__tabs button[aria-selected="true"] b { color:#b8d779; }.retail-showcase__tabs button:focus-visible, .retail-showcase__controls button:focus-visible { position:relative; z-index:1; outline:2px solid #00d9ff; outline-offset:-2px; }
.retail-showcase__panel { display:grid; grid-template-columns:.84fr 1.16fr; min-height:430px; transition:opacity .24s ease,transform .24s ease; }.retail-showcase__panel.is-changing { opacity:.2; transform:translateY(4px); }.retail-showcase__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,4vw,58px); background:radial-gradient(circle at 19% 14%,rgba(0,217,255,.09),transparent 28%),#07101e; }.retail-showcase__count, .security-showcase__count { margin:0 0 25px; color:#a9cf5c; font:500 11px var(--mono); letter-spacing:.13em; }.retail-showcase__copy h3, .security-showcase__copy h3 { max-width:470px; margin:0 0 18px; color:#f1f7fc; font-size:clamp(31px,3vw,47px); line-height:1.03; }.retail-showcase__summary, .security-showcase__summary { max-width:480px; margin:0 0 18px; color:#c9daeb; font-size:19px; line-height:1.43; }.retail-showcase__copy > p:last-of-type, .security-showcase__copy > p:last-of-type { max-width:470px; margin:0; color:#98aec4; line-height:1.6; }
.retail-showcase__visual { position:relative; min-height:430px; margin:0; overflow:hidden; background:#091525; }.retail-showcase__visual::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,16,30,.42),transparent 48%),linear-gradient(0deg,rgba(5,11,20,.4),transparent 48%); content:""; pointer-events:none; }.retail-showcase__visual img { display:block; width:100%; height:100%; min-height:430px; object-fit:cover; filter:saturate(.72) contrast(1.06) brightness(.82); }.retail-showcase__visual span { position:absolute; z-index:1; right:8%; bottom:11%; width:92px; height:1px; background:linear-gradient(90deg,#00d9ff,transparent); box-shadow:0 0 16px rgba(0,217,255,.7); }
.retail-showcase__controls, .security-showcase__controls { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }.retail-showcase__controls button, .security-showcase__controls button { min-height:45px; padding:0 17px; border:1px solid rgba(155,180,208,.45); background:transparent; color:#e7f1f9; font:600 13px var(--sans); cursor:pointer; transition:background .2s ease,border-color .2s ease; }.retail-showcase__controls button:last-child, .security-showcase__controls button:last-child { border-color:#00aee0; background:#087ee8; }.retail-showcase__controls button:hover, .security-showcase__controls button:hover { background:rgba(0,217,255,.1); }.retail-showcase__controls button:last-child:hover, .security-showcase__controls button:last-child:hover { background:#168cf0; }
.security-showcase { padding:100px 0; border-top:1px solid rgba(155,180,208,.15); background:#050b14; }.security-showcase__heading, .security-showcase__console { width:var(--page); margin-left:auto; margin-right:auto; }.security-showcase__heading { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:end; margin-bottom:42px; }.security-showcase__heading > p { max-width:480px; margin:0; color:#aebed1; }.security-showcase__console { display:grid; grid-template-columns:minmax(250px,.43fr) minmax(0,1fr); overflow:hidden; border:1px solid rgba(155,180,208,.23); background:#07101e; }.security-showcase__index { display:flex; flex-direction:column; border-right:1px solid rgba(155,180,208,.2); background:rgba(5,11,20,.56); }.security-showcase__index button { display:grid; grid-template-columns:25px 1fr; gap:10px; flex:1; min-height:78px; padding:15px 18px; border:0; border-bottom:1px solid rgba(155,180,208,.16); background:transparent; color:#aebed1; text-align:left; font:600 13px/1.28 var(--sans); cursor:pointer; transition:background .28s ease,color .28s ease; }.security-showcase__index button:last-child { border-bottom:0; }.security-showcase__index b { color:#a9cf5c; font:500 10px var(--mono); }.security-showcase__index button:hover { background:rgba(154,188,59,.07); color:#f0f7fb; }.security-showcase__index button[aria-selected="true"] { background:linear-gradient(90deg,rgba(154,188,59,.17),rgba(7,16,30,.1)); color:#fff; box-shadow:inset 2px 0 #a9cf5c; }.security-showcase__index button:focus-visible, .security-showcase__controls button:focus-visible { outline:2px solid #a9cf5c; outline-offset:-2px; }.security-showcase__panel { display:grid; grid-template-columns:1.17fr .83fr; min-height:492px; transition:opacity .24s ease,transform .24s ease; }.security-showcase__panel.is-changing { opacity:.2; transform:translateX(5px); }.security-showcase__visual { position:relative; margin:0; overflow:hidden; background:#091525; }.security-showcase__visual::after { position:absolute; inset:0; background:linear-gradient(90deg,transparent 45%,rgba(5,11,20,.7)),linear-gradient(0deg,rgba(5,11,20,.43),transparent 50%); content:""; pointer-events:none; }.security-showcase__visual img { display:block; width:100%; height:100%; min-height:492px; object-fit:cover; filter:saturate(.62) contrast(1.08) brightness(.76); }.security-showcase__visual span { position:absolute; z-index:1; top:13%; left:9%; width:1px; height:80px; background:linear-gradient(#a9cf5c,transparent); box-shadow:0 0 15px rgba(169,207,92,.7); }.security-showcase__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(27px,4vw,56px) clamp(23px,4vw,47px); background:radial-gradient(circle at 90% 16%,rgba(154,188,59,.08),transparent 27%),#07101e; }
@media (max-width:1080px) { .retail-showcase__heading, .security-showcase__heading { grid-template-columns:1fr; gap:27px; }.retail-showcase__panel { grid-template-columns:1fr; }.retail-showcase__visual, .retail-showcase__visual img { min-height:380px; }.security-showcase__console { grid-template-columns:1fr; }.security-showcase__index { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-right:0; border-bottom:1px solid rgba(155,180,208,.2); }.security-showcase__index button { grid-template-columns:1fr; min-height:82px; border-right:1px solid rgba(155,180,208,.16); border-bottom:0; }.security-showcase__index button[aria-selected="true"] { box-shadow:inset 0 -2px #a9cf5c; }.security-showcase__panel { grid-template-columns:1.12fr .88fr; }.security-showcase__visual img { min-height:420px; } }
@media (max-width:720px) { .retail-showcase, .security-showcase { padding:58px 0; }.retail-showcase__heading, .security-showcase__heading { margin-bottom:27px; }.retail-showcase__tabs { display:flex; overflow-x:auto; }.retail-showcase__tabs button { flex:0 0 155px; min-height:66px; padding:11px; }.retail-showcase__panel, .security-showcase__panel { display:flex; flex-direction:column-reverse; min-height:0; }.retail-showcase__copy, .security-showcase__copy { padding:29px 21px; }.retail-showcase__copy h3, .security-showcase__copy h3 { font-size:34px; }.retail-showcase__summary, .security-showcase__summary { font-size:17px; }.retail-showcase__visual, .retail-showcase__visual img, .security-showcase__visual img { min-height:268px; }.security-showcase__index { display:flex; overflow-x:auto; }.security-showcase__index button { grid-template-columns:24px 1fr; flex:0 0 185px; min-height:65px; padding:12px; border-right:1px solid rgba(155,180,208,.16); }.security-showcase__panel { flex-direction:column; }.security-showcase__visual { min-height:268px; }.security-showcase__controls, .retail-showcase__controls { margin-top:25px; }.security-showcase__controls button, .retail-showcase__controls button { flex:1; padding:0 10px; } }
@media (prefers-reduced-motion:reduce) { .retail-showcase__tabs button, .retail-showcase__panel, .security-showcase__index button, .security-showcase__panel, .security-showcase__controls button, .retail-showcase__controls button { transition:none; } }

/* Shared header CTA: reuse the homepage primary CTA palette on every page. */
.site-nav .nav-cta { background: #1877ef; color: #fff; }
.site-nav .nav-cta:hover, .site-nav .nav-cta:focus-visible { background: #2984ef; color: #fff; }
@media (max-width:720px) { .retail-page .footer-grid, .security-page .footer-grid, .payments-page .footer-grid, .solutions-page .footer-grid, .market-page .footer-grid, .company-page .footer-grid { grid-template-columns:1fr; } }