:root{--navy:#10233f;--blue:#2463eb;--slate:#526278;--mist:#edf3fa;--line:#dbe4ef;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-size:16px;line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(2.8rem,5.3vw,5.5rem);margin-bottom:26px}h2{font-size:clamp(2rem,3.3vw,3.4rem);margin-bottom:24px}h3{font-size:1.45rem;letter-spacing:-.025em;margin-bottom:16px}p{color:var(--slate);margin-bottom:22px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}img{max-width:100%;display:block;height:auto}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.shell,.section-shell{width:min(1216px,calc(100% - 64px));margin-inline:auto}.section{padding-block:100px}.eyebrow,.kicker{font-size:.8rem;letter-spacing:.13em;font-weight:700;text-transform:uppercase;color:var(--blue);margin-bottom:22px}.small{font-size:.875rem}.lead{font-size:1.2rem;line-height:1.7;max-width:730px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 23px;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:5px;font-size:.95rem;line-height:1.45;font-weight:700;min-height:54px;transition:background .2s,transform .2s}.button:hover{background:#164fc7;text-decoration:none;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--navy);border-color:#a9b9ce}.button.secondary:hover{background:var(--mist)}.text-link{font-weight:700;color:var(--blue);display:inline-block;margin-top:10px}.skip-link{position:fixed;left:20px;top:-100px;background:white;padding:12px;z-index:100}.skip-link:focus{top:15px}.announcement{background:var(--navy);color:white;font-size:.8rem;display:flex;justify-content:center;gap:22px;padding:9px 24px}.announcement>span{color:#b8cced}.site-header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:98px}.brand{flex-shrink:0}.brand img{width:245px}.site-header nav{display:flex;align-items:center;gap:25px;font-size:.9rem;font-weight:600}.site-header nav a[aria-current=page]:not(.nav-contact){color:var(--blue)}.nav-contact{background:var(--navy);color:white;padding:13px 20px;border-radius:4px}.menu-button{display:none}.home-hero{background:var(--mist);padding:90px 0 100px}.hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:70px;align-items:center}.home-hero h1{font-size:clamp(3.5rem,5.5vw,5.8rem);letter-spacing:-.06em;line-height:1.03}.home-hero h1 em,.page-intro h1 em{color:var(--blue);font-style:normal}.home-hero .lead{max-width:560px;font-size:1.13rem}.hero-location{font-size:.875rem;margin:25px 0 0}.product-flow{background:var(--navy);color:#fff;border-radius:12px;padding:26px;box-shadow:0 25px 50px #10233f1b;position:relative;overflow:hidden}.flow-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff26;padding-bottom:22px;font-weight:700}.flow-head img{width:38px}.flow-label{font-size:.75rem;font-weight:400;margin-left:auto;color:#b4c9e5;max-width:70px;line-height:1.4}.flow-inputs{display:flex;justify-content:center;gap:10px;padding:30px 0}.flow-inputs span{padding:6px 17px;border:1px solid #7899c15e;color:#c9dcf4;font-size:.8rem;border-radius:30px}.flow-track{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #5486ed;position:relative;gap:1px;background:#ffffff14}.flow-track:before{content:'';position:absolute;top:-4px;left:0;height:6px;width:28px;background:#abc7ff;border-radius:10px;animation:travel 4s linear 1}.flow-track>div{padding:23px 14px 16px;background:#182f4c}.flow-track>div>span{color:#8cb3ff;font-size:.75rem}.flow-track h3{font-size:1.2rem;margin:14px 0 8px;letter-spacing:-.02em}.flow-track p{font-size:.8rem;color:#c0cfe2;line-height:1.6;margin:0}.flow-result{border-bottom:1px solid #ffffff26;padding:30px 8px;display:grid;gap:5px}.flow-result span{color:#b4c9e5;font-size:.95rem}.flow-result strong{font-size:1.65rem;letter-spacing:-.025em}.diagram-note{font-size:.75rem;color:#a3bddf;margin:18px 0 0}.experience-band{border-bottom:1px solid var(--line);background:#fff}.experience-band>.shell{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:30px}.experience-band strong{font-size:2.5rem;letter-spacing:-.05em}.experience-band strong span{font-size:.8rem;font-weight:400;letter-spacing:0;margin-left:10px}.experience-band p{font-size:.9rem;margin:0;line-height:1.6}.experience-band a{font-size:.875rem;color:var(--blue);font-weight:700}.split-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start;margin-bottom:44px}.split-heading h2{margin-bottom:0}.split-heading>p{margin:7px 0 0}.solution-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution-pair article{padding:45px;border-radius:7px}.solution-pair h3{font-size:2rem}.crm-teaser{background:var(--navy);color:white}.crm-teaser p{color:#c2d2e6}.crm-teaser .eyebrow{color:#95b7ff}.service-teaser{background:var(--mist)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0 35px}.tags span{padding:6px 10px;background:#ffffff0c;border:1px solid #ffffff26;border-radius:4px;font-size:.75rem;color:#cee0f9}.service-teaser .tags span{color:var(--slate);border-color:#cad7e6;background:#ffffff80}.mist{background:var(--mist)}.navy{background:var(--navy);color:white}.navy p{color:#bfd0e7}.navy .eyebrow{color:#9cbfff}.section-heading{margin-bottom:45px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{background:#fff;padding:28px 24px;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s,transform .2s}.service-card:hover{border-color:var(--blue);transform:translateY(-4px);text-decoration:none}.step{color:var(--blue);font-size:.875rem;display:block;margin-bottom:30px;font-weight:700}.service-card h3{min-height:3.4em;font-size:1.4rem}.service-card p{font-size:.95rem;line-height:1.7}.service-card .text-link{margin-top:auto;font-size:.875rem}.evidence-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.evidence-grid figure{margin:0;padding:18px;background:var(--mist);border:1px solid var(--line);border-radius:8px}.evidence-grid img{border:1px solid var(--line)}figcaption{font-size:.8rem;color:var(--slate);padding:15px 0 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid article{border-top:1px solid #aebfd5;padding-top:25px}.process-grid p{font-size:.95rem}.process-grid .step{margin-bottom:22px}.cta-section{padding:70px 0;background:var(--mist)}.cta-inner{display:flex;justify-content:space-between;gap:50px;align-items:center}.cta-inner h2{max-width:730px}.cta-inner p:last-child{margin:0;max-width:640px}.cta-inner>.button{flex-shrink:0}footer{background:var(--navy);color:white;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:50px}.footer-grid img{width:240px;margin-bottom:25px}.footer-grid h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;color:#9cb6d8}.footer-grid p{color:#b9cce4;font-size:.9rem}.footer-grid a{display:block;font-size:.875rem;margin-bottom:12px}.footer-grid .footer-cta{color:#a9c7ff;font-weight:700}.footer-bottom{border-top:1px solid #ffffff25;margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;gap:22px;font-size:.75rem;color:#a8bdd8}.page-intro{padding:78px 0 80px;background:var(--mist);border-bottom:1px solid var(--line)}.page-intro h1{max-width:1000px}.page-intro .lead{margin-bottom:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.detail-grid article{border:1px solid var(--line);border-radius:5px;padding:35px}.detail-grid p:last-child{margin-bottom:0}.faq{display:grid;grid-template-columns:.9fr 1.2fr;gap:90px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:700;list-style:none;padding-right:32px;position:relative;line-height:1.5}summary:after{content:'+';position:absolute;right:2px;top:0;color:var(--blue);font-size:1.2rem}details[open]>summary:after{content:'−'}details p{margin:16px 0 0}.crm-overview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.check-list{padding-left:20px;color:var(--slate)}.check-list li{padding:6px 0}.crm-section{padding:0 0 95px}.crm-journey{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-block:1px solid var(--line);gap:15px;margin-bottom:70px;font-weight:700}.crm-journey b{color:var(--blue)}.crm-feature-heading{margin-bottom:35px;max-width:640px}.crm-feature-heading h3{font-size:2.5rem}.crm-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.crm-features article{border:1px solid var(--line);border-radius:6px;padding:28px}.crm-index{display:block;color:var(--blue);font-size:.875rem;margin-bottom:24px}.crm-features p{font-size:.95rem}.crm-features details{padding:0;border:0}.crm-features summary{font-size:.875rem;color:var(--blue)}.crm-notes{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.crm-notes p{font-size:.875rem;margin:0}.work{background:var(--navy);color:white;padding:90px 0}.work .eyebrow{color:#a6c5ff}.work p{color:#becfe3}.work-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:30px}.project-sample{display:block;margin-bottom:40px;border-radius:7px;overflow:hidden;background:#1b3555;border:1px solid #ffffff30}.project-sample img{width:100%}.project-sample span{display:block;padding:17px 25px;font-size:.875rem}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portfolio-card{border:1px solid #ffffff26;border-radius:6px;padding:34px;background:#172e4b}.portfolio-top{font-size:.8rem;color:#a9c8f5;margin-bottom:28px}.portfolio-card h3{font-size:1.7rem}.portfolio-card p{font-size:.95rem}.project-numbers{display:flex;gap:35px;margin:28px 0}.project-numbers strong{font-size:2rem;display:block;color:#a9c8f5}.project-numbers span{font-size:.8rem;color:#b4c7e2}.project-outcome{border-top:1px solid #ffffff25;padding-top:20px;display:grid;gap:10px}.project-outcome>span{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:#9fc1f2}.project-outcome strong{font-size:.95rem;font-weight:400;color:#d0dcef}.portfolio-card ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin-bottom:0}.portfolio-card li{font-size:.75rem;padding:5px 9px;background:#ffffff0a;color:#adc6e6;border-radius:3px}.profile{padding-block:90px}.company-heading{display:none}.company-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.company-portrait{width:100%;max-height:550px;aspect-ratio:4/4.5;object-fit:cover;object-position:center 23%;border-radius:7px;margin-bottom:28px}.person-name h3{font-size:1.8rem;margin-bottom:8px}.person-name p{color:var(--blue);font-size:.9rem}.technical-story h3{font-size:2.7rem}.expertise-tags{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.expertise-tags span{background:var(--mist);padding:8px 13px;font-size:.8rem;border-radius:4px}.inline-link{font-weight:700;color:var(--blue)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.contact-person{display:flex;gap:20px;align-items:center;margin-bottom:24px}.contact-person img{width:76px;height:90px;object-fit:cover;object-position:center 20%;border-radius:6px}.contact-person h2{font-size:1.4rem;margin:0 0 8px}.contact-person p{font-size:.875rem;margin:0;color:var(--blue)}.next-steps{list-style:none;counter-reset:steps;padding:10px 0 0;margin-bottom:30px}.next-steps li{counter-increment:steps;padding:0 0 22px 45px;position:relative}.next-steps li:before{content:'0' counter(steps);position:absolute;left:0;color:var(--blue);font-size:.875rem;font-weight:700}.next-steps strong{display:block;font-size:.95rem}.next-steps span{display:block;color:var(--slate);font-size:.9rem;margin-top:6px}.alternative-contact{font-size:.875rem;border-top:1px solid var(--line)}.enquiry-form{background:var(--mist);padding:38px;border:1px solid var(--line);border-radius:8px}.enquiry-form h2{font-size:1.9rem;margin-bottom:12px}.form-intro{font-size:.875rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{font-size:.875rem;font-weight:700;display:flex;flex-direction:column;gap:8px}.form-grid label>span{display:contents;font-weight:400}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #aebfd4;border-radius:4px;padding:13px 12px;color:var(--navy);background:#fff;font-size:1rem;font-weight:400;min-width:0}input::placeholder,textarea::placeholder{color:#687991;opacity:1}textarea{resize:vertical;min-height:145px}.consent{display:flex;gap:12px;font-size:.85rem;line-height:1.6;margin-top:25px;align-items:start}.consent input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:var(--blue)}.consent a,.prose a{color:var(--blue);text-decoration:underline}.form-note{font-size:.8rem;margin:18px 0 24px}.honeypot{display:none!important}.prose{max-width:820px}.prose h2{font-size:1.6rem;margin-top:35px}.prose h2:first-child{margin-top:0}@keyframes travel{0%,10%{left:0;opacity:0}20%{opacity:1}90%,100%{left:calc(100% - 28px);opacity:0}}
@media(min-width:1500px){.home-hero{padding-block:115px}.hero-grid{gap:90px}}
@media(max-width:1100px){.site-header nav{gap:17px;font-size:.8rem}.brand img{width:210px}.nav-shell{gap:20px}.hero-grid{gap:40px}.home-hero h1{font-size:4.3rem}.hero-grid .actions .button{font-size:.85rem;padding:14px 17px}.flow-track>div{padding-inline:10px}.service-grid{grid-template-columns:1fr 1fr}.service-card h3{min-height:0}.footer-grid{gap:30px}.company-layout{gap:60px}.contact-layout{gap:40px}.enquiry-form{padding:28px}.crm-overview{gap:40px}}
@media(max-width:900px){.menu-button{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:10px 13px;border-radius:4px;color:var(--navy)}.nav-shell{min-height:82px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 32px 25px;box-shadow:0 14px 22px #10233f14;font-size:1rem;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav a{padding:12px}.site-header nav .nav-contact{margin-top:12px}.hero-grid{gap:30px}.home-hero h1{font-size:3.65rem}.product-flow{padding:20px}.flow-track{grid-template-columns:1fr}.flow-track>div{display:grid;grid-template-columns:22px 1fr;gap:0 12px;padding:13px 15px}.flow-track h3{margin:0;font-size:1.1rem}.flow-track p{grid-column:2}.flow-result{padding:22px 0}.flow-result strong{font-size:1.4rem}.flow-head{gap:10px;font-size:.9rem}.flow-label{display:none}.flow-inputs{padding:22px 0;gap:6px}.flow-inputs span{padding:5px 10px}.split-heading{gap:35px}.solution-pair article{padding:30px}.process-grid{grid-template-columns:1fr 1fr}.evidence-grid{gap:35px}.experience-band>.shell{gap:25px}.experience-band a{max-width:160px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px 70px}.cta-inner{gap:30px}.cta-inner h2{font-size:2.25rem}.crm-features{grid-template-columns:1fr 1fr}.crm-journey{font-size:.8rem}.company-layout{gap:40px}.technical-story h3{font-size:2.1rem}.contact-layout{grid-template-columns:1fr 1.3fr;gap:30px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.contact-person{align-items:start;flex-direction:column}.work-heading{gap:35px}.portfolio-card{padding:25px}.faq{gap:40px}}
@media(max-width:680px){.shell,.section-shell{width:calc(100% - 40px)}.section{padding-block:65px}.announcement{font-size:.75rem;padding:8px 18px;gap:0}.announcement>span{display:none}.brand img{width:205px}.nav-shell{min-height:78px}.menu-button{font-size:.8rem;padding:8px 10px}.home-hero{padding:52px 0 58px}.hero-grid{grid-template-columns:1fr;gap:38px}.home-hero h1{font-size:clamp(3.2rem,12vw,4.8rem)}.home-hero .lead{font-size:1.05rem}.eyebrow,.kicker{font-size:.75rem;margin-bottom:18px}.hero-location{font-size:.8rem}.hero-grid .actions{gap:12px}.hero-grid .actions .button{font-size:.875rem}.product-flow{padding:22px}.flow-track{grid-template-columns:repeat(3,1fr)}.flow-track>div{display:block;padding:17px 10px}.flow-track h3{margin:10px 0;font-size:1rem}.flow-track p{font-size:.75rem}.flow-result strong{font-size:1.5rem}.experience-band>.shell{flex-wrap:wrap;padding-block:25px;gap:15px 25px}.experience-band strong{font-size:2.1rem;flex-basis:100%}.experience-band p{font-size:.8rem}.experience-band a{font-size:.8rem}.split-heading,.solution-pair,.evidence-grid,.crm-overview,.company-layout,.contact-layout,.work-heading,.faq{grid-template-columns:1fr;gap:25px}.split-heading{margin-bottom:30px}.split-heading h2{font-size:2rem}.solution-pair article{padding:30px 24px}.solution-pair h3{font-size:1.8rem}.service-grid{grid-template-columns:1fr}.service-card{padding:25px}.service-card .step{margin-bottom:20px}.service-card p{margin-bottom:15px}.evidence-grid{gap:30px}.process-grid{gap:20px}.process-grid h3{font-size:1.2rem}.process-grid p{font-size:.9rem}.cta-section{padding:55px 0}.cta-inner{flex-direction:column;align-items:start;gap:26px}.cta-inner h2{font-size:2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid img{width:230px}.footer-grid p,.footer-grid a{font-size:.85rem}.footer-grid>div:last-child{grid-column:1/-1;max-width:350px}.footer-bottom{flex-direction:column;gap:12px}.page-intro{padding:55px 0 60px}.page-intro h1{font-size:clamp(2.65rem,10.5vw,3.8rem)}.page-intro .lead{font-size:1.05rem}.detail-grid{grid-template-columns:1fr;gap:18px}.detail-grid article{padding:28px}.detail-grid .step{margin-bottom:20px}.faq{gap:20px}.faq h2{margin-bottom:0}.faq details{padding:20px 0}.crm-overview{gap:30px}.crm-journey{flex-wrap:wrap;justify-content:flex-start;margin-bottom:40px;gap:12px;font-size:.85rem}.crm-feature-heading h3{font-size:2rem}.crm-features,.crm-notes,.portfolio-grid{grid-template-columns:1fr}.crm-features article{padding:26px}.crm-notes{gap:22px}.crm-section{padding-bottom:65px}.work{padding:60px 0}.project-sample span{padding:15px;font-size:.8rem}.project-numbers{gap:25px}.portfolio-card h3{font-size:1.5rem}.profile{padding-block:60px}.company-portrait{max-height:520px}.company-layout{gap:35px}.technical-story h3{font-size:2.15rem}.contact-person{flex-direction:row;align-items:center}.contact-layout{gap:40px}.enquiry-form{padding:25px 20px}.enquiry-form h2{font-size:1.6rem}.enquiry-form .button{width:100%}.prose h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:370px){.brand img{width:175px}.nav-shell{gap:10px}.menu-button{padding:8px;font-size:.75rem}.flow-track{grid-template-columns:1fr}.flow-track>div{display:grid;grid-template-columns:24px 1fr;gap:0 10px}.flow-track h3{margin:0}.flow-track p{grid-column:2}.enquiry-form{padding:22px 16px}.experience-band a{max-width:none}.button{max-width:100%}}

/* Visible navigation mirrors the structured breadcrumb trail. */
.breadcrumbs{padding-block:20px;font-size:.875rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0;color:var(--slate)}.breadcrumbs li+li:before{content:"/";margin-right:12px;color:var(--slate)}.breadcrumbs a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.related-services h3 a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.callout{background:var(--mist);border-left:4px solid var(--blue);border-radius:10px;padding:18px 22px;margin:32px 0}.callout p{margin:0}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:6px 0}.prose .small{color:var(--slate)}
.card-media{margin:0 0 24px;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:var(--mist);border:1px solid var(--line)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}article:hover>.card-media img,.service-card:hover>.card-media img{transform:scale(1.035)}.crm-teaser .card-media,.portfolio-card .card-media{border-color:#ffffff26;background:#172e4b}.process-grid .card-media{margin-bottom:22px}.crm-features .card-media{margin-bottom:20px}@media (prefers-reduced-motion:reduce){.card-media img{transition:none}article:hover>.card-media img,.service-card:hover>.card-media img{transform:none}}

/* Connected business design system */
:root{--navy:#0a1c35;--blue:#2764ed;--mist:#f3f6fb;--line:#e1e7f0;--slate:#56657a;--mint:#9cf0da}body{font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.shell,.section-shell{width:min(1280px,calc(100% - 80px))}.announcement{background:#07172e;letter-spacing:.02em}.site-header{background:#ffffffef;backdrop-filter:blur(18px)}.nav-shell{min-height:90px}.brand img{width:225px}.site-header nav{gap:22px;font-size:.84rem}.nav-contact,.button{border-radius:8px}.button{padding:16px 24px;box-shadow:0 6px 16px #2764ed16}.button.secondary{box-shadow:none}.section{padding-block:104px}.eyebrow{font-size:.73rem;letter-spacing:.16em}.section-heading h2,.split-heading h2{font-weight:650;letter-spacing:-.045em}.premium-hero{position:relative;overflow:hidden;color:white;background:radial-gradient(ellipse at 75% 45%,#163b773d,transparent 58%),#07182f;padding:80px 0 0}.premium-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:64px 64px}.premium-hero .hero-grid{position:relative;grid-template-columns:1.15fr 1fr;gap:66px;padding-bottom:65px}.premium-hero .eyebrow{color:#a6d4ff;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 14px #9cf0da80;flex-shrink:0}.premium-hero h1{font-size:clamp(3.5rem,5.8vw,5.8rem);line-height:1.05;letter-spacing:-.065em;font-weight:650;margin-bottom:26px}.premium-hero h1 em{background:linear-gradient(100deg,#83b4ff,#9cf0da);background-clip:text;-webkit-background-clip:text;color:transparent}.premium-hero .lead{color:#bac9de;font-size:1.06rem;line-height:1.8;max-width:540px}.premium-hero .button{font-size:.83rem;gap:18px}.premium-hero .secondary{border-color:#ffffff38;color:white}.premium-hero .secondary:hover{background:#ffffff0d}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.7rem;color:#a8bad2;margin-top:30px}.hero-proof span:before{content:"✓";color:var(--mint);margin-right:6px}.hero-visual{position:relative;min-width:0;background:#061a35;border:1px solid #92baff24;border-radius:20px;box-shadow:0 35px 80px #00000030;overflow:visible}.visual-topline{position:absolute;z-index:2;top:22px;left:22px;right:22px;display:flex;align-items:center;gap:8px;color:#a5bce0;font-size:.59rem;letter-spacing:.13em}.visual-topline>span:last-child{margin-left:auto;letter-spacing:0}.hero-visual video{width:100%;height:auto;display:block;border-radius:20px;aspect-ratio:1;object-fit:cover}.visual-chip{position:absolute;display:flex;align-items:center;gap:12px;background:#122c4deb;backdrop-filter:blur(12px);border:1px solid #a4c7ff36;padding:13px 17px;border-radius:12px;box-shadow:0 12px 35px #0003;font-size:.8rem}.visual-chip>span{font-size:1.5rem;color:var(--mint)}.visual-chip small{display:block;color:#a9c0df;font-size:.63rem;margin-top:2px}.chip-cloud{top:26%;left:-26px;animation:gentleFloat 7s ease-in-out infinite}.chip-security{bottom:23%;right:-22px;animation:gentleFloat 7s 2s ease-in-out infinite}.video-toolbar{position:absolute;bottom:0;left:0;right:0;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #ffffff14;background:#071a33e8;border-radius:0 0 20px 20px;font-size:.64rem;color:#b3c8e4}.video-toolbar button{font-size:.65rem;color:#e4edff;border:1px solid #ffffff35;border-radius:6px;background:#ffffff0a;padding:7px 9px;white-space:nowrap}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff18;padding-block:23px;gap:20px}.hero-bottom>span{font-size:.58rem;letter-spacing:.18em;color:#8ca4c6}.hero-bottom a{font-size:.72rem;color:#bcd1ed}.platform-strip{border-bottom:1px solid var(--line);background:#fff}.platform-strip>.shell{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:29px;flex-wrap:wrap}.platform-strip span{font-size:.7rem;color:var(--slate);max-width:110px;line-height:1.5}.platform-strip strong{font-size:1rem;letter-spacing:-.03em;color:#455873;font-weight:600}.solution-pair article,.detail-grid article,.crm-features article,.portfolio-card{border-radius:16px;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative}.solution-pair article:hover,.detail-grid article:hover,.crm-features article:hover,.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #10233f0d}.service-teaser{border:1px solid var(--line)}.card-media{border-radius:10px}.card-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.expanded-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{position:relative;overflow:hidden;padding:24px;border-radius:14px;transition:transform .35s,box-shadow .35s,border-color .35s}.service-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px #10233f0c;border-color:#9ab7f5}.service-card .card-media{width:100%;aspect-ratio:16/9;margin:0 0 24px}.service-card h3{min-height:0;font-size:1.48rem;margin-bottom:14px}.service-card p{font-size:.9rem}.service-card .text-link{padding-top:12px;width:100%;display:flex;justify-content:space-between}.service-kicker{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:700;color:var(--blue);margin-bottom:12px}.section-tail{margin:32px 0 0;text-align:center;font-size:.9rem}.solution-finder{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:58px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(125deg,#f6f9ff,white)}.solution-finder h2{font-size:2.7rem}.solution-finder label{font-size:.8rem;font-weight:600;display:block;margin-bottom:8px}.solution-finder select{display:block;background:#fff;border:1px solid #becce0;border-radius:8px;padding:14px 12px;width:100%;max-width:430px;color:var(--navy);margin-bottom:16px}.finder-result{align-self:center;background:#0b2343;border-radius:15px;padding:40px;color:#fff;box-shadow:0 25px 45px #0a234317;position:relative}.finder-result:before{content:"↗";display:block;color:var(--mint);font-size:3rem;line-height:1;margin-bottom:25px}.finder-result h3{font-size:2rem}.finder-result p{color:#c0cee2;font-size:.95rem}.finder-result .service-kicker{color:#94baff}.finder-result .text-link{color:var(--mint)}.finder-enquire{display:block;font-size:.8rem;color:#b3c6e1;margin-top:18px}.service-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}.service-filters button{padding:9px 17px;border:1px solid var(--line);background:#fff;color:var(--slate);border-radius:30px;font-size:.8rem;transition:background .2s,color .2s}.service-filters button.active{background:var(--navy);border-color:var(--navy);color:white}.service-card[hidden]{display:none}.process-grid article{border-top:0;border-radius:12px;padding:16px;background:#f6f8fc;transition:transform .3s,box-shadow .3s}.process-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 35px #10233f0b}.process-grid .step{font-size:.7rem;display:inline-block;background:#e5edff;border-radius:6px;padding:4px 9px;margin-bottom:16px}.evidence-grid figure{border-radius:14px;box-shadow:0 18px 50px #0a23430c}.page-intro{background:radial-gradient(ellipse at 90% 20%,#deebff,transparent 60%),#f3f6fb}.cta-section{background:radial-gradient(ellipse at 90% 50%,#e0ecff,transparent 65%),#edf3fc}.footer-grid{gap:42px}.footer-bottom{margin-top:50px}.reveal-ready{opacity:0;translate:0 24px;transition:opacity .65s ease,translate .65s ease;transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;translate:0 0}@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(min-width:1500px){.premium-hero{padding-top:100px}.premium-hero .hero-grid{padding-bottom:90px}}
@media(max-width:1100px){.shell,.section-shell{width:calc(100% - 56px)}.site-header nav{gap:15px;font-size:.76rem}.brand img{width:205px}.premium-hero .hero-grid{gap:35px}.premium-hero .button{padding:13px 16px}.hero-proof{gap:10px;font-size:.65rem}.visual-chip{padding:10px}.expanded-grid{gap:18px}.solution-finder{padding:38px;gap:35px}.video-toolbar>span{max-width:130px}}
@media(max-width:900px){.site-header nav{font-size:.95rem}.expanded-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-hero .hero-grid{gap:35px}.premium-hero h1{font-size:3.6rem}.premium-hero .lead{font-size:.98rem}.hero-proof{max-width:300px}.visual-chip{font-size:.7rem}.chip-cloud{left:-15px}.chip-security{right:-12px}.video-toolbar{padding:12px}.video-toolbar>span{display:none}.video-toolbar button{margin-left:auto}.platform-strip>.shell{justify-content:center}.platform-strip span{max-width:none;flex-basis:100%;text-align:center}.platform-strip strong{font-size:.9rem}.solution-finder h2{font-size:2.3rem}.finder-result{padding:28px}.solution-pair article{padding:28px}}
@media(max-width:680px){.shell,.section-shell{width:calc(100% - 40px)}.nav-shell{min-height:78px}.brand img{width:200px}.premium-hero{padding-top:48px}.premium-hero .hero-grid{grid-template-columns:1fr;gap:42px;padding-bottom:38px}.premium-hero h1{font-size:clamp(3rem,12.4vw,4.8rem)}.premium-hero .lead{font-size:1rem}.hero-proof{max-width:none;gap:10px 15px}.hero-visual{width:calc(100% - 20px);margin:auto;max-width:440px}.visual-chip{font-size:.75rem}.chip-cloud{left:-13px}.chip-security{right:-12px}.video-toolbar>span{display:block;max-width:155px}.hero-bottom{padding-block:18px}.hero-bottom>span{max-width:140px;line-height:1.6}.hero-bottom a{font-size:.65rem}.platform-strip>.shell{gap:12px 22px;padding-block:22px}.platform-strip strong{font-size:.82rem}.section{padding-block:65px}.expanded-grid{grid-template-columns:1fr}.service-card{padding:22px}.solution-finder{grid-template-columns:1fr;gap:28px;padding:25px}.solution-finder h2{font-size:2.2rem}.finder-result{padding:28px}.finder-result h3{font-size:1.7rem}.service-filters{gap:7px}.service-filters button{padding:8px 12px;font-size:.75rem}.footer-grid{gap:28px}.process-grid{grid-template-columns:1fr 1fr;gap:12px}.process-grid article{padding:12px}.process-grid h3{font-size:1.15rem}.process-grid p{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;translate:none}.service-card:hover,.solution-pair article:hover,.detail-grid article:hover,.crm-features article:hover,.portfolio-card:hover,.process-grid article:hover{transform:none}}
@media(max-width:370px){.brand img{width:172px}.nav-shell{gap:8px}.premium-hero .eyebrow{font-size:.61rem}.hero-proof{font-size:.62rem}.video-toolbar>span{max-width:110px;font-size:.57rem}.video-toolbar button{font-size:.58rem}.solution-finder{padding:20px}.finder-result{padding:22px}.process-grid{grid-template-columns:1fr}}

/* Recognisable product marks, with the original service names retained. */
.platform-strip .platform-brand{display:flex;align-items:center;justify-content:center;gap:12px}.platform-brand img{width:38px;height:38px;object-fit:contain;flex-shrink:0}.platform-strip>.shell{gap:25px}.platform-strip .platform-brand strong{white-space:nowrap}
/* Walk the CRM stages in order without moving the surrounding layout. */
.crm-journey{position:relative;margin-bottom:0;padding-block:24px;gap:8px}.crm-journey>span{padding:10px 12px;border-radius:8px;animation:journeyStage 12.5s linear infinite;white-space:nowrap}.crm-journey>b{animation:journeyArrow 12.5s linear infinite}.crm-journey>span:nth-of-type(2),.crm-journey>b:nth-of-type(2){animation-delay:2.5s}.crm-journey>span:nth-of-type(3),.crm-journey>b:nth-of-type(3){animation-delay:5s}.crm-journey>span:nth-of-type(4),.crm-journey>b:nth-of-type(4){animation-delay:7.5s}.crm-journey>span:nth-of-type(5){animation-delay:10s}.crm-journey.is-paused>*{animation-play-state:paused}.journey-controls{display:flex;justify-content:flex-end;margin:10px 0 55px}.journey-controls button{background:transparent;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:.7rem;color:var(--slate)}@keyframes journeyStage{0%,19%{color:#1b54d7;background:#eaf1ff;box-shadow:inset 0 -3px #2764ed}20%,100%{color:var(--navy);background:transparent;box-shadow:inset 0 -3px transparent}}@keyframes journeyArrow{0%,19%{translate:4px 0;opacity:1}20%,100%{translate:0 0;opacity:.4}}
/* Screenshot inspection remains separate from card details and navigation. */
.image-zoom-trigger{display:block;position:relative;padding:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in;color:white;text-align:left;border-radius:inherit;overflow:hidden}.image-zoom-trigger img{width:100%;height:100%;object-fit:cover}.image-zoom-hint{position:absolute;right:10px;bottom:10px;padding:5px 10px;background:#07182fe8;border:1px solid #ffffff40;border-radius:6px;font-size:.7rem;font-weight:600;box-shadow:0 3px 12px #0002}.image-zoom-trigger:hover img{transform:scale(1.05)}.image-zoom-trigger:focus-visible{outline-offset:-4px}.image-viewer{width:min(1400px,94vw);max-width:94vw;max-height:94dvh;padding:0;border:1px solid #c7d5e8;border-radius:16px;background:#f2f5fa;color:var(--navy);box-shadow:0 35px 100px #0006;overflow:hidden}.image-viewer::backdrop{background:#041022df;backdrop-filter:blur(7px)}.viewer-header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--line)}.viewer-header h2{font-size:.95rem;letter-spacing:0;line-height:1.5;margin:0;max-width:850px;text-wrap:pretty}.viewer-actions{display:flex;gap:10px;flex-shrink:0}.viewer-actions button{border:1px solid #b6c8e0;background:#fff;border-radius:6px;padding:8px 13px;color:var(--navy);font-size:.8rem}.viewer-actions .viewer-close{background:var(--navy);color:white;border-color:var(--navy)}.viewer-canvas{max-height:calc(94dvh - 150px);overflow:auto;overscroll-behavior:contain;padding:18px;display:flex;align-items:flex-start;justify-content:center}.viewer-canvas img{width:auto;max-width:100%;max-height:calc(94dvh - 190px);object-fit:contain;flex-shrink:0;border-radius:6px;box-shadow:0 8px 24px #10233f15}.image-viewer.is-zoomed .viewer-canvas{display:block}.image-viewer.is-zoomed .viewer-canvas img{width:1200px;max-width:none;max-height:none}.viewer-hint{padding:10px 20px;margin:0;font-size:.75rem;text-align:center;background:white;border-top:1px solid var(--line)}body.image-viewer-open{overflow:hidden}@media(max-width:1100px){.platform-strip>.shell{justify-content:center}.platform-strip>.shell>span{max-width:none;flex-basis:100%;text-align:center}.platform-strip .platform-brand{gap:8px}.platform-brand img{width:32px;height:32px}}@media(max-width:680px){.platform-strip>.shell{gap:22px 28px}.platform-strip .platform-brand{flex-direction:column;gap:8px}.platform-brand img{width:36px;height:36px}.crm-journey{justify-content:center;flex-wrap:wrap;gap:4px;padding:18px 0}.crm-journey>span{padding:8px;font-size:.78rem}.journey-controls{margin-bottom:36px}.viewer-header{align-items:flex-start;flex-direction:column;padding:14px;gap:12px}.viewer-header h2{font-size:.8rem}.viewer-actions{width:100%;justify-content:flex-end}.viewer-canvas{padding:10px;max-height:calc(94dvh - 200px)}.viewer-canvas img{max-height:calc(94dvh - 220px)}.viewer-hint{font-size:.65rem;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.journey-controls{display:none}.crm-journey{margin-bottom:55px}.crm-journey>*{animation:none!important}.image-zoom-trigger:hover img{transform:none}}

/* Brand-preserving refinements: original Zetabytecloud navy and blue. */
:root{--navy:#10233f;--blue:#2463eb;--mint:#a9c7ff}.premium-hero h1 em{background:linear-gradient(100deg,#83b4ff,#c0d6ff);background-clip:text;-webkit-background-clip:text;color:transparent}.status-dot{background:#a9c7ff;box-shadow:0 0 14px #83b4ff70}.nav-services{border:0;padding:0;position:static}.nav-services>summary{font-weight:600;font-size:inherit;letter-spacing:0;display:flex;gap:6px;align-items:center;padding:0;color:var(--navy)}.nav-services>summary:after{display:none}.nav-services>summary span{color:var(--blue);font-size:.9rem}.nav-services[open]>summary,.nav-services .current-service{color:var(--blue)}.services-menu{position:absolute;top:100%;left:0;right:0;background:white;border-block:1px solid var(--line);box-shadow:0 24px 45px #10233f14;padding:32px max(40px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:240px 1fr;gap:40px}.services-menu-intro{padding:10px 25px 10px 0;border-right:1px solid var(--line)}.services-menu-intro .eyebrow{display:block;margin-bottom:15px;font-size:.66rem}.services-menu-intro>strong{display:block;font-size:1.7rem;line-height:1.2;letter-spacing:-.04em;font-weight:650}.services-menu-intro>a{display:block;color:var(--blue);font-size:.78rem;margin-top:22px}.services-menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.services-menu-links>a{display:block;padding:13px 14px;border-radius:8px;border:1px solid transparent;transition:background .2s,border-color .2s}.services-menu-links>a:hover,.services-menu-links>a:focus-visible{background:var(--mist);border-color:var(--line);text-decoration:none}.services-menu-links strong{font-size:.84rem;display:block}.services-menu-links span{font-size:.71rem;color:var(--slate);font-weight:400;display:block;line-height:1.5;margin-top:4px}.case-highlights{display:flex;gap:32px;margin:28px 0 22px;padding-block:22px;border-block:1px solid var(--line)}.case-highlights strong{font-size:2rem;font-weight:650;display:block;line-height:1.2;letter-spacing:-.04em;color:var(--blue)}.case-highlights span{font-size:.72rem;color:var(--slate)}.case-handover{font-size:.78rem;margin-bottom:12px}.ecosystem-section{background:#10233f;color:white}.ecosystem-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-block:76px;align-items:center}.ecosystem-layout h2{font-size:clamp(2rem,3.4vw,3rem)}.ecosystem-layout p{color:#c2cfe1}.ecosystem-layout .eyebrow,.ecosystem-layout .text-link{color:#a9c7ff}.ecosystem-map{display:grid;grid-template-columns:1fr 1fr;gap:82px 24px;position:relative;isolation:isolate}.ecosystem-map:before{content:"";position:absolute;top:30%;bottom:30%;left:25%;right:25%;border:1px solid #90b6ff50;border-radius:16px;z-index:-1}.ecosystem-node{position:relative;display:block;min-width:0;padding:20px;background:#193351;border:1px solid #83a9da40;border-radius:12px;transition:transform .3s,border-color .3s,background .3s}.ecosystem-node:hover{transform:translateY(-4px);border-color:#a9c7ff;background:#1e3c61;text-decoration:none}.ecosystem-node strong{display:block;font-size:.84rem;margin-bottom:5px}.ecosystem-node small{color:#bfd0e7;display:block;font-size:.68rem}.node-symbol{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#b5ceff;background:#ffffff0b;margin-bottom:16px;font-size:1.15rem}.ecosystem-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;background:#edf3ff;color:var(--navy);padding:12px 22px;border:4px solid #10233f;border-radius:12px;box-shadow:0 0 0 1px #93b8f450;white-space:nowrap;font-size:.75rem;line-height:1.4;font-weight:650}.ecosystem-center img{width:35px}.plan-label{display:block;color:#a9c7ff;font-size:.62rem;letter-spacing:.17em;margin-bottom:20px}.recommendation-steps{padding:0;list-style:none;counter-reset:plan;margin:22px 0 26px;display:grid;gap:10px}.recommendation-steps li{counter-increment:plan;display:flex;gap:10px;align-items:center;color:#d1dcef;font-size:.8rem;line-height:1.5}.recommendation-steps li:before{content:counter(plan,decimal-leading-zero);font-size:.63rem;background:#ffffff10;border:1px solid #ffffff18;border-radius:5px;padding:4px 7px;color:#a9c7ff}.engagement-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.engagement-card{border:1px solid var(--line);background:white;border-radius:15px;padding:38px;transition:transform .3s,box-shadow .3s}.engagement-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #10233f0c}.engagement-number{font-size:.65rem;color:var(--blue);letter-spacing:.12em;font-weight:700;display:block;margin-bottom:26px}.engagement-card h3{font-size:1.8rem}.engagement-card p{font-size:.95rem}.engagement-card ul{list-style:none;padding:0;margin:24px 0}.engagement-card li{font-size:.87rem;color:var(--slate);padding:10px 0 10px 24px;position:relative;border-top:1px solid var(--line)}.engagement-card li:before{content:"✓";position:absolute;left:0;color:var(--blue)}.direct-contact{border:1px solid var(--line);border-radius:12px;padding:22px;margin:25px 0 30px;background:#f8faff}.direct-contact>.eyebrow{display:block;margin-bottom:14px;font-size:.65rem}.direct-contact>a{display:block;border-top:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.direct-contact>a:last-child{padding-bottom:0}.direct-contact>a>span{font-size:.7rem;color:var(--slate);display:block}.direct-contact strong{font-size:.85rem;color:var(--blue);font-weight:600}.enquiry-guidance{border-left:3px solid var(--blue);border-radius:0 6px 6px 0;padding:13px 17px;background:#edf3ff;margin:0 0 25px}.enquiry-guidance strong{font-size:.8rem}.enquiry-guidance p{font-size:.8rem;margin:5px 0 0;line-height:1.6}.footer-grid a[href^="mailto:"]{overflow-wrap:anywhere}
@media(max-width:1100px){.services-menu{grid-template-columns:180px 1fr;padding:25px 28px;gap:20px}.services-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosystem-layout{gap:35px}.ecosystem-node{padding:17px}.ecosystem-node strong{font-size:.75rem}.ecosystem-node small{font-size:.63rem}}
@media(max-width:900px){.site-header nav.open{max-height:calc(100dvh - 82px);overflow:auto;overscroll-behavior:contain}.nav-services{width:100%}.nav-services>summary{padding:12px;justify-content:space-between;font-size:.95rem}.services-menu{position:static;display:block;border:1px solid var(--line);box-shadow:none;padding:12px;margin-bottom:10px;border-radius:10px;background:#f8faff}.services-menu-intro{border-right:0;padding:0}.services-menu-intro>.eyebrow,.services-menu-intro>strong{display:none}.services-menu-intro>a{margin:0;padding:10px!important}.services-menu-links{gap:3px}.services-menu-links>a{padding:10px!important}.services-menu-links strong{font-size:.8rem}.services-menu-links span{font-size:.68rem}.ecosystem-layout{grid-template-columns:1fr;gap:40px;padding-block:60px}.ecosystem-layout>div:first-child{max-width:580px}.ecosystem-map{max-width:640px;width:100%;margin:auto}.ecosystem-node strong{font-size:.9rem}.ecosystem-node small{font-size:.74rem}.engagement-card{padding:28px}}
@media(max-width:680px){.services-menu-links{grid-template-columns:1fr}.services-menu-links>a{border-top:1px solid var(--line);border-radius:0}.case-highlights{gap:26px}.case-highlights strong{font-size:1.8rem}.case-highlights span{font-size:.65rem}.ecosystem-map{gap:80px 12px}.ecosystem-node{padding:15px 12px}.ecosystem-node strong{font-size:.77rem}.ecosystem-node small{font-size:.65rem;line-height:1.5}.ecosystem-center{padding:10px 14px;font-size:.67rem;gap:8px}.ecosystem-center img{width:29px}.engagement-grid{grid-template-columns:1fr}.engagement-card{padding:25px}.engagement-card h3{font-size:1.6rem}.direct-contact{padding:20px}.recommendation-steps li{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.ecosystem-node:hover,.engagement-card:hover{transform:none}}
.evidence-grid .image-zoom-trigger{height:auto}.evidence-grid .image-zoom-trigger img{height:auto}
/* Product storytelling with real screens and explorable stages. */
.interactive-journey>span,.interactive-journey>b{animation:none!important}.interactive-journey>span{padding:0!important;background:transparent!important;box-shadow:none!important}.workflow-stage{border:0;border-radius:8px;background:transparent;padding:12px 16px;font-size:inherit;font-weight:700;color:var(--navy);white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}.workflow-stage[aria-pressed=true]{background:#eaf1ff;color:var(--blue);box-shadow:inset 0 -3px var(--blue)}.workflow-stage:hover{background:#edf3fa}.workflow-preview{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:48px;padding:38px;margin:-20px 0 85px;background:linear-gradient(135deg,#f7faff,#eaf1fb);border:1px solid var(--line);border-radius:18px}.workflow-preview h2{font-size:clamp(1.9rem,3vw,2.7rem);margin-bottom:20px}.workflow-preview .eyebrow{font-size:.65rem;margin-bottom:18px}.workflow-counter{display:block;font-size:.75rem;color:var(--blue);font-weight:700;margin-bottom:14px;letter-spacing:.12em}.workflow-description{font-size:.92rem}.workflow-benefits{list-style:none;padding:0;margin:22px 0}.workflow-benefits li{font-size:.8rem;color:var(--slate);padding:6px 0 6px 22px;position:relative}.workflow-benefits li:before{content:"✓";position:absolute;left:0;color:var(--blue)}.workflow-note{font-size:.65rem;line-height:1.7;margin:20px 0 0}.workflow-screen{min-width:0;background:white;border:1px solid #c6d4e8;border-radius:12px;box-shadow:0 25px 50px #10233f12;overflow:hidden;transform:perspective(1200px) rotateY(-3deg);transition:transform .4s}.workflow-screen:hover{transform:perspective(1200px) rotateY(0)}.workflow-screen-header,.workflow-screen-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;gap:10px;font-size:.6rem;color:var(--slate);border-bottom:1px solid var(--line);background:#fbfcfe}.workflow-screen-header>span:first-child{display:flex;gap:4px}.workflow-screen-header i{display:block;width:6px;height:6px;border-radius:50%;background:#9eafc8}.workflow-screen-header i:first-child{background:#8fa9dc}.workflow-screen-header i:last-child{background:#c8d7f0}.workflow-screen .card-media{margin:0;border:0;border-radius:0;aspect-ratio:16/10}.workflow-screen-footer{border:0;border-top:1px solid var(--line)}.workflow-count-label{letter-spacing:.08em;font-size:.5rem}.gallery-position{color:var(--blue);font-weight:700}.save-plan{display:block;background:transparent;border:0;border-top:1px solid #ffffff25;color:#cadcff;margin-top:24px;padding:17px 0 0;font-size:.75rem;cursor:pointer}.save-plan:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.workflow-preview{gap:28px;padding:28px}.workflow-stage{padding:12px;font-size:.85rem}.workflow-preview h2{font-size:2rem}}@media(max-width:900px){.workflow-preview{grid-template-columns:1fr;gap:30px}.workflow-preview-copy{max-width:650px}.workflow-screen{transform:none}.workflow-stage{padding:10px;font-size:.78rem}.workflow-preview .workflow-note{margin-top:14px}}@media(max-width:680px){.workflow-preview{padding:22px;margin-bottom:55px;margin-top:-10px;gap:25px}.workflow-stage{font-size:.72rem;padding:9px}.workflow-preview h2{font-size:1.8rem}.workflow-description{font-size:.86rem}.workflow-screen-header,.workflow-screen-footer{padding:10px;font-size:.5rem}.workflow-count-label{display:none}.viewer-actions{gap:6px;flex-wrap:wrap}.viewer-actions button{padding:8px 10px}.viewer-header{gap:9px}}@media(prefers-reduced-motion:reduce){.workflow-screen{transform:none}.interactive-journey+.journey-controls{display:flex}.interactive-journey+.journey-controls button{display:none}}

/* Product recordings use native, click-to-play controls and the existing brand. */
html{scroll-padding-top:110px}.home-demo-preview{aspect-ratio:16/9;background:#07182f!important}.home-demo-preview video{display:block;width:100%;height:100%;object-fit:contain}.crm-teaser .demo-preview-label{font-size:.72rem;color:#b8cdeb;margin:-10px 0 24px}.demo-full-link{display:block;color:#a9c7ff;font-size:.8rem;margin-top:18px;font-weight:600}.demo-full-link span{margin-left:8px}.demo-section .split-heading{align-items:end}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;align-items:start}.demo-main{min-width:0}.crm-demo-video{display:block;background:#07182f;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 45px #10233f12}.demo-player-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:.76rem;color:var(--slate)}.demo-player-meta a{color:var(--blue);font-weight:600}.demo-note{font-size:.73rem;line-height:1.75;margin:15px 0 0;max-width:780px}.demo-status{font-size:.75rem;color:var(--blue);margin:8px 0 0}.demo-chapters{padding:20px 12px 14px;border:1px solid var(--line);border-radius:10px;background:#f6f9fe}.demo-chapters h3{font-size:.95rem;letter-spacing:-.02em;padding-inline:10px;margin-bottom:16px}.demo-chapters ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:430px;overflow-y:auto;scrollbar-width:thin}.demo-chapters button{width:100%;padding:10px;border:1px solid transparent;border-radius:6px;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:var(--navy);transition:background .2s,border-color .2s}.demo-chapters button>span{font-size:.67rem;color:var(--slate);font-variant-numeric:tabular-nums;min-width:31px}.demo-chapters button>strong{font-size:.75rem;line-height:1.5;font-weight:600}.demo-chapters button:hover{background:#eaf1ff}.demo-chapters button[aria-current=true]{border-color:#bfd0f6;background:#e5edff}.demo-chapters button[aria-current=true]>span,.demo-chapters button[aria-current=true]>strong{color:var(--blue)}.demo-transcript{margin-top:26px;border-top:1px solid var(--line)}.demo-transcript-content{max-height:500px;overflow:auto;padding:12px 24px 18px 0;max-width:950px}.demo-transcript-content h3{font-size:1.1rem;margin:26px 0 12px;line-height:1.5}.demo-transcript-content p{font-size:.88rem;margin-bottom:12px}.demo-short-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-short{min-width:0;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #10233f06}.demo-short-heading{padding:25px 24px 20px}.demo-short-heading .eyebrow{font-size:.61rem;margin-bottom:14px}.demo-short-heading h3{font-size:1.4rem;min-height:2.3em;margin-bottom:13px}.demo-short-heading p{font-size:.85rem;line-height:1.7;min-height:5.1em;margin-bottom:0}.demo-short video{display:block;width:100%;height:auto;max-height:580px;aspect-ratio:9/16;object-fit:contain;background:#07182f}.feature-demo-section{display:grid;grid-template-columns:1fr .65fr;gap:90px;align-items:center;max-width:1050px}.feature-demo-section .demo-short{max-width:360px;justify-self:end}.feature-demo-section .demo-short-heading{display:none}.feature-demo-section h2{max-width:600px}.feature-demo-section>div>p:not(.eyebrow){max-width:530px}
@media(max-width:1000px){.demo-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.demo-chapters{padding:16px 8px}.demo-chapters button{padding:8px;gap:8px}.demo-chapters button>strong{font-size:.7rem}.demo-chapters ol{max-height:360px}.demo-player-meta{align-items:start;flex-direction:column;gap:8px}.demo-short-grid{gap:16px}.demo-short-heading{padding:22px 18px}.demo-short-heading h3{font-size:1.2rem}.demo-short-heading p{font-size:.8rem}.feature-demo-section{gap:45px}}
@media(max-width:680px){.demo-layout{grid-template-columns:1fr;gap:23px}.demo-chapters ol{max-height:260px}.demo-chapters button{padding:10px}.demo-chapters button>strong{font-size:.8rem}.demo-player-meta{font-size:.72rem}.demo-note{font-size:.7rem}.demo-short-grid{grid-template-columns:1fr;gap:25px}.demo-short{max-width:420px;width:100%;margin:auto}.demo-short-heading{padding:24px}.demo-short-heading h3,.demo-short-heading p{min-height:0}.demo-short-heading h3{font-size:1.45rem}.demo-short-heading p{font-size:.9rem}.demo-short video{max-height:600px}.feature-demo-section{grid-template-columns:1fr;gap:30px}.feature-demo-section .demo-short{justify-self:center;max-width:340px}.demo-transcript-content h3{font-size:1rem}.demo-transcript-content p{font-size:.8rem}}
.product-video-frame{position:relative;min-width:0}.home-demo-preview .product-video-frame{height:100%}.demo-play-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:100%;border:0;background:#07182f18;color:white;font-size:.78rem;font-weight:600;text-shadow:0 2px 6px #000c;border-radius:inherit}.demo-play-cover[hidden]{display:none}.demo-play-icon{display:grid;place-items:center;width:66px;height:66px;padding-left:4px;font-size:1.45rem;background:#2463ebed;border:1px solid #a9c7ff;border-radius:50%;box-shadow:0 6px 25px #07182f60;transition:transform .2s,background .2s;text-shadow:none}.demo-play-cover:hover .demo-play-icon{transform:scale(1.07);background:#164fc7}.demo-short .demo-play-cover{font-size:.72rem}.demo-short .demo-play-icon{width:58px;height:58px;font-size:1.25rem}.home-demo-preview .demo-play-icon{width:52px;height:52px;font-size:1.15rem}.home-demo-preview .demo-play-cover{font-size:.66rem}@media(prefers-reduced-motion:reduce){.demo-play-cover:hover .demo-play-icon{transform:none}}
.demo-audio-toggle{position:absolute;right:12px;top:12px;z-index:2;padding:7px 11px;border:1px solid #a9c7ff70;border-radius:5px;background:#10233fee;color:white;font-size:.68rem;line-height:1.4;box-shadow:0 3px 12px #0002}.demo-audio-toggle:hover{background:#2463eb}.home-demo-preview .demo-audio-toggle{top:8px;right:8px;font-size:.6rem;padding:6px 9px}