/* Apex refinement: a restrained visual language with clear hierarchy. */
:root{--premium-cyan:#71e8e5;--premium-ink:#080e18;--premium-muted:#a6b6c8;--premium-line:#24354b}
body{background:var(--premium-ink)}
p{color:var(--premium-muted)}
.header{background:#080e18ed;border-bottom:1px solid #ffffff0a}
.brand img{width:37px;height:37px}
.brand-type{font-size:27px;letter-spacing:3px}
.brand-type small{font-size:7px;letter-spacing:2px}
.button{border-radius:10px;min-height:56px}
.button.primary{background:var(--premium-cyan);box-shadow:0 10px 28px #64e5e116}
.button.primary:hover{box-shadow:0 10px 32px #64e5e12e}
.eyebrow{letter-spacing:.08em;color:var(--premium-cyan)}
.section{padding-block:118px}
.premium-hero{padding:0;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -12%,#214c6966 0,transparent 55%),linear-gradient(180deg,#091321 0%,#080e18 100%)}
.premium-hero:before{inset:0;background:radial-gradient(ellipse at 50% 45%,#0d30444a,transparent 51%);pointer-events:none}
.premium-hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#a0dbef08 1px,transparent 1px),linear-gradient(90deg,#a0dbef08 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(ellipse at 50% 34%,#000 0,transparent 67%);pointer-events:none}
.premium-hero-inner{position:relative;z-index:2}
.premium-hero-copy{text-align:center;max-width:1050px;margin:auto;padding:125px 0 90px}
.premium-hero-copy .eyebrow{justify-content:center;margin-bottom:29px}
.premium-hero-copy .eyebrow:before{width:28px;box-shadow:0 0 12px #5fe9e7aa}
.premium-hero-copy h1{font-size:clamp(48px,5.5vw,76px);line-height:1.38;letter-spacing:-1.8px;text-wrap:balance}
.premium-hero-copy h1 span{color:#85eae7;background:linear-gradient(90deg,#8eb8ff,#7ce9e4 55%,#b4f4eb);background-clip:text;-webkit-text-fill-color:transparent}
.premium-hero-copy>p{max-width:690px;margin:25px auto 34px;font-size:19px;line-height:2;color:#aebed0;text-wrap:balance}
.premium-hero-copy .actions{justify-content:center;gap:14px}
.premium-hero-copy .region{justify-content:center;margin-top:27px;font-size:13px}
.premium-hero-copy .region .status-dot{width:7px;height:7px}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.hero-orbit{position:absolute;width:880px;height:880px;border:1px solid #7cc9d41b;border-radius:50%;left:50%;top:-530px;transform:translateX(-50%);box-shadow:0 0 45px #36a7c508,inset 0 0 45px #36a7c508}
.orbit-two{width:1090px;height:1090px;top:-635px;border-color:#75cce010}
.orbit-three{width:1340px;height:1340px;top:-760px;border-color:#87a9fc0c}
.hero-beam{position:absolute;height:1px;transform-origin:center;background:linear-gradient(90deg,transparent,#70d9e638,#a8f2ef9c,#70d9e638,transparent);filter:drop-shadow(0 0 6px #65e6ed);opacity:.5;animation:beam-pulse 8s ease-in-out infinite}
.beam-one{width:42%;left:-5%;top:33%;transform:rotate(-20deg)}
.beam-two{width:37%;right:-3%;top:44%;transform:rotate(22deg);animation-delay:-3s}
.beam-three{width:26%;left:8%;top:72%;transform:rotate(14deg);animation-delay:-5s;opacity:.3}
.hero-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#a3fff6;box-shadow:0 0 9px 2px #77eaf0,0 0 28px 6px #3ca5dd55;animation:spark-glow 4s ease-in-out infinite}
.spark-one{left:17%;top:37%}.spark-two{right:17%;top:54%;animation-delay:-2s}.spark-three{left:25%;top:70%;animation-delay:-1s;opacity:.5}
.hero-expertise{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2c4153;border-bottom:1px solid #1f3041;position:relative;padding:27px 0}
.hero-expertise-item{display:flex;justify-content:center;align-items:center;gap:15px;padding:5px 20px;border-inline-end:1px solid #293a4c;text-align:start}
.hero-expertise-item:last-child{border:0}
.hero-expertise-item .icon{color:var(--premium-cyan);width:26px;height:26px;filter:drop-shadow(0 0 8px #6be6e442)}
.hero-expertise-item strong{display:block;font-size:15px;font-weight:600}
.hero-expertise-item span{display:block;font-size:12px;color:#92a4b8}
.premium-hero-copy>*{animation:premium-enter .75s cubic-bezier(.2,.65,.2,1) both}
.premium-hero-copy h1{animation-delay:.08s}.premium-hero-copy>p{animation-delay:.17s}.premium-hero-copy .actions{animation-delay:.24s}.premium-hero-copy .region{animation-delay:.31s}
.solutions,.services-section{background:var(--premium-ink)}
.solutions .section-head,.services-section .section-head{text-align:center;display:block;max-width:850px;margin-inline:auto;margin-bottom:60px}
.solutions .section-head .eyebrow,.services-section .section-head .eyebrow{justify-content:center}
.solutions .section-head>p,.services-section .section-head>p{max-width:700px;margin:20px auto 0;font-size:17px;line-height:1.95}
.solution-grid{gap:24px}
.solution-card{background:#0f1825;border-color:#223347;border-radius:20px}
.solution-card:hover{box-shadow:0 20px 45px #0003}
.solution-visual{background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--tone) 16%,transparent),transparent 75%),#0b1420}
.solution-info{padding:29px 32px}
.solution-info h3{font-size:25px}
html[lang=ar] .solution-info .eyebrow{font:600 12px var(--font);letter-spacing:0}
.custom-banner{background:linear-gradient(110deg,#102331,#101927);border:1px solid #2e485a;padding:31px 35px;align-items:center}
.custom-banner p{max-width:660px}
.services-grid{border-top:1px solid var(--line)}
.service-card{padding:38px 30px}
.service-card p{line-height:1.9}
.process{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 56%,#163e5126,transparent 62%);border-top:1px solid #19283a}
.process>.container>.eyebrow{justify-content:center}
.process>.container>h2{text-align:center}
.process-grid{position:relative;isolation:isolate;margin-top:68px;gap:0}
.process-grid:before{content:'';position:absolute;top:0;inset-inline:12.5%;height:1px;background:linear-gradient(90deg,#263c50,#6ae7eb8c 35%,#8d92ef82 65%,#263c50);box-shadow:0 0 12px #66dced55,0 0 28px #59a7de25;z-index:-1}
.process-grid:after{content:'';position:absolute;top:-2px;inset-inline-start:12.5%;width:14%;height:5px;border-radius:100%;background:linear-gradient(90deg,transparent,#b7fffe,transparent);filter:blur(2px);box-shadow:0 0 12px 3px #53dfea,0 0 30px 7px #4a92ef88;z-index:-1;animation:current-flow 5s ease-in-out infinite alternate}
.process-item,.process-item:first-child{position:relative;border:0;text-align:center;padding:39px 18px 0}
.process-item:before,.process-item:first-child:before{inset-inline-start:50%;top:-6px;transform:translateX(-50%);width:13px;height:13px;border:2px solid var(--premium-cyan);background:#0c1d2c;box-shadow:0 0 0 5px #52d8e010,0 0 14px #6df2e8aa,0 0 30px #6699ef55;z-index:1;animation:node-glow 3.6s ease-in-out infinite}
html[dir=rtl] .process-item:before,html[dir=rtl] .process-item:first-child:before{transform:translateX(50%)}
.process-item:nth-child(2):before{animation-delay:-.7s}.process-item:nth-child(3):before{animation-delay:-1.4s}.process-item:nth-child(4):before{animation-delay:-2.1s}
.process-number{color:#7ddcd9;font-size:11px;letter-spacing:.12em;margin-bottom:14px}
.process-item h3{font-size:21px;margin-bottom:12px}
.process-item p{max-width:240px;margin-inline:auto;font-size:15px;line-height:1.85}
.why{background:#0c1724}
.why-layout{align-items:start}
.faq-list summary{line-height:1.7}
.cta-box{background:radial-gradient(ellipse at 8% 100%,#14566b45,transparent 65%),#101d2c}
.cta-box h2 span{color:var(--premium-cyan)}
.footer-brand p{line-height:1.9}
/* Only enhanced elements are hidden, so content remains available without JS. */
.scroll-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.is-visible,.scroll-reveal:focus-within{opacity:1;transform:none}
.solution-card.scroll-reveal:hover{transform:translateY(-5px)}
@keyframes premium-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes beam-pulse{0%,100%{opacity:.22}50%{opacity:.8}}
@keyframes spark-glow{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
@keyframes node-glow{0%,100%{box-shadow:0 0 0 4px #52d8e010,0 0 10px #6df2e87a}50%{box-shadow:0 0 0 6px #52d8e01c,0 0 17px #a8fff5,0 0 30px #6699ef88}}
@keyframes current-flow{from{inset-inline-start:12.5%}to{inset-inline-start:73.5%}}
@media(max-width:940px){
 .premium-hero-copy{padding:100px 0 72px}.premium-hero-copy h1,html[lang=en] .premium-hero-copy h1{font-size:clamp(43px,6vw,65px)}
 .section{padding-block:86px}.solutions .section-head,.services-section .section-head{margin-bottom:45px}
 .hero-expertise-item{padding-inline:14px}.hero-expertise-item strong{font-size:13px}.hero-expertise-item span{font-size:11px}
 .process-item,.process-item:first-child{padding-inline:10px}.process-item h3{font-size:18px}.process-item p{font-size:14px}
 .custom-banner{flex-direction:row;align-items:center}
}
@media(max-width:680px){
 .premium-hero-copy{padding:80px 0 60px}.premium-hero-copy h1,html[lang=en] .premium-hero-copy h1{font-size:clamp(36px,9.2vw,48px);line-height:1.48;letter-spacing:-1px}
 .premium-hero-copy>p{font-size:16px;line-height:1.9;margin:20px auto 26px}.premium-hero-copy .eyebrow{margin-bottom:19px}.premium-hero-copy .region{font-size:11px;margin-top:23px}
 .premium-hero-copy .actions{gap:10px}.premium-hero-copy .button{font-size:13px;min-height:50px;padding-inline:16px;gap:12px}
 .hero-orbit{width:530px;height:530px;top:-250px}.orbit-two{width:700px;height:700px;top:-335px}.orbit-three{width:850px;height:850px;top:-410px}
 .hero-expertise{grid-template-columns:repeat(3,1fr);gap:0;padding:18px 0}.hero-expertise-item{display:block;text-align:center;padding:2px 7px}.hero-expertise-item .icon{margin:0 auto 8px;width:21px;height:21px}.hero-expertise-item strong{font-size:11px}.hero-expertise-item span{font-size:10px;line-height:1.7;margin-top:4px}
 .section{padding-block:72px}.solutions .section-head,.services-section .section-head{margin-bottom:36px}.solutions .section-head>p,.services-section .section-head>p{font-size:15px;margin-top:17px}
 .solution-info{padding:25px}.solution-info h3{font-size:23px}.custom-banner{display:block;padding:24px}.custom-banner .button{margin-top:12px}
 .process-grid{grid-template-columns:1fr;gap:0;margin-top:39px}
 .process-grid:before{top:9px;bottom:22px;inset-inline:20px auto;width:1px;height:auto;background:linear-gradient(180deg,#294456,#78f4e2aa,#657de981,#294456)}
 .process-grid:after{top:8px;inset-inline-start:18px;width:5px;height:38px;background:linear-gradient(180deg,transparent,#b7fffe,transparent);animation:current-flow-vertical 5s ease-in-out infinite alternate}
 .process-item,.process-item:first-child{padding:0 54px 32px 0;text-align:start;min-height:110px}
 html[dir=ltr] .process-item,html[dir=ltr] .process-item:first-child{padding:0 0 32px 54px}
 .process-item:before,.process-item:first-child:before,html[dir=rtl] .process-item:before,html[dir=rtl] .process-item:first-child:before{top:4px;inset-inline-start:14px;transform:none}
 .process-number{margin-bottom:8px}.process-item h3{font-size:19px;margin-bottom:7px}.process-item p{margin:0;max-width:100%;font-size:14px}
 .why-layout,.faq-layout{gap:38px}.cta-box h2{font-size:34px}
}
@keyframes current-flow-vertical{from{top:8px}to{top:calc(100% - 68px)}}
@media(prefers-reduced-motion:reduce){
 .premium-hero-copy>*,.hero-beam,.hero-spark,.process-grid:after,.process-item:before{animation:none!important}
 .scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .process-grid:after{opacity:.5}
}

/* Fine illuminated strokes: no bloom, blur, halos, or spotlight. */
.premium-hero{background:#080e18}
.premium-hero:before,.premium-hero:after{background:none}
.premium-hero-copy .eyebrow:before,.premium-hero-copy .status-dot{box-shadow:none}
.hero-expertise-item .icon{filter:none}
.hero-filaments{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.filament{stroke:#6fd8da;stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:filament-draw 12s ease-in-out infinite}
.filament-b{stroke:#99b9df;animation-delay:-3s;opacity:0}
.filament-c{stroke:#e4a674;animation-delay:-6s;opacity:0}
.filament-d{stroke:#7dcdd2;animation-delay:-9s;opacity:0}
@keyframes filament-draw{0%{stroke-dashoffset:1;opacity:0}12%{opacity:.56}42%,65%{stroke-dashoffset:0;opacity:.56}90%,100%{stroke-dashoffset:-1;opacity:0}}

/* Each node lights as the current reaches it, holds, and resets together. */
.process{background:#080e18}
.process-grid{isolation:isolate}
.process-grid:before{top:0;inset-inline:12.5%;width:auto;height:1px;background:#30475a;box-shadow:none;filter:none;z-index:0}
.process-grid:after{top:0;inset-inline:12.5%;width:auto;height:1px;border-radius:0;background:linear-gradient(90deg,#e7aa7a,#75dcd7);box-shadow:none;filter:none;transform:scaleX(0);transform-origin:right center;opacity:1;z-index:0;animation:none}
html[dir=ltr] .process-grid:after{transform-origin:left center;background:linear-gradient(90deg,#75dcd7,#e7aa7a)}
.process-grid.is-active:after{animation:wire-horizontal 10s linear infinite}
.process-item,.process-item:first-child{padding-top:53px}
.process-item:before,.process-item:first-child:before{display:none}
.process-node{position:absolute;top:-29px;inset-inline-start:50%;width:58px;height:58px;transform:translateX(-50%);display:grid;place-items:center;border:1px solid #3a5366;border-radius:17px;background:#0b1622;color:#829cad;z-index:1;box-shadow:none;filter:none}
html[dir=rtl] .process-node{transform:translateX(50%)}
.process-node .icon{width:25px;height:25px;stroke-width:1.4;filter:none}
.process-grid.is-active .process-item:nth-child(1) .process-node{animation:node-step-one 10s linear infinite}
.process-grid.is-active .process-item:nth-child(2) .process-node{animation:node-step-two 10s linear infinite}
.process-grid.is-active .process-item:nth-child(3) .process-node{animation:node-step-three 10s linear infinite}
.process-grid.is-active .process-item:nth-child(4) .process-node{animation:node-step-four 10s linear infinite}
@keyframes wire-horizontal{0%{transform:scaleX(0);opacity:1}70%,88%{transform:scaleX(1);opacity:1}96%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes node-step-one{0%{color:#829cad;border-color:#3a5366}3%,88%{color:#8de7df;border-color:#70d7d0}96%,100%{color:#829cad;border-color:#3a5366}}
@keyframes node-step-two{0%,22%{color:#829cad;border-color:#3a5366}25%,88%{color:#8de7df;border-color:#70d7d0}96%,100%{color:#829cad;border-color:#3a5366}}
@keyframes node-step-three{0%,45%{color:#829cad;border-color:#3a5366}48%,88%{color:#8de7df;border-color:#70d7d0}96%,100%{color:#829cad;border-color:#3a5366}}
@keyframes node-step-four{0%,67%{color:#829cad;border-color:#3a5366}70%,88%{color:#f0bd94;border-color:#e7aa7a}96%,100%{color:#829cad;border-color:#3a5366}}
@media(max-width:680px){
 .hero-filaments{width:185%;inset-inline-start:-42.5%;opacity:.7}
 .process-grid{grid-template-columns:1fr;grid-auto-rows:1fr;gap:0;margin-top:43px}
 .process-grid:before,.process-grid:after{top:25px;bottom:calc(25% - 25px);inset-inline-start:25px;inset-inline-end:auto;width:1px;height:auto;box-shadow:none;filter:none}
 .process-grid:after,html[dir=ltr] .process-grid:after{transform:scaleY(0);transform-origin:center top;background:linear-gradient(180deg,#75dcd7,#e7aa7a)}
 .process-grid.is-active:after{animation:wire-vertical 10s linear infinite}
 .process-item,.process-item:first-child{padding:0 73px 37px 0;text-align:start;min-height:135px}
 html[dir=ltr] .process-item,html[dir=ltr] .process-item:first-child{padding:0 0 37px 73px}
 .process-node,html[dir=rtl] .process-node{top:0;inset-inline-start:0;width:50px;height:50px;transform:none;border-radius:15px}
 .process-node .icon{width:23px;height:23px}
}
@keyframes wire-vertical{0%{transform:scaleY(0);opacity:1}70%,88%{transform:scaleY(1);opacity:1}96%{transform:scaleY(1);opacity:0}100%{transform:scaleY(0);opacity:0}}
@media(prefers-reduced-motion:reduce){
 .filament{animation:none;stroke-dashoffset:0;opacity:.3}
 .process-grid:after,.process-grid.is-active:after{animation:none!important;transform:scaleX(1);opacity:1}
 .process-node,.process-grid.is-active .process-node{animation:none!important;color:#8de7df;border-color:#70d7d0}
 .process-item:last-child .process-node{color:#f0bd94;border-color:#e7aa7a}
}
@media(max-width:680px) and (prefers-reduced-motion:reduce){.process-grid:after,.process-grid.is-active:after{transform:scaleY(1)}}

/* Delivery solution: source-informed content with an explicitly illustrative diagram. */
.delivery-hero{position:relative;overflow:hidden;padding:60px 0 96px;background:#0a111d;border-bottom:1px solid #1c2b3d}
.delivery-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 8%,#17304020 68%,transparent)}
.delivery-hero .container{position:relative}
.delivery-hero .breadcrumb{margin-bottom:44px}
.delivery-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.delivery-copy h1{font-size:clamp(40px,4.4vw,64px);line-height:1.42;letter-spacing:-1.5px;text-wrap:balance}
.delivery-copy h1 span{color:#78e2de}
.delivery-copy>p{max-width:640px;font-size:18px;line-height:2;color:#adbecf;margin:23px 0 30px}
.delivery-copy .actions{gap:14px}
.delivery-diagram{position:relative;border:1px solid #2c4052;background:#0d1926;border-radius:21px;padding:26px 30px 22px;overflow:hidden;min-height:355px;display:flex;flex-direction:column;justify-content:space-between}
.delivery-diagram:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b7e4e908 1px,transparent 1px),linear-gradient(90deg,#b7e4e908 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent);pointer-events:none}
.diagram-intro,.diagram-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#8196a8;position:relative}
.diagram-intro span:last-child{font:10px monospace;letter-spacing:1.1px;color:#74b0bd}
.diagram-journey{position:relative;display:grid;gap:20px;margin:28px 0}
.diagram-hairline{position:absolute;top:86px;bottom:85px;inset-inline-start:53px;width:1px;background:#355362}
.diagram-step{display:flex;align-items:center;gap:19px;position:relative}
.diagram-node{width:48px;height:48px;display:grid;place-items:center;border:1px solid #456572;border-radius:15px;background:#112331;color:#78e2de;flex:none}
.diagram-node .icon{width:23px;height:23px}
.diagram-step div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.diagram-step small{font:10px monospace;color:#72c6c6}
.diagram-step strong{font-size:15px;font-weight:600}
.diagram-step div>span{grid-column:2;color:#8fa5b8;font-size:12px}
.diagram-bottom{border-top:1px solid #294052;padding-top:15px}
.diagram-bottom .icon{width:18px;height:18px;color:#7bd9ce}
.delivery-usecases,.delivery-journey{background:#0b1420}
.delivery-features{background:#080e18}
.delivery-usecases .section-head,.delivery-features .section-head,.delivery-journey .section-head{max-width:820px;margin-inline:auto;margin-bottom:54px}
.delivery-usecases .section-head>p,.delivery-features .section-head>p{font-size:17px;line-height:1.95}
.delivery-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.delivery-audience,.delivery-feature{border:1px solid #23374a;border-radius:17px;background:#101c2a;padding:30px}
.delivery-icon{width:47px;height:47px;display:grid;place-items:center;border:1px solid #355463;border-radius:14px;background:#102634;color:#80dfd9;flex:none}
.delivery-icon .icon{width:23px;height:23px}
.delivery-audience h3,.delivery-feature h3{font-size:20px;margin:23px 0 10px}
.delivery-audience p,.delivery-feature p{font-size:15px;line-height:1.9}
.delivery-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.delivery-feature{background:#0e1926;padding:26px;min-width:0;transition:border-color .25s,transform .25s}
.delivery-feature:hover{border-color:#477180;transform:translateY(-3px)}
.delivery-feature-top{display:flex;justify-content:space-between;align-items:center;gap:15px}
.delivery-feature-number{font:11px monospace;color:#7c91a7}
.delivery-feature h3{font-size:19px}
.delivery-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.delivery-journey-step{position:relative;border-inline-end:1px solid #2a3b4e;padding:0 26px}
.delivery-journey-step:first-child{padding-inline-start:0}
.delivery-journey-step:last-child{border:0;padding-inline-end:0}
.delivery-step-number{font:12px monospace;color:#84dcd8;letter-spacing:1px;margin-bottom:22px}
.delivery-journey-step h3{font-size:20px;margin-bottom:10px}
.delivery-journey-step p{font-size:15px;line-height:1.85}
.delivery-demo{display:flex;align-items:center;justify-content:space-between;gap:50px;background:#101d2b;border:1px solid #30495a;border-radius:20px;padding:45px 50px}
.delivery-demo h2{font-size:clamp(27px,3vw,39px)}
.delivery-demo p{max-width:680px;margin-top:14px;font-size:16px}
.delivery-demo .button{flex:none}
.delivery-related .section-head{margin-bottom:36px}
@media(max-width:1000px){
 .delivery-hero-grid{gap:35px}.delivery-copy h1{font-size:clamp(36px,4.8vw,51px)}.delivery-copy>p{font-size:16px}.delivery-features-grid{grid-template-columns:repeat(2,1fr)}
 .delivery-audience-grid{gap:12px}.delivery-audience{padding:23px}.delivery-demo{padding:35px;gap:25px}
}
@media(max-width:680px){
 .delivery-hero{padding:34px 0 60px}.delivery-hero .breadcrumb{margin-bottom:28px}.delivery-hero-grid{grid-template-columns:1fr;gap:38px}
 .delivery-copy h1{font-size:38px;letter-spacing:-1px}.delivery-copy>p{font-size:16px;margin:18px 0 25px}.delivery-copy .actions{gap:10px}.delivery-copy .button{font-size:13px;min-height:50px;padding-inline:16px;gap:12px}
 .delivery-diagram{min-height:310px;padding:23px}.diagram-hairline{inset-inline-start:46px}.diagram-intro{font-size:10px}.diagram-intro span:last-child{font-size:9px}
 .delivery-usecases .section-head,.delivery-features .section-head,.delivery-journey .section-head{margin-bottom:35px}.delivery-usecases .section-head>p,.delivery-features .section-head>p{font-size:15px}
 .delivery-audience-grid,.delivery-features-grid{grid-template-columns:1fr;gap:14px}.delivery-audience,.delivery-feature{padding:25px}.delivery-audience h3,.delivery-feature h3{margin-top:17px}
 .delivery-steps{grid-template-columns:1fr;gap:23px}.delivery-journey-step,.delivery-journey-step:first-child,.delivery-journey-step:last-child{padding:0 0 20px;border:0;border-bottom:1px solid #2a3b4e}.delivery-journey-step:last-child{border:0;padding-bottom:0}.delivery-step-number{margin-bottom:12px}
 .delivery-demo{display:block;padding:28px 25px}.delivery-demo h2{font-size:28px}.delivery-demo p{font-size:15px}.delivery-demo .button{margin-top:24px;font-size:13px}
}

/* The base offering can be extended; examples below are proposed custom work. */
.delivery-custom{background:#0b1522;border-block:1px solid #1c2f40;overflow:hidden}
.delivery-custom-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:65px;margin-bottom:48px}
.delivery-custom-intro h2{font-size:clamp(34px,3.5vw,48px)}
.delivery-custom-intro>p{font-size:17px;line-height:2;max-width:550px}
.delivery-custom-label{font-size:13px;color:#e7bc99;margin-bottom:16px}
.delivery-custom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.delivery-custom-card{border:1px solid #2b3e50;background:#101d2a;border-radius:17px;padding:27px;transition:border-color .25s,transform .25s}
.delivery-custom-card:hover{border-color:#6a848b;transform:translateY(-3px)}
.delivery-custom-card-top{display:flex;align-items:center;justify-content:space-between}
.delivery-custom-card h3{font-size:19px;margin:20px 0 10px}
.delivery-custom-card p{font-size:15px;line-height:1.9}
.delivery-custom-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px;padding:22px 26px;border:1px solid #35475a;border-radius:13px;background:#101d2b}
.delivery-custom-footer p{font-size:14px;max-width:690px}
.delivery-custom-footer .button{flex:none}

/* A quiet, sequential current: text stays readable even in its resting state. */
.delivery-journey-step,.delivery-journey-step:first-child,.delivery-journey-step:last-child{padding-top:22px}
.delivery-journey-step:before{content:'';position:absolute;top:0;inset-inline:26px;height:1px;background:currentColor;color:#31495c;--idle:#31495c;--lit:#80e5dd;--flicker:#609d9d}
.delivery-journey-step:first-child:before{inset-inline-start:0}
.delivery-journey-step:last-child:before{inset-inline-end:0}
.delivery-step-number{--idle:#84bfc4;--lit:#e9b78e;--flicker:#b8c8b6;color:var(--idle)}
.delivery-journey-step h3{--idle:#f3f6fa;--lit:#8ce8df;--flicker:#c6e7e5;color:var(--idle)}
.delivery-journey-step p{--idle:#a6b6c8;--lit:#e1f2f0;--flicker:#c2d8da;color:var(--idle)}
.delivery-steps.is-active .delivery-journey-step:nth-of-type(1){--journey-animation:journey-first}
.delivery-steps.is-active .delivery-journey-step:nth-of-type(2){--journey-animation:journey-second}
.delivery-steps.is-active .delivery-journey-step:nth-of-type(3){--journey-animation:journey-third}
.delivery-steps.is-active .delivery-journey-step:nth-of-type(4){--journey-animation:journey-fourth}
.delivery-steps.is-active .delivery-journey-step:before,
.delivery-steps.is-active .delivery-journey-step .delivery-step-number,
.delivery-steps.is-active .delivery-journey-step h3,
.delivery-steps.is-active .delivery-journey-step p{animation:var(--journey-animation) 11s linear infinite;box-shadow:none;text-shadow:none;filter:none}
.delivery-steps.is-active .delivery-journey-step h3{--idle:#aabac8;--lit:#6effe7;--flicker:#c2ece6}
.delivery-steps.is-active .delivery-journey-step p{--idle:#899cac;--lit:#f2fffc;--flicker:#badbd8}
.delivery-steps.is-active .delivery-step-number{--idle:#7c9fa9;--lit:#ffc395;--flicker:#e0c1a9}
@keyframes journey-first{0%,3%{color:var(--idle)}8%,80%{color:var(--lit)}84%{color:var(--flicker)}86%{color:var(--lit)}88%{color:var(--flicker)}90%,92%{color:var(--lit)}98%,100%{color:var(--idle)}}
@keyframes journey-second{0%,23%{color:var(--idle)}28%,80%{color:var(--lit)}84%{color:var(--flicker)}86%{color:var(--lit)}88%{color:var(--flicker)}90%,92%{color:var(--lit)}98%,100%{color:var(--idle)}}
@keyframes journey-third{0%,43%{color:var(--idle)}48%,80%{color:var(--lit)}84%{color:var(--flicker)}86%{color:var(--lit)}88%{color:var(--flicker)}90%,92%{color:var(--lit)}98%,100%{color:var(--idle)}}
@keyframes journey-fourth{0%,63%{color:var(--idle)}68%,80%{color:var(--lit)}84%{color:var(--flicker)}86%{color:var(--lit)}88%{color:var(--flicker)}90%,92%{color:var(--lit)}98%,100%{color:var(--idle)}}

/* A small accent follows the cursor; no simulated screenshots or halos. */
.delivery-feature{position:relative;overflow:hidden}
.delivery-feature:after{content:'';position:absolute;top:0;inset-inline-start:0;width:32%;height:1px;background:#83dcd6;transform:scaleX(0);transform-origin:100% 50%;transition:transform .3s ease}
html[dir=ltr] .delivery-feature:after{transform-origin:0 50%}
.delivery-feature:hover:after,.delivery-feature:focus-within:after{transform:scaleX(1)}
.diagram-node{animation:diagram-accent 9s ease-in-out infinite}
.diagram-step:nth-child(2) .diagram-node{animation-delay:-3s}
.diagram-step:nth-child(3) .diagram-node{animation-delay:-6s}
@keyframes diagram-accent{0%,100%{border-color:#456572;color:#8faeba}50%{border-color:#77d7d0;color:#8be5dc}}
@media(max-width:940px){.delivery-custom-intro{gap:35px}.delivery-custom-grid{gap:12px}.delivery-custom-card{padding:22px}}
@media(max-width:680px){
 .delivery-custom-intro{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.delivery-custom-intro>p{font-size:15px}.delivery-custom-intro h2{font-size:32px}
 .delivery-custom-grid{grid-template-columns:1fr;gap:14px}.delivery-custom-footer{display:block;padding:22px}.delivery-custom-footer .button{margin-top:18px;font-size:13px}
 .delivery-journey-step,.delivery-journey-step:first-child,.delivery-journey-step:last-child{padding-top:20px}
 .delivery-journey-step:before,.delivery-journey-step:first-child:before,.delivery-journey-step:last-child:before{inset-inline:0}
}
@media(prefers-reduced-motion:reduce){
 .delivery-steps.is-active .delivery-journey-step:before,.delivery-steps.is-active .delivery-journey-step .delivery-step-number,.delivery-steps.is-active .delivery-journey-step h3,.delivery-steps.is-active .delivery-journey-step p,.diagram-node{animation:none!important}
 .delivery-feature:after,.delivery-custom-card{transition:none!important}
}

/* Delivery page: a legible conceptual journey and an editorial, less boxed layout. */
.delivery-hero-grid{gap:68px}
.delivery-copy h1{text-wrap:balance}
.delivery-diagram.delivery-map{display:block;min-height:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.delivery-map:before{display:none}
.map-stage{direction:ltr;position:relative;width:100%;aspect-ratio:560/410;border:1px solid #263b4c;border-radius:22px;overflow:hidden;background:#0c1824}
.map-stage>svg{position:absolute;inset:0;width:100%;height:100%}
.map-district{fill:#172a36;stroke:#253b4a;stroke-width:1}
.map-streets{stroke:#253c4a;stroke-width:1;opacity:.9}
.map-route-base{stroke:#41656a;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.map-route-current{stroke:#8ee8dc;stroke-width:2;stroke-linecap:round;stroke-dasharray:.1 .9;stroke-dashoffset:1;vector-effect:non-scaling-stroke;animation:map-current 10s linear infinite}
.map-anchor{fill:#0d1b25;stroke:#7de1d7;stroke-width:2;vector-effect:non-scaling-stroke}
.map-anchor-end{stroke:#e1af86}
.map-point{position:absolute;width:0;height:0;z-index:2}
.map-point-1{left:20.72%;top:72.2%}.map-point-2{left:46.43%;top:42.44%}.map-point-3{left:83.75%;top:25.85%}
.map-point-icon{position:absolute;left:0;top:0;width:42px;height:42px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #5a8a88;border-radius:50%;background:#0c1b26;color:#a1ece0}
.map-point-3 .map-point-icon{border-color:#bb916e;color:#edc19e}
.map-point-icon .icon{width:19px;height:19px;stroke-width:1.5}
.map-point-copy{position:absolute;left:29px;top:-20px;display:flex;flex-direction:column;gap:1px;white-space:nowrap}
.map-point-3 .map-point-copy{left:auto;right:29px;top:-27px}
.map-point-copy strong{font-size:14px;font-weight:600;line-height:1.5;color:#eaf4f6}
.map-point-copy small{font-size:12px;line-height:1.4;color:#9fb3c1}
.map-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 2px 0;color:#92a7b8;font-size:11px}
.map-caption span:last-child{font:10px monospace;letter-spacing:1.2px;color:#85a7b0}
@keyframes map-current{to{stroke-dashoffset:0}}

.delivery-audience-grid{gap:0}
.delivery-audience{background:transparent;border:0;border-inline-end:1px solid #2a3b4c;border-radius:0;padding:0 34px}
.delivery-audience:first-child{padding-inline-start:0}.delivery-audience:last-child{padding-inline-end:0;border:0}
.delivery-audience .delivery-icon{border-color:#395462;background:transparent;border-radius:50%}
.delivery-audience h3{margin-top:23px;font-size:21px}
.delivery-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 54px;border-bottom:1px solid #26394a}
.delivery-feature{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 19px;align-content:start;padding:28px 0;background:transparent;border:0;border-top:1px solid #26394a;border-radius:0;overflow:visible}
.delivery-feature:hover{border-color:#477180;transform:none}
.delivery-feature-top{grid-column:1;grid-row:1 / span 2;display:block}
.delivery-feature-top .delivery-feature-number{display:none}
.delivery-feature h3{grid-column:2;grid-row:1;margin:0 0 9px;font-size:20px}
.delivery-feature p{grid-column:2;grid-row:2;margin:0;max-width:500px}
.delivery-feature .delivery-icon{background:#10222e;border-color:#304e5a}

.delivery-custom-intro{display:block;text-align:center;max-width:840px;margin:0 auto 45px}
.delivery-custom-intro .eyebrow{justify-content:center}
.delivery-custom-intro>p{margin:20px auto 0;max-width:680px}
.delivery-custom-label{text-align:center;margin-bottom:20px}
.delivery-custom-grid{display:block;border-top:1px solid #2a3d4d}
.delivery-custom-card{display:grid;grid-template-columns:48px minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:22px;padding:24px 0;background:transparent;border:0;border-bottom:1px solid #2a3d4d;border-radius:0}
.delivery-custom-card:hover{transform:none;border-color:#477180}
.delivery-custom-card-top .delivery-feature-number{display:none}
.delivery-custom-card h3{margin:0;font-size:19px}
.delivery-custom-card p{margin:0;max-width:600px}
.delivery-custom-footer{border:0;background:transparent;border-radius:0;padding:24px 0 0;margin-top:0}
@media(max-width:1000px){
 .delivery-hero-grid{gap:34px}.delivery-audience{padding-inline:23px}.delivery-features-grid{gap:0 30px}
}
@media(max-width:680px){
 .delivery-hero-grid{gap:34px}.map-point-icon{width:34px;height:34px}.map-point-icon .icon{width:16px;height:16px}
 .map-point-copy{left:23px;top:-17px}.map-point-3 .map-point-copy{right:23px;top:-24px}
 .map-point-copy strong{font-size:13px}.map-point-copy small{font-size:11px}.map-caption{font-size:10px}
 .delivery-audience-grid{display:block}.delivery-audience,.delivery-audience:first-child,.delivery-audience:last-child{padding:23px 0;border:0;border-bottom:1px solid #2a3b4c}.delivery-audience:first-child{padding-top:0}.delivery-audience:last-child{border:0;padding-bottom:0}
 .delivery-audience h3{margin-top:15px}.delivery-features-grid{grid-template-columns:1fr;gap:0}.delivery-feature{padding:23px 0;gap:0 16px}.delivery-feature h3{font-size:19px}.delivery-feature p{font-size:14px}
 .delivery-custom-intro{margin-bottom:33px}.delivery-custom-intro>p{font-size:15px}.delivery-custom-grid{display:block}.delivery-custom-card{grid-template-columns:47px minmax(0,1fr);gap:0 16px;padding:22px 0}.delivery-custom-card-top{grid-column:1;grid-row:1 / span 2}.delivery-custom-card h3{grid-column:2;grid-row:1;margin:0 0 8px}.delivery-custom-card p{grid-column:2;grid-row:2;font-size:14px}
 .delivery-custom-footer{padding-top:22px}.delivery-custom-footer .button{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.map-route-current{animation:none;stroke-dasharray:none;stroke-dashoffset:0;opacity:.6}}

/* Three concrete delivery scenarios: show the source and destination at a glance. */
.delivery-usecases .section-head{max-width:850px;margin-bottom:48px}
.delivery-usecases .section-head>p{max-width:700px}
.delivery-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 38px}
.delivery-scenarios .scenario,.delivery-scenarios .scenario:first-child,.delivery-scenarios .scenario:last-child{min-width:0;padding:0;border:0;background:transparent}
.scenario-visual{padding:27px 12px 22px;border-block:1px solid #293f4e;min-height:130px}
.scenario-path{display:flex;align-items:flex-start;justify-content:center;max-width:290px;margin:auto;gap:5px}
.scenario-node{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:65px;text-align:center}
.scenario-symbol{width:47px;height:47px;border:1px solid #3f626e;border-radius:50%;display:grid;place-items:center;color:#86ded8;background:#0e1d29}
.scenario-symbol .icon{width:22px;height:22px;stroke-width:1.45}
.scenario-node:last-child .scenario-symbol{border-color:#805c49;color:#e6b18c;background:#1a2027}
.scenario-label{font-size:12px;line-height:1.5;color:#b3c4d2;white-space:nowrap}
.scenario-connector{height:1px;background:#3b5664;position:relative;flex:1;min-width:25px;max-width:82px;margin-top:23px}
.scenario-connector>.icon,.scenario-plus>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:19px;height:19px;padding:2px;background:#0b1420;color:#82d6d0}
html[dir=rtl] .scenario-connector>.icon{transform:translate(-50%,-50%) scaleX(-1)}
.scenario-plus>span{display:grid;place-items:center;color:#e3b391;font:16px/1 'Segoe UI',sans-serif}
.scenario-copy{padding-top:21px}
.scenario-index{font:11px monospace;letter-spacing:.1em;color:#d1aa8d}
.delivery-scenarios .scenario h3{font-size:21px;line-height:1.55;margin:9px 0 9px}
.delivery-scenarios .scenario p{max-width:390px;font-size:15px;line-height:1.95}
@media(max-width:1000px){.delivery-scenarios{gap:23px}.scenario-node{min-width:57px}.scenario-label{font-size:11px}.scenario-visual{padding-inline:3px}}
@media(min-width:681px) and (max-width:850px){.delivery-scenarios{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}}
@media(max-width:680px){
 .delivery-usecases .section-head{margin-bottom:35px}.delivery-scenarios{grid-template-columns:1fr;gap:31px}
 .delivery-scenarios .scenario,.delivery-scenarios .scenario:first-child,.delivery-scenarios .scenario:last-child{padding:0;border:0}
 .scenario-visual{min-height:120px;padding:22px 5px 18px}.scenario-path{max-width:270px}.scenario-node{min-width:62px}.scenario-label{font-size:12px}
 .scenario-copy{padding-top:16px}.delivery-scenarios .scenario h3{font-size:20px;margin:7px 0}.delivery-scenarios .scenario p{font-size:14px;max-width:none}
}

/* Illustrative product experience: original interface concepts, not screenshots. */
.delivery-showcase{overflow:hidden;background:#0b1622}
.delivery-showcase .section-head{max-width:780px;margin-inline:auto;margin-bottom:58px}
.showcase-board{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:9%;align-items:center;padding:48px 0 76px;border-top:1px solid #2a3d4c}
.showcase-story,.showcase-journey-copy{max-width:390px}
.showcase-overline{display:block;color:#8fcfc8;font:11px/1.6 monospace;letter-spacing:.09em}
.showcase-story h3,.showcase-journey-copy h3{font-size:clamp(24px,2.4vw,34px);line-height:1.4;margin:18px 0 12px;color:#f2f7fa}
.showcase-story p,.showcase-journey-copy p{color:#a5b8c9;line-height:1.9;margin:0;font-size:16px}
.showcase-desk{min-width:0;border:1px solid #334c5c;border-radius:16px;background:#101e2c;overflow:hidden}
.desk-bar{display:flex;align-items:center;gap:10px;padding:14px 19px;border-bottom:1px solid #273d4b;font:10px monospace;letter-spacing:.08em;color:#d0e3e9;direction:ltr}
.desk-logo,.phone-mark{display:grid;place-items:center;font:700 18px/1 sans-serif;color:#8ce2d8}.desk-logo span,.phone-mark span{color:#d9a67e}
.desk-logo{display:block}.desk-brand{color:#758d9b}.desk-dots{display:flex;gap:5px;margin-left:auto}.desk-dots i{width:5px;height:5px;border-radius:50%;background:#4e6875}
.desk-body{padding:25px}.desk-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.desk-heading strong,.desk-caption{display:block}.desk-heading strong{font-size:17px;margin-top:5px;color:#edf6f7}.desk-caption{font-size:11px;color:#8199a8}
.desk-status,.showcase-key{display:flex;align-items:center;gap:7px;color:#8ea9b4;font-size:10px;white-space:nowrap}.desk-status i,.showcase-key span{width:6px;height:6px;border-radius:50%;background:#7edbd0}
.desk-table{border-block:1px solid #2c414e}.desk-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:8px;min-height:51px;border-top:1px solid #233a49;color:#d4e5e9;font-size:12px}.desk-row:first-child{border:0}.desk-row>span{min-width:0}.desk-label{min-height:35px;color:#78919d;font-size:10px}.desk-avatar{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;margin-inline-end:8px;background:#243c48;color:#9ed5ce;font:9px monospace;font-style:normal}.desk-pill{display:inline-block;padding:5px 9px;border-radius:4px;background:#1d3841;color:#9adbd1;font-size:10px;font-weight:500;white-space:nowrap}.desk-pill-0{background:#3b3029;color:#e8bc96}.desk-pill-2{background:#263c36;color:#a3ddbd}
.showcase-journey{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);align-items:center;gap:5%;padding:68px 0 60px;border-top:1px solid #2a3d4c}.showcase-key{margin-top:25px}.showcase-key span{background:#e1ae88}
.phone-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;direction:inherit}.phone-step{min-width:0}.phone-frame{width:100%;max-width:210px;margin:auto;padding:5px;border:1px solid #506774;border-radius:23px;background:#152a36}.phone-screen{display:flex;flex-direction:column;min-height:335px;border-radius:18px;background:#eef3f2;color:#1c333b;padding:11px 11px 8px;overflow:hidden}.phone-top{display:flex;justify-content:space-between;font:8px sans-serif;color:#37525a;direction:ltr}.phone-app{display:flex;align-items:center;gap:7px;border-bottom:1px solid #dce6e3;padding:17px 0 13px;color:#54727a;font-size:8px;white-space:nowrap}.phone-mark{display:block;font-size:16px;color:#127f79;direction:ltr}.phone-menu{margin-inline-start:auto;font-size:17px;color:#768e92;line-height:1}.phone-greeting,.phone-heading{font-size:14px;font-weight:700;line-height:1.5;color:#18373c;margin-top:22px}.phone-greeting small,.phone-heading small{display:block;font-size:9px;font-weight:400;color:#789092;margin-top:5px;line-height:1.5}.phone-notification{display:flex;align-items:flex-start;gap:7px;margin-top:20px;padding:10px 8px;background:#fff;border:1px solid #d9e7e3;border-radius:9px}.phone-notice-icon{flex:none;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#d9f1ea;color:#198c7f}.phone-notice-icon .icon{width:15px;height:15px}.phone-notification strong,.phone-notification small{display:block}.phone-notification strong{font-size:9px}.phone-notification small{font-size:8px;color:#71898a;margin-top:4px;line-height:1.45}.phone-notification em{font-size:8px;color:#8ca19f;font-style:normal;white-space:nowrap;margin-inline-start:auto}.phone-spacer{flex:1;min-height:15px}.phone-button{background:#167e75;color:#fff;text-align:center;border-radius:8px;padding:10px 5px;font-size:10px;font-weight:700}.phone-home{width:42px;height:3px;border-radius:3px;background:#a4b7b3;margin:12px auto 1px}.phone-kicker{font-size:9px;color:#71908c;margin-top:22px}.phone-kicker+.phone-heading{margin-top:6px}.phone-route{margin-top:19px;border:1px solid #dae6e2;border-radius:9px;background:#fff;padding:10px}.phone-route>div{display:flex;gap:8px;align-items:flex-start;font-size:8px;color:#7c9392;line-height:1.5}.phone-route>div+div{margin-top:15px}.phone-route i{width:8px;height:8px;border:2px solid #40a69a;border-radius:50%;margin-top:3px;flex:none}.phone-route>div+div i{border-color:#dfaa7f}.phone-route strong{display:block;font-size:10px;color:#294948;margin-top:2px}.phone-progress{display:flex;align-items:center;gap:8px;margin-top:24px;padding:12px 8px;border:1px solid #d8e8e2;border-radius:9px;background:white}.phone-check{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;color:#168b7c;background:#daf3e9;font-size:14px}.phone-progress strong,.phone-progress small{display:block}.phone-progress strong{font-size:10px}.phone-progress small{margin-top:4px;font-size:8px;line-height:1.4;color:#7b9391}
.phone-caption{display:flex;align-items:baseline;gap:9px;max-width:210px;margin:17px auto 0}.phone-caption span{font:10px monospace;color:#d8aa86}.phone-caption strong{font-size:13px;line-height:1.5;color:#d8e7eb}.showcase-disclaimer{border-top:1px solid #2a3d4c;margin:0;padding-top:20px;color:#8ca2af;font-size:12px;line-height:1.8}
@media(max-width:1000px){.showcase-board{gap:5%}.showcase-journey{grid-template-columns:1fr;gap:32px}.showcase-journey-copy{max-width:600px}.phone-sequence{max-width:720px;margin:auto;width:100%}}
@media(max-width:680px){.delivery-showcase .section-head{margin-bottom:38px}.showcase-board{grid-template-columns:1fr;gap:30px;padding:34px 0 48px}.desk-body{padding:17px}.desk-row{font-size:11px}.desk-avatar{width:21px;height:21px;margin-inline-end:4px}.desk-pill{padding:4px;font-size:9px}.desk-heading strong{font-size:15px}.showcase-journey{padding:43px 0 45px}.phone-sequence{grid-template-columns:1fr;gap:24px}.phone-step{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:20px;align-items:center}.phone-frame{width:100%;max-width:170px}.phone-screen{min-height:310px}.phone-caption{margin:0;display:flex;flex-direction:column;gap:10px}.phone-caption strong{font-size:16px}.showcase-disclaimer{font-size:12px}}

/* A real client and original illustrative operations concept. */
.delivery-client{background:#0a1420}
.client-section-title{margin:0 0 45px;text-align:center;color:#f2f7fa;font-size:clamp(31px,3.1vw,44px)}
.client-private .client-link-action{color:#a4b9bd}
.client-heading{display:grid;grid-template-columns:minmax(200px,.55fr) minmax(0,1fr);gap:9%;align-items:start;padding-bottom:42px;border-bottom:1px solid #293e4d}
.client-identity{display:flex;align-items:center;gap:17px}.client-logo{width:78px;height:78px;flex:none;background:#fff;border-radius:12px;overflow:hidden}.client-logo img{width:100%;height:100%;object-fit:contain}.client-identity strong{display:block;font-size:20px;color:#f1f6f7;margin-top:5px}.client-intro h2{font-size:clamp(32px,3.4vw,46px);line-height:1.45}.client-intro p{max-width:620px;margin-top:19px;line-height:1.9}
.client-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px;margin:0 0 75px}.client-link{display:flex;align-items:center;gap:17px;min-width:0;padding:25px 0;border-bottom:1px solid #293e4d}.client-link-icon{width:45px;height:45px;flex:none;display:grid;place-items:center;border:1px solid #395765;border-radius:50%;color:#8de0d7}.client-link-icon .icon{width:19px;height:19px}.client-link-copy{min-width:0}.client-link-copy strong,.client-link-copy small{display:block}.client-link-copy strong{font-size:17px;color:#edf4f6}.client-link-copy small{font-size:13px;color:#97acba;line-height:1.6;margin-top:4px}.client-link-action{margin-inline-start:auto;white-space:nowrap;color:#87dfd5;font-size:12px;transition:color .2s}.client-link-action span{display:inline-block;margin-inline-start:4px;font-size:16px}.client-link:hover .client-link-action{color:#f0bc94}
.client-dashboard{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:7%;align-items:center}.client-dashboard-copy h3{font-size:clamp(25px,2.4vw,34px);line-height:1.45;margin:16px 0 12px}.client-dashboard-copy p{line-height:1.9;font-size:15px;max-width:380px}.ops-visual{border:1px solid #38505d;border-radius:15px;background:#10202c;overflow:hidden}.ops-top{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid #2c4351;color:#a6c5c8;font:10px monospace;letter-spacing:.06em;direction:ltr}.ops-mark{color:#8de0d7;font:bold 18px sans-serif}.ops-mark span{color:#e1aa83}.ops-top-end{margin-left:auto;letter-spacing:3px;color:#69818a}.ops-body{padding:22px}.ops-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.ops-head strong,.ops-head small{display:block}.ops-head strong{font-size:16px;color:#eaf3f3;margin-top:5px}.ops-head small{font:9px monospace;letter-spacing:.1em;color:#759099}.ops-head>span{font-size:10px;color:#96acb5}.ops-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px}.ops-map{position:relative;min-height:230px;background:#132c36;border:1px solid #294753;border-radius:8px;overflow:hidden}.ops-map svg{position:absolute;width:100%;height:100%;inset:0}.ops-streets{stroke:#3a5d62;stroke-width:1;opacity:.55}.ops-route-base{stroke:#375a5d;stroke-width:5}.ops-route-line{stroke:#82ded2;stroke-width:2;stroke-dasharray:5 4}.ops-point{fill:#102a32;stroke:#80ddd1;stroke-width:3}.ops-point-end{stroke:#dfac86}.ops-map-label,.ops-map-caption{position:absolute;color:#b7d6d3;font-size:10px;padding:5px 8px;background:#152d34;border:1px solid #3d5d60;border-radius:4px}.ops-map-label{top:12px;inset-inline-start:12px}.ops-map-caption{bottom:12px;inset-inline-end:12px;color:#e0b895}.ops-tasks{border:1px solid #29414c;border-radius:8px;padding:13px;background:#112631}.ops-tasks h4{margin:0 0 8px;color:#d4e5e7;font-size:12px}.ops-task{display:flex;align-items:center;gap:8px;padding:11px 0;border-top:1px solid #2a414b}.ops-task-icon{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:7px;background:#213e47;color:#91dcd1}.ops-task-icon-0{background:#3e342c;color:#e6b591}.ops-task-icon .icon{width:15px;height:15px}.ops-task strong,.ops-task small{display:block;line-height:1.5}.ops-task strong{color:#e1eded;font-size:10px}.ops-task small{font-size:9px;color:#8ba4aa;margin-top:3px}.ops-task-number{font:9px monospace;color:#718f95;margin-inline-start:auto}.client-note{border-top:1px solid #293e4d;margin:36px 0 0;padding-top:18px;font-size:12px;color:#91a7b2;line-height:1.8}
@media(max-width:900px){.client-heading{grid-template-columns:1fr;gap:30px}.client-dashboard{grid-template-columns:1fr;gap:28px}.client-dashboard-copy p{max-width:650px}.client-links{margin-bottom:55px}}
@media(max-width:680px){.client-logo{width:65px;height:65px}.client-identity strong{font-size:18px}.client-heading{padding-bottom:32px}.client-intro h2{font-size:31px}.client-intro p{font-size:15px}.client-links{grid-template-columns:1fr;margin-bottom:45px}.client-link{gap:12px;padding:19px 0;flex-wrap:wrap}.client-link-copy{flex:1}.client-link-copy strong{font-size:15px}.client-link-copy small{font-size:12px}.client-link-action{margin-inline-start:57px}.ops-body{padding:14px}.ops-content{grid-template-columns:1fr}.ops-map{min-height:175px}.ops-tasks{padding:10px}.ops-task{padding:8px 0}.ops-head>span{font-size:9px}.client-note{margin-top:25px}}

/* Keep the buying journey focused and make the client example easier to find. */
.delivery-proof-link{display:inline-flex;align-items:center;gap:10px;margin-top:26px;color:#a9d9d6;font-size:14px;border-bottom:1px solid #50716f;padding-bottom:4px;transition:color .2s,border-color .2s}
.delivery-proof-link:hover{color:#f0bf99;border-color:#f0bf99}.delivery-proof-link .icon{width:15px;height:15px}html[dir=rtl] .delivery-proof-link .icon{transform:scaleX(-1)}
.delivery-usecases,.delivery-features,.delivery-custom,.delivery-journey,.delivery-client{padding-block:90px}
.delivery-scenarios{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.delivery-showcase{background:#0a1420;padding:0 0 80px}
.delivery-showcase .showcase-journey{border-top:0;padding:10px 0 38px}
.delivery-showcase .showcase-journey-copy h3{margin-top:12px}
@media(min-width:681px) and (max-width:900px){.delivery-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-scenarios .scenario:last-child{grid-column:1 / -1;width:calc(50% - 12px);justify-self:center}}
@media(max-width:680px){
 .delivery-usecases,.delivery-features,.delivery-custom,.delivery-journey,.delivery-client{padding-block:58px}
 .delivery-scenarios{grid-template-columns:1fr;gap:25px}.scenario-visual{min-height:108px;padding-block:17px}.scenario-copy{padding-top:14px}
 .delivery-showcase{padding:0 0 58px}.delivery-showcase .showcase-journey{padding:0 0 30px;gap:24px}.phone-sequence{gap:18px}.phone-step{grid-template-columns:minmax(0,170px) minmax(0,1fr)}.phone-frame{max-width:170px}.phone-screen{min-height:300px}.phone-app{padding:12px 0 10px}.phone-greeting,.phone-heading{margin-top:14px}.phone-notification,.phone-route,.phone-progress{margin-top:13px}
}
.phone-switcher{display:flex;gap:8px}
.journey-wire{display:none}
@media(max-width:680px){
 .phone-switcher{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .phone-switcher button{min-height:48px;padding:7px 6px;border:1px solid #35525d;border-radius:9px;background:#10222d;color:#b8cbd1;font-size:12px;line-height:1.45}
 .phone-switcher button[aria-pressed=true]{border-color:#80d8ce;background:#173d3e;color:#e4fbf6}
 .phone-sequence-compact .phone-step{display:block}.phone-sequence-compact .phone-frame{max-width:205px}.phone-sequence-compact .phone-screen{min-height:310px}.phone-sequence-compact .phone-caption{display:none}
 .delivery-showcase .showcase-journey{gap:18px}
 .delivery-steps{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:0}
 .journey-wire{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
 .journey-wire path{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:none}
 .journey-wire-base{stroke:#385264}.journey-wire-light{stroke:#82e5d8;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
 html[dir=ltr] .journey-wire{transform:scaleX(-1)}
 .delivery-steps.is-active .journey-wire-light{animation:journey-wire-flow 11s linear infinite}
 .delivery-journey-step,.delivery-journey-step:first-child,.delivery-journey-step:last-child{position:relative;min-height:132px;padding:25px 12% 22px;border:0;z-index:1}
 .delivery-journey-step:before,.delivery-journey-step:first-child:before,.delivery-journey-step:last-child:before{display:none}
 .delivery-journey-step:after{content:'';position:absolute;top:calc(5% - 4px);inset-inline-start:calc(6% - 4px);width:8px;height:8px;border:1.5px solid #7bd4cf;border-radius:50%;background:#0b1420;box-shadow:none}
 .delivery-journey-step:nth-of-type(even):after{inset-inline-start:auto;inset-inline-end:calc(6% - 4px)}
 .delivery-journey-step:nth-of-type(even){text-align:end}.delivery-journey-step:nth-of-type(odd){text-align:start}
 .delivery-step-number{margin-bottom:8px}.delivery-journey-step h3{margin-bottom:5px;font-size:18px}.delivery-journey-step p{font-size:14px;line-height:1.8}
 .delivery-diagram{min-height:265px}
 .client-link{display:grid;grid-template-columns:45px minmax(0,1fr);gap:5px 14px;align-items:center}
 .client-link-icon{grid-column:1;grid-row:1 / span 2}.client-link-copy{grid-column:2;grid-row:1}.client-link-action{grid-column:2;grid-row:2;margin:0}
 .client-logo img{transform:scale(1.25)}
}
@keyframes journey-wire-flow{0%{stroke-dashoffset:1;opacity:1}80%,91%{stroke-dashoffset:0;opacity:1}98%,100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:680px) and (prefers-reduced-motion:reduce){.journey-wire-light{animation:none!important;stroke-dashoffset:0;opacity:.65}}

/* Mobile navigation opens and closes as one calm, accessible surface. */
@media(max-width:940px){
 .menu-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;color:#c6d6dd;border-color:#2a4050;transition:border-color .25s,color .25s,background .25s}
 .menu-toggle:hover,.menu-toggle[aria-expanded=true]{color:#86e4da;border-color:#4d777b;background:#10212b}
 .menu-toggle .icon{opacity:0;width:20px;height:20px}
 .menu-toggle:before,.menu-toggle:after{content:'';position:absolute;inset-inline-start:13px;width:17px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .28s ease,top .28s ease}
 .menu-toggle:before{top:17px}.menu-toggle:after{top:24px}
 .menu-toggle[aria-expanded=true]:before{top:21px;transform:rotate(45deg)}
 .menu-toggle[aria-expanded=true]:after{top:21px;transform:rotate(-45deg)}
 .mobile-nav{display:flex;flex-direction:column;inset:78px 0 0;padding:clamp(24px,5vh,42px) max(24px,calc((100vw - 620px)/2)) 36px;background:#0a1420;overscroll-behavior:contain;opacity:0;transform:translateY(-12px);transition:opacity .28s ease,transform .28s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
 .mobile-nav.is-open{opacity:1;transform:translateY(0)}
 .mobile-nav .nav-link,.mobile-nav>.button{opacity:0;transform:translateY(12px);transition:opacity .28s ease,transform .32s ease,color .2s,border-color .2s}
 .mobile-nav.is-open .nav-link,.mobile-nav.is-open>.button{opacity:1;transform:translateY(0)}
 .mobile-nav.is-open .nav-link:nth-child(1){transition-delay:35ms}.mobile-nav.is-open .nav-link:nth-child(2){transition-delay:65ms}.mobile-nav.is-open .nav-link:nth-child(3){transition-delay:95ms}.mobile-nav.is-open .nav-link:nth-child(4){transition-delay:125ms}.mobile-nav.is-open .nav-link:nth-child(5){transition-delay:155ms}.mobile-nav.is-open>.button{transition-delay:185ms}
 .mobile-nav .nav-link{font-size:clamp(20px,5.5vw,25px);padding:13px 0;border-color:#243744}
 .mobile-nav .nav-link.active{color:#8ee6dc}.mobile-nav>.button{align-self:flex-start;margin-top:26px;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.menu-toggle,.menu-toggle:before,.menu-toggle:after,.mobile-nav,.mobile-nav .nav-link,.mobile-nav>.button{transition:none!important}}

/* Commerce solution: illustrative interfaces and an editorial, customer-first layout. */
.eco-hero{background:#0a111d;border-bottom:1px solid #23323f;padding:60px 0 90px;overflow:hidden}
.eco-hero .breadcrumb{margin-bottom:42px}.eco-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.eco-hero-copy h1{font-size:clamp(40px,4.5vw,64px);line-height:1.43;letter-spacing:-1.3px}.eco-hero-copy h1 span{color:#a9b8ff}.eco-hero-copy>p{max-width:610px;margin:22px 0 29px;font-size:18px;line-height:1.95}.eco-proof,.eco-external{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding-bottom:5px;color:#a9e2da;border-bottom:1px solid #557c78;font-size:14px}.eco-proof .icon{width:15px;height:15px}.eco-proof:hover,.eco-external:hover{color:#f4c29a;border-color:#f4c29a}
.eco-hero-visual{position:relative;border:1px solid #374551;border-radius:18px;background:#101b28;padding:20px;min-width:0}.eco-visual-top,.eco-visual-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#899da8;font:10px monospace;letter-spacing:.08em;direction:ltr}.eco-visual-caption{padding-top:16px;direction:inherit;font:11px inherit;color:#9fb2be}.eco-hero-window{margin-top:17px;padding:20px;background:#e5ebe8;border-radius:10px;position:relative;color:#203635}.eco-window-head{display:flex;align-items:center;gap:10px;color:#506867;font:10px monospace;letter-spacing:.06em;direction:ltr}.eco-window-head>span{font:bold 24px sans-serif;color:#265f5a}.eco-window-head>span span{color:#d59470}.eco-window-head i{font:18px sans-serif;margin-left:auto}.eco-hero-products,.eco-store-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.eco-product{min-width:0}.eco-product-art{height:156px;position:relative;background:#d6ded9;border-radius:5px;overflow:hidden}.eco-product-art span{position:absolute;width:52%;height:68%;left:24%;top:18%;border-radius:42% 42% 12% 12%;background:#a9b9b0;transform:rotate(-8deg)}.eco-product-art i{position:absolute;width:26%;height:25%;left:37%;top:9%;border:5px solid #a9b9b0;border-bottom:0;border-radius:55% 55% 0 0}.eco-art-2{background:#e3d9cf}.eco-art-2 span,.eco-art-2 i{background:#bc9d87;border-color:#bc9d87}.eco-art-3{background:#d8d6d9}.eco-art-3 span,.eco-art-3 i{background:#9e9ba8;border-color:#9e9ba8}.eco-product-info{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:9px;color:#2a4948}.eco-product-info strong{font-size:10px}.eco-product-info small{font-size:9px;color:#718581}.eco-product-info b{font-weight:400}.eco-order-float{position:absolute;bottom:-19px;inset-inline-start:-25px;display:flex;align-items:center;gap:10px;padding:12px;background:#17313c;border:1px solid #45616b;border-radius:10px;color:#e7f3f2}.eco-order-icon{display:grid;place-items:center;width:32px;height:32px;background:#254c4b;border-radius:7px;color:#8fe4d7}.eco-order-icon .icon{width:17px;height:17px}.eco-order-float strong,.eco-order-float small{display:block}.eco-order-float strong{font-size:11px}.eco-order-float small{font-size:10px;color:#9eb8b8}.eco-order-float i{color:#a8e6c9;font-style:normal;margin-inline-start:8px}
.eco-section,.eco-experience{background:#0b1520}.eco-journey,.eco-expand,.eco-related{background:#080f19}.eco-section .section-head,.eco-journey .section-head,.eco-expand .section-head{max-width:800px;margin:0 auto 52px}.eco-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 54px;border-bottom:1px solid #293d4b}.eco-feature{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:27px 0;border-top:1px solid #293d4b;min-width:0}.eco-feature-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #3c5261;border-radius:13px;background:#11232e;color:#9dded6}.eco-feature-icon .icon{width:21px;height:21px}.eco-number{font:10px monospace;letter-spacing:.1em;color:#d7aa89}.eco-feature h3{font-size:20px;margin:6px 0 8px}.eco-feature p,.eco-step p,.eco-extension p{font-size:15px;line-height:1.9}.eco-scope,.eco-concept-note{max-width:850px;margin:25px auto 0;color:#9eb0bc;font-size:13px;line-height:1.9;text-align:center}
.eco-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #49636c}.eco-step{position:relative;padding:25px 0 0;padding-inline-end:22px}.eco-step-dot{position:absolute;top:-5px;inset-inline-start:0;width:9px;height:9px;border:1.5px solid #87ddd4;border-radius:50%;background:#08121a}.eco-step h3{font-size:20px;margin:10px 0}.eco-step p{max-width:260px}
.eco-experience-row{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8%;align-items:center}.eco-experience-admin{margin-top:100px;padding-top:80px;border-top:1px solid #293d4b}.eco-copy h2{font-size:clamp(29px,3.2vw,43px)}.eco-copy p{font-size:16px;line-height:1.95;margin-top:18px;max-width:460px}.eco-store-mock{background:#e6ebe7;border-radius:14px;padding:23px;color:#264642;border:1px solid #a6b6b0}.eco-store-banner{display:flex;flex-direction:column;gap:6px;margin-top:22px;padding:22px;background:#cfdbd2;border-radius:8px}.eco-store-banner small{font:9px monospace;color:#71867c;letter-spacing:.08em}.eco-store-banner strong{font-size:19px;color:#285750}.eco-store-banner span{font-size:10px;color:#647c75}.eco-store-products{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}.eco-store-products .eco-product-art{height:130px}.eco-admin-mock{background:#11232f;border:1px solid #3b5361;border-radius:14px;overflow:hidden}.eco-admin-top{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #304653;color:#9ab8bd;font:10px monospace;direction:ltr}.eco-admin-top b{font:bold 19px sans-serif;color:#90e2d5}.eco-admin-top b span{color:#e0a783}.eco-admin-top i{margin-left:auto;font-style:normal}.eco-admin-content{padding:23px}.eco-admin-header{display:flex;align-items:center;justify-content:space-between}.eco-admin-header strong,.eco-admin-header small{display:block}.eco-admin-header strong{font-size:19px;color:#edf6f4}.eco-admin-header small{font:9px monospace;color:#7c9a9d}.eco-admin-header>span{font-size:10px;color:#a6ded0}.eco-admin-tabs{display:flex;gap:24px;margin-top:25px;border-bottom:1px solid #304751;color:#a3b9bf;font-size:11px}.eco-admin-tabs span{padding-bottom:10px}.eco-admin-tabs span:first-child{color:#8de0d4;border-bottom:1px solid #8de0d4}.eco-admin-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #293f4a}.eco-admin-avatar{display:grid;place-items:center;width:30px;height:30px;background:#24443f;border-radius:50%;font:9px monospace;color:#a4e4d5}.eco-admin-row strong,.eco-admin-row small{display:block;font-size:11px}.eco-admin-row small{font:10px monospace;color:#88a0a5}.eco-admin-row em{margin-inline-start:auto;color:#a5ddd1;background:#1e413b;padding:4px 8px;border-radius:4px;font-style:normal;font-size:10px}.eco-concept-note{border-top:1px solid #293d4b;padding-top:22px;margin-top:45px}
.eco-extension-list{border-top:1px solid #293d4b}.eco-extension{display:grid;grid-template-columns:45px minmax(0,.7fr) minmax(0,1.3fr) 25px;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #293d4b}.eco-extension h3{font-size:18px}.eco-case{background:#0c1a25}.eco-case-inner{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:60px}.eco-case-copy h2{font-size:clamp(32px,3.4vw,46px)}.eco-case-copy p{max-width:630px;margin-top:17px;font-size:16px;line-height:1.9}.eco-case-identity{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px;border:1px solid #354c58;border-radius:14px}.eco-case-identity strong{font-size:20px}.eco-case-identity>span{font:10px monospace;color:#88a5ab;letter-spacing:.08em}.eco-client-logo{width:110px;height:110px;background:#fff;border-radius:12px;overflow:hidden}.eco-client-logo img{width:100%;height:100%;object-fit:contain}.eco-external span{font-size:17px}.eco-related .section-head{margin-bottom:35px}
@media(max-width:1000px){.eco-hero-grid{gap:5%}.eco-hero-copy h1{font-size:clamp(37px,4.6vw,52px)}.eco-experience-row{gap:5%}.eco-features{gap:0 28px}.eco-case-inner{gap:35px}}
@media(max-width:680px){.eco-hero{padding:34px 0 60px}.eco-hero .breadcrumb{margin-bottom:25px}.eco-hero-grid{grid-template-columns:1fr;gap:35px}.eco-hero-copy h1{font-size:38px}.eco-hero-copy>p{font-size:16px;margin:17px 0 24px}.eco-hero-copy .button{font-size:13px;padding-inline:16px}.eco-proof{font-size:13px;margin-top:19px}.eco-hero-visual{margin-inline:10px;padding:15px}.eco-hero-window{padding:15px}.eco-product-art{height:120px}.eco-section,.eco-journey,.eco-experience,.eco-expand,.eco-case{padding-block:58px}.eco-section .section-head,.eco-journey .section-head,.eco-expand .section-head{margin-bottom:34px}.eco-features{grid-template-columns:1fr;gap:0}.eco-feature{padding:21px 0;gap:14px}.eco-feature h3{font-size:18px}.eco-feature p,.eco-step p,.eco-extension p{font-size:14px}.eco-steps{grid-template-columns:1fr;border:0;border-inline-start:1px solid #49636c;margin-inline-start:6px}.eco-step{padding:0 20px 25px}.eco-step:last-child{padding-bottom:0}.eco-step-dot{top:7px;inset-inline-start:-5px}.eco-step h3{margin:5px 0}.eco-experience-row{grid-template-columns:1fr;gap:26px}.eco-experience-admin{margin-top:55px;padding-top:45px}.eco-store-mock{padding:15px}.eco-store-products{gap:7px}.eco-store-products .eco-product-art{height:90px}.eco-store-products .eco-product-info{display:block}.eco-admin-content{padding:18px}.eco-extension{grid-template-columns:45px minmax(0,1fr);gap:4px 14px;padding:20px 0}.eco-extension .eco-feature-icon{grid-row:1 / span 2}.eco-extension h3{grid-column:2}.eco-extension p{grid-column:2}.eco-extension>.eco-number{display:none}.eco-case-inner{grid-template-columns:1fr;gap:26px}.eco-case-identity{flex-direction:row;padding:16px}.eco-client-logo{width:66px;height:66px;flex:none}.eco-case-identity>span{margin-inline-start:auto}.eco-demo{padding:28px 25px}.eco-related{padding-block:60px}}
.eco-client-mark{display:grid;place-items:center;width:88px;height:88px;flex:none;border:1px solid #67716e;border-radius:50%;color:#e8ded0;font:38px Georgia,serif}
.eco-product-art svg{position:absolute;inset:5%;width:90%;height:90%}
.eco-visual-caption{font-family:var(--font);font-size:11px;letter-spacing:0}
.eco-steps{position:relative}
.eco-steps:before{content:'';position:absolute;top:-1px;inset-inline:0;height:1px;background:#7fe3d5;transform:scaleX(0);transform-origin:right center;opacity:0}
html[dir=ltr] .eco-steps:before{transform-origin:left center}
.eco-steps.is-active:before{animation:eco-flow 10s linear infinite}
.eco-steps.is-active .eco-step-dot{animation:eco-dot 10s linear infinite;animation-delay:calc(var(--eco-order,0) * 1.6s)}
.eco-step:nth-child(1){--eco-order:0}.eco-step:nth-child(2){--eco-order:1}.eco-step:nth-child(3){--eco-order:2}.eco-step:nth-child(4){--eco-order:3}
@keyframes eco-flow{0%{transform:scaleX(0);opacity:1}65%,86%{transform:scaleX(1);opacity:1}98%,100%{transform:scaleX(1);opacity:0}}
@keyframes eco-dot{0%,8%{background:#08121a;border-color:#87ddd4}20%,70%{background:#8ce4d7;border-color:#8ce4d7}92%,100%{background:#08121a;border-color:#87ddd4}}
@media(max-width:680px){.eco-client-mark{width:58px;height:58px;font-size:26px}.eco-steps:before{inset-inline:auto;inset-inline-start:-1px;top:0;bottom:0;height:auto;width:1px;transform:scaleY(0);transform-origin:top center}.eco-steps.is-active:before{animation:eco-flow-vertical 10s linear infinite}}
@keyframes eco-flow-vertical{0%{transform:scaleY(0);opacity:1}65%,86%{transform:scaleY(1);opacity:1}98%,100%{transform:scaleY(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.eco-steps:before{animation:none!important;transform:scale(1);opacity:.65}.eco-steps .eco-step-dot{animation:none!important}}

/* Commerce: a distinct visual language for a merchant's story. */
.commerce-page{background:#080e18;overflow:hidden}.commerce-page h1,.commerce-page h2,.commerce-page h3,.commerce-page p{margin:0}.commerce-page h1,.commerce-page h2{letter-spacing:-.035em}.commerce-page h1 span,.commerce-page h2 span{color:#aab9ff}.commerce-page p{color:#a8b7c7;line-height:1.95}.commerce-kicker{color:#88e2d3;font-size:12px;font-weight:700;letter-spacing:.035em}.commerce-section{padding:110px 0}.commerce-hero{padding:48px 0 0;background:#0a101b}.commerce-hero .breadcrumb{margin-bottom:48px}.commerce-hero-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:7%;align-items:center;padding-bottom:88px}.commerce-hero-copy h1{font-size:clamp(42px,4.4vw,68px);line-height:1.42;margin-top:20px}.commerce-hero-copy>p{font-size:18px;max-width:590px;margin:22px 0 30px}.commerce-hero-proof{display:block;min-width:0}.commerce-shot,.commerce-case-image{overflow:hidden;background:#101a24;border:1px solid #394452;border-radius:10px}.commerce-shot{transform:rotate(-2deg);box-shadow:0 20px 55px #0005}.commerce-shot img,.commerce-case-image img{display:block;width:100%;height:auto}.commerce-proof-caption{display:flex;justify-content:space-between;gap:15px;margin-top:20px;color:#a9b7c3;font-size:12px}.commerce-proof-caption span:first-child{color:#f0c6a3}.commerce-ticker{border-block:1px solid #26343d;background:#101c25}.commerce-ticker>div{max-width:1440px;margin:auto;display:flex;justify-content:space-around;gap:25px;padding:18px 24px;overflow:auto;scrollbar-width:none}.commerce-ticker span{white-space:nowrap;color:#c8d5dc;font-size:13px}.commerce-ticker i{color:#e8ad84;font-style:normal;margin-inline-start:20px}.commerce-split,.commerce-pixel-layout,.commerce-operations-layout,.commerce-case-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.commerce-copy h2,.commerce-growth-head h2,.commerce-final h2{font-size:clamp(34px,3.8vw,55px);line-height:1.45;margin-top:18px}.commerce-copy>p,.commerce-growth-head>p,.commerce-final p{font-size:17px;margin-top:20px;max-width:600px}.commerce-radar{background:#0b1520}.commerce-radar-points{margin-top:35px}.commerce-radar-points>div{display:flex;gap:18px;border-top:1px solid #2b4149;padding:16px 0}.commerce-radar-points>div>span,.commerce-card-number{color:#e6b18f;font:11px monospace;letter-spacing:.08em;padding-top:5px}.commerce-radar-points h3{font-size:17px}.commerce-radar-points p{font-size:14px;margin-top:4px}.commerce-radar-visual{background:#e6ede9;color:#183631;border-radius:16px;padding:25px;box-shadow:0 22px 60px #0003;position:relative}.commerce-demo-bar{display:flex;justify-content:space-between;gap:10px;color:#657e75;font-size:10px;letter-spacing:.05em;border-bottom:1px solid #c7d5cd;padding-bottom:17px}.commerce-demo-head{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.commerce-demo-head small,.commerce-demo-head strong{display:block}.commerce-demo-head small{font-size:12px;color:#728880}.commerce-demo-head strong{font-size:18px;margin-top:5px}.commerce-live-dot{color:#1c927b}.commerce-visitor-title{display:flex;gap:10px;align-items:center;border-top:1px solid #c7d5cd;padding:20px 0 9px}.commerce-visitor-title>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#c8ded5;color:#286357}.commerce-visitor-title h3{font-size:16px}.commerce-events{list-style:none;padding:0;margin:0 17px}.commerce-events li{position:relative;display:flex;align-items:center;gap:14px;padding:12px 0;color:#405d55;font-size:14px}.commerce-events li:not(:last-child):before{content:'';position:absolute;inset-inline-start:4px;top:24px;height:100%;width:1px;background:#a7c2b5}.commerce-events i{position:relative;z-index:1;width:9px;height:9px;background:#388e7a;border-radius:50%;flex:none}.commerce-events li:last-child i{background:#d39168}.commerce-opportunity{margin-top:19px;display:flex;gap:13px;align-items:center;padding:15px;background:#d5e4db;border-radius:9px}.commerce-opportunity>span{font-size:25px;color:#b2764e}.commerce-opportunity strong,.commerce-opportunity small{display:block}.commerce-opportunity strong{font-size:14px}.commerce-opportunity small{font-size:12px;color:#5e766c;margin-top:5px}.commerce-disclaimer{font-size:12px!important;color:#9aabb8!important;line-height:1.9;margin:24px auto 0!important;max-width:960px;text-align:center}.commerce-pixels{background:#111925}.commerce-small{font-size:13px!important;color:#96a8b5!important}.commerce-signal{min-height:330px;position:relative;display:flex;align-items:center;justify-content:center}.commerce-signal-ring{width:260px;height:260px;border:1px solid #5c7884;border-radius:50%;display:grid;place-items:center;position:relative}.commerce-signal-ring:before,.commerce-signal-ring:after{content:'';position:absolute;border:1px solid #324c58;border-radius:50%;inset:24px}.commerce-signal-ring:after{inset:53px;border-color:#b79b84}.commerce-signal-center{text-align:center;color:#d4eee9;font:700 20px sans-serif;letter-spacing:.14em}.commerce-signal-center small{font-size:8px;color:#9eb6b7}.commerce-signal-tags{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;pointer-events:none}.commerce-signal-tags span{background:#1b2b37;border:1px solid #41565f;border-radius:5px;padding:9px 12px;color:#d4e6e1;font:12px sans-serif}.commerce-growth{background:#0a111d}.commerce-growth-head{max-width:740px}.commerce-growth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:45px}.commerce-growth-card{background:#14212a;border:1px solid #31434c;border-radius:12px;padding:24px;min-height:250px;display:flex;flex-direction:column}.commerce-growth-card:nth-child(2){background:#1f232d}.commerce-growth-card:nth-child(3){background:#202420}.commerce-growth-card:nth-child(4){background:#26221f}.commerce-card-symbol{font-size:35px;color:#d8b59b;line-height:1;margin:25px 0}.commerce-growth-card h3{font-size:20px;margin-top:auto}.commerce-growth-card p{font-size:14px;margin-top:10px}.commerce-customer{background:#19252a}.commerce-customer-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}.commerce-customer-mark{height:330px;position:relative;display:grid;place-items:center;border:1px solid #55736f;border-radius:50%;aspect-ratio:1;max-width:330px}.commerce-customer-mark:before{content:'';position:absolute;inset:35px;border:1px solid #405d5a;border-radius:50%}.commerce-customer-mark span{position:absolute;color:#aae4d9;font:56px sans-serif}.commerce-customer-mark span:nth-child(2){top:8%;right:10%;font-size:22px;color:#e1ae89}.commerce-customer-mark span:nth-child(3){bottom:13%;left:8%;font-size:29px;color:#c0c6f5}.commerce-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.commerce-pills span{border:1px solid #536b6c;color:#d6e6e2;padding:9px 13px;border-radius:30px;font-size:13px}.commerce-operations{background:#0c1520}.commerce-operations-list{border-top:1px solid #374951}.commerce-operations-list>div{display:flex;gap:19px;align-items:center;border-bottom:1px solid #374951;padding:22px 0}.commerce-operations-list span{font:11px monospace;color:#d7a487}.commerce-operations-list strong{font-size:18px}.commerce-operations-list b{margin-inline-start:auto;color:#8fded2;font-size:20px;font-weight:400}.commerce-case{background:#1a1b20}.commerce-case-layout figure{margin:0;min-width:0}.commerce-case-image{border-color:#5a514b}.commerce-case-image img{aspect-ratio:1.55;object-fit:cover;object-position:top}.commerce-case-layout figcaption{color:#aaabae;font-size:12px;margin-top:12px}.commerce-case-link{display:inline-flex;gap:18px;align-items:center;margin-top:30px;color:#efd0b5;border-bottom:1px solid #a88872;padding:0 0 8px;font-weight:700}.commerce-final{background:#101d25;text-align:center}.commerce-final-inner{max-width:850px;margin:auto}.commerce-final-inner p{margin:20px auto 30px}.commerce-related{background:#080e18}.commerce-related .section-head{margin-bottom:35px}
@media(max-width:900px){.commerce-hero-layout,.commerce-split,.commerce-pixel-layout,.commerce-operations-layout,.commerce-case-layout{gap:5%}.commerce-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-hero-copy h1{font-size:clamp(39px,5vw,55px)}.commerce-customer-inner{gap:6%}}
@media(max-width:680px){.commerce-section{padding:70px 0}.commerce-hero{padding-top:28px}.commerce-hero .breadcrumb{margin-bottom:28px}.commerce-hero-layout,.commerce-split,.commerce-pixel-layout,.commerce-operations-layout,.commerce-case-layout,.commerce-customer-inner{grid-template-columns:1fr;gap:35px}.commerce-hero-layout{padding-bottom:56px}.commerce-hero-copy h1{font-size:clamp(36px,9vw,46px)}.commerce-hero-copy>p,.commerce-copy>p,.commerce-growth-head>p,.commerce-final p{font-size:15px}.commerce-hero-copy .actions{gap:10px}.commerce-hero-copy .button{font-size:13px;padding-inline:16px}.commerce-shot{transform:none}.commerce-proof-caption{font-size:11px}.commerce-ticker>div{justify-content:flex-start}.commerce-copy h2,.commerce-growth-head h2,.commerce-final h2{font-size:clamp(32px,8vw,42px)}.commerce-radar-visual{padding:20px}.commerce-disclaimer{text-align:start}.commerce-signal{min-height:300px}.commerce-signal-ring{width:210px;height:210px}.commerce-signal-tags span{font-size:10px;padding:7px}.commerce-growth-grid{gap:10px}.commerce-growth-card{min-height:230px;padding:17px}.commerce-growth-card h3{font-size:17px}.commerce-growth-card p{font-size:13px}.commerce-customer-mark{height:235px;max-width:235px;justify-self:center}.commerce-customer-inner .commerce-copy{grid-row:1}.commerce-operations-list>div{padding:17px 0}.commerce-operations-list strong{font-size:16px}.commerce-case-layout figcaption{font-size:11px}.commerce-final-inner p{margin-bottom:25px}}
@media(max-width:360px){.commerce-growth-grid{grid-template-columns:1fr}.commerce-growth-card{min-height:190px}.commerce-card-symbol{margin:14px 0}}
@media(prefers-reduced-motion:no-preference){.commerce-shot{transition:transform .6s ease}.commerce-hero-proof:hover .commerce-shot{transform:rotate(0)}.commerce-events li{animation:commerce-event 8s ease-in-out infinite}.commerce-events li:nth-child(2){animation-delay:.7s}.commerce-events li:nth-child(3){animation-delay:1.4s}.commerce-events li:nth-child(4){animation-delay:2.1s}.commerce-signal-ring:before{animation:commerce-orbit 12s linear infinite;border-top-color:#8be0d0}.commerce-growth-card{transition:transform .3s ease,border-color .3s ease}.commerce-growth-card:hover{transform:translateY(-5px);border-color:#8bb5a9}@keyframes commerce-event{0%,15%,100%{color:#617970}25%,65%{color:#173c33}}@keyframes commerce-orbit{to{transform:rotate(360deg)}}}

/* Commerce editorial refinement: one proof point, compact examples, clearer hierarchy. */
.commerce-hero-layout{display:block;padding:32px 0 92px}.commerce-hero-copy{max-width:980px;margin:auto;text-align:center}.commerce-hero-copy>p{max-width:700px;margin:20px auto 30px}.commerce-hero-copy .actions{justify-content:center}.commerce-hero-copy h1{font-size:clamp(44px,4.7vw,68px);line-height:1.43}.commerce-ticker>div{justify-content:center;gap:clamp(30px,6vw,90px)}.commerce-ticker i{margin-inline-start:clamp(20px,4vw,60px)}.commerce-radar-visual{background:#eaf0ed;color:#183631;padding:26px;border-radius:12px}.commerce-demo-bar{direction:ltr;align-items:center}.radar-panel-head,.radar-panel-head>div{display:flex;align-items:center;gap:11px}.radar-panel-head{justify-content:space-between;padding:24px 0 20px}.radar-panel-head h3{font-size:17px}.radar-panel-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#d2e5de;color:#2d7868;font-size:20px}.radar-status{border:1px solid #b8d2c6;background:#e1eee7;padding:5px 9px;border-radius:5px;color:#41705f;font-size:11px}.radar-data{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:0}.radar-data>div{min-width:0;padding:14px 0;border-top:1px solid #cbdad2}.radar-data dt{color:#677f76;font-size:12px}.radar-data dd{color:#24493d;font-size:14px;font-weight:700;margin:6px 0 0}.radar-result{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #cbdad2;margin-top:4px;padding-top:17px;font-size:13px;color:#617971}.radar-result strong{background:#f2e2d7;color:#955b3b;border-radius:5px;padding:5px 10px;font-size:12px}.commerce-measure{padding:28px;border:1px solid #344852;border-radius:12px;background:#101e29}.measure-caption{color:#a7bdc0;font-size:13px}.measure-flow{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 28px}.measure-flow>div{position:relative;padding:14px 0;border-top:1px solid #55716f}.measure-flow>div:before{content:'';position:absolute;top:-4px;inset-inline-start:0;width:7px;height:7px;border-radius:50%;background:#8bded0}.measure-flow span,.measure-flow strong{display:block}.measure-flow span{color:#dba982;font:10px monospace;margin-bottom:9px}.measure-flow strong{font-size:14px;color:#ebf4f1}.measure-providers{display:flex;flex-wrap:wrap;gap:8px;direction:ltr}.measure-providers span{padding:7px 10px;border:1px solid #405862;border-radius:5px;color:#bed1d1;font:12px sans-serif}.commerce-account{border:1px solid #4a6562;border-radius:12px;background:#142523;padding:26px}.account-heading{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #425b56}.account-heading>span{color:#93dbca;font-size:29px}.account-heading strong,.account-heading small{display:block}.account-heading strong{font-size:18px;color:#e7f1ec}.account-heading small{font-size:12px;color:#9cb3ac;margin-top:5px}.account-items>div{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid #354d48}.account-items>div:last-child{border-bottom:0;padding-bottom:0}.account-items span{color:#d0a483;font:10px monospace}.account-items strong{color:#d7e7e0;font-size:14px}.commerce-growth-card{min-height:225px}.commerce-card-symbol{margin:18px 0;color:#a4dbce;font-size:29px}.commerce-disclaimer{font-size:13px!important}.commerce-case-image img{aspect-ratio:1.55;object-fit:cover;object-position:top}.commerce-operations-list b{opacity:.65}
@media(max-width:680px){.commerce-hero .breadcrumb{margin-bottom:20px}.commerce-hero-layout{padding:22px 0 55px}.commerce-hero-copy{text-align:center}.commerce-hero-copy h1{font-size:clamp(34px,9vw,43px)}.commerce-hero-copy>p{margin:17px auto 25px}.commerce-hero-copy .actions{justify-content:center}.commerce-ticker>div{justify-content:flex-start;gap:25px}.commerce-ticker i{margin-inline-start:20px}.commerce-radar-visual{padding:18px}.radar-panel-head{padding:18px 0 14px}.radar-panel-head h3{font-size:15px}.radar-data{gap:0 14px}.radar-data>div{padding:11px 0}.radar-data dt{font-size:11px}.radar-data dd{font-size:13px}.commerce-measure,.commerce-account{padding:20px}.measure-flow strong{font-size:12px}.measure-flow{margin:18px 0 20px}.commerce-customer-inner .commerce-copy{grid-row:1}.commerce-growth-card{min-height:210px}.commerce-card-symbol{margin:14px 0}.commerce-section{padding:65px 0}}
@media(max-width:360px){.commerce-hero-copy .actions{flex-wrap:wrap}.commerce-growth-card{min-height:180px}}
@media(prefers-reduced-motion:no-preference){.radar-panel-icon{animation:radar-mark 5s ease-in-out infinite}.measure-flow>div:before{animation:measure-point 6s ease-in-out infinite}.measure-flow>div:nth-child(2):before{animation-delay:.7s}.measure-flow>div:nth-child(3):before{animation-delay:1.4s}@keyframes radar-mark{0%,80%,100%{transform:translate(0,0)}40%{transform:translate(2px,-2px)}}@keyframes measure-point{0%,100%{background:#617a76}35%,75%{background:#91e4d4}}}
@media(max-width:680px){.measure-flow{grid-template-columns:1fr;margin:16px 0 20px}.measure-flow>div{display:flex;gap:14px;align-items:center;padding:10px 14px;border-top:0;border-inline-start:1px solid #55716f}.measure-flow>div:before{top:17px;inset-inline-start:-4px}.measure-flow span{margin:0;min-width:18px}.measure-flow strong{font-size:13px}}

/* Measurement journey: compact, readable, and sequenced in both directions. */
.commerce-measure{padding:28px;background:#10212a;border:1px solid #39535b;border-radius:14px}.measure-heading{display:flex;align-items:center;gap:12px}.measure-heading-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #47776e;border-radius:11px;color:#9ae2d2;background:#18382f}.measure-heading-icon .icon{width:19px;height:19px}.measure-heading strong,.measure-heading span:not(.measure-heading-icon){display:block}.measure-heading strong{color:#eff7f4;font-size:16px}.measure-heading div>span{color:#a3b9b8;font-size:12px;margin-top:4px}.measure-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;margin:30px 0 26px}.measure-flow:before,.measure-flow:after{content:'';position:absolute;top:21px;inset-inline:16.66%;height:1px;background:#405c5e}.measure-flow:after{background:#89e0ce;transform:scaleX(0);transform-origin:right center;opacity:0}.measure-flow>div{border:0!important;padding:0!important;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;position:relative;z-index:1}.measure-flow>div:before{display:none}.measure-node{display:grid!important;place-items:center;width:43px;height:43px;border:1px solid #638883;border-radius:50%;background:#142c32;color:#b3d6cf;margin:0!important;position:relative}.measure-node .icon{width:19px;height:19px}.measure-flow strong{color:#e3f0eb;font-size:13px;line-height:1.5;font-weight:600}.measure-tools{border-top:1px solid #344d54;padding-top:18px}.measure-tools>span{display:block;color:#a2b7b7;font-size:12px;margin-bottom:12px}.measure-providers{direction:ltr;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.measure-providers span{padding:8px 9px;text-align:center;border:1px solid #3a555d;background:#142b34;color:#c5d9d8;border-radius:6px;font-size:11px;overflow-wrap:anywhere}html[dir=ltr] .measure-flow:after{transform-origin:left center}
@media(max-width:680px){.commerce-measure{padding:20px}.measure-flow{grid-template-columns:repeat(3,minmax(0,1fr));margin:25px 0 22px}.measure-flow>div{gap:9px}.measure-flow strong{font-size:12px}.measure-node{width:40px;height:40px}.measure-flow:before,.measure-flow:after{top:19px}.measure-heading strong{font-size:15px}.measure-heading div>span{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.measure-flow.is-active:after{animation:measure-trace 8s ease-in-out infinite}.measure-flow.is-active .measure-node{animation:measure-node-light 8s ease-in-out infinite}.measure-flow.is-active>div:nth-child(2) .measure-node{animation-delay:1.3s}.measure-flow.is-active>div:nth-child(3) .measure-node{animation-delay:2.6s}@keyframes measure-trace{0%{transform:scaleX(0);opacity:1}48%,75%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}@keyframes measure-node-light{0%,8%,100%{border-color:#638883;color:#b3d6cf;background:#142c32}20%,60%{border-color:#9ce9d8;color:#d7fff4;background:#1d4a40}85%{border-color:#638883;color:#b3d6cf;background:#142c32}}}

/* Growth cards keep a useful two-column layout on narrow phones. */
.commerce-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}.commerce-card-symbol{display:grid;place-items:center;width:42px;height:42px;margin:0;border:1px solid #4c716d;border-radius:12px;color:#a4e2d6;background:#1a3739}.commerce-card-symbol .icon{width:21px;height:21px}.commerce-growth-card:nth-child(2) .commerce-card-symbol{background:#302c36;border-color:#625872;color:#cbc2f0}.commerce-growth-card:nth-child(3) .commerce-card-symbol{background:#343027;border-color:#75634d;color:#e7c4a0}.commerce-growth-card:nth-child(4) .commerce-card-symbol{background:#34302d;border-color:#756254;color:#e4b99a}.commerce-growth-card h3{margin-top:0}.commerce-growth-card{min-width:0;justify-content:flex-start}.commerce-growth-card p{line-height:1.8}.commerce-card-number{padding:0}
@media(max-width:680px){.commerce-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}.commerce-growth-card{min-height:0;padding:15px 13px 18px}.commerce-card-top{margin-bottom:18px}.commerce-card-symbol{width:37px;height:37px;margin:0;border-radius:10px}.commerce-card-symbol .icon{width:19px;height:19px}.commerce-growth-card h3{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.commerce-growth-card p{font-size:13px;line-height:1.8;margin-top:8px}.commerce-card-number{font-size:10px}}

/* Customer account: one coherent example with a distinct benefit for the team. */
.commerce-customer-inner{grid-template-columns:1fr 1fr;gap:9%}.commerce-account{background:#122623;border:1px solid #45645d;padding:26px;border-radius:14px;min-width:0}.account-heading{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #3b5650}.account-heading .account-heading-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid #4f8575;background:#1c4138;border-radius:12px;color:#a5e7d5}.account-heading-icon .icon{width:20px;height:20px}.account-heading strong{font-size:17px;color:#edf7f2}.account-heading small{font-size:12px;color:#afc5ba}.account-heading .account-example{font-size:10px;color:#a8c1b5;margin-inline-start:auto;white-space:nowrap}.account-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.account-tile{min-width:0;background:#1b342f;border:1px solid #395c51;border-radius:10px;padding:14px 12px}.account-tile>span,.account-team>span{display:grid;place-items:center;width:32px;height:32px;color:#a2e2d1;background:#25483e;border-radius:9px}.account-tile .icon,.account-team .icon{width:17px;height:17px}.account-tile strong,.account-tile small{display:block}.account-tile strong{color:#edf6f0;font-size:14px;margin-top:12px}.account-tile small{color:#b5c8bd;font-size:11px;line-height:1.6;margin-top:5px}.account-team{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:15px 16px;background:#243a36;border-inline-start:2px solid #dda982;border-radius:6px}.account-team>span{flex:none;color:#e7bd9f;background:#423d34}.account-team strong{display:block;color:#f0d0b6;font-size:13px}.commerce-page .account-team p{font-size:12px;line-height:1.7;color:#c3d1c8;margin-top:4px}
@media(max-width:680px){.commerce-customer-inner{grid-template-columns:1fr;gap:25px}.commerce-customer-inner .commerce-copy{grid-row:1}.commerce-account{padding:18px}.account-heading{gap:10px;padding-bottom:15px}.account-heading .account-heading-icon{width:36px;height:36px;border-radius:10px}.account-heading strong{font-size:15px}.account-heading small{font-size:11px}.account-heading .account-example{font-size:9px}.account-tiles{grid-template-columns:1fr;gap:0;margin-top:6px}.account-tile{display:flex;align-items:center;gap:12px;padding:11px 0;background:transparent;border:0;border-bottom:1px solid #345048;border-radius:0}.account-tile:last-child{border-bottom:0}.account-tile>span{flex:none}.account-tile strong{font-size:14px;margin:0}.account-tile small{font-size:11px;margin-top:2px}.account-team{margin-top:10px;padding:12px}.commerce-page .account-team p{font-size:12px}}

@media(max-width:680px){.commerce-account{padding:15px}.account-heading{padding-bottom:12px}.account-heading small{line-height:1.5}.account-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.account-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:10px 5px;background:#1b342f;border:1px solid #395c51;border-radius:8px;text-align:center}.account-tile:last-child{border:1px solid #395c51}.account-tile>span{width:29px;height:29px}.account-tile strong{font-size:12px;line-height:1.5}.account-tile small{display:none}.account-team{align-items:center;margin-top:12px;padding:10px 11px}.commerce-page .account-team p{line-height:1.6}}

/* Store operations: concrete benefits, compact enough to scan on a phone. */
.commerce-operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.commerce-operation{min-width:0;padding:22px;background:#11232d;border:1px solid #304a53;border-radius:12px}.commerce-operation:nth-child(2),.commerce-operation:nth-child(3){background:#16242c}.operation-icon{width:41px;height:41px;display:grid;place-items:center;border:1px solid #4a7773;border-radius:11px;background:#1b3938;color:#a4e3d6}.operation-icon .icon{width:20px;height:20px}.commerce-operation:nth-child(2) .operation-icon{color:#d9bca3;border-color:#735e50;background:#342e29}.commerce-operation:nth-child(3) .operation-icon{color:#c2c9f1;border-color:#59637c;background:#262e40}.commerce-operation h3{font-size:17px;line-height:1.5;margin:19px 0 7px}.commerce-page .commerce-operation p{font-size:14px;line-height:1.75}.commerce-operations .commerce-copy h2 span{color:#aab9ff}
@media(max-width:680px){.commerce-operations-grid{gap:9px}.commerce-operation{padding:14px 12px 16px}.operation-icon{width:36px;height:36px;border-radius:10px}.operation-icon .icon{width:18px;height:18px}.commerce-operation h3{font-size:15px;margin:13px 0 5px}.commerce-page .commerce-operation p{font-size:13px;line-height:1.7}}
@media(prefers-reduced-motion:no-preference){.commerce-operation{transition:transform .3s ease,border-color .3s ease}.commerce-operation:hover{transform:translateY(-4px);border-color:#759b91}}
}
/* Print solution — editorial paper, ink and warm production accents. */
.print-page{background:#10151b;color:#f4f2ed;overflow:hidden}.print-page h1,.print-page h2,.print-page h3,.print-page p{margin:0}.print-page p{color:#afbac2;line-height:1.9}.print-page h1,.print-page h2{letter-spacing:-.03em;line-height:1.42}.print-page h1 span,.print-page h2 span{color:#e4bc88}.print-kicker{color:#e4bc88;font-size:12px;font-weight:700;letter-spacing:.04em}.print-section{padding:100px 0}.print-hero{background:#10151b;padding:48px 0 90px}.print-hero .breadcrumb{margin-bottom:40px}.print-hero-grid,.print-store-grid,.print-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.print-hero-copy h1{font-size:clamp(42px,4.7vw,66px);margin-top:18px}.print-hero-copy>p{font-size:17px;max-width:600px;margin:20px 0 28px}.print-cover{position:relative;min-height:420px;display:grid;place-items:center}.print-cover-lines{position:absolute;inset:10% 6%;border:1px solid #514b43;transform:rotate(8deg)}.print-sheet{position:relative;display:flex;flex-direction:column;width:min(82%,370px);min-height:390px;padding:28px;background:#e8e0d0;color:#272720;transform:rotate(-4deg);box-shadow:0 18px 35px #0003}.print-sheet-top{display:flex;justify-content:space-between;direction:ltr;font:10px monospace;letter-spacing:.12em;color:#6f6a5d}.print-sheet-title{font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1.4;margin-top:45px}.print-sheet-pattern{display:flex;gap:5px;margin-top:auto;padding:22px 0}.print-sheet-pattern span{height:5px;flex:1;background:#1e5b5a}.print-sheet-pattern span:nth-child(2){background:#bd7d61}.print-sheet-pattern span:nth-child(3){background:#d7b75e}.print-sheet-pattern span:nth-child(4){background:#796b8b}.print-sheet-bottom{border-top:1px solid #b7ad9b;padding-top:12px;font-size:11px;line-height:1.8;color:#5f5e53}.print-audience{background:#181e24}.print-heading,.print-custom-heading{max-width:760px}.print-heading h2,.print-copy h2,.print-custom-heading h2,.print-final h2{font-size:clamp(33px,3.7vw,50px);margin-top:14px}.print-heading>p,.print-copy>p,.print-custom-heading>p,.print-final p{font-size:16px;margin-top:18px;max-width:640px}.print-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.print-audience-item{border-top:1px solid #655747;padding:20px 0}.print-audience-top{display:flex;align-items:center;justify-content:space-between;color:#e0ba88}.print-audience-top span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #6f604f;border-radius:10px}.print-audience-top .icon{width:20px;height:20px}.print-audience-top small{font:11px monospace;color:#a99276}.print-audience-item h3{font-size:19px;margin:21px 0 9px}.print-audience-item p{font-size:14px;max-width:350px}.print-store{background:#10151b}.print-detail-list{margin-top:30px}.print-detail-list>div{display:flex;gap:16px;border-top:1px solid #374048;padding:15px 0}.print-detail-list>div>span{font:11px monospace;color:#dcad79;padding-top:5px}.print-detail-list h3{font-size:16px}.print-detail-list p{font-size:13px;margin-top:3px}.print-catalog{background:#eae5d9;color:#29302b;border-radius:12px;overflow:hidden;max-width:560px}.print-catalog-top,.print-request-top{display:flex;justify-content:space-between;gap:10px;padding:16px 22px;font-size:10px;letter-spacing:.05em}.print-catalog-top{border-bottom:1px solid #c8c5b8;color:#657068}.print-catalog-body{padding:24px}.print-catalog-title small,.print-catalog-title strong{display:block}.print-catalog-title small{font:10px monospace;color:#7b8378;direction:ltr}.print-catalog-title strong{font-size:25px;margin-top:10px}.print-catalog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.print-catalog-tags span{border:1px solid #b8c3b6;border-radius:30px;padding:5px 11px;font-size:11px;color:#53665b}.print-product{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.print-product-art{display:grid;place-items:center;min-height:200px;background:#d3ddd1}.print-product-paper{width:95px;height:135px;background:#345c54;color:#e9e3d5;padding:14px;box-shadow:5px 6px 0 #bacabd;transform:rotate(-5deg)}.print-product-paper span{font:10px Georgia;letter-spacing:.1em}.print-product-paper i{display:block;height:1px;background:#b2c6b6;margin-top:12px}.print-product-paper i:last-child{width:50%}.print-product-copy strong,.print-product-copy span,.print-product-copy small{display:block}.print-product-copy strong{font-size:16px}.print-product-copy span{font-size:12px;color:#718074;margin:9px 0 20px}.print-product-copy small{font-size:12px;color:#976948}.print-custom{background:#22211f}.print-custom h2 span{color:#e8bf88}.print-request{margin-top:38px;border:1px solid #6b5c4e;background:#2a2926}.print-request-top{direction:ltr;border-bottom:1px solid #6b5c4e;color:#cdb99f}.print-request-steps{display:grid;grid-template-columns:repeat(3,1fr)}.print-request-step{padding:26px;border-inline-start:1px solid #5a5045}.print-request-step:first-child{border-inline-start:0}.print-request-step>span{font:11px monospace;color:#e8b983}.print-request-step h3{font-size:19px;margin:14px 0 7px}.print-request-step p{font-size:14px}.print-note{font-size:13px!important;color:#c2b5a6!important;margin-top:20px!important}.print-work{background:#121c21}.print-work-list{border-top:1px solid #455a5c}.print-work-list>div{display:flex;align-items:center;gap:14px;border-bottom:1px solid #455a5c;padding:16px 0}.print-work-list>div>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid #47716a;border-radius:9px;color:#9ad9c9}.print-work-list .icon{width:18px;height:18px}.print-work-list strong{font-size:15px}.print-work-list small{margin-inline-start:auto;color:#c4a787;font:10px monospace}.print-work-list p{font-size:13px;margin-top:20px}.print-case{background:#1d1b19}.print-case-inner{display:grid;grid-template-columns:.55fr 1fr;gap:10%;align-items:center}.print-case-index{border:1px solid #806c59;padding:40px;text-align:center;color:#e5d4bc;font:120px Georgia,serif;line-height:1}.print-case-index>span{color:#dca777}.print-case-index small{display:block;font:10px monospace;letter-spacing:.1em;line-height:1.8;margin-top:20px}.print-case-note{font-size:13px!important;color:#cbb9a7!important}.print-final{background:#1a2928;text-align:center}.print-final-inner{max-width:790px;margin:auto}.print-final p{margin:18px auto 28px}.print-related{background:#10151b}.print-related .section-head{margin-bottom:35px}
@media(max-width:800px){.print-hero-grid,.print-store-grid,.print-work-grid{gap:5%}.print-sheet{width:88%;min-height:330px}.print-cover{min-height:360px}.print-audience-grid{gap:12px}}
@media(max-width:680px){.print-section{padding:64px 0}.print-hero{padding:28px 0 60px}.print-hero .breadcrumb{margin-bottom:28px}.print-hero-grid,.print-store-grid,.print-work-grid,.print-case-inner{grid-template-columns:1fr;gap:30px}.print-hero-copy h1{font-size:clamp(36px,9vw,44px)}.print-hero-copy>p,.print-heading>p,.print-copy>p,.print-custom-heading>p,.print-final p{font-size:15px}.print-hero-copy .actions{gap:10px}.print-hero-copy .button{font-size:13px;padding-inline:14px}.print-cover{min-height:280px}.print-sheet{min-height:250px;width:min(77%,300px);padding:20px}.print-sheet-title{font-size:29px;margin-top:20px}.print-sheet-pattern{padding:14px 0}.print-heading h2,.print-copy h2,.print-custom-heading h2,.print-final h2{font-size:clamp(30px,8vw,40px)}.print-audience-grid{grid-template-columns:1fr;margin-top:25px;gap:0}.print-audience-item{padding:15px 0}.print-audience-top{float:inline-start;margin-inline-end:13px}.print-audience-top small{display:none}.print-audience-item h3{font-size:16px;margin:1px 0 5px}.print-audience-item p{font-size:13px}.print-catalog-body{padding:18px}.print-product{gap:12px}.print-product-art{min-height:150px}.print-product-paper{width:76px;height:108px}.print-product-copy strong{font-size:14px}.print-request-steps{grid-template-columns:1fr}.print-request-step{padding:16px 20px;border-inline-start:0;border-top:1px solid #5a5045}.print-request-step:first-child{border-top:0}.print-request-step h3{margin:6px 0 3px;font-size:16px}.print-request-step p{font-size:13px}.print-case-index{font-size:75px;padding:23px}.print-case-index small{margin-top:10px}.print-note,.print-case-note{font-size:12px!important}}
@media(prefers-reduced-motion:no-preference){.print-sheet{transition:transform .55s ease}.print-cover:hover .print-sheet{transform:rotate(-1deg)}}

/* A free-flowing print journey: no enclosing cards, light only along the path. */
.print-request-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:55px}.print-request-steps:before,.print-request-steps:after{content:'';position:absolute;top:23px;inset-inline:23px;height:1px;background:#6c6053}.print-request-steps:after{background:#eac397;transform:scaleX(0);transform-origin:right;opacity:0}html[dir=ltr] .print-request-steps:after{transform-origin:left}.print-request-step,.print-request-step:first-child{position:relative;z-index:1;padding:0;border:0;background:transparent;min-width:0}.print-step-marker{display:flex;align-items:center;gap:14px}.print-step-icon{display:grid;place-items:center;width:47px;height:47px;flex:none;border:1px solid #92765e;border-radius:50%;color:#e7bd8d;background:#22211f}.print-step-icon .icon{width:21px;height:21px}.print-step-number{font:italic 48px/1 Georgia,serif;color:#9d7d5d;opacity:.6;direction:ltr}.print-step-copy{padding-inline-start:4px;margin-top:22px;max-width:290px}.print-request-step h3{font-size:20px;margin:0 0 8px}.print-request-step p{font-size:14px;line-height:1.85}.print-custom .print-note{margin-top:42px!important;border-inline-start:2px solid #96765c;padding-inline-start:13px;max-width:760px}.print-request-step:nth-child(2) .print-step-icon{color:#a8d9cb;border-color:#729a8a}.print-request-step:nth-child(3) .print-step-icon{color:#d1bddf;border-color:#907e99}
@media(max-width:680px){.print-request-steps{grid-template-columns:1fr;gap:0;margin-top:30px}.print-request-steps:before,.print-request-steps:after{inset-inline:auto;inset-inline-start:20px;top:22px;bottom:26px;width:1px;height:auto}.print-request-steps:after{transform:scaleY(0);transform-origin:top}.print-request-step,.print-request-step:first-child{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:0 0 27px;border:0}.print-request-step:last-child{padding-bottom:0}.print-step-marker{display:block;position:relative}.print-step-icon{width:41px;height:41px}.print-step-icon .icon{width:19px;height:19px}.print-step-number{position:absolute;top:0;inset-inline-start:55px;font-size:42px;line-height:1;opacity:.28;pointer-events:none}.print-step-copy{padding:0;margin:0;max-width:none}.print-request-step h3{font-size:17px;margin:1px 0 5px;padding-inline-start:50px;min-height:28px}.print-request-step p{font-size:13px;line-height:1.8}.print-custom .print-note{margin-top:28px!important}}
@media(prefers-reduced-motion:no-preference){.print-request-steps.is-active:after{animation:print-path 8s ease-in-out infinite}.print-request-steps.is-active .print-step-icon{animation:print-node 8s ease-in-out infinite}.print-request-step:nth-child(2) .print-step-icon{animation-delay:1.5s!important}.print-request-step:nth-child(3) .print-step-icon{animation-delay:3s!important}@keyframes print-path{0%{transform:scaleX(0);opacity:1}60%,78%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}@keyframes print-node{0%,10%,100%{background:#22211f}25%,65%{background:#55412e}90%{background:#22211f}}}
@media(max-width:680px) and (prefers-reduced-motion:no-preference){.print-request-steps.is-active:after{animation-name:print-path-vertical}@keyframes print-path-vertical{0%{transform:scaleY(0);opacity:1}60%,78%{transform:scaleY(1);opacity:1}96%,100%{transform:scaleY(1);opacity:0}}}
@media(max-width:680px){.print-step-number{display:none}.print-request-step h3{padding-inline-start:0}}

/* A shared promise across solution pages, kept close to the first call to action. */
.solution-discovery-note,.print-page .solution-discovery-note,.whole-page .solution-discovery-note,.commerce-page .solution-discovery-note{max-width:610px;margin:0 0 24px;padding-inline-start:14px;border-inline-start:2px solid #79cbbb;color:#bccacb;font-size:14px;line-height:1.9}.commerce-hero-copy .solution-discovery-note{margin:0 auto 24px;text-align:center;border:0;padding:0}.print-page .solution-discovery-note{border-color:#d1a675}.whole-page .solution-discovery-note{border-color:#9ad8b8}@media(max-width:680px){.solution-discovery-note,.print-page .solution-discovery-note,.whole-page .solution-discovery-note,.commerce-page .solution-discovery-note{font-size:13px;line-height:1.8;margin-bottom:20px}}

/* Emphasize the tailored approach with a crisp, restrained animated detail. */
.solution-discovery-note,.print-page .solution-discovery-note,.whole-page .solution-discovery-note,.commerce-page .solution-discovery-note{display:flex;align-items:center;gap:14px;text-align:start;max-width:610px;margin:0 0 25px;padding:14px 16px;border:1px solid #36575a;border-radius:12px;background:#11272b;color:#eef8f5}.solution-discovery-note>div{min-width:0}.solution-discovery-note strong{display:block;color:#d8fbef;font-size:15px;line-height:1.5}.solution-discovery-note p,.print-page .solution-discovery-note p,.whole-page .solution-discovery-note p,.commerce-page .solution-discovery-note p{font-size:13px;line-height:1.8;color:#c1d1cf;margin:4px 0 0}.discovery-symbol{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #659f91;border-radius:11px;color:#a9edda;background:#183b35;overflow:hidden}.discovery-symbol .icon{width:22px;height:22px}.discovery-symbol i{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#d1fff0 50%,transparent 62%);opacity:0;transform:translateX(-130%)}.commerce-hero-copy .solution-discovery-note{margin:0 auto 25px;text-align:start}.print-page .solution-discovery-note{border-color:#725e4a;background:#2a2823}.print-page .solution-discovery-note strong{color:#f4dfc5}.print-page .discovery-symbol{border-color:#b48e66;background:#423529;color:#efcfa2}.whole-page .solution-discovery-note{border-color:#426a58;background:#172f27}.whole-page .discovery-symbol{border-color:#659e80;background:#204437;color:#b2f0cf}
@media(max-width:680px){.solution-discovery-note,.print-page .solution-discovery-note,.whole-page .solution-discovery-note,.commerce-page .solution-discovery-note{padding:12px;gap:11px;margin-bottom:20px}.solution-discovery-note strong{font-size:14px}.solution-discovery-note p,.print-page .solution-discovery-note p,.whole-page .solution-discovery-note p,.commerce-page .solution-discovery-note p{font-size:13px}.discovery-symbol{width:40px;height:40px}.discovery-symbol .icon{width:20px;height:20px}}
@media(prefers-reduced-motion:no-preference){.discovery-symbol i{animation:discovery-shine 5s ease-in-out infinite}@keyframes discovery-shine{0%,38%{opacity:0;transform:translateX(-130%)}45%{opacity:.45}58%{opacity:0;transform:translateX(130%)}100%{opacity:0;transform:translateX(130%)}}}

.print-client-brand{display:flex;align-items:center;justify-content:center;gap:14px;padding:38px 25px;border:1px solid #62574b;background:#24211e;min-width:0}.print-client-logo{display:block;width:76px;height:76px;flex:none}.print-client-logo svg{display:block;width:100%;height:100%}.print-client-brand div{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.print-client-brand strong{font:italic 800 44px/1 system-ui,sans-serif;letter-spacing:-.05em;color:#f9d423}.print-client-brand div>span{font:italic 700 10px/1.3 system-ui,sans-serif;letter-spacing:.36em;color:#b4aba0;margin:5px 0 0 22px}.print-case-link{display:inline-flex;align-items:center;gap:16px;color:#efd0ad;border-bottom:1px solid #a8886c;padding:0 0 7px;margin-top:24px;font-size:15px;font-weight:700}.print-case-link:hover{color:#fff;border-color:#fff}.print-case-link span{font-size:19px}.print-case-link:focus-visible{outline:2px solid #efd0ad;outline-offset:5px}.print-case .print-case-note{margin-top:18px}.print-case-inner{grid-template-columns:.75fr 1fr;gap:9%}
@media(max-width:680px){.print-case-inner{grid-template-columns:1fr;gap:25px}.print-client-brand{padding:24px 18px}.print-client-logo{width:62px;height:62px}.print-client-brand strong{font-size:36px}.print-case-link{font-size:14px;margin-top:20px}}
/* Wholesale: order-led layout and merchant-focused data. */
.whole-page{background:#0a1419;color:#f1f6f3;overflow:hidden}.whole-page h1,.whole-page h2,.whole-page h3,.whole-page p{margin:0}.whole-page p{color:#b1c2be;line-height:1.9}.whole-page h1,.whole-page h2{line-height:1.42;letter-spacing:-.03em}.whole-page h1 span,.whole-page h2 span{color:#a4e5c8}.whole-kicker{font-size:12px;font-weight:700;letter-spacing:.04em;color:#a1ddc2}.whole-section{padding:100px 0}.whole-hero{padding:46px 0 0;background:#0b191b}.whole-hero .breadcrumb{margin-bottom:44px}.whole-hero-inner{max-width:880px;padding:24px 0 95px}.whole-hero h1{font-size:clamp(46px,5.5vw,76px);margin-top:18px}.whole-hero p{font-size:18px;max-width:620px;margin:19px 0 28px}.whole-ribbon{background:#142923;border-block:1px solid #34544a}.whole-ribbon .container{display:grid;grid-template-columns:repeat(4,1fr)}.whole-ribbon span{padding:20px 10px;display:flex;align-items:center;gap:12px;color:#d2e6db;font-size:13px}.whole-ribbon i{font:10px monospace;font-style:normal;color:#d7ab83}.whole-split,.whole-insights-inner,.whole-case-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.whole-copy h2,.whole-heading h2,.whole-final h2{font-size:clamp(33px,3.8vw,50px);margin-top:16px}.whole-copy>p,.whole-heading>p,.whole-final p{font-size:16px;max-width:650px;margin-top:18px}.whole-orders{background:#101d20}.whole-matrix{background:#e5eee8;color:#213a30;border-radius:14px;overflow:hidden}.whole-matrix-top{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;border-bottom:1px solid #c2d1c5}.whole-matrix-top strong{font-size:18px}.whole-matrix-top>span{color:#6d8579;font-size:11px}.whole-matrix-head,.whole-matrix-body>div{display:grid;grid-template-columns:1.5fr 1fr .5fr;gap:12px;align-items:center;padding:12px 22px}.whole-matrix-head{font-size:11px;color:#70867b;background:#d9e6db}.whole-matrix-body>div{font-size:14px;border-top:1px solid #ccdacf}.whole-matrix-body>div span:last-child{color:#2b7258;font-weight:700}.whole-matrix-foot{margin:12px 22px 20px;padding:12px;background:#d1e4d6;color:#345b48;border-radius:7px;font-size:13px}.whole-matrix-foot span{color:#388464;margin-inline-end:8px}.whole-features{background:#0b141a}.whole-heading{max-width:750px}.whole-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;margin-top:40px}.whole-feature{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:16px;padding:23px 0;border-top:1px solid #314743;min-width:0}.whole-feature-icon{display:grid;place-items:center;width:42px;height:42px;background:#17342b;border:1px solid #3f7160;border-radius:11px;color:#a2dfc1}.whole-feature-icon .icon{width:20px;height:20px}.whole-feature h3{font-size:18px;line-height:1.5}.whole-feature p{font-size:14px;margin-top:6px}.whole-feature small{font:10px monospace;color:#b89b7e}.whole-insights{background:#19302a}.whole-insights-list{border-top:1px solid #547166}.whole-insights-list>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid #547166;padding:21px 0}.whole-insights-list span{color:#e4be9a;font:11px monospace}.whole-insights-list strong{font-size:17px}.whole-insights-list i{margin-inline-start:auto;font:18px sans-serif;color:#a9ddc8}.whole-case{background:#171d1b}.whole-case-mark{display:flex;flex-direction:column;justify-content:center;min-height:210px;padding:30px;border:1px solid #667568;text-align:center;background:#202c26}.whole-case-mark span{font-size:clamp(24px,3vw,37px);font-weight:700;color:#e9d1a6}.whole-case-mark small{font:10px monospace;letter-spacing:.12em;color:#b2beaf;margin-top:12px;direction:ltr}.whole-case-link{display:inline-flex;gap:12px;color:#b4e7cc;border-bottom:1px solid #7aa58f;margin-top:25px;padding-bottom:7px;font-size:15px;font-weight:700}.whole-case-link:focus-visible{outline:2px solid #b4e7cc;outline-offset:5px}.whole-case-note{font-size:12px!important;color:#adbbb3!important}.whole-final{background:#122423;text-align:center}.whole-final-inner{max-width:800px;margin:auto}.whole-final p{margin:20px auto 28px}.whole-related{background:#0a1419}.whole-related .section-head{margin-bottom:35px}
@media(max-width:800px){.whole-split,.whole-insights-inner,.whole-case-inner{gap:5%}.whole-features-grid{gap:0 24px}}
@media(max-width:680px){.whole-section{padding:65px 0}.whole-hero{padding-top:28px}.whole-hero .breadcrumb{margin-bottom:25px}.whole-hero-inner{padding:15px 0 55px}.whole-hero h1{font-size:clamp(39px,10vw,52px)}.whole-hero p{font-size:15px}.whole-hero .actions{gap:10px}.whole-hero .button{font-size:13px;padding-inline:15px}.whole-ribbon .container{grid-template-columns:repeat(2,1fr)}.whole-ribbon span{padding:12px 0;font-size:12px}.whole-split,.whole-insights-inner,.whole-case-inner{grid-template-columns:1fr;gap:28px}.whole-copy h2,.whole-heading h2,.whole-final h2{font-size:clamp(30px,8vw,40px)}.whole-copy>p,.whole-heading>p,.whole-final p{font-size:15px}.whole-matrix-top{padding:17px}.whole-matrix-head,.whole-matrix-body>div{padding:11px 17px;gap:8px}.whole-matrix-body>div{font-size:13px}.whole-matrix-foot{margin:10px 17px 17px;font-size:12px}.whole-features-grid{grid-template-columns:1fr;gap:0;margin-top:27px}.whole-feature{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:17px 0}.whole-feature-icon{width:36px;height:36px;border-radius:9px}.whole-feature h3{font-size:16px}.whole-feature p{font-size:13px}.whole-insights-list>div{padding:16px 0}.whole-insights-list strong{font-size:15px}.whole-case-mark{min-height:140px;padding:24px}.whole-case-inner .whole-copy{grid-row:1}.whole-final p{margin:17px auto 24px}}
@media(prefers-reduced-motion:no-preference){.whole-matrix-body.is-active>div{animation:whole-row 9s ease-in-out infinite}.whole-matrix-body>div:nth-child(2){animation-delay:1s}.whole-matrix-body>div:nth-child(3){animation-delay:2s}@keyframes whole-row{0%,12%,100%{background:transparent}24%,58%{background:#d3e6d8}78%{background:transparent}}}
/* Education solution: prospective capabilities, shaped around each academy. */
.learning-page{background:#0d1320;color:#f3f5fb;overflow:hidden}.learning-page h1,.learning-page h2,.learning-page h3,.learning-page p{margin:0}.learning-page h1,.learning-page h2{line-height:1.42;letter-spacing:-.03em}.learning-page h1 span,.learning-page h2 span{color:#b8c2ff}.learning-page p{color:#afbdce;line-height:1.9}.learning-kicker{color:#a9dcd8;font-size:12px;font-weight:700}.learning-section{padding:100px 0}.learning-hero{padding:45px 0 60px;background:#101728}.learning-hero .breadcrumb{margin-bottom:42px}.learning-hero-inner{max-width:920px}.learning-hero h1{font-size:clamp(41px,4.8vw,66px);margin-top:16px}.learning-hero-inner>p{font-size:17px;max-width:670px;margin:19px 0 24px}.learning-hero .solution-discovery-note{margin-bottom:25px}.learning-scope{display:flex;gap:15px;align-items:flex-start;max-width:880px;border-top:1px solid #465164;margin-top:55px;padding-top:22px}.learning-scope>span{display:grid;place-items:center;width:39px;height:39px;flex:none;background:#243146;border:1px solid #52667c;border-radius:10px;color:#a6dfd9}.learning-scope .icon{width:19px;height:19px}.learning-scope strong{font-size:16px;color:#e7f1f3}.learning-scope p{font-size:14px;margin-top:4px}.learning-live{background:#101d28}.learning-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.learning-copy h2,.learning-heading h2,.learning-final h2{font-size:clamp(32px,3.8vw,50px);margin-top:15px}.learning-copy>p,.learning-heading>p,.learning-final p{font-size:16px;margin-top:18px;max-width:650px}.learning-copy ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:23px 0}.learning-copy li{border:1px solid #496577;border-radius:30px;padding:7px 12px;color:#d1e1e3;font-size:12px}.learning-page .learning-note{font-size:13px;color:#afc1c7;line-height:1.9;margin-top:18px}.learning-room{border:1px solid #526373;border-radius:15px;background:#1a2935;overflow:hidden}.learning-room-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid #405261}.learning-room-head strong{font-size:15px}.learning-room-head span{font-size:10px;color:#b7c7d1}.learning-room-layout{display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:20px}.learning-room-teacher,.learning-room-students{background:#314451;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:200px}.learning-room-teacher>span,.learning-room-students>span{display:grid;place-items:center;border:1px solid #78989c;background:#405b61;color:#c5e5dc;width:50px;height:50px;border-radius:50%}.learning-room-teacher .icon,.learning-room-students .icon{width:23px;height:23px}.learning-room-teacher strong,.learning-room-students small{color:#d4e5e4;font-size:13px}.learning-room-students{background:#293846;min-height:0}.learning-room-students>span{width:37px;height:37px}.learning-room-students .icon{width:19px;height:19px}.learning-room-foot{border-top:1px solid #405261;padding:13px 20px;color:#c8d5d9;font-size:12px}.learning-features{background:#0d1320}.learning-heading{max-width:750px}.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px;margin-top:40px}.learning-feature{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:14px;border-top:1px solid #344456;padding:22px 0}.learning-feature>span{display:grid;place-items:center;width:40px;height:40px;background:#1b3041;border:1px solid #4a697a;border-radius:11px;color:#a8ded5}.learning-feature .icon{width:19px;height:19px}.learning-feature h3{font-size:17px}.learning-feature p{font-size:14px;margin-top:6px}.learning-feature small{font:10px monospace;color:#c0a8c6}.learning-roles{background:#1c2333}.learning-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:35px}.learning-role{padding:20px;border:1px solid #48566a;border-radius:10px;background:#242d3d}.learning-role span{font:11px monospace;color:#c5b8dd}.learning-role h3{font-size:18px;margin:17px 0 7px}.learning-role p{font-size:13px}.learning-final{background:#172c31;text-align:center}.learning-final-inner{max-width:780px;margin:auto}.learning-final p{margin:18px auto 28px}.learning-related{background:#0d1320}.learning-related .section-head{margin-bottom:35px}
@media(max-width:800px){.learning-split{gap:5%}.learning-grid{gap:0 24px}.learning-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.learning-section{padding:65px 0}.learning-hero{padding:28px 0 45px}.learning-hero .breadcrumb{margin-bottom:25px}.learning-hero h1{font-size:clamp(35px,9vw,45px)}.learning-hero-inner>p,.learning-copy>p,.learning-heading>p,.learning-final p{font-size:15px}.learning-hero .actions{gap:10px}.learning-hero .button{font-size:13px;padding-inline:14px}.learning-scope{margin-top:32px;padding-top:18px}.learning-scope p{font-size:13px}.learning-split{grid-template-columns:1fr;gap:28px}.learning-copy h2,.learning-heading h2,.learning-final h2{font-size:clamp(30px,8vw,40px)}.learning-room-layout{padding:15px}.learning-room-teacher{min-height:150px}.learning-grid{grid-template-columns:1fr;gap:0;margin-top:25px}.learning-feature{padding:17px 0;grid-template-columns:37px minmax(0,1fr) auto;gap:12px}.learning-feature>span{width:35px;height:35px}.learning-feature h3{font-size:16px}.learning-feature p{font-size:13px}.learning-role-grid{gap:9px;margin-top:25px}.learning-role{padding:15px}.learning-role h3{font-size:16px;margin:11px 0 5px}.learning-role p{font-size:13px}.learning-final p{margin:16px auto 24px}}
.learning-audience{background:#141b2a}.learning-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:46px}.learning-audience-item{border-top:1px solid #637488;padding-top:18px}.learning-audience-item span,.learning-quiz-steps article>span{font:11px monospace;color:#a9dcd8}.learning-audience-item h3{font-size:18px;margin:22px 0 8px}.learning-audience-item p{font-size:14px}.learning-quiz{background:#1c2333}.learning-quiz-steps{border-top:1px solid #617484}.learning-quiz-steps article{display:grid;grid-template-columns:35px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #45586a}.learning-quiz-steps h3{font-size:17px}.learning-quiz-steps p{font-size:14px;margin-top:5px}
@media(max-width:800px){.learning-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}}
@media(max-width:680px){.learning-audience-grid{margin-top:30px;gap:25px 16px}.learning-audience-item h3{font-size:15px;margin:12px 0 6px}.learning-audience-item p,.learning-quiz-steps p{font-size:13px}.learning-quiz-steps article{padding:17px 0}.learning-quiz-steps h3{font-size:16px}}
.learning-schedule{background:#172a36}.learning-schedule-items{padding:8px 22px}.learning-schedule-item{display:flex;align-items:flex-start;gap:15px;padding:20px 0}.learning-schedule-item+.learning-schedule-item{border-top:1px solid #405261}.learning-schedule-item>span{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #678c8d;border-radius:12px;background:#263f48;color:#a9dcd8}.learning-schedule-item .icon{width:20px;height:20px}.learning-schedule-item strong{font-size:15px}.learning-schedule-item p{font-size:13px;margin-top:4px}.learning-schedule .learning-room-foot{line-height:1.8;color:#d3e5e2}@media(max-width:680px){.learning-schedule-items{padding:4px 16px}.learning-schedule-item{padding:16px 0;gap:12px}.learning-schedule-item>span{width:37px;height:37px}.learning-schedule .learning-room-head{align-items:flex-start}.learning-schedule .learning-room-head strong{font-size:14px}}
.learning-quick{background:#141e2c;border-block:1px solid #354455;padding:18px 0}.learning-quick .container{display:flex;align-items:center;gap:22px}.learning-quick .container>span{flex:none;color:#a9dcd8;font-size:12px;font-weight:700}.learning-quick .container>div{display:flex;flex-wrap:wrap;gap:8px 18px}.learning-quick a{font-size:13px;color:#d9e2eb;text-decoration:none}.learning-quick a:hover{text-decoration:underline;color:#a9dcd8}.learning-quick a:focus-visible{outline:2px solid #a9dcd8;outline-offset:4px}.learning-teachers{background:#11212b}.learning-process{background:#141b2a}.learning-video-example{border:1px solid #526373;border-radius:15px;padding:22px;background:#172733}.learning-video-head{display:flex;justify-content:space-between;gap:12px;color:#dbe8e8;font-size:13px}.learning-video-head small{color:#aabdc7}.learning-video-progress{height:3px;background:#53676b;margin:20px 0 25px;position:relative}.learning-video-progress span{display:block;width:46%;height:100%;background:#a9dcd8}.learning-video-progress i{display:block;position:absolute;inset-inline-start:46%;top:50%;width:9px;height:9px;border-radius:50%;background:#a9dcd8;transform:translateY(-50%)}.learning-question{border-radius:10px;padding:20px;background:#233b44}.learning-question small{color:#a9dcd8;font-size:12px}.learning-question h3{font-size:19px;margin:9px 0 17px}.learning-answer{display:flex;gap:10px;align-items:center;border-top:1px solid #536b71;padding:11px 0;color:#d4e3e4;font-size:13px}.learning-answer span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #789798;border-radius:50%;font:11px sans-serif;flex:none}.learning-video-example>p{font-size:12px;margin-top:15px}.learning-page section[id]{scroll-margin-top:90px}@media(max-width:680px){.learning-quick .container{display:block}.learning-quick .container>div{margin-top:10px;gap:10px 16px}.learning-quick a{font-size:12px}.learning-video-example{padding:16px}.learning-question{padding:16px}.learning-question h3{font-size:17px}}
/* Custom solutions: an open-ended, business-first journey. */
.bespoke{background:#0b1420;color:#f1f5f6;overflow:hidden}.bespoke h1,.bespoke h2,.bespoke h3,.bespoke p{margin:0}.bespoke h1,.bespoke h2{line-height:1.4;letter-spacing:-.025em}.bespoke h1 span,.bespoke h2 span{color:#a9dfd1}.bespoke p{line-height:1.9;color:#b5c6ce}.bespoke-kicker{color:#9ce0c8;font-weight:700;font-size:12px}.bespoke-hero{padding:45px 0 70px;background:#101c28}.bespoke-hero .breadcrumb{margin-bottom:45px}.bespoke-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8%}.bespoke h1{font-size:clamp(40px,5vw,67px);margin:15px 0}.bespoke-hero-grid>div:first-child>p{max-width:670px;font-size:17px}.bespoke .actions{margin-top:26px}.bespoke .bespoke-scope{border-inline-start:2px solid #80c8b3;padding-inline-start:15px;font-size:13px!important;margin-top:30px;max-width:650px}.bespoke-hero-art{position:relative;min-height:300px;display:grid;place-items:center}.bespoke-hero-art i{position:absolute;width:220px;height:220px;border:1px solid #557973;border-radius:50%;opacity:.55}.bespoke-hero-art i:nth-child(2){width:290px;height:290px;border-color:#3e6267}.bespoke-hero-art i:nth-child(3){width:150px;height:150px;border-color:#85bbaa}.bespoke-hero-art span,.bespoke-hero-art b,.bespoke-hero-art em{position:absolute;display:grid;place-items:center;width:54px;height:54px;background:#183338;border:1px solid #79b6a4;border-radius:15px;color:#b2e9d9}.bespoke-hero-art b{transform:translate(-110px,-70px)}.bespoke-hero-art em{transform:translate(100px,85px)}.bespoke-hero-art .icon{width:25px;height:25px}.bespoke-nav{background:#15232c;border-block:1px solid #31464b;padding:17px 0}.bespoke-nav .container{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px}.bespoke-nav strong{font-size:12px;color:#9ce0c8}.bespoke-nav a{font-size:13px;color:#d7e4e6;text-decoration:none}.bespoke-nav a:hover{text-decoration:underline}.bespoke-nav a:focus-visible{outline:2px solid #9ce0c8;outline-offset:4px}.bespoke-section{padding:100px 0;scroll-margin-top:90px}.bespoke-heading{max-width:760px}.bespoke h2{font-size:clamp(32px,3.8vw,50px);margin:15px 0}.bespoke-heading>p{font-size:16px;max-width:700px}.bespoke-challenges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:45px}.bespoke-challenges article{border-top:1px solid #587170;padding-top:18px}.bespoke-challenges article>span,.bespoke-path-label{font-size:11px;color:#a0dbc7}.bespoke-challenges h3{font-size:18px;margin:20px 0 8px}.bespoke-challenges p,.bespoke-solution-grid p,.bespoke-path p{font-size:14px}.bespoke-solutions{background:#11242a}.bespoke-solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:40px}.bespoke-solution-grid article{display:flex;gap:16px;border-top:1px solid #3e5a5a;padding:24px 0}.bespoke-solution-grid article>span{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #639586;border-radius:12px;color:#a9dfd1;background:#193a37}.bespoke-solution-grid .icon{width:20px;height:20px}.bespoke-solution-grid h3{font-size:18px;margin:0 0 6px}.bespoke-split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.bespoke .bespoke-note{font-size:13px;margin-top:20px}.bespoke-path{border:1px solid #426361;border-radius:16px;background:#142b30;padding:24px}.bespoke-path-label{border-bottom:1px solid #49645f;padding-bottom:15px}.bespoke-path article{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #36514e}.bespoke-path article:last-child{border:0;padding-bottom:0}.bespoke-path article>span{color:#a9dfd1;font:12px monospace}.bespoke-path h3{font-size:16px;margin:0 0 4px}.bespoke-industry{background:#18232d}.bespoke-final{background:#17322f;text-align:center}.bespoke-final .bespoke-heading{margin:auto}.bespoke-final p{margin:0 auto 24px}.bespoke-final .button{display:inline-flex}@media(max-width:800px){.bespoke-challenges{grid-template-columns:repeat(2,minmax(0,1fr))}.bespoke-hero-grid{gap:4%}}@media(max-width:680px){.bespoke-section{padding:65px 0}.bespoke-hero{padding:28px 0 45px}.bespoke-hero .breadcrumb{margin-bottom:25px}.bespoke-hero-grid,.bespoke-split{grid-template-columns:1fr;gap:30px}.bespoke h1{font-size:clamp(35px,9vw,45px)}.bespoke-hero-grid>div:first-child>p,.bespoke-heading>p{font-size:15px}.bespoke-hero-art{min-height:180px}.bespoke-hero-art i{width:140px;height:140px}.bespoke-hero-art i:nth-child(2){width:180px;height:180px}.bespoke-hero-art i:nth-child(3){width:90px;height:90px}.bespoke-hero-art span,.bespoke-hero-art b,.bespoke-hero-art em{width:40px;height:40px;border-radius:11px}.bespoke-hero-art b{transform:translate(-70px,-42px)}.bespoke-hero-art em{transform:translate(65px,48px)}.bespoke-hero-art .icon{width:19px;height:19px}.bespoke-challenges{gap:25px 17px;margin-top:30px}.bespoke-challenges h3{font-size:16px;margin:12px 0 6px}.bespoke-challenges p,.bespoke-solution-grid p{font-size:13px}.bespoke-solution-grid{grid-template-columns:1fr;margin-top:25px}.bespoke-solution-grid article{padding:17px 0}.bespoke-solution-grid h3{font-size:16px}.bespoke-path{padding:18px}.bespoke-nav .container{gap:9px 14px}.bespoke-nav strong{width:100%}.bespoke-nav a{font-size:12px}}
/* Solutions closing panel and website design service. */
body[data-page="solutions"] .solutions{padding-bottom:36px}body[data-page="solutions"] .solutions-cta{padding-top:0}.solutions-cta-copy{max-width:720px}.solutions-cta-points{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:20px 0 12px;color:#c9dbe2;font-size:13px}.solutions-cta-points li:before{content:'•';color:#75dbd5;margin-inline-end:8px}.solutions-website-link{display:inline-block;color:#83e1dd;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:5px}.website-browser{border:1px solid #627d80;border-radius:14px;background:#162d36;overflow:hidden;max-width:420px;width:100%;margin:auto}.website-browser-bar{display:flex;gap:6px;border-bottom:1px solid #486267;padding:13px}.website-browser-bar i{width:6px;height:6px;background:#92c6b7;border-radius:50%}.website-browser-content{padding:28px}.website-browser-content>span,.website-browser-content>b,.website-browser-content>em{display:block;height:7px;border-radius:4px;background:#83b6ad;margin-bottom:12px}.website-browser-content>span{width:24%;height:5px}.website-browser-content>b{width:72%;height:12px;background:#c1e4d8}.website-browser-content>b:nth-child(3){width:50%}.website-browser-content>em{width:32%;height:24px;margin-top:20px;background:#6ba99b}.website-browser-content>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.website-browser-content>div i{height:60px;border-radius:7px;background:#274b4d}.website-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:35px}.website-cases article{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:22px;min-width:0;padding:24px;border:1px solid #3c5b5d;background:#14272d;border-radius:12px}.website-cases h3{font-size:19px;overflow-wrap:anywhere}.website-cases p{font-size:14px;margin-top:6px}.website-cases a{color:#9ce0c8;font-size:14px;font-weight:700}.website-cases a:hover{text-decoration:underline}@media(max-width:680px){body[data-page="solutions"] .solutions{padding-bottom:24px}.solutions-cta-points{display:grid;gap:7px}.website-browser{max-width:280px}.website-browser-content{padding:20px}.website-cases{grid-template-columns:1fr;gap:10px;margin-top:24px}.website-cases article{padding:18px;gap:12px}}
.solutions-web-tile{display:flex;align-items:center;gap:16px;margin-top:20px;padding:18px 22px;border:1px solid #355767;border-radius:14px;background:#102330;transition:border-color .2s,background .2s}.solutions-web-tile:hover{border-color:#83e1dd;background:#16303a}.solutions-web-tile-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #477f7d;border-radius:11px;background:#193a3d;color:#a2e5d7}.solutions-web-tile-icon .icon{width:21px;height:21px}.solutions-web-tile-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.solutions-web-tile-copy strong{font-size:17px;color:#f1f6f6}.solutions-web-tile-copy small{font-size:13px;color:#b2c7d0;line-height:1.7}.solutions-web-tile-action{display:flex;align-items:center;gap:9px;flex:none;color:#8be3d9;font-size:13px;font-weight:700}.solutions-web-tile-action .arrow{width:18px;height:18px}@media(max-width:680px){.solutions-web-tile{padding:15px;gap:12px;flex-wrap:wrap}.solutions-web-tile-icon{width:38px;height:38px}.solutions-web-tile-copy strong{font-size:15px}.solutions-web-tile-copy small{font-size:12px}.solutions-web-tile-action{margin-inline-start:50px;font-size:12px}}
/* Five stages: the wire reaches each node in sequence and resets together. */
.process-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.process-grid:before,.process-grid:after{inset-inline:10%}.process-grid.is-active .process-item:nth-child(2) .process-node{animation-name:process-five-two}.process-grid.is-active .process-item:nth-child(3) .process-node{animation-name:process-five-three}.process-grid.is-active .process-item:nth-child(4) .process-node{animation-name:process-five-four}.process-grid.is-active .process-item:nth-child(5) .process-node{animation:process-five-five 10s linear infinite}@keyframes process-five-two{0%,15%{color:#829cad;border-color:#3a5366}18%,88%{color:#8de7df;border-color:#70d7d0}96%,100%{color:#829cad;border-color:#3a5366}}@keyframes process-five-three{0%,33%{color:#829cad;border-color:#3a5366}36%,88%{color:#8de7df;border-color:#70d7d0}96%,100%{color:#829cad;border-color:#3a5366}}@keyframes process-five-four{0%,50%{color:#829cad;border-color:#3a5366}53%,88%{color:#8de7df;border-color:#70d7d0}96%,100%{color:#829cad;border-color:#3a5366}}@keyframes process-five-five{0%,67%{color:#829cad;border-color:#3a5366}70%,88%{color:#f0bd94;border-color:#e7aa7a}96%,100%{color:#829cad;border-color:#3a5366}}@media(max-width:680px){.process-grid{grid-template-columns:1fr}.process-grid:before,.process-grid:after{inset-inline-start:25px;inset-inline-end:auto;bottom:calc(20% - 25px)}}
/* Home solutions: an editorial overview distinct from the solution catalogue. */
.home-solutions{background:#09131d;border-top:1px solid #223444}.home-solutions-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}.home-solutions-intro h2{font-size:clamp(34px,3.7vw,52px);line-height:1.45}.home-solutions-intro>p{max-width:385px;font-size:16px;line-height:1.9}.home-solutions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-solution{--accent-card:#8fdbd2;--panel-card:#142d34;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 40%;align-items:center;min-height:268px;padding:35px;border:1px solid #324b55;border-radius:15px;background:var(--panel-card);overflow:hidden;transition:border-color .25s,transform .25s}.home-solution:before{content:'';position:absolute;width:290px;height:290px;inset-inline-end:-60px;top:-70px;border:1px solid currentColor;border-radius:50%;color:var(--accent-card);opacity:.12;pointer-events:none}.home-solution:hover{border-color:var(--accent-card);transform:translateY(-3px)}.home-solution:focus-visible{outline:2px solid var(--accent-card);outline-offset:4px}.home-solution-index{position:absolute;inset-inline-start:35px;top:25px;font:10px monospace;letter-spacing:.12em;color:var(--accent-card);opacity:.8}.home-solution-index i{display:inline-block;width:21px;height:1px;background:currentColor;vertical-align:middle;margin-inline:6px}.home-solution-copy{grid-column:1;grid-row:1;position:relative;z-index:1;padding-top:28px}.home-solution-label{display:block;color:var(--accent-card);font-size:11px;font-weight:700;margin-bottom:8px}.home-solution h3{font-size:clamp(19px,1.65vw,24px);line-height:1.55;margin:0 0 9px}.home-solution p{font-size:14px;line-height:1.8;color:#c3d2d6;max-width:290px}.home-solution-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-card);font-size:12px;font-weight:700;margin-top:20px}.home-solution-link .arrow{width:16px;height:16px}.home-solution-art{grid-column:2;grid-row:1;position:relative;display:grid;place-items:center;color:var(--accent-card);opacity:.9}.home-solution-art svg{width:100%;max-width:210px;height:auto;transition:transform .35s ease}.home-solution:hover .home-solution-art svg{transform:translateY(-4px)}.home-solution-ecommerce{--accent-card:#c5bcff;--panel-card:#24243b}.home-solution-printing{--accent-card:#e6bf97;--panel-card:#302b29}.home-solution-wholesale{--accent-card:#a5dcba;--panel-card:#1c302d}.home-solution-education{--accent-card:#b5c8f5;--panel-card:#202b40}.home-solution-custom{--accent-card:#f0c79e;--panel-card:#302c2c}.home-web-link{display:flex;align-items:center;gap:15px;margin-top:16px;padding:18px 24px;border:1px solid #3a5760;border-radius:13px;background:#14252e;transition:border-color .2s}.home-web-link:hover{border-color:#83e1dd}.home-web-icon{width:43px;height:43px;display:grid;place-items:center;flex:none;border:1px solid #65968d;border-radius:12px;color:#a2e5d7}.home-web-icon .icon{width:21px;height:21px}.home-web-link>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}.home-web-link strong{font-size:16px}.home-web-link small{font-size:13px;color:#bbccd0;line-height:1.8}.home-web-action{display:flex;align-items:center;gap:8px;color:#a2e5d7;font-size:12px;font-weight:700}.home-web-action .arrow{width:16px;height:16px}.home-solutions-all{display:flex;justify-content:center;margin-top:32px}@media(max-width:900px){.home-solution{padding:27px;grid-template-columns:minmax(0,1fr) 36%}.home-solution-index{inset-inline-start:27px;top:21px}.home-solution p{font-size:13px}.home-solution h3{font-size:19px}}@media(max-width:680px){.home-solutions-intro{display:block;margin-bottom:28px}.home-solutions-intro>p{font-size:14px;margin-top:14px}.home-solutions-grid{grid-template-columns:1fr;gap:12px}.home-solution{min-height:205px;padding:22px;grid-template-columns:minmax(0,1fr) 35%}.home-solution-index{inset-inline-start:22px;top:16px}.home-solution-copy{padding-top:25px}.home-solution h3{font-size:18px}.home-solution p{font-size:12px;line-height:1.85}.home-solution-link{margin-top:12px}.home-solution-art svg{max-width:140px}.home-solution:before{width:210px;height:210px;inset-inline-end:-60px;top:-45px}.home-web-link{padding:15px;gap:11px;flex-wrap:wrap}.home-web-icon{width:38px;height:38px}.home-web-link strong{font-size:14px}.home-web-link small{font-size:12px}.home-web-action{margin-inline-start:49px}.home-solutions-all{margin-top:24px}}@media(prefers-reduced-motion:reduce){.home-solution,.home-solution-art svg{transition:none}}
@media(max-width:680px){.home-web-link>span:nth-child(2){flex:1 1 calc(100% - 49px)}.home-web-action{flex-basis:calc(100% - 49px)}}
/* The home overview is an open editorial list, with no card surfaces. */
.home-solutions-grid{display:block;border-top:1px solid #344654}.home-solution{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(150px,260px);gap:32px;min-height:200px;padding:24px 0;border:0;border-bottom:1px solid #344654;border-radius:0;background:transparent;overflow:visible;transition:color .25s}.home-solution:before{display:none}.home-solution:hover{transform:none;border-color:#536c76}.home-solution-index{position:static;grid-column:1;grid-row:1;align-self:start;padding-top:16px;color:var(--accent-card);font-size:12px}.home-solution-index i{width:13px}.home-solution-copy{grid-column:2;grid-row:1;padding:0}.home-solution-art{grid-column:3;grid-row:1;justify-self:center;width:100%}.home-solution-art svg{max-width:180px}.home-solution h3{font-size:clamp(22px,2.1vw,29px)}.home-solution p{max-width:590px;font-size:15px}.home-solution-link{margin-top:14px}.home-web-link{margin:0;padding:25px 0;border:0;border-bottom:1px solid #344654;border-radius:0;background:transparent}.home-web-link:hover{border-color:#536c76}.home-web-icon{border:0;border-radius:0;background:none;width:43px}.home-web-action{color:#a2e5d7}.home-solutions-all{justify-content:flex-start;margin-top:30px}@media(max-width:680px){.home-solution{grid-template-columns:28px minmax(0,1fr) 82px;gap:10px;min-height:155px;padding:20px 0}.home-solution-index{padding-top:6px;font-size:10px}.home-solution-index i{display:none}.home-solution-index{font-size:0}.home-solution-index:first-letter{font-size:11px}.home-solution-index{font-size:10px;letter-spacing:0}.home-solution-copy{padding:0}.home-solution-label{font-size:10px;margin-bottom:4px}.home-solution h3{font-size:17px;line-height:1.5;margin-bottom:5px}.home-solution p{font-size:12px;line-height:1.8}.home-solution-link{margin-top:9px;font-size:11px}.home-solution-art svg{max-width:88px}.home-web-link{padding:20px 0;gap:10px}.home-web-icon{width:28px;height:38px}.home-web-link>span:nth-child(2){flex:1 1 calc(100% - 38px)}.home-web-action{flex-basis:calc(100% - 38px);margin-inline-start:38px}.home-solutions-all{justify-content:center}}
@media(max-width:680px){.home-solution-index b{display:none}}
/* Compact, open solution index on the homepage. */
.home-solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px;border-top:1px solid #344654}.home-solution{display:grid;grid-template-columns:minmax(0,1fr) 100px;grid-template-rows:90px auto;align-items:center;gap:0 15px;min-height:0;padding:22px 0 24px;border:0;border-bottom:1px solid #344654;background:transparent;border-radius:0}.home-solution-index{grid-column:1;grid-row:1;align-self:start;padding:0;font:11px monospace;color:var(--accent-card);opacity:.8}.home-solution-art{grid-column:2;grid-row:1;align-self:center;justify-self:end;width:100%;opacity:.95}.home-solution-art svg{max-width:100px}.home-solution-copy{grid-column:1/-1;grid-row:2}.home-solution h3{font-size:22px;margin:0 0 5px}.home-solution p{font-size:14px;line-height:1.7}.home-solution-link{font-size:12px;margin-top:13px}.home-web-link{margin-top:0}.home-solutions-all{justify-content:center}@media(max-width:680px){.home-solutions-intro{margin-bottom:24px}.home-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.home-solution{grid-template-columns:minmax(0,1fr) 70px;grid-template-rows:64px auto;gap:0 4px;padding:16px 0 18px}.home-solution-index{font-size:10px;align-self:start;padding:0}.home-solution-art svg{max-width:68px}.home-solution h3{font-size:15px;line-height:1.5;margin-bottom:4px}.home-solution p{font-size:12px;line-height:1.65}.home-solution-link{font-size:11px;margin-top:10px}.home-web-link{padding:18px 0}.home-solutions-all{margin-top:22px}}