/* Shared navigation and the Universal Commerce marketing homepage. */
:root{--uc-navy:#102e44;--uc-blue:#1476ba;--uc-muted:#526777;--uc-paper:#f7f9fa;--uc-line:#dce5eb}
html{scroll-padding-top:100px}body{margin:0}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #1576bb!important;outline-offset:5px}
.uc-nav{position:fixed;inset:0 0 auto;z-index:1000;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1320px)/2));gap:32px;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid var(--uc-line);font-family:'Instrument Sans',Arial,sans-serif;color:var(--uc-navy)}
.uc-nav *{box-sizing:border-box}.uc-brand{display:flex;flex-shrink:0}.uc-brand img{width:220px;height:auto;max-height:60px;object-fit:contain}.uc-primary{display:flex;align-items:center;gap:36px}.uc-nav-list{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.uc-nav a{text-decoration:none}.uc-nav-list>li>a,.uc-nav-group>button,.uc-nav-actions>a:not(.uc-button){font:500 14px/1.5 'Instrument Sans',Arial,sans-serif;color:var(--uc-navy);white-space:nowrap}.uc-nav-group{position:relative}.uc-nav-group>button{padding:24px 0;background:none;border:0;cursor:pointer;display:flex;gap:8px;align-items:center}.uc-submenu{display:none;position:absolute;top:calc(100% - 4px);left:-18px;min-width:255px;padding:10px!important;margin:0;list-style:none;border:1px solid var(--uc-line);background:white;border-radius:12px;box-shadow:0 18px 40px #102e4420}.uc-nav-group.is-open>.uc-submenu{display:block}.uc-submenu a{display:block;padding:11px 12px;color:var(--uc-navy);font-size:14px;line-height:1.4;border-radius:6px}.uc-submenu a:hover,.uc-submenu a:focus-visible{background:#eef5fa}.uc-submenu a[aria-current=page]{background:#eef5fa;font-weight:700}.uc-nav-actions{display:flex;align-items:center;gap:22px}.uc-mobile-toggle{display:none}.uc-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 21px;border:1px solid transparent;border-radius:6px;font:600 14px/1.4 'Instrument Sans',Arial,sans-serif;text-decoration:none;transition:transform .2s,background .2s}.uc-button:hover{transform:translateY(-2px)}.uc-button-dark{background:var(--uc-navy);color:white!important}.uc-button-dark:hover{background:#164968}.uc-button-light{background:#fff;color:var(--uc-navy)!important}.uc-home{background:white;color:var(--uc-navy)}.marketing-home{font-family:'Instrument Sans',Arial,sans-serif;padding-top:88px;overflow:hidden}.uc-wrap{max-width:1320px;margin:auto;padding:0 36px}.marketing-home section{padding:100px 0}.marketing-home h1,.marketing-home h2,.marketing-home h3{font-family:'Instrument Sans',Arial,sans-serif;letter-spacing:-.055em;font-weight:600;margin:0;color:inherit}.marketing-home h2{font-size:clamp(32px,3.5vw,48px);line-height:1.13}.marketing-home h3{font-size:27px;line-height:1.18}.marketing-home p{margin:0}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.13em;font-weight:600;color:var(--uc-blue);margin-bottom:23px!important}.eyebrow>span{display:inline-block;width:7px;height:7px;background:#1592ca;margin-right:8px;border-radius:50%}.marketing-home em{font-style:normal;color:var(--uc-blue)}.marketing-home .growth-hero{padding:82px 0 70px;background:radial-gradient(ellipse at 90% 40%,#e5f1f9,transparent 55%),linear-gradient(125deg,#fcfdfd,#f3f7fa)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}.hero-copy h1{font-size:clamp(42px,4.3vw,63px);line-height:1.065;letter-spacing:-.058em}.hero-lede{font-size:20px;line-height:1.5;margin-top:25px!important;max-width:530px}.hero-detail{font-size:16px;line-height:1.7;color:var(--uc-muted);margin-top:18px!important;max-width:545px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:600;line-height:1.5;color:var(--uc-navy);text-decoration:none;display:inline-flex;gap:14px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-proof{display:flex;gap:17px;margin-top:34px;font-size:12px;color:var(--uc-muted);flex-wrap:wrap}.hero-proof span:before{content:'✓';color:#127763;margin-right:6px}
.commerce-map{position:relative;border:1px solid #cedfe9;border-radius:22px;background:linear-gradient(155deg,#fff9,#fff3);padding:30px 25px;box-shadow:0 35px 60px -30px #456c9135}.map-label{font-size:11px;letter-spacing:.12em;text-align:center;color:#546d80;margin-bottom:30px;font-weight:600}.map-channels{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:10px;text-align:center}.map-channels>div{background:#fff;border:1px solid #dae5ed;border-radius:10px;padding:16px 6px;box-shadow:0 5px 12px #234b6a04}.map-icon{display:block;font-size:27px;line-height:1.3;color:var(--uc-blue);margin-bottom:10px}.map-channels strong{font-size:13px;display:block}.map-channels small{display:block;color:#637889;font-size:11px;margin-top:5px}.map-connect{display:flex;justify-content:space-around;height:40px;border-bottom:1px solid #9bbbd2;width:70%;margin:auto;position:relative}.map-connect i{border-left:1px solid #9bbbd2;height:22px}.map-connect:after{content:'';position:absolute;border-left:1px solid #9bbbd2;top:22px;bottom:-20px;left:50%}.map-core{position:relative;margin-top:19px;background:var(--uc-navy);border:1px solid #375c78;border-radius:13px;color:white;padding:24px 20px;box-shadow:0 14px 28px #193d6520}.map-core-top{display:flex;align-items:center;justify-content:center;gap:14px}.map-mark{background:#2a536f;border:1px solid #5c8ba9;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;font-size:18px}.map-core small{font-size:9px;letter-spacing:.1em;color:#b7d0e2;display:block;margin-bottom:5px}.map-core strong{font-size:23px;letter-spacing:-.035em}.map-pillars{display:flex;justify-content:center;gap:8px;margin-top:21px}.map-pillars span{font-size:11px;border:1px solid #ffffff32;padding:7px 10px;border-radius:5px}.map-pillars span:nth-child(1){color:#ffc5a8}.map-pillars span:nth-child(2){color:#dcc7ff}.map-pillars span:nth-child(3){color:#9ce8d5}.map-feedback{display:flex;justify-content:space-between;margin:19px 12px;color:#466982;font-size:12px}.map-foundation{text-align:center;border:1px dashed #a3bece;border-radius:9px;padding:17px 8px;background:#ffffff70}.map-foundation>span{font-size:10px;letter-spacing:.12em;color:#5b7486}.map-foundation p{font-size:14px;margin-top:8px!important}.map-note{font-size:11px;color:#5b7587;text-align:center;margin-top:22px}.map-note span{display:inline-block;width:6px;height:6px;background:#2b9e80;border-radius:50%;margin-right:5px}.model-strip{padding:27px 0;border-bottom:1px solid var(--uc-line)}.model-strip .uc-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.model-strip span{font-size:11px;letter-spacing:.11em;color:#657785}.model-strip p{font-size:17px;font-weight:500}.model-strip i{font-style:normal;color:#a2bac9;margin:0 19px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-heading>p{max-width:385px;font-size:16px;line-height:1.7;color:var(--uc-muted)}.outcomes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.outcome-card{padding:30px;border:1px solid var(--uc-line);border-radius:12px;background:#fff;display:flex;flex-direction:column;min-height:410px}.outcome-label{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.1em;color:#486d88;margin-bottom:29px;font-weight:600}.outcome-label>span{font-size:14px;letter-spacing:0;color:#1777b2;background:#edf5fa;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.outcome-card h3{margin-bottom:18px}.outcome-card>p{font-size:15px;line-height:1.7;color:var(--uc-muted);margin-bottom:24px}.outcome-measure{margin-top:auto;padding:18px 0;border-top:1px solid var(--uc-line);font-size:13px;line-height:1.6;color:#526979}.outcome-measure>span{display:block;font-size:10px;letter-spacing:.1em;color:#35789f;font-weight:600;margin-bottom:8px}.outcome-card>.text-link{margin-top:12px}.outcome-invitation{border-radius:12px;padding:33px;background:#12384e;color:white;display:flex;align-items:flex-start;flex-direction:column}.invitation-mark{font-size:44px;font-weight:300;color:#96c9e5;margin-bottom:25px}.outcome-invitation h3{font-size:31px}.outcome-invitation p{color:#bed3df;font-size:16px;line-height:1.7;margin-top:18px}.outcome-invitation .uc-button{margin-top:auto}.marketing-home .modernise-section{background:#f1f6f9}.modernise-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.modernise-grid>div>p:not(.eyebrow){font-size:17px;line-height:1.75;color:var(--uc-muted);margin:24px 0}.modernise-steps{list-style:none;margin:0;padding:0}.modernise-steps li{display:flex;gap:24px;padding:29px 0;border-bottom:1px solid #d1dfe8}.modernise-steps li:first-child{padding-top:0}.modernise-steps li:last-child{border-bottom:0;padding-bottom:0}.modernise-steps li>span{color:#2a8bc4;font-size:14px;padding-top:4px}.modernise-steps h3{font-size:23px;letter-spacing:-.035em}.modernise-steps p{margin-top:12px;font-size:16px;line-height:1.65;color:var(--uc-muted)}.business-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.business-pillar{display:flex;flex-direction:column;padding:32px 28px;border:1px solid var(--uc-line);border-top:3px solid #de6e3c;border-radius:9px;text-decoration:none;color:var(--uc-navy);transition:box-shadow .2s,transform .2s}.business-pillar:hover{transform:translateY(-4px);box-shadow:0 10px 30px #10324a12}.business-pillar:nth-child(2){border-top-color:#8a5cba}.business-pillar:nth-child(3){border-top-color:#278b76}.pillar-index{font-size:11px;letter-spacing:.075em;margin-bottom:26px;color:#627584}.business-pillar h3{font-size:32px}.business-pillar p{font-size:16px;line-height:1.7;color:var(--uc-muted);margin:22px 0 27px}.business-pillar strong{font-size:13px;margin-top:auto}.overview-note{font-size:14px;line-height:1.8;color:var(--uc-muted);text-align:center;margin-top:30px}.overview-note a{color:var(--uc-navy);text-underline-offset:4px}.marketing-home .growth-contact{background:radial-gradient(ellipse at 95% 0,#275672,transparent 60%),#102e44;color:white;text-align:center}.growth-contact .eyebrow{color:#b0d3eb}.growth-contact h2{font-size:clamp(32px,4vw,52px);line-height:1.2}.growth-contact em{color:#9bd4f4}.growth-contact p:not(.eyebrow){font-size:17px;color:#c0d5e2;line-height:1.7;margin:24px 0 30px}.uc-home footer{background:#f7f9fa;color:var(--uc-navy)}.uc-home footer .footer-tagline,.uc-home footer .footer-address,.uc-home footer .flinks a,.uc-home footer .footer-copy{color:#53697a}.uc-home footer .fcol-title{color:#294a61}.uc-home footer .footer-bottom{border-color:#dce5eb}.uc-home footer .footer-built{color:#53697a}
@media(min-width:1800px){.uc-nav{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}
@media(max-width:1150px){.uc-nav{gap:18px;padding:0 24px}.uc-primary{gap:20px}.uc-nav-list{gap:18px}.uc-nav-actions{gap:16px}.uc-brand img{width:190px}.uc-nav-actions>a:not(.uc-button){display:none}.hero-grid{gap:30px}.hero-copy h1{font-size:50px}.commerce-map{padding:25px 18px}.map-core strong{font-size:21px}.outcome-card{padding:25px}.modernise-grid{gap:55px}}
@media(max-width:900px){.uc-nav{height:76px}.uc-mobile-toggle{display:flex;gap:12px;align-items:center;border:1px solid #d1dee7;border-radius:5px;background:white;color:var(--uc-navy);font:600 14px Arial;padding:11px 14px}.uc-primary{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;max-height:calc(100dvh - 76px);overflow-y:auto;padding:18px 24px 26px;border-bottom:1px solid var(--uc-line)}.uc-primary.is-open{display:block}.uc-nav-list{display:block}.uc-nav-group>button{padding:15px 0;justify-content:space-between;width:100%;font-size:16px}.uc-nav-list>li>a{display:block;padding:15px 0;font-size:16px}.uc-submenu{position:static;box-shadow:none;border:0;background:#f2f6f9;min-width:0}.uc-nav-actions{border-top:1px solid var(--uc-line);margin-top:12px;padding-top:20px;justify-content:space-between}.uc-nav-actions>a:not(.uc-button){display:block}.marketing-home{padding-top:76px}.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(42px,7vw,62px)}.hero-lede,.hero-detail{max-width:650px}.commerce-map{max-width:570px;width:100%;margin:14px auto 0;padding:30px}.hero-copy{max-width:680px}.marketing-home .growth-hero{padding:55px 0}.model-strip .uc-wrap{flex-direction:column;gap:14px;text-align:center}.model-strip i{margin:0 9px}.outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.section-heading>p{max-width:600px;margin-top:22px}.modernise-grid{grid-template-columns:1fr;gap:38px}.business-pillars{grid-template-columns:1fr;gap:18px}.business-pillar{padding:30px}.business-pillar h3 br{display:none}.business-pillar p{max-width:640px}.outcome-invitation .uc-button{margin-top:25px}.marketing-home section{padding:65px 0}}
@media(max-width:560px){.uc-wrap{padding:0 22px}.uc-nav{padding:0 20px}.uc-brand img{width:178px}.hero-copy h1{font-size:43px}.hero-lede{font-size:18px}.hero-actions{gap:21px}.hero-proof{font-size:11px;gap:11px}.eyebrow{font-size:10px;letter-spacing:.095em}.commerce-map{padding:24px 13px;border-radius:14px}.map-label{font-size:9px;letter-spacing:.06em;margin-bottom:24px}.map-channels{gap:6px}.map-channels strong{font-size:11px}.map-channels small{font-size:10px}.map-core{padding:20px 12px}.map-core strong{font-size:21px}.map-core small{font-size:8px}.map-mark{width:40px;height:40px}.map-feedback{font-size:11px;margin:18px 4px}.map-foundation p{font-size:12px}.model-strip p{font-size:13px}.model-strip i{margin:0 5px}.outcomes-grid{grid-template-columns:1fr}.outcome-card{min-height:0;padding:27px}.outcome-invitation{min-height:330px}.marketing-home h2{font-size:34px}.outcome-card>p{font-size:16px}.outcome-measure{font-size:14px}.map-pillars span{padding:7px 9px}.modernise-steps li{gap:18px}.uc-home footer{padding-left:22px;padding-right:22px}#cta-modal>div{padding:32px 20px!important}.overview-note{text-align:left}.marketing-home section{padding:55px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}