:root{--red:#e3161d;--red-dark:#b90d13;--ink:#11151d;--muted:#616b7b;--line:#e7e9ee;--soft:#f5f7fa;--dark:#0c1016;--white:#fff;--shadow:0 24px 60px rgba(17,21,29,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}.section-shell{max-width:1180px;margin:0 auto;padding:76px 28px}.section-shell.compact{padding-top:58px;padding-bottom:58px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-wrap{max-width:1180px;margin:auto;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:210px;height:54px;object-fit:contain;display:block}.main-nav{display:flex;align-items:center;gap:26px}.main-nav a{font-size:14px;color:var(--ink);font-weight:700;text-decoration:none}.main-nav a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;border:0;font-weight:800;text-decoration:none;cursor:pointer;font:inherit}.btn-red{background:var(--red);color:white;box-shadow:0 12px 24px rgba(227,22,29,.18)}.btn-red:hover{background:var(--red-dark)}.btn-outline{color:var(--ink);border:1px solid #cfd4dd;background:white}.btn-white{background:white;color:var(--red);}.btn-soft{background:#fff1f1;color:var(--red);border:1px solid #ffc5c7;padding:10px 14px}.nav-cta{padding:12px 18px!important;color:#fff!important}.menu-toggle{display:none;border:0;background:white;font-size:28px}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;min-height:650px;align-items:center;background:radial-gradient(circle at 86% 28%,rgba(227,22,29,.09),transparent 34%)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:var(--red);margin-bottom:15px}.eyebrow.light{color:#ffd4d5}.hero h1,.section-heading h2,.enquiry-copy h2,.web-showcase h2,.shop-card h2{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.045em;margin:0 0 22px}.hero h1 span{color:var(--red)}.lead,.section-heading p,.enquiry-copy p,.web-showcase p{font-size:18px;line-height:1.7;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;margin:28px 0 36px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-row div{padding:14px 0;border-top:1px solid var(--line)}.trust-row strong,.trust-row span{display:block}.trust-row strong{font-size:14px}.trust-row span{font-size:12px;color:var(--muted);margin-top:4px}.hero-visual{position:relative;min-height:430px}.screen{position:absolute;border-radius:24px;box-shadow:0 28px 70px rgba(20,24,32,.2)}.screen-main{inset:32px 82px 50px 0;background:#f9fafc;border:10px solid #171a20;padding:22px;transform:rotate(-1.5deg)}.screen-cds{width:210px;right:0;bottom:2px;background:#b60008;color:white;border:10px solid #171a20;padding:24px;text-align:center;transform:rotate(2deg)}.screen-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe3e9;padding-bottom:12px}.pos-grid{display:grid;grid-template-columns:1fr .9fr;gap:18px;margin-top:18px}.categories{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.categories span{background:#fff;border:1px solid #e3e5e9;border-radius:12px;padding:18px 12px;font-size:13px;font-weight:800}.categories .active{background:#fff0f0;color:var(--red);border-color:#ffc8ca}.order-card{background:white;border:1px solid #e3e5e9;border-radius:16px;padding:18px}.order-title{font-weight:900;margin-bottom:16px}.line{display:flex;justify-content:space-between;font-size:13px;margin:10px 0}.modifier{font-size:11px;color:var(--muted);padding-left:10px}.total{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding-top:13px;margin-top:14px}.order-card button{width:100%;border:0;border-radius:9px;background:var(--red);color:#fff;font-weight:900;padding:12px;margin-top:16px}.cds-label{font-size:11px;font-weight:900;letter-spacing:.1em}.cds-total{font-size:36px;font-weight:900;margin:18px 0}.qr-grid{width:92px;height:92px;margin:auto;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 50%/18px 18px;border:8px solid white}.screen-cds small{display:block;margin-top:12px;font-weight:800}.ecosystem{background:var(--soft);border-block:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:38px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(34px,4vw,52px)}.flow-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px}.flow-grid article{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}.flow-grid article span{color:var(--red);font-weight:900}.flow-grid h3{margin:10px 0 6px}.flow-grid p{margin:0;color:var(--muted);font-size:14px}.arrow{font-size:26px;color:var(--red)}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-grid article{border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 12px 30px rgba(17,21,29,.04);transition:.2s}.solution-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.solution-grid .icon{font-size:28px;color:var(--red)}.solution-grid h3{font-size:20px;margin:16px 0 10px}.solution-grid p{color:var(--muted);line-height:1.6;min-height:78px}.solution-grid a{color:var(--red);font-weight:900;text-decoration:none}.web-showcase{background:linear-gradient(135deg,#a80008,#e3161d);color:white}.web-showcase .split{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.web-showcase h2{font-size:clamp(38px,4.5vw,58px)}.web-showcase p{color:#ffe5e6}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.pill-row span{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);padding:9px 12px;border-radius:999px;font-size:13px}.browser-mock{background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.25);overflow:hidden}.browser-top{height:46px;background:#eef0f3;display:flex;align-items:center;gap:7px;padding:0 16px;color:#707784;font-size:11px}.browser-top i{width:10px;height:10px;border-radius:50%;background:#c7cbd2}.browser-top span{margin-left:8px}.browser-body{padding:24px}.mini-hero{height:150px;border-radius:14px;background:linear-gradient(135deg,#fff2f2,#f5f6f8)}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.mini-cards span{height:74px;border-radius:12px;background:#f1f3f6}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-grid article{padding:24px;border-top:3px solid var(--red);background:#fff}.why-grid p{color:var(--muted);line-height:1.55}.shop-card{background:linear-gradient(100deg,#c80d14,#ef232a);color:white;border-radius:28px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 24px 60px rgba(227,22,29,.18)}.shop-card h2{font-size:38px;margin-bottom:10px}.shop-card p{margin:0;color:#ffe1e2}.enquiry{background:var(--soft);border-top:1px solid var(--line)}.enquiry-grid{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:start}.enquiry-copy h2{font-size:clamp(38px,4vw,56px)}.enquiry-copy ul{padding-left:20px;color:var(--muted);line-height:1.8}.enquiry-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.enquiry-form label{display:block;font-size:13px;font-weight:850;margin-bottom:14px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;border:1px solid #d9dee7;background:#fff;border-radius:12px;padding:13px 14px;margin-top:8px;font:inherit;color:var(--ink)}.enquiry-form textarea{resize:vertical}.verify-row{display:flex;align-items:center;gap:14px;margin:4px 0 16px}.verify-row span{font-size:12px;color:var(--muted)}.full{width:100%}.form-note{font-size:12px;margin-top:10px;color:var(--muted)}.site-footer{background:var(--dark);color:#fff;padding-top:12px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px;padding-top:50px;padding-bottom:42px}.footer-brand img{width:220px;height:72px;object-fit:contain;object-position:left center}.footer-brand p{color:#aeb7c6;line-height:1.6;max-width:300px}.footer-brand a{color:white;text-decoration:none;font-weight:800}.footer-grid h4{margin:12px 0 18px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px}.footer-grid a,.footer-grid span{color:#9ca9bd;text-decoration:none;font-size:14px}.footer-bottom{border-top:1px solid #29303a;padding-top:20px;padding-bottom:22px;display:flex;justify-content:space-between;color:#7f8b9d;font-size:12px}.ai-launch{position:fixed;right:26px;bottom:26px;width:58px;height:58px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:24px;box-shadow:0 16px 38px rgba(227,22,29,.38);cursor:pointer;z-index:80}.ai-panel{position:fixed;right:26px;bottom:96px;width:360px;max-width:calc(100vw - 36px);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 80px rgba(17,21,29,.25);overflow:hidden;z-index:90;display:none}.ai-panel.open{display:block}.ai-head{background:var(--dark);color:#fff;padding:17px 18px;display:flex;justify-content:space-between;align-items:center}.ai-head strong,.ai-head span{display:block}.ai-head span{font-size:11px;color:#aeb7c6;margin-top:2px}.ai-head button{border:0;background:transparent;color:white;font-size:24px;cursor:pointer}.ai-messages{padding:16px;height:240px;overflow:auto;background:#f7f8fa}.msg{max-width:82%;padding:10px 12px;border-radius:13px;margin:8px 0;font-size:13px;line-height:1.45}.msg.bot{background:#fff;border:1px solid var(--line)}.msg.user{background:var(--red);color:#fff;margin-left:auto}.quick-replies{padding:10px 12px;display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line)}.quick-replies button{border:1px solid #ffc7c9;background:#fff5f5;color:var(--red);border-radius:999px;padding:7px 10px;font-size:12px;cursor:pointer}.ai-input-row{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line)}.ai-input-row input{border:0;padding:14px;font:inherit;outline:none}.ai-input-row button{border:0;background:var(--red);color:#fff;padding:0 18px;font-weight:800}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:78px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block}.hero,.enquiry-grid,.web-showcase .split{grid-template-columns:1fr}.hero{padding-top:48px}.hero-visual{min-height:390px}.solution-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.flow-grid{grid-template-columns:1fr 1fr}.flow-grid .arrow{display:none}.footer-grid{grid-template-columns:1fr 1fr}.brand img{width:180px}.shop-card{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.section-shell{padding:56px 20px}.nav-wrap{padding:10px 18px}.brand img{width:150px;height:48px}.hero{min-height:auto}.hero-visual{min-height:340px}.screen-main{right:30px}.screen-cds{width:160px}.trust-row,.solution-grid,.why-grid,.field-row,.footer-grid,.flow-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.hero-actions{flex-direction:column;align-items:stretch}.ai-panel{right:18px;bottom:88px}.ai-launch{right:18px;bottom:18px}}