*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080d17;color:#edf2fb;font:16px/1.8 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#a6c4ff}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #27344a}.logo{width:110px;filter:invert(1);mix-blend-mode:screen}nav{display:flex;align-items:center;gap:22px;font-size:14px}.langs a{padding:8px}.langs [aria-current]{color:#9fc1ff;border-bottom:2px solid #729eff}.eyebrow{color:#d8b992;letter-spacing:2px;text-transform:uppercase;font-size:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center;padding:60px 0}h1{font-size:clamp(32px,4vw,48px);line-height:1.3;letter-spacing:-1px;margin:18px 0}h2{font-size:28px;line-height:1.4}h3{font-size:19px}p{color:#b5c2d5}.btn{display:inline-block;background:#2963ed;border:1px solid #447cf7;padding:12px 20px;border-radius:9px;color:white;font-weight:600}.outline{background:transparent;border-color:#526580}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.image{position:relative}.image img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;border-radius:60px 16px 16px 16px}.caption{font-size:11px;position:absolute;bottom:8px;left:16px;color:#fff}.brandtag{display:inline-block;border:1px solid #435270;border-radius:30px;padding:5px 14px;font-size:12px;color:#b6cafd}.section{padding:36px 0;border-top:1px solid #26354b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#111d30;border:1px solid #2a3c56;padding:25px;border-radius:15px}.card p{font-size:15px}.flow{background:#eee3d3;color:#18283f;border-radius:18px;padding:28px}.flow h2{margin-top:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;margin:0}.steps li{border:1px solid #d1c3af;border-radius:12px;padding:18px;background:#fffcf6;line-height:1.5}.steps b{display:block;width:30px;height:30px;background:#244b84;color:#fff;border-radius:50%;text-align:center;line-height:30px;margin-bottom:12px}.example{padding:25px;border-left:3px solid #d9b58b;background:#121b29;border-radius:0 12px 12px 0}details{border-bottom:1px solid #29374e;padding:18px 0}summary{cursor:pointer;font-weight:600}details p{margin-bottom:0}.contact{background:linear-gradient(120deg,#152948,#102019);padding:32px;border-radius:18px;margin:30px 0}.contact h2{margin-top:0}.note{font-size:13px;color:#9cafc7}.related{display:flex;gap:14px;flex-wrap:wrap}.related a{padding:10px 16px;border:1px solid #354761;border-radius:9px}.contact-us{border-top:1px solid #27344a;text-align:center;color:#9dadc4;font-size:12px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px}a:focus-visible,summary:focus-visible{outline:3px solid #dec397;outline-offset:5px}@media(max-width:760px){header,main,footer{padding:20px}nav{gap:12px;font-size:12px}.hero{grid-template-columns:1fr;padding:35px 0;gap:25px}.hero .image{max-width:500px}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.section{padding:28px 0}.contact{padding:22px}}@media(max-width:400px){.steps{grid-template-columns:1fr}header nav>a{display:none}}
/* Original supplier logos and supplier-specific accents. */
[data-vendor=knowlarity]{--brand:#5e4bb8;--accent:#beb2ff;--brand-dark:#211b3d;--brand-soft:#eee9ff;--brand-ink:#453887}
[data-vendor=gupshup]{--brand:#5e34f1;--accent:#c6b6ff;--brand-dark:#23133e;--brand-soft:#f2eaff;--brand-ink:#5828af}
[data-vendor=presto]{--brand:#db202c;--accent:#ffb1b6;--brand-dark:#35171f;--brand-soft:#fff0ee;--brand-ink:#a61d2a}
[data-vendor=xoxoday]{--brand:#1d4ed8;--accent:#ffd477;--brand-dark:#112548;--brand-soft:#fff5da;--brand-ink:#2549a1}
.vendor-identity{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.vendor-logo-wrap{background:#fff;border:1px solid #ffffff38;border-radius:12px;padding:16px 22px;display:flex;align-items:center;justify-content:center;min-width:175px;min-height:70px}.vendor-logo{display:block;width:auto;max-width:180px;height:38px;object-fit:contain;filter:none}.vendor-logo-wrap.presto{min-width:80px;min-height:80px;padding:8px;background:transparent;border:0}.vendor-logo-wrap.presto .vendor-logo{width:72px;height:72px}.vendor-identity .supplier-name{color:var(--accent);font-size:13px;letter-spacing:1.5px}
.supplier-panel.vendor-theme{padding:28px;border-radius:20px;border:1px solid var(--brand);background:radial-gradient(ellipse at top right,var(--brand-dark),#090f1b 65%);margin-top:24px}.vendor-theme .supplier-intro h3{color:#fff}.vendor-theme .btn.outline{border-color:var(--accent);color:var(--accent);background:var(--brand-dark)}.vendor-theme .service-item{border-color:var(--brand);background:linear-gradient(145deg,var(--brand-dark),#0b1320)}.vendor-theme .service-picture{background:radial-gradient(ellipse at center,var(--brand),var(--brand-dark));border-color:var(--brand)}.vendor-theme .art-disc{color:var(--accent);border-color:var(--accent);background:var(--brand-dark)}.vendor-theme .service-graphic{background:linear-gradient(125deg,#fff,var(--brand-soft));color:var(--brand-ink)}.vendor-theme .graphic-icon{color:var(--brand-ink);background:var(--brand-soft)}.vendor-theme .flow-number{color:var(--brand-ink)}.vendor-theme .flow-arrow{color:var(--brand-ink)}.vendor-theme .mini-flow span{background:var(--brand-dark);color:var(--accent)!important}.vendor-theme .mini-flow span:last-child{background:var(--brand);color:#fff!important}.vendor-theme .mini-flow b{color:var(--accent)}.vendor-theme .service-item>span{color:var(--accent);border-color:var(--brand)}
.supplier-tab{display:flex;align-items:center;gap:10px}.tab-logo{background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;width:74px;height:28px;padding:4px}.tab-logo img{display:block;max-width:100%;width:auto;height:auto;max-height:100%;object-fit:contain}.tab-logo.presto{width:28px;padding:0;background:transparent}.supplier-tab[data-tab="0"][aria-selected=true]{background:#403276;border-color:#bfb2ff}.supplier-tab[data-tab="1"][aria-selected=true]{background:#5e34f1;border-color:#ff3964}.supplier-tab[data-tab="2"][aria-selected=true]{background:#a91925;border-color:#ff9caa}.supplier-tab[data-tab="3"][aria-selected=true]{background:#1d4ed8;border-color:#ffb200}
@media(max-width:650px){.supplier-panel.vendor-theme{padding:18px}.supplier-tabs{display:grid;grid-template-columns:1fr 1fr}.supplier-tab{padding:10px;font-size:11px;gap:7px}.tab-logo{width:55px}.vendor-logo-wrap{padding:12px 16px}.vendor-logo{max-width:145px}.vendor-identity{gap:12px}}

body[data-vendor]{background:radial-gradient(ellipse at top right,var(--brand-dark),#080d17 55%)}
body[data-vendor] .eyebrow{color:var(--accent)}body[data-vendor] .btn:not(.outline){background:var(--brand);border-color:var(--brand);color:#fff}body[data-vendor] .outline{border-color:var(--accent);color:var(--accent)}body[data-vendor] .card{background:linear-gradient(140deg,var(--brand-dark),#111927);border-color:var(--brand)}body[data-vendor] .flow{background:linear-gradient(125deg,#fff,var(--brand-soft));color:var(--brand-ink)}body[data-vendor] .steps b{background:var(--brand)}body[data-vendor] .example{border-color:var(--accent)}body[data-vendor] .contact{background:linear-gradient(120deg,var(--brand-dark),#11201f);border:1px solid var(--brand)}body[data-vendor] .brandtag{border-color:var(--brand);color:var(--accent)}.supplier-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0}.supplier-badges .vendor-logo-wrap{min-width:150px}.supplier-badges .vendor-logo{max-width:145px;height:34px}.supplier-badges .vendor-logo-wrap.presto{min-width:70px;min-height:70px}.supplier-badges .vendor-logo-wrap.presto .vendor-logo{width:62px;height:62px}.vendor-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.vendor-choice{background:linear-gradient(135deg,var(--brand-dark),#111927);border:1px solid var(--brand);border-radius:16px;padding:24px}.vendor-choice h3{color:var(--accent)}.vendor-choice .vendor-logo-wrap{width:fit-content}@media(max-width:650px){.vendor-choice-grid{grid-template-columns:1fr}}

/* Preserve image proportions across all service pages. */
.image img{object-fit:cover;object-position:center}