/* Product-specific composition. The reusable layout and motion foundations live in ./assets. */
html { scroll-behavior:smooth; }
body { background:var(--p-bg); color:var(--p-ink); font-family:var(--font-text); }
body::selection { background:#a7e4db; color:#10254b; }
.nav { z-index:20; background:rgba(245,247,250,.96); border-bottom:1px solid rgba(16,37,75,.08); backdrop-filter:blur(14px); }
.nav__bar { min-height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; }
.nav__logo,.footer-brand { display:inline-flex; align-items:center; gap:10px; color:var(--p-ink); font-weight:650; letter-spacing:-.02em; text-decoration:none; }
.nav__logo img { width:88px; height:auto; max-height:27px; object-fit:contain; object-position:left; }
.nav__logo span,.footer-brand>span { padding-left:10px; border-left:1px solid rgba(16,37,75,.18); font-size:14px; white-space:nowrap; }
.nav__links { display:flex; align-items:center; justify-content:center; gap:24px; }
.nav__link { color:#344967; font-size:14px; font-weight:550; text-decoration:none; }.nav__link:hover,.nav__link:focus-visible { color:var(--p-accent); }
.nav__actions { justify-self:end; }.nav .btn { min-height:40px; padding:0 16px; font-size:13px; }
.nav__toggle { display:none; width:40px; height:40px; border:1px solid rgba(16,37,75,.12); border-radius:8px; background:transparent; }.nav__toggle span { display:block; width:16px; height:1.5px; margin:4px auto; background:currentColor; }

.eyebrow,.mono,.card-index,.detail-label,.loyalty-label { color:var(--p-accent); font:500 12px/1.3 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.hero--triptych { min-height:900px; padding:72px 0 28px; position:relative; overflow:hidden; background:#f5f7fa; }
.hero--triptych::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 53% 38%,rgba(79,205,187,.21),transparent 28%),radial-gradient(circle at 67% 18%,rgba(61,116,202,.11),transparent 20%); pointer-events:none; }
.hero-triptych__grid { position:relative; min-height:770px; display:grid; grid-template-columns:3fr 6fr 3fr; gap:24px; align-items:center; }
/* This wrap is a custom grid, not the starter's standard stacked section container. */
main > .hero > .hero-triptych__grid { display:grid !important; flex-direction:initial; }
.hero-copy { padding-top:88px; align-self:center; }.hero-copy h1 { max-width:360px; margin:16px 0 20px; font-size:clamp(42px,3.45vw,58px); line-height:1.02; letter-spacing:-.05em; }
.hero-copy .t-lead { max-width:325px; margin:0; color:var(--p-muted); font-size:18px; line-height:1.45; }
.hero-text-link,.text-arrow { display:inline-flex; gap:10px; margin-top:28px; color:var(--p-ink); font-size:15px; font-weight:600; text-decoration:none; }
.hero-text-link span,.text-arrow span { color:var(--p-accent); transition:transform var(--dur) var(--ease); }.hero-text-link:hover span,.text-arrow:hover span { transform:translate(3px,3px); }
.hero-collage { position:relative; width:100%; height:716px; margin-top:24px; }.collage-caption { position:absolute; z-index:6; top:1%; left:4%; color:#596b85; font:500 11px var(--font-mono); letter-spacing:.05em; text-transform:uppercase; }
.pos-window { position:absolute; overflow:hidden; border:1px solid rgba(16,37,75,.12); border-radius:18px; background:#fff; box-shadow:0 28px 70px rgba(16,37,75,.16); opacity:0; transform:translateY(16px); pointer-events:none; transition:opacity .7s ease,transform .7s ease; }
.pos-window--active { opacity:1; transform:none; pointer-events:auto; }.pos-window--sales { width:92%; height:73%; left:3%; top:11%; }.pos-window--return { width:80%; height:67%; left:10%; top:17%; }.pos-window--insight { width:88%; height:69%; left:6%; top:14%; }
.window-top { height:44px; display:flex; align-items:center; gap:8px; padding:0 15px; border-bottom:1px solid #e5ebf0; color:#62748b; font-size:11px; }.window-top strong { color:#173154; font-size:12px; }.window-top>span:last-child { margin-left:auto; }.window-dot { width:8px; height:8px; border-radius:99px; background:#13a795; }.return-dot { background:#ee9c38; }.insight-dot { background:#5078c8; }
.sales-body { display:grid; grid-template-columns:42px 1fr 34%; height:calc(100% - 44px); }.mini-rail { display:flex; flex-direction:column; align-items:center; gap:22px; padding-top:14px; color:#8ca0b7; border-right:1px solid #ecf0f3; font-size:13px; }.mini-rail b { color:#087e79; font-size:10px; }.mini-rail .rail-active { padding:5px; border-radius:6px; background:#087e79; color:#fff; }.sale-products { padding:16px; background:#f8fafb; }.product-search { height:30px; padding:8px; border:1px solid #e2e8ee; border-radius:6px; background:#fff; color:#8290a2; font-size:10px; }.product-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:12px; }.product-grid span { min-height:82px; padding:11px; display:flex; flex-direction:column; justify-content:flex-end; gap:6px; border:1px solid #e7eef0; border-radius:8px; background:#fff; color:#4e6178; font-size:10px; }.product-grid b { color:#10254b; font-size:11px; }.sale-cart { padding:17px 14px; }.sale-cart p { margin:0 0 16px; color:#526579; font-size:10px; }.sale-cart p b { color:#10254b; }.sale-cart>div { display:flex; justify-content:space-between; gap:5px; padding:10px 0; border-bottom:1px solid #edf0f3; color:#53657b; font-size:10px; }.sale-cart>div b { color:#10254b; font-size:10px; }.sale-cart footer { display:flex; justify-content:space-between; margin-top:18px; color:#324a68; font-size:10px; }.sale-cart footer strong { color:#087e79; font-size:14px; }
.return-body { display:grid; grid-template-columns:46% 54%; height:calc(100% - 44px); }.return-order { padding:27px; background:#f5f8fa; }.return-order p { margin:0 0 8px; font-size:9px; }.return-order>strong { display:block; color:#10254b; font-size:20px; }.return-order>span { display:block; margin-top:3px; color:#718298; font-size:10px; }.return-order hr { margin:20px 0 12px; border:0; border-top:1px solid #dce5e9; }.return-order div { display:flex; flex-direction:column; gap:3px; margin:12px 0; color:#233d5d; font-size:11px; }.return-order div span { color:#74869a; }.return-action { padding:27px; }.return-action>p { margin:0 0 12px; color:#59708c; font-size:11px; }.choice { display:block; width:100%; margin:7px 0; padding:11px; border:1px solid #dae3e8; border-radius:7px; background:#fff; color:#50647c; text-align:left; font:500 11px var(--font-text); }.choice--selected { border-color:#087e79; background:#eaf8f5; color:#087e79; }.return-action footer { display:flex; justify-content:space-between; margin-top:22px; padding-top:14px; border-top:1px solid #e0e7eb; color:#53657b; font-size:10px; }.return-action footer strong { color:#087e79; font-size:15px; }
.insight-body { display:grid; grid-template-columns:1fr 1fr; gap:12px; height:calc(100% - 44px); padding:19px; background:#f7fafb; }.insight-card { padding:15px; border:1px solid #e2eaf0; border-radius:10px; background:#fff; }.insight-card span { display:block; color:#6c7e92; font-size:10px; }.insight-card strong { display:block; margin:8px 0 13px; color:#173154; font-size:14px; }.insight-card p { color:#6c7e92; font-size:10px; line-height:1.45; }.insight-card--wide { grid-column:1/-1; }.bars { display:flex; align-items:flex-end; gap:7px; height:62px; }.bars i { flex:1; border-radius:3px 3px 0 0; background:#b9ddd7; }.bars i:nth-child(1){height:31%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:43%}.bars i:nth-child(4){height:82%;background:#087e79}.bars i:nth-child(5){height:65%}.bars i:nth-child(6){height:94%;background:#4b75bd}.bars i:nth-child(7){height:71%}.stock-lines { display:grid; gap:7px; }.stock-lines i { display:block; height:8px; border-radius:999px; background:linear-gradient(90deg,#13a795 55%,#e3eced 55%); }.stock-lines i:nth-child(2){background:linear-gradient(90deg,#4b75bd 72%,#e3eced 72%)}.stock-lines i:nth-child(3){background:linear-gradient(90deg,#e9a446 35%,#e3eced 35%)}
.collage-control { position:absolute; z-index:10; right:7%; bottom:14%; width:32px; height:32px; border:1px solid rgba(16,37,75,.15); border-radius:50%; background:#fff; color:#10254b; font-weight:700; font-size:12px; }.hero-action { align-self:center; padding-top:220px; text-align:right; }.btn--hero { min-height:64px; padding:0 20px; gap:28px; text-align:left; font-size:18px; line-height:1.15; }.hero-action p { max-width:180px; margin:16px 0 0 auto; color:#697b91; font-size:13px; line-height:1.35; }.hero-ticker { position:relative; display:flex; align-items:center; justify-content:space-between; padding:18px 0 0; border-top:1px solid rgba(16,37,75,.12); color:#51627a; font:500 11px var(--font-mono); letter-spacing:.06em; text-transform:uppercase; }.hero-ticker i { width:4px; height:4px; border-radius:50%; background:#13a795; }

.section-head { max-width:760px; margin-bottom:48px; }.section-head h2,.integration-copy h2,.faq-layout h2,.closing h2 { margin:13px 0 0; color:var(--p-ink); font-size:clamp(34px,3.2vw,52px); line-height:1.05; letter-spacing:-.045em; }.section-head--wide { max-width:none; display:grid; grid-template-columns:1fr 320px; gap:44px; align-items:end; }.section-head--wide>p,.roadmap-head>p { margin:0 0 3px; color:var(--p-muted); font-size:16px; line-height:1.5; }
/* These product sections carry full workflows, not a single fixed-height screen. */
main > .app-frame-section,main > .feature-section,main > .integration-section,main > .roadmap-section,main > .faq-section { height:auto !important; min-height:100svh; }
.app-frame-section { padding-top:120px; padding-bottom:110px; }.return-frame { display:grid; grid-template-columns:130px 28% 1fr; min-height:600px; overflow:hidden; border:1px solid #d5e2e3; border-radius:20px; background:#fff; box-shadow:0 26px 60px rgba(16,37,75,.09); }.return-sidebar { display:flex; flex-direction:column; gap:10px; padding:22px 15px; background:#10254b; color:#b8cbe0; }.return-brand { display:grid; width:34px; height:34px; place-items:center; margin-bottom:25px; border-radius:9px; background:#13a795; color:#fff; font:600 11px var(--font-mono); }.return-sidebar a { padding:9px; border-radius:7px; color:inherit; font-size:12px; text-decoration:none; }.return-sidebar .sidebar-current { background:#1d4676; color:#fff; }.return-sidebar>span { flex:1; }.return-sidebar small { color:#8fa7c0; font-size:10px; line-height:1.5; }.return-list { border-right:1px solid #e0e9ed; }.workspace-head { display:flex; justify-content:space-between; align-items:start; min-height:100px; padding:25px 24px 20px; border-bottom:1px solid #e5edf0; }.workspace-head p { margin:0 0 5px; color:#6c8299; font-size:10px; }.workspace-head h3 { margin:0; color:#173154; font-size:20px; letter-spacing:-.03em; }.filter-btn { padding:8px 9px; border:1px solid #dfe8ec; border-radius:6px; background:#fff; color:#4e6580; font:500 11px var(--font-text); }.case { position:relative; display:grid; gap:5px; padding:17px 22px; border-bottom:1px solid #edf1f3; color:#405875; cursor:default; }.case--active { background:#e9f7f4; }.case--active::before { content:""; position:absolute; top:0; bottom:0; left:0; width:3px; background:#087e79; }.case b { color:#183654; font-size:13px; }.case span { font-size:12px; }.case em { width:max-content; padding:3px 6px; border-radius:4px; background:#f0f4f6; color:#63768c; font-size:10px; font-style:normal; }.case small { color:#8291a3; font-size:10px; }.return-detail { min-width:0; }.status-chip { padding:5px 8px; border-radius:99px; background:#e7f7f3; color:#087e79; font-size:10px; font-weight:650; }.return-columns { display:grid; grid-template-columns:1fr 1.08fr; gap:26px; padding:28px; }.original-sale { padding:20px; border:1px solid #e0e9ed; border-radius:12px; background:#fbfcfd; }.detail-label { margin:0 0 16px; color:#627991; font-size:10px; }.original-sale dl { display:grid; gap:11px; margin:0; }.original-sale dl>div { display:flex; justify-content:space-between; gap:10px; }.original-sale dt { color:#74879c; font-size:11px; }.original-sale dd { margin:0; color:#29435f; font-size:11px; font-weight:600; }.line-items { display:grid; gap:10px; margin-top:22px; padding-top:16px; border-top:1px solid #e4ebee; }.line-items div { display:flex; justify-content:space-between; gap:8px; color:#536a83; font-size:11px; }.line-items b { color:#2c465f; }.detail-total { display:flex; justify-content:space-between; margin-top:18px; padding-top:15px; border-top:1px solid #e4ebee; color:#536a83; font-size:11px; }.detail-total strong { color:#087e79; font-size:16px; }.resolution-panel { padding:20px; border-radius:12px; background:#f1f8f7; }.resolution { position:relative; display:block; width:100%; margin:9px 0; padding:13px 34px 13px 13px; border:1px solid #d4e4e4; border-radius:8px; background:#fff; text-align:left; color:#597087; }.resolution b,.resolution span { display:block; }.resolution b { color:#24425d; font-size:12px; }.resolution span { margin-top:3px; font-size:10px; }.resolution i { position:absolute; top:50%; right:12px; display:grid; width:16px; height:16px; place-items:center; transform:translateY(-50%); border:1px solid #b8c9d1; border-radius:50%; color:#fff; font-size:10px; font-style:normal; }.resolution.selected { border-color:#087e79; }.resolution.selected i { border-color:#087e79; background:#087e79; }.confirm-return { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:17px; padding:13px; border:0; border-radius:8px; background:#087e79; color:#fff; font:600 12px var(--font-text); }.confirm-return span { font-size:18px; }

.feature-section { padding-top:128px; padding-bottom:128px; }.feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.feature-card { min-height:448px; padding:30px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; border:1px solid #dae5e8; border-radius:18px; background:#fff; }.feature-card h3 { max-width:340px; margin:8px 0; color:#10254b; font-size:28px; letter-spacing:-.04em; }.feature-card p { max-width:360px; margin:0; color:#61728a; font-size:15px; line-height:1.5; }.card-index { margin:0; color:#0b817c; }.feature-card--checkout { background:#f3f8f8; }.feature-card--loyalty { background:#f8f9ff; }.feature-card--receipts { background:#fcfaf7; }.feature-card--stock { background:#f5f8fb; }.checkout-visual,.loyalty-visual,.receipt-visual,.stock-visual { margin:25px -4px -5px; padding:18px; border:1px solid rgba(16,37,75,.11); border-radius:12px; background:#fff; box-shadow:0 14px 30px rgba(16,37,75,.08); }.checkout-top,.stock-top { display:flex; justify-content:space-between; color:#60758e; font:500 10px var(--font-mono); letter-spacing:.05em; }.checkout-top b,.stock-top b { color:#2c4663; }.checkout-row { display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid #e9eff1; color:#4f6680; font-size:12px; }.checkout-row i { width:8px; height:8px; border-radius:50%; background:#13a795; }.checkout-row b { margin-left:auto; padding:3px 5px; border-radius:4px; background:#e9eff3; color:#6d7e8d; font:500 9px var(--font-mono); }.checkout-total { display:flex; align-items:end; justify-content:space-between; margin-top:16px; color:#4f6680; font-size:11px; }.checkout-total strong { color:#087e79; font-size:17px; }.checkout-visual button { width:100%; margin-top:14px; padding:10px; border:0; border-radius:7px; background:#087e79; color:#fff; font:600 11px var(--font-text); }.loyalty-visual { position:relative; padding:22px; }.customer-avatar { display:grid; width:40px; height:40px; place-items:center; margin-bottom:14px; border-radius:50%; background:#e0e8fe; color:#4367b2; font-size:12px; font-weight:700; }.loyalty-visual .loyalty-label { display:block; margin-bottom:7px; color:#6276aa; font-size:9px; }.loyalty-visual strong { color:#1e3763; font-size:18px; }.loyalty-visual p { margin:4px 0 20px; color:#7484a2; font-size:11px; }.points-row { display:flex; justify-content:space-between; color:#697a96; font-size:11px; }.points-row b { color:#4068b8; font-size:15px; }.points-progress { height:6px; margin:10px 0 12px; overflow:hidden; border-radius:99px; background:#e4e9f4; }.points-progress i { display:block; width:72%; height:100%; border-radius:inherit; background:#547bc7; }.loyalty-visual small { color:#6f80a0; font-size:10px; }.receipt-visual { width:73%; margin-right:auto; margin-left:auto; padding:21px; font-family:var(--font-mono); transform:rotate(2deg); }.receipt-visual header,.receipt-visual div,.receipt-visual footer { display:flex; justify-content:space-between; gap:8px; }.receipt-visual header { padding-bottom:9px; border-bottom:1px dashed #aab6c1; color:#1e3d63; font-size:10px; }.receipt-visual p { margin:13px 0; color:#778695; font-size:8px; }.receipt-visual div { padding:7px 0; color:#536a80; font-size:9px; }.receipt-visual footer { margin-top:11px; padding-top:12px; border-top:1px dashed #aab6c1; color:#1d3b60; font-size:10px; }.receipt-visual footer b { color:#087e79; }.stock-item { display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:7px; padding:12px 0; border-bottom:1px solid #e8eef1; color:#536a83; font-size:12px; }.stock-item b { color:#4b647d; font-size:10px; }.stock-item i { width:7px; height:7px; border-radius:50%; }.dot-green { background:#13a795; }.dot-amber { background:#e9a446; }.dot-red { background:#d65d64; }

.integration-section { padding-top:128px; padding-bottom:128px; }.integration-layout { display:grid; grid-template-columns:5fr 7fr; gap:70px; align-items:center; }.integration-copy .t-lead { color:#405673; font-size:20px; line-height:1.45; }.integration-copy>p:not(.eyebrow):not(.t-lead) { max-width:460px; color:#60728a; font-size:16px; line-height:1.55; }.integration-diagram { position:relative; min-height:425px; padding:40px; overflow:hidden; border:1px solid #d9e7e7; border-radius:22px; background:radial-gradient(circle at 50% 48%,rgba(123,224,208,.35),transparent 27%),#f8fcfc; }.diagram-node { position:absolute; z-index:3; display:grid; width:176px; min-height:126px; place-items:center; align-content:center; gap:7px; border-radius:14px; text-align:center; box-shadow:0 16px 33px rgba(16,37,75,.1); }.diagram-node strong { font-size:16px; }.diagram-node span:last-child { color:#6c8094; font-size:10px; }.diagram-node--pos { top:29%; left:11%; border:1px solid #a7d9d2; background:#fff; }.diagram-node--pos img { width:82px; height:22px; object-fit:contain; }.diagram-node--erp { top:29%; right:11%; border:1px solid #b8cce5; background:#eff4fb; }.erp-mark { display:grid; width:31px; height:31px; place-items:center; border-radius:7px; background:#426eaa; color:#fff; font:600 9px var(--font-mono); }.flow { position:absolute; z-index:2; left:33%; width:35%; height:1px; background:#9fbdc5; }.flow::after { content:""; position:absolute; top:-3px; right:-1px; width:7px; height:7px; border-top:1px solid #6b9da1; border-right:1px solid #6b9da1; transform:rotate(45deg); }.flow span { position:absolute; left:50%; width:max-content; padding:4px 7px; transform:translate(-50%,-24px); border:1px solid #d4e8e7; border-radius:99px; background:#fff; color:#557581; font-size:9px; white-space:nowrap; }.flow--one { top:45%; }.flow--two { top:58%; transform:rotate(180deg); }.flow--two span { transform:translate(-50%,13px) rotate(180deg); }.diagram-tags { position:absolute; bottom:42px; left:50%; display:flex; gap:7px; transform:translateX(-50%); }.diagram-tags span { padding:7px 9px; border-radius:6px; background:#e9f5f3; color:#52756f; font-size:10px; white-space:nowrap; }
.roadmap-section { padding-top:128px; padding-bottom:128px; }.roadmap-section .eyebrow { color:#50d4c3; }.roadmap-section h2 { color:var(--p-inv-ink); }.roadmap-head { max-width:none; display:grid; grid-template-columns:1fr 290px; gap:32px; align-items:end; }.roadmap-head>p { color:var(--p-inv-muted); }.roadmap-list { margin:64px 0 0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.2); }.roadmap-item { display:grid; grid-template-columns:160px 1fr; gap:56px; padding:40px 0 43px; border-bottom:1px solid rgba(255,255,255,.16); }.roadmap-marker span { display:inline-block; padding:7px 10px; border:1px solid rgba(255,255,255,.35); border-radius:99px; color:#dce8f0; font:500 10px var(--font-mono); text-transform:uppercase; }.roadmap-item--now .roadmap-marker span { border-color:#4bd4c4; color:#4bd4c4; }.roadmap-item--planned .roadmap-marker span { border-color:#99abd0; color:#bbcae5; }.roadmap-item .mono { margin:0 0 8px; color:#7dbeb8; font-size:10px; }.roadmap-item h3 { margin:0; color:#f7fafc; font-size:32px; letter-spacing:-.04em; }.roadmap-item p:not(.mono) { max-width:610px; margin:10px 0 18px; color:#c3d2df; font-size:16px; line-height:1.55; }.roadmap-item ul { display:flex; flex-wrap:wrap; gap:8px 20px; margin:0; padding:0; list-style:none; }.roadmap-item li li { position:relative; color:#b3c6d9; font-size:13px; }.roadmap-item li li::before { content:""; display:inline-block; width:5px; height:5px; margin:0 7px 2px 0; border-radius:50%; background:#35baa9; }
.faq-section { padding-top:128px; padding-bottom:128px; }.faq-layout { display:grid; grid-template-columns:5fr 7fr; gap:70px; align-items:start; }.faq-layout h2 { max-width:420px; }.faq { border-top:1px solid #ccd8df; }.faq article { padding:23px 0; border-bottom:1px solid #ccd8df; }.faq h3 { margin:0; color:#1a3657; font-size:18px; letter-spacing:-.025em; }.faq p { max-width:600px; margin:8px 0 0; color:#60738a; font-size:15px; line-height:1.5; }
.closing { padding:0 0 34px; background:#081c3d; color:#f6f9fb; }.closing__top { min-height:520px; display:grid; grid-template-columns:1fr auto; gap:48px; align-items:center; border-bottom:1px solid rgba(255,255,255,.16); }.closing .eyebrow { color:#3dd1c0; }.closing h2 { max-width:670px; color:#fff; font-size:clamp(44px,4.5vw,69px); }.closing .t-lead { max-width:560px; color:#b4c5d9; }.btn--closing { min-height:58px; gap:28px; padding:0 19px; font-size:16px; }.closing__bottom { display:grid; grid-template-columns:1.3fr 2fr 1fr auto; gap:28px; align-items:center; padding-top:28px; }.footer-brand { color:#fff; }.footer-brand img { width:83px; height:auto; filter:brightness(0) invert(1); }.footer-brand>span { border-color:rgba(255,255,255,.25); color:#bdcede; }.closing__bottom nav { display:flex; flex-wrap:wrap; gap:16px; }.closing__bottom nav a,.footer-site,.closing__bottom p { color:#bdcede; font-size:13px; text-decoration:none; }.closing__bottom nav a:hover,.footer-site:hover { color:#53d5c5; }.footer-site { white-space:nowrap; }.footer-site span { color:#53d5c5; }.actionbar { display:none; }

@media (max-width:1023px) {
  .nav__bar { grid-template-columns:1fr auto; }.nav__links { display:none; }.nav__actions { justify-self:end; }.hero--triptych { min-height:auto; }.hero-triptych__grid { min-height:auto; grid-template-columns:1fr 1fr; padding-top:72px; }.hero-copy { grid-column:1; padding-top:0; }.hero-collage { grid-column:2; grid-row:1/3; height:560px; }.hero-action { grid-column:1; align-self:start; padding-top:0; text-align:left; }.hero-action p { margin-left:0; }.hero-ticker { margin-top:35px; }.return-frame { grid-template-columns:100px 31% 1fr; }.return-columns { grid-template-columns:1fr; }.feature-card { min-height:420px; }.integration-layout,.faq-layout { grid-template-columns:1fr; gap:42px; }.integration-copy h2,.faq-layout h2 { max-width:650px; }.roadmap-item { grid-template-columns:115px 1fr; gap:35px; }.closing__bottom { grid-template-columns:1fr 1fr; }.closing__bottom p { grid-row:2; margin:0; }.footer-site { grid-row:2; justify-self:end; }
}
@media (max-width:639px) {
  .nav__bar { min-height:56px; }.nav__logo img { width:73px; }.nav__logo span { font-size:12px; }.nav__actions { display:none; }.nav__toggle { display:block; justify-self:end; }.nav__links.is-open { position:absolute; top:56px; right:0; left:0; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:12px 24px 22px; border-bottom:1px solid rgba(16,37,75,.12); background:#f5f7fa; box-shadow:0 16px 25px rgba(16,37,75,.1); }.nav__links.is-open .nav__link { padding:13px 0; }
  .hero--triptych { padding-top:56px; }main > .hero > .hero-triptych__grid { display:flex !important; flex-direction:column; align-items:stretch; gap:0; padding-top:40px; }.hero-copy { order:1; }.hero-copy h1 { max-width:335px; margin-top:13px; font-size:42px; }.hero-copy .t-lead { max-width:335px; font-size:17px; }.hero-collage { order:2; height:396px; margin:30px 0 0; }.collage-caption { top:0; }.pos-window--sales { top:30px; left:0; width:100%; height:335px; }.pos-window--return { top:37px; left:4%; width:92%; height:320px; }.pos-window--insight { top:34px; left:2%; width:96%; height:328px; }.collage-control { right:8px; bottom:23px; }.hero-action { order:3; padding-top:24px; }.btn--hero { width:100%; justify-content:space-between; min-height:54px; }.hero-action p { display:none; }.hero-ticker { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:30px; padding-top:15px; }.hero-ticker i { display:none; }
  .section-head,.section-head--wide,.roadmap-head { display:block; margin-bottom:32px; }.section-head h2,.integration-copy h2,.faq-layout h2,.closing h2 { font-size:36px; }.section-head--wide>p,.roadmap-head>p { margin-top:16px; font-size:15px; }.app-frame-section,.feature-section,.integration-section,.roadmap-section,.faq-section { padding-top:96px; padding-bottom:72px; }.return-frame { grid-template-columns:1fr; min-height:0; border-radius:14px; }.return-sidebar { display:none; }.return-list { border-right:0; border-bottom:1px solid #e0e9ed; }.workspace-head { min-height:83px; padding:18px; }.workspace-head h3 { font-size:18px; }.case { grid-template-columns:auto 1fr; column-gap:10px; padding:14px 18px; }.case b { grid-column:1; }.case span { grid-column:2; }.case em,.case small { grid-column:2; }.return-columns { gap:14px; padding:18px; }
  .feature-grid { grid-template-columns:1fr; gap:14px; }.feature-card { min-height:390px; padding:24px; border-radius:14px; }.feature-card h3 { font-size:25px; }.integration-layout { gap:35px; }.integration-diagram { min-height:390px; margin:0 -4px; padding:20px; border-radius:14px; }.diagram-node { width:130px; min-height:108px; }.diagram-node--pos { top:29%; left:5%; }.diagram-node--erp { top:29%; right:5%; }.diagram-node strong { font-size:13px; }.flow { left:36%; width:28%; }.flow span { font-size:8px; }.diagram-tags { bottom:24px; max-width:265px; flex-wrap:wrap; justify-content:center; }.diagram-tags span { font-size:9px; }
  .roadmap-list { margin-top:38px; }.roadmap-item { display:block; padding:28px 0; }.roadmap-marker { margin-bottom:18px; }.roadmap-item h3 { font-size:27px; }.roadmap-item p:not(.mono) { font-size:15px; }.roadmap-item ul { display:grid; gap:8px; }.faq-layout { gap:32px; }.faq h3 { font-size:17px; }
  .closing__top { display:block; min-height:420px; padding:94px 0 65px; }.closing h2 { font-size:42px; }.btn--closing { display:flex; width:100%; justify-content:space-between; margin-top:30px; }.closing__bottom { grid-template-columns:1fr; gap:22px; padding-top:26px; }.closing__bottom nav { gap:16px 20px; }.closing__bottom p,.footer-site { grid-row:auto; justify-self:start; margin:0; }.actionbar { position:fixed; z-index:30; right:0; bottom:0; left:0; display:block; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); border-top:1px solid rgba(16,37,75,.1); background:rgba(245,247,250,.95); backdrop-filter:blur(12px); }.actionbar .btn { display:flex; width:100%; justify-content:center; }.closing { padding-bottom:100px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }