.breadcrumbs{padding-top:24px;color:#666;font-size:12px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.breadcrumbs li{display:flex;align-items:center;gap:8px;min-width:0}.breadcrumbs svg{width:12px;height:12px;flex:none}.breadcrumbs span{overflow-wrap:anywhere}.landing-intro{max-width:900px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.8}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.landing-grid article{border-top:2px solid #252525;padding-top:24px}.landing-grid h3{font-size:24px;margin:0 0 14px}.landing-grid p{color:#555;line-height:1.8;margin-bottom:24px}.landing-checks{display:grid;grid-template-columns:1fr 2fr;gap:48px}.landing-checks ul{list-style:none;padding:0;margin:0}.landing-checks li{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid #dedede}.landing-checks svg{width:20px;flex:none;color:#cf1230}.landing-faq{max-width:1000px}.landing-faq details{border-bottom:1px solid #ddd;padding:24px 0}.landing-faq summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;font-size:20px;font-weight:600}.landing-faq summary svg{flex:none;width:20px}.landing-faq p{line-height:1.9;color:#555;max-width:800px}.legacy-feature-list{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.legacy-feature-list span{padding:12px 0;margin-right:24px;border-bottom:1px solid #aaa}.article-byline{display:flex;gap:16px;align-items:center;color:#777;font-size:14px}.article-consult{background:#f4f5f6;border-left:3px solid #cf1230;padding:32px;margin:40px 0}.article-consult p{margin-top:0}.article-consult .button{white-space:normal}.receipt dd{overflow-wrap:anywhere}.footer-support{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}
@media(max-width:760px){.landing-grid{grid-template-columns:1fr}.landing-checks{grid-template-columns:1fr;gap:20px}.landing-intro{font-size:17px}.landing-faq summary{font-size:18px}.breadcrumbs{padding-top:18px}.article-consult{padding:24px}.article-byline{flex-wrap:wrap}}
.home-intro{padding:48px 0 40px}.home-intro .overline{margin-bottom:18px}.home-intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.home-intro h1{font-size:52px;line-height:1.28}.home-intro h1 span{color:var(--red)}.home-intro-row>div{padding-bottom:5px}.home-intro-row p{font-size:17px;line-height:1.8;color:#51555a;margin-bottom:22px}.home-intro .button{background:var(--red);min-height:50px;font-size:15px}.home-intro .button:hover{background:#a60e29}.home-evidence{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:18px 0 22px}.home-evidence .home-credentials{padding:0;margin-bottom:10px;font-size:12px}.home-evidence .home-brand-rail{padding:0;border:0;gap:12px}.home-evidence .home-brand-rail img{height:48px;width:145px;object-fit:contain}.home-evidence .home-brand-rail span{font-size:11px;margin-top:4px;color:#686c70}.home-projects{padding-top:32px;padding-bottom:84px}.home-projects-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.home-projects-heading h2{font-size:22px}.home-projects .home-case-grid{gap:50px 28px}.home-projects .home-brand-case{border:0;background:none}.home-projects .home-case-visual{aspect-ratio:1.97;padding:0;border:1px solid #e4e4e4;overflow:hidden;background:#f3f3f3}.home-projects .home-case-visual img{width:100%;height:100%;object-fit:contain;transform:none;transition:filter .2s}.home-projects .home-case-visual:hover img{filter:brightness(.97)}.home-projects .home-case-visual>span{display:none}.home-projects .home-case-summary{padding:23px 0 0}.home-projects .home-case-summary>p{font-size:15px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;font-weight:700}.home-projects .home-case-summary>p>span{font-size:11px;font-weight:400;color:#777}.home-projects .home-case-summary h3{font-size:25px;margin:9px 0 20px}.home-projects .home-case-summary ul{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}.home-projects .home-case-summary li{display:flex;gap:16px;font-size:14px;padding:0}.home-projects .home-case-summary li:before{display:none}.home-projects .home-case-summary li>span{min-width:100px;color:#777}.home-projects .home-case-actions{border-top:1px solid #e5e5e5;margin:0;padding-top:16px}.home-projects .home-reference-footer{margin-top:24px}.home-operations{background:#202324;color:#fff}.home-operations .overline{color:#f08798}.home-operations .section-head .text-link{color:white}.operation-rows{border-top:1px solid #596063}.operation-rows>a{display:grid;grid-template-columns:32px 1fr 1.4fr 24px;align-items:center;gap:26px;border-bottom:1px solid #596063;padding:28px 0}.operation-rows h3{font-size:22px}.operation-rows p{font-size:15px;color:#c7ccce}.operation-rows>a>svg:first-child{color:#f3a8b5}.operation-rows>a:hover h3{color:#f3a8b5}.handover-line{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:42px}.handover-line h3{font-size:19px}.handover-line p{font-size:14px;margin-top:10px;color:#c7ccce}.handover-line .button{flex-shrink:0}.home-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.home-app-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.home-app-title h3{font-size:22px}.home-app-title>span{font-size:12px;color:#777}.home-app-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.6;background:#f1f3f5;border:1px solid #e0e3e5;overflow:hidden}.home-app-image img{width:100%;height:100%;object-fit:contain}.home-app-grid article>p{font-size:15px;color:#62666a;margin-top:22px}.home-app-links{display:flex;gap:24px;justify-content:space-between;margin-top:18px}.home-guides{border-top:1px solid #dedede}
@media(max-width:1100px){.home-intro h1{font-size:40px}.home-intro-row{gap:24px}.home-intro-row p{font-size:15px}.home-evidence .home-brand-rail{grid-template-columns:repeat(6,minmax(0,1fr))}.home-projects .home-case-summary h3{font-size:22px}.home-app-title{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:760px){.home-intro{padding:30px 0}.home-intro-row{display:block}.home-intro h1{font-size:34px}.home-intro .overline{font-size:11px;margin-bottom:14px}.home-intro-row>div{margin-top:20px;padding:0}.home-intro-row p{font-size:14px;line-height:1.7;margin-bottom:18px}.home-intro .button{min-height:46px;padding:11px 18px;font-size:14px}.home-evidence{padding:16px 0}.home-evidence .home-credentials{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;margin-bottom:10px}.home-evidence .home-brand-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}.home-evidence .home-brand-rail img{height:34px;width:100px}.home-evidence .home-brand-rail span{font-size:9px;margin-top:2px}.home-projects{padding-top:24px;padding-bottom:52px}.home-projects-heading h2{font-size:18px}.home-projects-heading .text-link{font-size:11px;gap:6px}.home-projects-heading .text-link svg{width:16px}.home-projects .home-case-grid{grid-template-columns:1fr;gap:36px}.home-projects .home-case-summary{padding-top:16px}.home-projects .home-case-summary h3{font-size:23px}.home-projects .home-case-summary li{font-size:13px;gap:12px}.home-projects .home-case-summary li>span{min-width:90px}.home-projects .home-case-actions .text-link{font-size:12px}.home-projects .home-reference-footer{display:block}.home-projects .home-reference-footer .text-link{margin-top:14px}.operation-rows>a{grid-template-columns:24px 1fr 22px;gap:14px;padding:24px 0}.operation-rows h3{font-size:19px}.operation-rows p{grid-column:2;grid-row:2;font-size:13px}.operation-rows>a>svg:last-child{grid-column:3;grid-row:1}.handover-line{display:block}.handover-line h3{font-size:20px}.handover-line .button{margin-top:24px}.home-app-grid{grid-template-columns:1fr;gap:38px}.home-app-title{flex-direction:row;align-items:center}.home-app-title h3{font-size:21px}.home-app-title>span{font-size:10px}.home-app-links .text-link{font-size:13px;gap:8px}.home-app-grid article>p{font-size:14px}}
@media(max-width:360px){.home-intro h1{font-size:28px}.home-intro .overline{font-size:10px}.home-app-title{align-items:flex-start;flex-direction:column}.home-projects .home-case-summary h3{font-size:21px}}
.home-project-label{padding:0 0 18px}.home-project-label p{font-size:13px;font-weight:700;color:#666;margin-bottom:6px}.home-project-label h3{font-size:24px}.home-projects .home-case-summary>.home-scope-label{font-size:11px;color:#777;font-weight:400;margin-bottom:12px}@media(max-width:760px){.home-project-label h3{font-size:21px}.home-project-label{padding-bottom:14px}.home-project-label p{font-size:12px}}
.home-projects .home-case-summary li{border:0;margin:0}
.fixture-controls{margin-top:12px}.fixture-controls summary,.measurement-preview summary,.contact-extra summary{cursor:pointer;font-weight:700;font-size:14px}.fixture-controls label{display:block;margin-top:12px;font-size:13px}.fixture-controls select{display:block;width:100%;padding:10px;border:1px solid #ccc;background:#fff;margin-top:6px}.contact-extra{border-block:1px solid #ddd;margin:24px 0;padding:20px 0}.contact-extra summary{display:flex;align-items:center;gap:12px;list-style:none}.contact-extra summary svg{margin-left:auto;width:18px}.contact-extra[open] summary{margin-bottom:20px}.contact-extra select{width:100%;min-height:48px;padding:12px;border:1px solid #bbb;background:white}.measurement-preview{padding:24px 0;margin-top:20px;border-top:1px solid #ddd;font-size:13px;text-align:left}.measurement-preview p{font-size:13px;margin:16px 0;color:#666}.measurement-preview ol{padding-left:20px}.measurement-preview li{margin:8px 0;overflow-wrap:anywhere}.notification-warning{padding:20px;background:#fff4d6;border-left:3px solid #aa7216;text-align:left;font-size:15px}.receipt>.text-link{margin-left:20px}.contact-layout>div{min-width:0}
@media(max-width:640px){.contact-channels{grid-template-columns:1fr;gap:0}}
.footer-support{padding-top:32px;padding-bottom:32px;margin-top:0}.footer-support .text-link{font-size:12px;gap:6px}.footer-support svg{width:14px}.service-directory>div:not(.section-head){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:28px}.service-directory>div>.text-link{justify-content:space-between;border-bottom:1px solid #ddd;padding:16px 0;font-size:14px}.service-directory h2{font-size:28px}@media(max-width:760px){.service-directory>div:not(.section-head){grid-template-columns:1fr 1fr;gap:0 18px}.service-directory>div>.text-link{font-size:12px;gap:8px}.service-directory svg{width:16px}.footer-support{gap:16px}}
.closed-intro { max-width: 1040px; margin-inline: auto; }
.closed-intro h2, .closed-scope h2, .closed-validation h2 { margin-bottom: 24px; }
.closed-intro p + p { margin-top: 20px; line-height: 1.8; }
.closed-policy-list { list-style: none; margin: 0; padding: 0; }
.closed-policy-list li { display: grid; grid-template-columns: 64px 1fr; gap: 24px; padding: 28px 0; border-top: 1px solid #ddd; }
.closed-policy-list h3 { font-size: 22px; margin: 0 0 12px; }
.closed-policy-list p { line-height: 1.75; margin: 0; }
.closed-policy-list .policy-detail { color: #626262; margin-top: 8px; }
.closed-scope-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; }
.closed-scope-columns > div { border-top: 3px solid #cf1230; padding-top: 24px; }
.closed-scope-columns h3 { font-size: 22px; }
.closed-scope-columns li, .closed-scope-columns p { line-height: 1.8; }
.closed-scope-columns ul { padding-left: 20px; margin: 20px 0; }
.closed-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; padding: 0; margin: 32px 0; gap: 24px; }
.closed-flow li { border-top: 1px solid #222; padding: 20px 0; display: grid; gap: 12px; line-height: 1.7; }
@media(max-width: 640px) { .closed-policy-list li { grid-template-columns: 32px 1fr; gap: 12px; } .closed-scope-columns, .closed-flow { grid-template-columns: 1fr; gap: 24px; } .closed-policy-list h3 { font-size: 20px; } }
.consent label { min-height: 44px; cursor: pointer; }
.consent input { flex-shrink: 0; }

/* Intro: real app and storefront screens on a 3D deck, telling "develop -> operate". */
.home > .header { background: #fff; border-bottom-color: transparent; }
.commerce-intro { --red: #cf1230; --ink: #17181a; background: #fff; color: var(--ink); overflow: clip; position: relative; }
.commerce-intro::before { content: ""; position: absolute; inset: 38% 0 0; background: radial-gradient(60% 70% at 50% 60%, #f3f4f6 0%, rgba(243,244,246,0) 70%); pointer-events: none; }
.commerce-copy { text-align: center; padding: 18px 0 0; position: relative; z-index: 3; }
.commerce-kicker { font-size: 11px; color: #73777b; margin-bottom: 10px; letter-spacing: .02em; }
.commerce-copy h1 { line-height: 1.18; }
.commerce-copy h1 > span { display: block; font-size: 42px; font-weight: 750; }
.commerce-copy h1 > strong { display: block; font-size: 52px; font-weight: 800; }
.commerce-copy h1 em { font-style: normal; color: var(--red); }
.commerce-copy h1 i { font-style: normal; position: relative; display: inline-block; transition: color .5s ease; }
.commerce-copy h1 i::after { content: ""; position: absolute; left: 0; right: 0; bottom: .02em; height: .09em; background: var(--red); transform: scaleX(0); transform-origin: right; transition: transform .7s cubic-bezier(.7,0,.2,1); }
.commerce-intro[data-act="0"] [data-act-word="0"]::after, .commerce-intro[data-act="1"] [data-act-word="1"]::after { transform: scaleX(1); transform-origin: left; }
.commerce-description { font-size: 15px; line-height: 1.7; color: #555b60; margin-top: 14px; }
.commerce-mobile-break { display: none; }
.commerce-actions { display: flex; align-items: center; justify-content: center; gap: 28px; margin-top: 18px; }
.commerce-consult { min-height: 44px; padding: 10px 18px; font-size: 13px; background: var(--ink); gap: 24px; border-radius: 3px; }
.commerce-consult:hover { background: var(--red); }
.commerce-actions .text-link { font-size: 12px; }
.commerce-actions svg { width: 17px; height: 17px; }

/* Stage and cards */
.motion-stage { --card-w: clamp(300px, min(58vw, calc((100svh - 490px) * 1.8)), 860px); --chrome: 30px; position: relative; z-index: 2; width: 100%; height: calc(var(--card-w) * .5 + var(--chrome) + 58px); perspective: 2000px; perspective-origin: 50% 35%; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.motion-deck { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform 1s cubic-bezier(.2,.7,.2,1); visibility: hidden; }
.motion-stage[data-ready="true"] .motion-deck { visibility: visible; }
.motion-stage[data-ready="true"] .motion-poster { visibility: hidden; }
.deck-card { position: absolute; left: 50%; top: 20px; width: var(--card-w); margin: 0 0 0 calc(var(--card-w) / -2); background: #fff; border-radius: 10px; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 0 0 1px rgba(23,24,26,.09), 0 30px 60px -28px rgba(18,22,28,.42), 0 14px 24px -18px rgba(18,22,28,.22); transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, opacity; }
.motion-deck { pointer-events: none; }
.motion-deck .deck-card { pointer-events: auto; transition: transform 1.15s cubic-bezier(.66,0,.14,1), opacity .9s ease; cursor: pointer; }
.motion-deck .deck-card[data-offset="0"] { cursor: default; }
.motion-deck .deck-card.is-snap { transition: none; }
.deck-chrome { position: relative; display: flex; align-items: center; gap: 6px; height: var(--chrome); padding: 0 12px; border-bottom: 1px solid #ececee; background: linear-gradient(#fbfbfc, #f4f5f6); border-radius: 10px 10px 0 0; }
.deck-chrome > i { width: 8px; height: 8px; border-radius: 50%; background: #dcdde0; flex: none; }
.deck-chrome > i:first-child { background: #ff5f57; } .deck-chrome > i:nth-child(2) { background: #febc2e; } .deck-chrome > i:nth-child(3) { background: #28c840; }
.deck-tab { margin-left: 12px; padding: 0 12px; height: 20px; display: inline-flex; align-items: center; border-radius: 5px; background: #fff; box-shadow: 0 0 0 1px #e6e7ea; font-size: 10px; font-weight: 600; color: #3a3d41; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60%; }
.deck-kind { margin-left: auto; font-size: 9px; letter-spacing: .04em; color: #8a8e93; white-space: nowrap; }
.deck-screen { position: relative; aspect-ratio: 2 / 1; overflow: hidden; border-radius: 0 0 10px 10px; background: #f3f4f5; }
.deck-screen img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 0; display: block; }
.deck-shade { position: absolute; inset: 0; border-radius: 10px; background: linear-gradient(90deg, rgba(255,255,255,.62), rgba(255,255,255,.2)); opacity: 0; transition: opacity .9s ease; pointer-events: none; }
.deck-card[data-side="right"] .deck-shade { background: linear-gradient(270deg, rgba(255,255,255,.62), rgba(255,255,255,.2)); }
.deck-card:not([data-offset="0"]) .deck-shade { opacity: 1; }
.motion-floor { position: absolute; left: 50%; bottom: 22px; width: calc(var(--card-w) * 1.1); height: 46px; transform: translateX(-50%); background: radial-gradient(50% 50% at 50% 50%, rgba(20,24,30,.16), rgba(20,24,30,0) 70%); pointer-events: none; z-index: -1; }

/* Scene details: product hotspot and the work scope chip */
.deck-hotspot { position: absolute; width: 0; height: 0; opacity: 0; transition: opacity .4s ease; }
.deck-hotspot::before, .deck-hotspot::after { content: ""; position: absolute; left: -9px; top: -9px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 2px var(--red); }
.deck-hotspot::after { animation: deck-pulse 1.8s ease-out infinite; border-color: var(--red); box-shadow: none; }
.deck-card[data-offset="0"].is-settled .deck-hotspot { opacity: 1; }
@keyframes deck-pulse { from { transform: scale(1); opacity: .9; } to { transform: scale(3.2); opacity: 0; } }
.deck-chip { position: absolute; z-index: 20; left: calc(50% - var(--card-w) / 2 - 26px); bottom: 64px; display: flex; align-items: center; gap: 14px; max-width: calc(var(--card-w) * .7); padding: 13px 16px 13px 18px; background: rgba(23,24,26,.92); color: #fff; border-radius: 8px; box-shadow: 0 18px 36px -18px rgba(0,0,0,.55); text-decoration: none; transform: translate3d(-14px, 10px, 0); opacity: 0; pointer-events: none; transition: opacity .45s ease, transform .6s cubic-bezier(.2,.7,.2,1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.deck-chip.is-right { left: auto; right: calc(50% - var(--card-w) / 2 - 26px); }
.deck-chip.is-on { opacity: 1; transform: none; pointer-events: auto; transition-delay: .1s; }
.deck-chip b { display: block; font-size: 13px; font-weight: 700; }
.deck-chip small { display: block; font-size: 11px; color: #c9ccd0; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.deck-chip > span { min-width: 0; }
.deck-chip svg, .deck-chip .lucide { width: 16px; height: 16px; flex: none; color: #f3a8b5; }
.deck-chip:hover { background: var(--red); } .deck-chip:hover svg { color: #fff; }
.deck-chip::before { content: ""; width: 3px; align-self: stretch; border-radius: 2px; background: var(--red); flex: none; }
.deck-chip:hover::before { background: #fff; }
.deck-chip:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }

/* Bottom bar: two-act timeline */
.motion-bottom { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 0 20px; }
.commerce-intro:not([data-act]) .scene-timeline { visibility: hidden; }
.scene-timeline { display: flex; align-items: flex-end; gap: 18px; flex-wrap: nowrap; }
.scene-act { font-size: 10px; font-weight: 700; letter-spacing: .08em; color: var(--red); padding-bottom: 12px; margin-right: -6px; }
.scene-act + button { margin-left: 0; }
.scene-timeline button + .scene-act { margin-left: 14px; padding-left: 18px; border-left: 1px solid #e3e4e6; }
.scene-timeline button { position: relative; min-height: 40px; padding: 8px 0 12px; background: none; border: 0; color: #62666a; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: color .3s; }
.scene-timeline button::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #e6e7e9; }
.scene-timeline button::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--red); transform: scaleX(0); transform-origin: left; }
.scene-timeline button[aria-pressed="true"] { color: var(--ink); }
.scene-timeline button[aria-pressed="true"]::after { transform: scaleX(var(--scene-progress, 1)); }
.scene-timeline button:hover { color: var(--ink); }
.scene-timeline button:focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }
.motion-caption small { display: block; font-size: 11px; line-height: 1.5; color: #5f6368; margin-top: 8px; }
.motion-caption small b { color: var(--ink); font-weight: 700; }
.motion-actions { display: flex; align-items: center; gap: 18px; }
.motion-actions .text-link { font-size: 12px; gap: 10px; }
.motion-actions svg { width: 17px; height: 17px; }
.commerce-motion.icon-button { border-radius: 50%; background: transparent; width: 38px; height: 38px; border-color: #d5d8da; }
.commerce-motion svg { width: 14px; height: 14px; }
.commerce-intro + .home-evidence { border-top: 1px solid #eceeef; padding-block: 22px; }
.commerce-intro + .home-evidence .home-credentials { margin-bottom: 14px; }

@media (prefers-reduced-motion: reduce) {
  .motion-deck .deck-card, .deck-chip, .deck-shade, .commerce-copy h1 i::after { transition-duration: .01s !important; transition-delay: 0s !important; }
  .deck-hotspot::after { animation: none; }
}

@media (min-width: 1700px) and (min-height: 951px) {
  .commerce-copy { padding-top: 30px; }
  .commerce-copy h1 > span { font-size: 48px; }
  .commerce-copy h1 > strong { font-size: 60px; }
}
@media (max-height: 800px) and (min-width: 761px) {
  .commerce-copy { padding-top: 8px; }
  .commerce-kicker { font-size: 10px; margin-bottom: 6px; }
  .commerce-copy h1 > span { font-size: 32px; }
  .commerce-copy h1 > strong { font-size: 39px; }
  .commerce-description { font-size: 13px; margin-top: 10px; }
  .commerce-actions { margin-top: 12px; }
  .commerce-consult { min-height: 40px; }
  .motion-stage { --card-w: clamp(300px, min(56vw, calc((100svh - 420px) * 1.8)), 860px); height: calc(var(--card-w) * .5 + var(--chrome) + 52px); }
  .deck-card { top: 16px; }
  .deck-chip { bottom: 22px; padding: 10px 14px; gap: 12px; }
  .deck-chip b { font-size: 12px; } .deck-chip small { font-size: 10px; }
  .motion-bottom { padding-bottom: 12px; }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .scene-timeline { gap: 14px; }
  .scene-timeline button { font-size: 11px; }
  .motion-actions .text-link { font-size: 0; gap: 0; }
}
@media (max-width: 760px) {
  .commerce-copy { padding-top: 24px; }
  .commerce-copy h1 > span { font-size: 34px; }
  .commerce-copy h1 > strong { font-size: 40px; }
  .commerce-description { font-size: 14px; margin-top: 14px; }
  .commerce-mobile-break { display: block; }
  .commerce-actions { margin-top: 18px; gap: 20px; }
  .commerce-consult { font-size: 12px; min-height: 44px; padding-inline: 14px; gap: 14px; }
  .commerce-actions .text-link { font-size: 11px; gap: 8px; }
  .motion-stage { --card-w: 80vw; --chrome: 22px; height: calc(var(--card-w) * .5 + var(--chrome) + 84px); margin-top: 6px; perspective: 1100px; }
  .deck-card { top: 18px; border-radius: 7px; }
  .deck-chrome { padding: 0 8px; gap: 4px; border-radius: 7px 7px 0 0; }
  .deck-chrome > i { width: 6px; height: 6px; }
  .deck-tab { margin-left: 6px; height: 15px; padding: 0 7px; font-size: 8px; }
  .deck-kind { font-size: 7px; }
  .deck-screen { border-radius: 0 0 7px 7px; }
  .deck-chip { left: calc(50% - var(--card-w) * .42); right: calc(50% - var(--card-w) * .42); bottom: 14px; max-width: none; padding: 9px 12px; gap: 10px; border-radius: 6px; }
  .deck-chip.is-right { left: calc(50% - var(--card-w) * .42); right: calc(50% - var(--card-w) * .42); }
  .deck-chip b { font-size: 12px; } .deck-chip small { font-size: 10px; }
  .motion-bottom { padding: 14px 0 18px; gap: 12px; }
  .scene-timeline button > span { display: none; }
  .scene-act { padding: 0; margin: 0 2px 0 0; font-size: 9px; letter-spacing: .04em; white-space: nowrap; }
  .scene-timeline .scene-act:not(:first-child) { margin-left: 4px; padding-left: 10px; }
  .scene-timeline { gap: 6px; align-items: center; }
  .scene-timeline button + .scene-act, .scene-timeline .scene-act + button { margin: 0; }
  .scene-timeline button { width: 26px; min-height: 32px; padding: 0; }
  .scene-timeline button::before, .scene-timeline button::after { bottom: 15px; }
  .scene-timeline button:nth-of-type(2) { margin-right: 8px; }
  .motion-caption small { font-size: 12px; margin-top: 4px; }
  .motion-actions { gap: 6px; }
  .motion-actions .text-link { font-size: 0; width: 36px; height: 36px; justify-content: center; gap: 0; }
  .commerce-motion.icon-button { width: 34px; height: 34px; }
}
@media (max-width: 480px) {
  .commerce-copy { padding-top: 20px; }
  .commerce-kicker { font-size: 9px; margin-bottom: 10px; }
  .commerce-copy h1 > span { font-size: 29px; }
  .commerce-copy h1 > strong { font-size: 32px; }
  .commerce-description { font-size: 13px; margin-top: 14px; }
  .commerce-intro + .home-evidence { padding-block: 18px; }
  .commerce-intro + .home-evidence .home-credentials { font-size: 10px; }
}
@media (max-width: 360px) {
  .commerce-copy h1 > span { font-size: 25px; }
  .commerce-copy h1 > strong { font-size: 28px; }
  .commerce-kicker { font-size: 8px; }
  .commerce-actions { gap: 12px; }
  .commerce-consult { padding-inline: 10px; gap: 8px; font-size: 11px; }
  .commerce-actions .text-link { font-size: 10px; gap: 4px; }
  .scene-timeline { gap: 4px; }
  .scene-timeline button { width: 16px; }
  .scene-timeline .scene-act:not(:first-child) { padding-left: 6px; }
  .deck-chip small { display: none; }
}

/* Landing additions: app install/plans, process steps, company facts (2026-10-15 SEO pass) */
.app-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; margin-top: 32px; }
.page-heading .app-actions .button, .page-heading .app-actions .text-link { margin-top: 0; }
.app-trial { margin-top: 18px; font-size: 14px; color: var(--muted); }
.app-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.app-plans article { border: 1px solid var(--line); border-top: 2px solid var(--ink); padding: 28px; background: #fff; }
.app-plans h3 { font-size: 22px; margin: 0 0 8px; }
.app-plans article > p { font-size: 14px; color: var(--muted); margin: 0 0 22px; }
.app-plans strong { display: block; font-size: 30px; margin-bottom: 22px; }
.app-plans strong span { font-size: 14px; font-weight: 500; color: var(--muted); margin-left: 4px; }
.app-plans ul { list-style: none; padding: 0; margin: 0; }
.app-plans li { display: flex; gap: 10px; align-items: flex-start; padding: 9px 0; border-top: 1px solid var(--line); font-size: 15px; }
.app-plans li svg { width: 17px; flex: none; color: var(--green); margin-top: 3px; }
.app-fine { font-size: 13px; color: var(--muted); margin: 22px 0 28px; }
.landing-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; }
.landing-steps li { border-top: 2px solid var(--ink); padding-top: 22px; }
.landing-steps li > span { display: block; font-size: 13px; font-weight: 700; color: var(--red); margin-bottom: 14px; }
.landing-steps h3 { font-size: 21px; margin: 0 0 10px; }
.landing-steps p { color: #555; line-height: 1.75; margin: 0; }
.company-facts { margin: 0; }
.company-facts > div { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 16px 0; border-bottom: 1px solid #dedede; }
.company-facts dt { font-weight: 700; }
.company-facts dd { margin: 0; color: #444; }
@media (max-width: 760px) {
  .app-plans { grid-template-columns: 1fr; }
  .app-actions { gap: 18px; }
  .company-facts > div { grid-template-columns: 1fr; gap: 4px; }
}
.contact-hours { margin: 0; font-size: 14px; color: var(--muted); }
.article-sources ul { list-style: none; padding: 0; }
.article-sources li { display: flex; flex-direction: column; gap: 4px; padding: 14px 0; border-top: 1px solid var(--line); margin: 0; }
.article-sources a { font-weight: 700; display: inline-flex; gap: 6px; align-items: center; text-decoration: underline; text-underline-offset: 3px; }
.article-sources a svg { width: 15px; }
.article-sources span { font-size: 15px; color: var(--muted); }
.article-heading .article-byline time { display: inline; margin-top: 0; }
.article-byline > span { color: #777; }
/* 2026-10-17 two business axes: equal hero buttons, app link, axis cards, grouped contact topics */
.commerce-actions-dual { gap: 12px; }
.commerce-actions-dual .commerce-consult { flex: 0 1 200px; justify-content: space-between; }
.commerce-app-link { display: flex; width: fit-content; margin: 12px auto 0; align-items: center; gap: 6px; font-size: 12px; color: #555b60; text-decoration: underline; text-underline-offset: 3px; }
.commerce-app-link svg { width: 14px; height: 14px; }
.commerce-app-link:hover { color: var(--red); }
.home-axes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 980px; margin: 22px auto 0; text-align: left; }
.home-axis { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
.home-axis h2 { font-size: 20px; }
.home-axis p:not(.overline) { font-size: 14px; line-height: 1.6; color: #4b5055; flex: 1; }
.home-axis .text-link { margin-top: 6px; font-size: 13px; }
.topic-group + .topic-group { margin-top: 14px; }
.topic-group-label { font-size: 12px; font-weight: 700; color: var(--muted); margin-bottom: 8px; }
@media (max-width: 760px) {
  .home-axes { grid-template-columns: 1fr; gap: 10px; margin-top: 16px; padding-inline: 0; }
  .home-axis { padding: 14px 16px; gap: 4px; }
  .home-axis .overline { font-size: 11px; }
  .home-axis h2 { font-size: 17px; }
  .home-axis p:not(.overline) { font-size: 13px; line-height: 1.55; }
  .home-axis .text-link { margin-top: 2px; font-size: 12px; }
  .commerce-actions-dual .commerce-consult { flex: 1 1 0; }
  .commerce-app-link { font-size: 11px; }
}