/* Card Payments Canada / minimal white direction — 2026-11-09.
   An intentional presentation layer; underlying content and lead collection are unchanged. */
:root {
  --ink:#17191d;
  --ink-2:#26282d;
  --ink-soft:#666b73;
  --lime:#e9edf2;
  --lime-deep:#dce1e8;
  --paper:#ffffff;
  --cream:#f5f5f7;
  --white:#ffffff;
  --line:#e6e7eb;
  --radius:22px;
  --shadow:0 22px 48px rgba(22,26,31,.06);
}
body {color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;}
::selection {background:#d8e9fa;color:#16191e;}
:focus-visible {outline-color:#0071e3;}
.container {width:min(1200px,calc(100% - 72px));}
.section {padding:118px 0;}
/* Navigation: quiet, optical and monochrome */
.topbar {height:37px;background:#f5f5f7;color:#5f636a;border-bottom:1px solid #ececef;letter-spacing:0;}
.topbar-kicker {color:#515862;letter-spacing:.07em;font-size:10px;font-weight:750;}
.pulse-dot {background:#858d99;box-shadow:none;width:5px;height:5px;margin-right:8px;}
.topbar-copy {color:#6e727a;}
.topbar-link {color:#0071e3;border-bottom:0;font-weight:650;}
.topbar-link:hover {text-decoration:underline;}
.site-header {background:rgba(255,255,255,.97);border-color:#ededf0;backdrop-filter:blur(20px);}
.nav-inner {height:74px;}
.brand-symbol {display:none;}
.brand-wordmark {color:#17191d;font-size:19px;letter-spacing:-.075em;font-weight:730;}
.brand-wordmark>span {color:#7b8088;}
.brand-wordmark small {color:#92969d;font-size:8px;letter-spacing:.15em;font-weight:650;margin-top:7px;}
.desktop-nav {font-size:12px;font-weight:560;gap:35px;color:#373a40;}
.desktop-nav a:hover,.footer-col a:hover {color:#0071e3;}
.btn {border-radius:999px;font-size:13px;font-weight:650;gap:18px;box-shadow:none;}
.btn:hover {transform:translateY(-1px);}
.btn-dark {background:#17191d;color:#fff;}
.btn-dark:hover {background:#35383f;}
.btn-lime {background:#17191d;color:#fff;}
.btn-lime:hover {background:#35383f;color:#fff;box-shadow:none;}
.btn-outline {border:1px solid #c5c8ce;color:#17191d;background:#fff;}
.btn-outline:hover {background:#f5f5f7;color:#17191d;border-color:#9299a3;}
.btn-small {padding:13px 19px;}
.btn-large {padding:17px 25px;}
/* Hero: pure white canvas, breathing room and a single device */
.hero {background:#fff;}
.hero-grid {grid-template-columns:52% 48%;min-height:642px;}
.hero-copy {padding:74px 0 78px;}
.eyebrow {font-size:10px;color:#808690;font-weight:720;letter-spacing:.155em;margin-bottom:27px;}
.eyebrow-line {background:#c4c9d0;width:21px;height:1px;}
.hero h1 {font-size:clamp(53px,5.9vw,83px);line-height:1.065;letter-spacing:-.075em;font-weight:690;margin-bottom:25px;}
.hero h1 em,.contact-intro h2 em {font-family:inherit;font-style:normal;font-weight:690;letter-spacing:inherit;color:inherit;}
.hero-lead {font-size:18px;line-height:1.6;max-width:510px;color:#737780;font-weight:390;margin-bottom:38px;}
.hero-actions {gap:27px;}
.hero .btn-large {padding:17px 24px;}
.text-cta {color:#0071e3;font-size:13px;font-weight:550;border-bottom:0;}
.text-cta span {margin-left:8px;}
.hero-note {color:#969ba1;margin-top:30px;font-size:11px;}
.check-circle {border-color:#d7dae0;color:#737780;font-size:10px;}
.hero-art:before {background:radial-gradient(ellipse at 54% 48%,#f8f9fb 0%,#fff 70%);inset:40px -10vw 0 0;}
.art-grid,.hero-ring,.floating-card {display:none;}
.terminal-screen {border-color:#30343c;border-width:12px;border-radius:26px;background:#fff;box-shadow:13px 23px 32px rgba(27,32,39,.13),0 47px 56px rgba(27,32,39,.08);}
.terminal-base {background:linear-gradient(165deg,#d8dbe0,#b2b7be 80%,#a2a7b0);box-shadow:0 11px 16px rgba(29,33,40,.08);}
.terminal-stand {background:linear-gradient(90deg,#b3b7be,#eef0f3 56%,#c2c7cd);}
.terminal-shadow {opacity:.48;}
.screen-dot {background:#9ea4ae;}
.screen-label {color:#9ca2aa;}
.screen-payment {background:#17191d;color:#fff;}
.screen-stripes i {background:#cdd2da;}
.screen-stripes i:nth-child(2) {background:#9ba2ad;}
.screen-stripes i:nth-child(3) {background:#4d5661;}
.art-note {color:#b9bdc4;}
.hero-bottom {border-color:#eceef1;height:73px;}
.hero-bottom-label,.hero-bottom-items {color:#979ca5;font-weight:640;letter-spacing:.075em;}
.hero-bottom-items span:not(:last-child):after {content:"·";color:#b9bec6;font-size:16px;font-weight:400;}
/* Services: subtle tiles and tighter wording / large typography */
.section-topline {border-color:#e5e7eb;color:#a0a4ab;font-weight:650;letter-spacing:.105em;}
.section-topline span:first-child {color:#747b85;}
.section h2 {font-weight:660;letter-spacing:-.063em;}
.serif-accent {font-family:inherit;font-style:normal;letter-spacing:inherit;font-weight:660;color:#777c84;}
.section-heading p,.custom-copy>p {color:#737780;line-height:1.7;}
.solution-grid {gap:18px;}
.solution-card,.solution-card-primary {background:#f7f7f9;border-color:#efeff2;border-radius:22px;}
.solution-number,.solution-number span {color:#858a93;font-weight:690;}
.solution-graphic {filter:grayscale(1);opacity:.75;}
.solution-card-content {border-radius:0;background:transparent;padding:26px 27px 30px;}
.solution-card h3 {font-size:21px;font-weight:670;}
.solution-card p {color:#777c84;}
.solution-card a,.hardware-link {color:#0071e3;font-weight:640;}
.solution-card a:hover {color:#004e9c;}
.feature-icon {color:#7b838d;}
.value-band {background:#f5f5f7;color:#24262c;border-block:1px solid #efeff2;}
.value-band-inner {padding:33px 0;}
.value-star {display:none;}
.value-band p,.value-band strong {color:#30343b;}
.value-band p {font-size:20px;font-weight:420;}
.value-band a {border:none;color:#0071e3;font-weight:620;}
/* Point-of-sale cards: monochromatic hardware mockups on pale grey */
.hardware {background:#fff;}
.hardware-card {border:1px solid #eaecf0;border-radius:22px;box-shadow:none;}
.hardware-upper {background:#f7f8fa;color:#838992;}
.product-stage,.product-stage-flex {background:radial-gradient(ellipse,#fff 0%,#f5f6f8 83%);}
.product-stage>* {filter:grayscale(1);}
.hardware-card:hover {transform:translateY(-2px);box-shadow:0 12px 35px rgba(20,25,30,.045);}
.hardware-meta h3 {font-weight:660;}
.hardware-meta p {color:#797e87;}
.product-type {background:#f7f7f9;border-color:#eceef1;color:#797f89;}
/* Website offer should be noticed through layout, not through screaming colour */
.offer {background:#fff;padding-top:18px;padding-bottom:119px;}
.offer-panel {min-height:522px;background:#f5f5f7;color:#17191d;border-radius:24px;border:1px solid #f0f0f2;}
.offer-content {padding:67px 62px;}
.offer-eyebrow {color:#797f88;letter-spacing:.095em;}
.offer-spark {color:#9ba0a9;}
.offer h2 {font-weight:660;font-size:clamp(39px,4.25vw,58px);}
.offer h2 em {font-family:inherit;color:#777c84;font-style:normal;font-weight:660;}
.offer-content>p:not(.offer-terms) {color:#767b84;}
.offer-content>p strong {color:#282b30;}
.offer-includes {color:#5f6570;}
.offer-includes b {color:#7f8792;}
.offer-terms {color:#979ba3;}
.offer-visual:before {background:radial-gradient(circle at 54% 53%,#f9fafb 0%,#f1f2f4 73%);}
.offer-orbit {border-color:rgba(125,129,141,.12);}
.site-mockup {color:#292c34;border-color:#e8eaee;background:#fff;box-shadow:-13px 17px 45px rgba(30,35,40,.12);}
.mock-nav {border-color:#edeef1;}
.mock-nav i {color:#979da5;}
.mock-nav b {background:#e9edf2;}
.mock-main>span {color:#969ca5;}
.mock-main p {color:#9ba0aa;}
.mock-main>i {background:#1c1f24;border-radius:999px;}
.mock-main:after {background:radial-gradient(circle at 42% 44%,#f7f8f9 0 25%,#c9cdd4 27% 46%,#858e9a 47% 65%,#e0e3e8 66%);}
.mock-tiles i {background:#ebedf1;}
.offer-tag {background:#fff;border:1px solid #e6e8ec;color:#5c636e;box-shadow:0 8px 25px rgba(20,25,30,.09);transform:rotate(-4deg);}
/* Customized setup, steps and FAQs */
.custom-item,.custom-item:first-child,.fit-row,.fit-row>div,.faq details,.faq details:first-child {border-color:#e7e8ec;}
.custom-icon {color:#7d838b;border-color:#e5e7ec;background:#f7f7f8;}
.custom-item p,.step p,.faq details p {color:#7a7f87;}
.custom-arrow,.faq summary span {color:#878d96;}
.fit-row span {color:#90959e;}
.steps {background:#fafafa;}
.steps .section-topline {border-color:#e8e9ec;}
.step {border-color:#e0e2e7;border-top-width:1px;}
.step:before {background:#aeb4be;box-shadow:0 0 0 4px #fafafa;width:8px;height:8px;top:-5px;}
.step>span {color:#959ba4;}
/* Form: a calm end cap, legible UI and black submit CTA */
.contact-section {background:#f5f5f7;color:#17191d;border-top:1px solid #eeeeef;}
.contact-kicker {color:#777d87;}
.contact-kicker span {background:#aeb3bb;}
.contact-intro h2 {font-weight:680;}
.contact-intro>p {color:#737984;}
.contact-perks {color:#646a73;}
.contact-perks span b {color:#797f88;}
.contact-burst {display:none;}
.form-shell {border:1px solid #ebedf0;border-radius:22px;box-shadow:0 8px 30px rgba(0,0,0,.035);}
.form-header {border-color:#eff0f3;}
.form-header>div>span {color:#9298a1;}
#lead-form label {color:#4a4f58;}
#lead-form label>span:not(.label-optional),.consent b {color:#8b929d;}
#lead-form input:not([type="checkbox"]),#lead-form select,#lead-form textarea {background:#fafafb;border-color:#e4e6eb;border-radius:9px;color:#292e35;}
#lead-form input:focus,#lead-form select:focus,#lead-form textarea:focus {border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.1);}
.consent input {accent-color:#0071e3;}
.consent a {color:#0071e3;}
/* Footer remains light and legible */
.site-footer {background:#fff;color:#535862;border-top:1px solid #e9eaed;}
.brand-footer .brand-wordmark {color:#17191d;}
.brand-footer .brand-wordmark small {color:#9ba0a7;}
.footer-brand p,.footer-col a {color:#858a93;}
.footer-col strong {color:#373b42;}
.footer-bottom {border-color:#ededf0;color:#9ba0a7;}
.footer-bottom a {color:#666e79;}
.secondary-page {background:#fafafb;}
.mobile-sticky-cta {background:#17191d;color:#fff;}
@media(max-width:1130px){
  .offer-content {padding:55px 42px;}
}
@media(max-width:920px){
  .container {width:min(760px,calc(100% - 44px));}
  .hero-grid {grid-template-columns:1fr;}
  .hero-copy {padding:66px 0 6px;}
  .hero-art {height:430px;min-height:430px;}
  .offer-content {padding:51px 48px 28px;}
}
@media(max-width:640px){
  .container {width:calc(100% - 38px);}
  .topbar {min-height:40px;}
  .topbar-inner {padding:7px 0;}
  .brand-wordmark {font-size:17px;}
  .hero-copy {padding:63px 0 2px;}
  .hero h1 {font-size:clamp(46px,10.5vw,61px);}
  .hero-lead {font-size:16px;}
  .hero-art {height:320px;min-height:320px;}
  .hero-bottom {padding:19px 0;}
  .section {padding:78px 0;}
  .section h2 {font-size:clamp(36px,9vw,47px);}
  .solution-card-content {padding:24px;}
  .value-band-inner {padding:24px 0;}
  .offer {padding:0 0 76px;}
  .offer-panel {width:calc(100% - 26px);}
  .offer-content {padding:39px 26px 17px;}
  .offer h2 {font-size:clamp(36px,9vw,45px);}
  .offer-visual {height:280px;}
  .mobile-sticky-cta {background:#17191d;color:#fff;}
}

/* V2 launch offer: restrained rate highlight, mobile-friendly and accessible */
.rate-highlight {margin:-6px 0 27px;max-width:495px;border-left:2px solid #cbd0d8;padding:4px 0 4px 18px;}
.rate-fig {font-weight:710;letter-spacing:-.045em;font-size:clamp(26px,2.6vw,37px);line-height:1.15;color:#20232a;white-space:nowrap;}
.rate-fig span {font-weight:450;color:#9399a1;}
.rate-fig .rate-percent {font-weight:700;color:#20232a;}
.rate-highlight p {font-size:11px;line-height:1.6;color:#858b94;max-width:435px;margin:9px 0 0;}
.rate-highlight a,.offer-terms a,.faq details a {color:#0071e3;text-decoration:underline;text-underline-offset:2px;}
.hero .hero-actions {gap:22px;}
.value-band-inner p {font-size:16px;max-width:900px;line-height:1.65;}
.offer-terms {line-height:1.65;}
@media(max-width:640px) {
 .rate-highlight {margin-top:0;margin-bottom:25px;padding-left:13px;}
 .rate-fig {font-size:27px;}
 .hero-actions {gap:15px;}
 .hero-actions .text-cta {font-size:12px;}
 .value-band-inner p {font-size:14px;}
}