:root{color-scheme:light;--thames-blue:#0B4F71;--thames-deep:#062F5F;--forest-green:#1F7A5A;--victoria-sage:#8EB79D;--western-purple:#4B2E83;--old-brick:#A85B42;--limestone:#E8E1D4;--winter-sky:#EAF4FF;--fog-blue:#D9EBFB;--paper:#FFFDF8;--card:#FFFFFF;--ink:#092F5F;--muted:#647991;--line:#D8E6F3;--success:#24B66D;--warning:#F3A33D;--danger:#E95858;--cta-gold:#FDBA3B;--dashboard-navy:#071B31;--app-canvas:#F4F8FB;--focus:#2F7DF6;--shadow-sm:0 8px 20px rgba(7,27,49,.08);--shadow-card:0 18px 44px rgba(7,27,49,.12);--shadow-hero:0 28px 68px rgba(7,27,49,.18);--radius:8px;} *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{margin:0;font-family:"Segoe UI Variable","Segoe UI",ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#FFFFFF 0%,var(--app-canvas) 34%,#FFFFFF 100%);line-height:1.55;text-rendering:optimizeLegibility;} a{color:var(--thames-blue);text-underline-offset:.16em;} a:hover{color:var(--thames-deep);} :focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 65%,white);outline-offset:3px;} .sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;} .skip-link{position:absolute;left:1rem;top:.75rem;transform:translateY(-160%);background:var(--thames-deep);color:white;padding:.65rem .85rem;border-radius:var(--radius);z-index:20;} .skip-link:focus{transform:translateY(0);} .site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(9,47,95,.12);background:rgba(255,255,255,.95);box-shadow:0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(16px);} .nav-wrap,.footer-grid,.page-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;} .nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:clamp(.65rem,2vw,1.35rem);min-height:72px;padding:.7rem 0;} .brand{display:inline-flex;align-items:center;min-width:150px;text-decoration:none;color:var(--thames-deep);white-space:nowrap;} .brand-logo{display:block;width:clamp(132px,16vw,190px);height:auto;object-fit:contain;} .brand-mark,.icon-badge{display:inline-grid;place-items:center;inline-size:2rem;block-size:2rem;border-radius:var(--radius);color:white;background:linear-gradient(135deg,var(--thames-blue),var(--forest-green));font-weight:850;box-shadow:var(--shadow-sm);} .brand-mark{color:var(--dashboard-navy);background:linear-gradient(135deg,var(--cta-gold),#FFF2BF);} .brand-mark img{display:block;width:1.28rem;height:1.28rem;object-fit:contain;} .primary-nav,.header-actions,.locale-links{display:flex;flex-wrap:wrap;align-items:center;gap:.38rem;} .primary-nav{justify-content:center;flex:1 1 auto;} .primary-nav a,.primary-nav button,.locale-links a,.phone-cta,.get-started-cta{text-decoration:none;color:var(--ink);padding:.48rem .62rem;border-radius:999px;font-size:.8rem;font-weight:850;line-height:1;border:0;background:transparent;white-space:nowrap;} .primary-nav a:hover,.primary-nav button:hover,.locale-links a:hover,.phone-cta:hover{background:rgba(255,255,255,.14);} .nav-dropdown{position:relative;} .nav-dropdown button{display:inline-flex;align-items:center;gap:.28rem;cursor:pointer;} .dropdown-menu{position:absolute;top:calc(100% + .45rem);left:50%;z-index:40;display:grid;gap:.2rem;min-width:210px;padding:.55rem;background:white;border:1px solid rgba(9,47,95,.12);border-radius:8px;box-shadow:0 18px 42px rgba(5,23,52,.2);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;} .nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0);} .dropdown-menu a{color:var(--dashboard-navy);border-radius:6px;padding:.58rem .65rem;font-size:.82rem;} .dropdown-menu a:hover{color:white;background:var(--dashboard-blue);} .portal-link{color:white !important;background:rgba(255,255,255,.16);} .header-actions{justify-content:flex-end;flex:0 0 auto;} .phone-cta{display:inline-flex;align-items:center;gap:.35rem;color:white;background:rgba(36,78,164,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);} .phone-cta::before{content:"☎";font-size:.78rem;} .get-started-cta{color:#05284C;background:#2BEE78;box-shadow:0 8px 20px rgba(0,0,0,.16);} .locale-links{padding-left:.35rem;border-left:1px solid var(--line);} .locale-links a{color:var(--muted);font-size:.72rem;text-transform:uppercase;} .page-shell{padding:clamp(28px,4vw,60px) 0;} .hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(330px,.98fr);gap:clamp(24px,5vw,58px);align-items:center;padding:clamp(32px,5vw,68px) 0 clamp(38px,5vw,72px);} .hero::before{content:"";position:absolute;inset:10% auto auto -7%;inline-size:42%;block-size:68%;border-left:6px solid var(--cta-gold);background:linear-gradient(90deg,rgba(253,186,59,.13),rgba(255,255,255,0));pointer-events:none;} .hero > div,.hero > aside{position:relative;} .eyebrow,.section-kicker{margin:0 0 .65rem;color:var(--forest-green);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;} h1,h2,h3{line-height:1.05;letter-spacing:0;color:var(--thames-deep);} h1{max-width:11ch;font-size:clamp(2.75rem,5.8vw,5.35rem);margin:0 0 1rem;font-weight:900;} h2{font-size:clamp(1.85rem,3.2vw,3.05rem);margin:0 0 .75rem;font-weight:850;} h3{margin:0 0 .45rem;font-size:1.08rem;font-weight:800;} p{margin-block:0 .85rem;} .lead{font-size:clamp(1.08rem,1.3vw,1.22rem);color:var(--muted);max-width:65ch;} .hero .lead{max-width:56ch;} .hero-card,.card,.route-card,.dashboard-card,.component-mount{background:var(--card);border:1px solid color-mix(in srgb,var(--line) 86%,white);border-radius:var(--radius);box-shadow:var(--shadow-card);} .hero-card,.card,.route-card,.dashboard-card,.component-mount{padding:clamp(1rem,2vw,1.35rem);} .hero-card{color:white;background:linear-gradient(160deg,var(--dashboard-navy),var(--thames-deep) 58%,#0D4A45);border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow-hero);overflow:hidden;} .hero-card::before{content:"merchant command center";display:inline-flex;margin-bottom:.8rem;color:#DDF6EB;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:.28rem .5rem;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;} .hero-card h2,.hero-card h3{color:white;} .hero-card .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;} .hero-card .dashboard-card{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);box-shadow:none;} .hero-card .dashboard-card span:first-child{color:#C5DDF4;font-size:.78rem;} .hero-card .dashboard-card h3{font-size:clamp(1.3rem,2vw,1.85rem);} .cta-row,.chip-row,.related-links{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1.15rem;} .button,button{display:inline-flex;align-items:center;justify-content:center;min-height:2.65rem;border-radius:var(--radius);padding:.68rem 1rem;color:white;background:var(--thames-blue);border:1px solid transparent;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 10px 22px rgba(11,79,113,.16);} .button:first-child{color:var(--dashboard-navy);background:var(--cta-gold);box-shadow:0 12px 24px rgba(243,163,61,.24);} .button.secondary{color:var(--thames-deep);background:white;border-color:var(--line);box-shadow:var(--shadow-sm);} .button:hover,button:hover{transform:translateY(-1px);} .section{padding:clamp(34px,5vw,62px) 0;border-top:1px solid var(--line);} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;} .two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:clamp(1rem,3vw,1.5rem);align-items:start;} .card,.route-card{min-height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .card:hover,.route-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--thames-blue) 34%,var(--line));box-shadow:0 22px 54px rgba(7,27,49,.14);} .card p,.route-card p,.dashboard-card p{color:var(--muted);} .route-card h3 a{color:var(--thames-deep);text-decoration:none;} .route-card h3 a:hover{color:var(--thames-blue);} .icon-badge{margin-bottom:.85rem;color:var(--dashboard-navy);background:linear-gradient(135deg,var(--cta-gold),#FBE8B0);} .status-pill{display:inline-flex;width:fit-content;align-items:center;min-height:1.7rem;border-radius:999px;padding:.18rem .62rem;font-size:.78rem;font-weight:800;background:var(--winter-sky);color:var(--thames-deep);border:1px solid color-mix(in srgb,var(--thames-blue) 12%,var(--line));} .status-pill.success{background:#E8F7EF;color:#146C45;border-color:#BDE9D0;} .status-pill.warning{background:#FFF3D5;color:#805000;border-color:#F8D786;} .dashboard-shell{display:grid;grid-template-columns:238px minmax(0,1fr);gap:1rem;align-items:start;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#F7FAFD,#EDF4FA);box-shadow:var(--shadow-sm);} .dashboard-shell > div{display:grid;gap:1rem;min-width:0;} .dashboard-sidebar{position:sticky;top:96px;min-height:640px;background:linear-gradient(180deg,var(--dashboard-navy),var(--thames-deep));color:white;border-radius:var(--radius);padding:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);} .dashboard-sidebar h2{color:white;font-size:1.12rem;margin-bottom:1rem;} .dashboard-sidebar a{display:flex;align-items:center;gap:.45rem;color:#E9F6FF;text-decoration:none;padding:.65rem .7rem;border-radius:var(--radius);font-weight:700;} .dashboard-sidebar a:hover{background:rgba(255,255,255,.12);color:white;} .dashboard-sidebar a:last-child{margin-top:.4rem;color:var(--dashboard-navy);background:var(--cta-gold);} .dashboard-card{display:grid;gap:.35rem;background:white;} .dashboard-card > span:first-child{color:var(--muted);font-size:.82rem;font-weight:750;} .dashboard-card h3{font-size:1.6rem;margin:0;} .table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:white;} table{width:100%;border-collapse:collapse;font-size:.94rem;} thead{background:#F6FAFE;} th,td{text-align:left;padding:.78rem .72rem;border-bottom:1px solid var(--line);vertical-align:middle;} th{color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;} tr:last-child td{border-bottom:0;} .ai-message{max-width:75ch;padding:.8rem 1rem;border-radius:var(--radius);background:var(--winter-sky);color:var(--thames-deep);border:1px solid var(--line);} .ai-message.user{margin-left:auto;background:var(--thames-blue);color:white;border-color:var(--thames-blue);} .token-swatch{min-height:86px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);} .contact-form{display:grid;gap:.65rem;margin-top:1rem;max-width:660px;} label{font-weight:750;color:var(--thames-deep);} input,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:.72rem .78rem;background:white;color:var(--ink);font:inherit;} input:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 4px rgba(47,125,246,.12);outline:0;} .component-mount{margin-top:clamp(1.5rem,4vw,2.5rem);background:#F8FBFD;box-shadow:none;} .site-footer{margin-top:3rem;background:var(--dashboard-navy);color:white;} .site-footer h2,.site-footer h3{color:white;} .site-footer p{color:#C7D9EA;} .site-footer a{display:block;margin:.28rem 0;color:#E9F6FF;text-decoration:none;} .site-footer a:hover{color:var(--cta-gold);} .footer-cta-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1200px,calc(100% - 32px));margin:0 auto;min-height:54px;border-bottom:1px solid rgba(255,255,255,.14);} .footer-brand{display:inline-flex !important;align-items:center;gap:.55rem;margin:0 !important;font-weight:850;} .footer-brand .brand-mark{color:white;background:#18B957;box-shadow:none;} .footer-cta-bar nav{display:flex;align-items:center;gap:.85rem;} .footer-cta-bar nav a,.footer-phone,.footer-action{margin:0 !important;font-size:.82rem;font-weight:750;} .footer-phone{padding:.35rem .7rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;} .footer-action{color:var(--dashboard-navy) !important;background:#18B957;border-radius:999px;padding:.42rem .85rem;} .footer-grid{display:grid;grid-template-columns:1.25fr repeat(3,minmax(140px,1fr));gap:clamp(1rem,3vw,2rem);padding:clamp(2rem,4vw,3rem) 0;} .footer-legal{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem max(16px,calc((100vw - 1200px) / 2));color:#B8C5D5;background:#05070B;font-size:.78rem;} .social-row{display:inline-flex;align-items:center;gap:.35rem;} .social-row span{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .25rem;color:white;border:1px solid rgba(255,255,255,.55);font-size:.68rem;} .page-home .site-header{position:absolute;inset:0 0 auto;border:0;background:transparent;box-shadow:none;backdrop-filter:none;} .page-home .site-header .brand,.page-home .site-header .primary-nav a,.page-home .site-header .primary-nav button,.page-home .site-header .locale-links a{color:white;} .page-home .site-header .brand-mark{color:white;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);box-shadow:none;} .page-home .site-header .primary-nav a:hover,.page-home .site-header .primary-nav button:hover,.page-home .site-header .locale-links a:hover{background:rgba(255,255,255,.12);} .page-home .site-header .portal-link{background:rgba(255,255,255,.16);color:white !important;} .page-home .site-header .phone-cta{color:white;background:rgba(255,255,255,.18);} .page-home .locale-links{border-left-color:rgba(255,255,255,.25);} .page-home .page-shell{padding-top:0;} .page-home .component-mount{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);border:0;box-shadow:none;} .screenshot-hero{width:100vw;min-height:640px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:132px max(32px,calc((100vw - 1040px) / 2)) 154px;display:grid;grid-template-columns:minmax(320px,500px) minmax(360px,470px);justify-content:center;align-items:center;gap:clamp(36px,7vw,84px);color:white;background:#244EA4;border-bottom:7px solid #18B957;overflow:hidden;} .screenshot-hero::before{content:"";position:absolute;inset:0;background-image:url("media/payment-svg/backgrounds/dot-grid.svg"),url("media/payment-svg/backgrounds/dot-grid.svg"),url("media/payment-svg/backgrounds/dot-grid.svg");background-size:58px 58px,86px 86px,72px 72px;background-position:0 0,28px 18px,center;transform:rotate(0deg);mask-image:radial-gradient(circle at 52% 48%,#000 0 28%,rgba(0,0,0,.82) 42%,transparent 78%);opacity:.86;pointer-events:none;} .screenshot-hero::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:128px;background:#F3F5F8;clip-path:polygon(0 58%,14% 78%,27% 94%,39% 100%,51% 92%,62% 72%,76% 42%,100% 0,100% 100%,0 100%);pointer-events:none;} .screenshot-hero .hero-copy,.screenshot-hero .hero-device-stack{position:relative;z-index:1;} .screenshot-hero h1{max-width:15ch;color:white;font-size:clamp(2.15rem,4vw,3.35rem);line-height:.94;text-transform:none;} .screenshot-hero .lead{max-width:52ch;color:#E8F1FF;font-size:.98rem;} .screenshot-hero .eyebrow{color:white;letter-spacing:.05em;text-transform:none;font-size:1.04rem;} .screenshot-hero .button:first-child{background:#18B957;color:white;min-width:188px;box-shadow:0 14px 30px rgba(0,0,0,.22);} .screenshot-hero .button.secondary{display:none;} .hero-device-stack{position:relative;display:grid;grid-template-columns:178px 226px;align-items:center;gap:0;padding:54px 0 0;background:transparent;border:0;box-shadow:none;overflow:visible;} .hero-device-stack::before{display:none;} .hero-device-stack > *{animation:fadeUp .7s ease both;} .hero-device-stack > *:nth-child(2){animation-delay:.12s;} .hero-device-stack > *:nth-child(3){animation-delay:.24s;} .payment-card-flip{position:absolute;z-index:4;left:-42px;top:-30px;width:246px;height:138px;perspective:900px;pointer-events:none;} .payment-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:cardFlip 8.4s ease-in-out infinite;} .payment-card-face{position:absolute;inset:0;display:grid;align-content:space-between;padding:1rem;color:#0B1730;background:linear-gradient(135deg,#FFFFFF,#EAF6FF);border-radius:13px;box-shadow:0 18px 34px rgba(2,31,75,.24);backface-visibility:hidden;overflow:hidden;} .payment-card-face::before{content:"";position:absolute;right:-26px;top:-46px;width:142px;height:142px;border-radius:50%;background:rgba(38,119,211,.08);} .payment-card-front p{margin:.35rem 0 .2rem;font-size:1.08rem;font-weight:900;letter-spacing:.06em;} .payment-card-front strong{display:block;font-size:.86rem;text-transform:uppercase;} .payment-card-front > span:last-child{font-size:.72rem;font-weight:850;} .card-chip{width:34px;height:26px;border-radius:6px;background:linear-gradient(90deg,#EEC13B 0 46%,#F9DC65 46% 52%,#EEC13B 52%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);} .card-rings{position:absolute;right:26px;top:18px;display:flex;} .card-rings span{width:38px;height:38px;border-radius:50%;background:rgba(238,55,45,.9);mix-blend-mode:multiply;} .card-rings span + span{margin-left:-14px;background:rgba(249,152,38,.9);} .payment-card-back{transform:rotateY(180deg);background:linear-gradient(135deg,#0B2D62,#153C86);color:white;} .payment-card-back .mag-strip{display:block;width:calc(100% + 2rem);height:34px;margin:-.2rem -1rem .4rem;background:#061120;} .payment-card-back p{margin:0;color:#DDEBFF;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;} .payment-card-back strong{max-width:18ch;font-size:.98rem;line-height:1.08;} .mini-terminal,.mini-report{color:var(--ink);background:white;border:1px solid #DCE8F6;border-radius:7px;box-shadow:0 18px 30px rgba(2,31,75,.22);} .mini-terminal{position:relative;z-index:2;min-height:236px;padding:.72rem;} .mini-report{min-height:188px;margin-left:-8px;padding:1rem .85rem .85rem;} .terminal-head{display:flex;gap:.25rem;align-items:center;height:22px;margin:-.72rem -.72rem .6rem;padding:.45rem .55rem;background:#E8F6F2;border-radius:7px 7px 0 0;} .terminal-head span{display:block;width:7px;height:7px;border-radius:50%;background:var(--success);opacity:.75;} .mini-terminal h2{margin-bottom:.5rem;color:var(--dashboard-navy);font-size:.95rem;} .mini-terminal .grid{display:none;} .overview-pulse{position:relative;display:flex;align-items:center;gap:.28rem;width:fit-content;margin:-.15rem 0 .45rem;padding:.24rem .45rem;color:#156542;background:#E8F9EF;border:1px solid #BDE9D0;border-radius:999px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;overflow:hidden;} .overview-pulse::after{content:"";position:absolute;inset:0;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:overviewScan 3.2s ease-in-out infinite;} .overview-pulse b{position:relative;z-index:1;width:5px;height:5px;border-radius:50%;background:#18B957;animation:overviewDot 1.35s ease-in-out infinite;} .overview-pulse b:nth-child(3){animation-delay:.18s;} .overview-pulse b:nth-child(4){animation-delay:.36s;} .quick-setup{display:grid;gap:.28rem;} .quick-setup label,.mini-report p{color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;} .quick-setup input{height:25px;padding:.25rem .38rem;font-size:.72rem;border-color:#C9DFD6;animation:inputGlow 6s ease-in-out infinite;} .quick-setup input:nth-of-type(2){animation-delay:1.35s;} .quick-setup button{min-height:26px;padding:.25rem .45rem;background:#18B957;font-size:.72rem;box-shadow:none;animation:payPulse 6s ease-in-out infinite;} .terminal-cursor{position:absolute;z-index:5;left:112px;top:154px;width:0;height:0;border-left:13px solid #12223B;border-top:8px solid transparent;border-bottom:8px solid transparent;filter:drop-shadow(0 4px 5px rgba(7,27,49,.18));transform:rotate(-15deg);animation:cursorPath 6s ease-in-out infinite;} .sparkline{display:block;width:100%;height:58px;margin:.4rem 0 .7rem;overflow:visible;border-bottom:1px solid var(--line);} .spark-grid{fill:none;stroke:#DFE8F2;stroke-width:1;} .sparkline-line{fill:none;stroke:#1D64C8;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:360;stroke-dashoffset:360;animation:graphDraw 5.8s ease-in-out infinite;filter:drop-shadow(0 4px 5px rgba(29,100,200,.18));} .spark-dot{fill:white;stroke:#1D64C8;stroke-width:3;animation:graphPulse 1.65s ease-in-out infinite;} .mini-report ul{display:grid;gap:.35rem;margin:0;padding:0;list-style:none;} .mini-report li{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:center;font-size:.68rem;animation:rowGlow 5.8s ease-in-out infinite;} .mini-report li:nth-child(2){animation-delay:.7s;} .mini-report li:nth-child(3){animation-delay:1.4s;} .mini-report strong{color:var(--dashboard-navy);} .mini-report em{grid-column:1 / -1;color:var(--success);font-style:normal;} .proof-strip{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;align-items:center;gap:1.25rem;min-height:78px;background:white;border-bottom:1px solid #DDE4EE;box-shadow:0 10px 20px rgba(2,31,75,.08);overflow:hidden;} .proof-label{align-self:stretch;display:grid;place-content:center;min-width:170px;padding:.7rem 1rem;color:white;background:#244EA4;font-size:.84rem;line-height:1.08;} .proof-label strong{font-size:.95rem;} .proof-marquee{display:flex;flex:1;gap:1.15rem;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);} .proof-track{display:flex;flex:0 0 max-content;align-items:center;gap:1.15rem;min-width:max-content;animation:proofMarquee 34s linear infinite;} .proof-marquee:hover .proof-track{animation-play-state:paused;} .proof-badge{display:inline-flex;align-items:center;gap:.35rem;min-width:max-content;color:#202C3B;font-size:.72rem;font-weight:800;} .proof-badge span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:white;background:var(--old-brick);font-size:.55rem;} .proof-badge img{display:block;height:46px;width:auto;max-width:245px;object-fit:contain;} .screenshot-solutions{text-align:center;padding-top:72px;} .screenshot-solutions h2{max-width:760px;margin-inline:auto;color:#244EA4;font-size:1rem;font-weight:800;text-transform:uppercase;} .solution-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:.9rem;width:min(760px,100%);margin:52px auto 0;} .solution-tile{min-height:136px;padding:1.15rem .95rem 1rem;background:white;border:1px solid #E1E7F0;border-radius:7px;box-shadow:0 12px 22px rgba(25,48,80,.12);text-align:center;overflow:visible;} .solution-tile .solution-icon{display:inline-grid;place-items:center;width:54px;height:54px;margin-bottom:.45rem;color:#244EA4;border:1px solid #D6E5F6;border-radius:50%;font-size:.9rem;background:#F8FBFF;overflow:visible;} .solution-tile .solution-icon img{display:block;width:42px;height:42px;object-fit:contain;} .solution-tile h3{color:#152F60;font-size:.88rem;} .solution-tile p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);} .solution-tile a{display:inline-flex;margin-top:.25rem;padding:.15rem .5rem;color:var(--success);border-bottom:1px solid var(--success);text-decoration:none;font-size:.72rem;font-weight:800;} .risk-section{text-align:center;} .risk-section > .lead{margin-inline:auto;} .tabbed-card{width:min(1040px,100%);margin:1rem auto 0;} .risk-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:1.35rem;margin:.55rem 0 1.15rem;} .risk-tabs button{width:auto;min-height:auto;padding:.32rem .1rem;color:#173260;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;box-shadow:none;font-size:.84rem;font-weight:900;} .risk-tabs button.active{color:var(--success);border-bottom-color:var(--success);} .risk-panel-stage,.gateway-panel-stage{display:grid;} .risk-panel-card{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(300px,1.05fr);min-height:440px;overflow:hidden;background:white;border:1px solid color-mix(in srgb,var(--success) 34%,#E0E8F2);border-radius:8px;box-shadow:0 20px 42px rgba(20,43,72,.16);text-align:left;} .risk-panel-card[hidden],.gateway-card[hidden]{display:none;} .risk-panel-card figure{min-height:100%;margin:0;background:#111827;overflow:hidden;} .risk-panel-image{display:block;width:100%;height:100%;object-fit:cover;} .risk-panel-copy{display:grid;align-content:center;gap:.72rem;padding:clamp(1.35rem,3vw,2.4rem);} .risk-panel-card h3{color:var(--success);font-size:clamp(1.55rem,3vw,2.35rem);} .risk-panel-card p{color:var(--muted);font-size:1rem;} .risk-panel-card ul,.gateway-card ul{margin:.35rem 0 0;padding-left:1.1rem;color:var(--ink);font-size:.82rem;} .gateway-card{width:min(820px,100%);margin:0 auto;padding:clamp(1.4rem,3vw,2.4rem);background:white;border:1px solid #E0E8F2;border-radius:8px;box-shadow:0 16px 32px rgba(20,43,72,.13);text-align:left;} .gateway-card h3{color:var(--success);font-size:clamp(1.35rem,2.4vw,2rem);} .home-stats{padding:50px 0;text-align:center;background:white;} .home-stats h2{margin-bottom:1.45rem;color:#111827;font-size:1.45rem;text-transform:uppercase;} .home-stats > div{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:1.25rem;width:min(860px,100%);margin:0 auto;} .home-stats article{padding:1.1rem .75rem;border-top:3px solid #18B957;background:#F8FBFF;} .home-stats article strong{display:flex;justify-content:center;min-height:1.05em;color:#111827;font-size:clamp(2.1rem,5vw,4rem);line-height:.95;font-weight:950;font-variant-numeric:tabular-nums;} .home-stats article span{color:#263A59;font-size:.86rem;font-weight:850;text-transform:uppercase;} .odometer-cell{display:inline-block;min-width:.62ch;overflow:hidden;} .odometer-cell > span{display:inline-block;animation:statFlip .42s ease both;} .integration-band,.process-band{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);color:white;text-align:center;background-color:#244EA4;background-image:url("media/payment-svg/backgrounds/circuit-blue.svg"),linear-gradient(135deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(45deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:cover,52px 52px,78px 78px;background-position:center,0 0,0 0;} .integration-band{padding:46px max(32px,calc((100vw - 920px) / 2));} .integration-band h2,.process-band h2{color:white;font-size:1.1rem;text-transform:uppercase;} .integration-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:1.15rem 2.4rem;width:min(760px,100%);margin:1.45rem auto;} .integration-pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:58px;padding:.55rem 1rem;color:#18253A;background:white;border-radius:999px;box-shadow:0 8px 18px rgba(0,0,0,.18);font-weight:850;} .integration-pill span{display:inline-grid;place-items:center;width:26px;height:26px;color:white;background:#244EA4;border:2px solid #18B957;border-radius:50%;font-size:.56rem;} .integration-pill img{display:block;width:min(220px,100%);height:46px;object-fit:contain;} .integration-band p{color:#E8F1FF;} .integration-band .button{color:white;background:#18B957;} .gateway-section{text-align:center;} .gateway-card{text-align:left;} .gateway-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;} .process-band{padding:36px max(32px,calc((100vw - 980px) / 2)) 70px;} .process-band > div{position:relative;display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:1.35rem;margin-top:1.6rem;} .process-band > div::before{content:"";position:absolute;left:9%;right:9%;top:54px;height:5px;background:rgba(255,255,255,.8);border-radius:999px;} .process-band article{position:relative;z-index:1;display:grid;justify-items:center;gap:.45rem;color:#E9F2FF;} .process-band article strong{display:inline-grid;place-items:center;width:42px;height:42px;color:#244EA4;background:white;border:4px solid #18B957;border-radius:999px;font-size:.95rem;font-weight:950;} .process-icon{display:inline-grid;place-items:center;width:96px;height:96px;padding:.7rem;background:white;border:3px solid rgba(255,255,255,.92);border-radius:12px;box-shadow:0 14px 28px rgba(0,0,0,.18);} .process-icon img{display:block;width:72px;height:72px;object-fit:contain;} .process-band h3{max-width:12rem;color:white;font-size:1rem;} .home-application{display:grid;place-items:center;margin-top:-38px;padding-bottom:40px;} .application-card{width:min(680px,100%);padding:clamp(1.35rem,3vw,2rem);background:white;border:1px solid #DCE4EE;border-radius:8px;box-shadow:0 18px 34px rgba(15,34,65,.18);} .form-heading{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.25rem;text-align:left;} .form-heading img{width:52px;height:52px;object-fit:contain;} .form-heading .section-kicker{margin:0 0 .2rem;} .application-card h2{color:#244EA4;font-size:1.15rem;text-transform:uppercase;} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem;} .form-grid > div{display:grid;gap:.18rem;} .application-card label{display:grid;gap:.18rem;color:#25364D;font-size:.72rem;} .application-card input{min-height:38px;border-radius:4px;} .application-card fieldset{display:grid;gap:.35rem;margin:.9rem 0;border:0;padding:0;} .application-card legend{margin-bottom:.35rem;color:#25364D;font-size:.78rem;font-weight:800;} .application-card fieldset label{display:flex;align-items:center;gap:.4rem;} .application-card fieldset input{width:auto;min-height:auto;} .application-card button{width:100%;background:#18B957;} .form-note{margin:.65rem 0 0;text-align:center;color:var(--muted);font-size:.72rem;} .trust-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,4vw,2.4rem);padding:28px 0 42px;background:white;} .trust-badges span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#1F2937;font-family:Georgia,serif;font-size:1rem;font-weight:800;opacity:.9;} .trust-badges img{display:block;max-width:185px;max-height:58px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(7,27,49,.08));} .seo-copy{width:min(960px,100%);margin:0 auto 2rem;padding:2rem 0;border-top:1px solid var(--line);} .seo-copy h2{color:var(--success);font-size:1.25rem;} .seo-copy h3{margin-top:1.2rem;color:var(--success);font-size:1rem;} .seo-copy p,.seo-copy li{color:#203047;font-size:.9rem;} .seo-copy ul{padding-left:1.2rem;} .seo-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem 1.5rem;margin-top:1.2rem;} .seo-copy article{padding-top:1rem;border-top:1px solid var(--line);} @keyframes proofMarquee{from{transform:translateX(0);} to{transform:translateX(calc(-100% - .65rem));} } @keyframes cardFlip{0%,36%{transform:rotateY(0deg) translateY(0);} 44%,78%{transform:rotateY(180deg) translateY(-2px);} 88%,100%{transform:rotateY(360deg) translateY(0);} } @keyframes overviewDot{0%,100%{transform:scale(.72);opacity:.42;} 45%{transform:scale(1.15);opacity:1;} } @keyframes overviewScan{0%{transform:translateX(-130%);} 52%,100%{transform:translateX(240%);} } @keyframes inputGlow{0%,100%{border-color:#C9DFD6;box-shadow:none;} 26%,42%{border-color:#18B957;box-shadow:0 0 0 3px rgba(24,185,87,.12);} } @keyframes payPulse{0%,58%,100%{transform:translateY(0);box-shadow:none;} 70%{transform:translateY(-1px);box-shadow:0 8px 15px rgba(24,185,87,.28);} } @keyframes cursorPath{0%,16%{transform:translate(-62px,-46px) rotate(-15deg);} 34%,48%{transform:translate(-28px,-10px) rotate(-15deg);} 64%,76%{transform:translate(18px,30px) rotate(-15deg);} 100%{transform:translate(-62px,-46px) rotate(-15deg);} } @keyframes graphDraw{0%{stroke-dashoffset:360;opacity:.72;} 48%,76%{stroke-dashoffset:0;opacity:1;} 100%{stroke-dashoffset:-360;opacity:.76;} } @keyframes graphPulse{0%,100%{transform:scale(.75);opacity:.55;} 50%{transform:scale(1.35);opacity:1;} } @keyframes rowGlow{0%,100%{opacity:.72;} 32%,48%{opacity:1;} } @keyframes statFlip{0%{transform:translateY(-82%);opacity:.2;} 100%{transform:translateY(0);opacity:1;} } @keyframes fadeUp{from{transform:translateY(10px);opacity:.68;} to{transform:translateY(0);opacity:1;} } @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;transition:none;animation-duration:.01ms !important;animation-iteration-count:1 !important;} .proof-track{transform:none;} .payment-card-inner{transform:rotateY(0);} .sparkline-line{stroke-dashoffset:0;} .terminal-cursor{display:none;} } @media (max-width:960px){.nav-wrap{flex-wrap:wrap;justify-content:center;} .brand{justify-content:center;} .primary-nav{order:3;width:100%;flex:1 1 100%;} .header-actions{order:2;width:100%;justify-content:center;} .locale-links{border-left:0;padding-left:0;} .hero,.two-col,.dashboard-shell,.footer-grid,.risk-card,.screenshot-hero,.risk-panel-card{grid-template-columns:1fr;} .risk-panel-card figure{min-height:300px;} .footer-cta-bar{flex-wrap:wrap;padding:.8rem 0;} .footer-cta-bar nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;} .hero-card .grid,.solution-tile-grid,.integration-grid,.process-band > div,.home-stats > div,.seo-copy-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));} .process-band > div::before{display:none;} .hero-device-stack{justify-self:center;} .dashboard-sidebar{position:static;min-height:0;} } @media (max-width:560px){body{overflow-x:hidden;} .page-home .site-header{position:relative;background:#244EA4;} .nav-wrap{width:min(100% - 28px,350px);min-height:64px;gap:.45rem;} .brand{min-width:0;width:100%;} .brand-logo{margin-inline:auto;width:min(150px,70vw);} .header-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:.4rem;} .phone-cta,.get-started-cta{justify-content:center;width:100%;padding-inline:.35rem;font-size:.74rem;} .locale-links{display:flex;grid-column:1 / -1;justify-content:center;} .locale-links a{padding:.35rem .5rem;} .primary-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;} .nav-dropdown,.portal-link{min-width:0;} .primary-nav a,.primary-nav button{width:100%;justify-content:center;padding:.5rem .35rem;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;} .dropdown-menu{left:0;transform:translateY(6px);} .nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{transform:translateY(0);} h1{max-width:12ch;font-size:2.55rem;} .screenshot-hero{min-height:auto;padding:28px 20px 112px;} .screenshot-hero .hero-copy{min-width:0;width:min(100%,350px);} .screenshot-hero .lead{max-width:34ch;overflow-wrap:break-word;} .hero-device-stack,.form-grid,.gateway-columns{grid-template-columns:1fr;} .hero-device-stack{justify-self:start;width:min(100%,330px);overflow:visible;} .payment-card-flip{left:auto;right:0;top:-36px;width:min(196px,64vw);height:112px;transform:none;} .payment-card-face{padding:.72rem;} .payment-card-front p{font-size:.72rem;letter-spacing:.02em;} .payment-card-front strong{font-size:.72rem;} .payment-card-front > span:last-child{font-size:.66rem;} .card-rings{right:14px;top:16px;} .card-chip{width:30px;height:22px;} .mini-report{margin-left:0;margin-top:-8px;} .button,button{width:100%;} .hero-card,.card,.route-card,.dashboard-card,.component-mount,.dashboard-shell,.application-card{padding:1rem;} .hero-card.hero-device-stack{padding:100px 0 0;} }