/* SmartByte product motion: actual desktop captures and mobile self-service. */
:root{--paper:#f8fafc;--ink:#19283f;--muted:#6b7890;--line:#dfe6ef}body{background:var(--paper)}.wrap{width:min(1260px,90%)}header{background:#f8fafce8;border-bottom:1px solid #19283f0a}.original-mark{box-shadow:none}.hero{padding-top:165px;background:radial-gradient(ellipse at 65% 65%,#dae8ff,transparent 60%)}h1{font-size:clamp(45px,6.8vw,89px);font-weight:450;line-height:1.05;letter-spacing:-4.8px}.hero>p{max-width:630px;font-size:17px}.real-hero{height:600px;width:min(1190px,92%);perspective:1800px;margin-top:70px}.hero-product{width:91%;left:4.5%;border-radius:14px;box-shadow:0 40px 100px #173b7c2b}.actual-hero-crop{overflow:hidden;aspect-ratio:2.45}.actual-hero-crop img{margin-top:-4.4%;width:100%;display:block}.chip-one{left:0;top:100px}.chip-two{right:0;bottom:145px}.hero-caption{bottom:30px}.screen-chrome{height:40px}.hero .actions{margin-bottom:40px}.service-grid{gap:0}.service{border-radius:0;background:transparent;border:0;border-top:1px solid var(--line);padding:30px}.service:nth-child(3n+2){border-inline:1px solid var(--line)}.service:hover{transform:none;background:#f6f9fe;box-shadow:none;border-color:var(--line)}.service h3{font-size:23px}.service .num{font-size:9px}.intro{margin-bottom:50px}section{padding:110px 0}.product-film{height:255vh;min-height:1800px}.film-sticky{background:radial-gradient(ellipse at 55% 65%,#203c65,transparent 65%);min-height:640px}.film-stage{width:min(1260px,100%);grid-template-columns:1fr 245px;gap:40px}.film-heading h2{font-size:clamp(35px,4vw,58px)}.film-viewport{aspect-ratio:2.25}.film-viewport>img{height:auto;object-fit:initial;margin-top:-4.4%;transform:none!important;transition:opacity .5s,filter .5s}.focus-box{display:none!important}.film-callout h3{font-size:28px}.film-controls{width:min(1260px,100%)}.film-frame{transition:transform 1.2s cubic-bezier(.2,1,.3,1),box-shadow 1.2s;will-change:transform}.product-film[data-active="0"] .film-frame{transform:rotateY(5deg) rotateX(3deg)}.product-film[data-active="1"] .film-frame{transform:rotateY(-4deg) rotateX(1deg);box-shadow:0 30px 100px #4f8cff18}.product-film[data-active="2"] .film-frame{transform:rotateY(0) rotateX(0)}.film-viewport img.scene-enter{animation:screenReveal .85s cubic-bezier(.16,1,.3,1) both}.desktop-work{background:#f1f5fc}.desktop-capture{box-shadow:0 30px 80px #1e457c16}.desktop-crop{aspect-ratio:2.45}.desktop-crop img{transition:filter .3s}.desktop-select{gap:8px}.desktop-select button{padding:10px 16px;font-size:11px;border-radius:7px;background:transparent}.desktop-select button[aria-pressed=true]{background:#101827;border-color:#101827}.desktop-crop.screen-changing img{animation:screenReveal .8s cubic-bezier(.16,1,.3,1) both}.desktop-brand{padding:12px 20px}.hr-frame.changing img{animation:screenReveal .8s cubic-bezier(.16,1,.3,1) both}.hr-showcase{background:white}.hr-note{font-size:9px;color:#7a8da9}.workspace{display:none}.conversation .chat{box-shadow:0 25px 60px #18365b08}.mobile-showcase{overflow:hidden;background:#101827;color:#f1f5f9;padding:110px 0}.mobile-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.mobile-copy .eyebrow{color:#8badde}.mobile-copy h2{font-size:clamp(38px,4.6vw,65px);letter-spacing:-2.7px}.mobile-copy h2 span{color:#80aaff}.mobile-copy p{font-size:14px;color:#9fb2cc;max-width:410px;margin:25px 0}.mobile-pills{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 30px}.mobile-pills span{border:1px solid #304360;color:#9db5d7;font-size:10px;padding:8px 11px;border-radius:6px}.device-stage{position:relative;height:650px;perspective:1600px;isolation:isolate}.device-orbit{position:absolute;top:120px;left:60px;width:400px;height:400px;border-radius:50%;border:1px solid #4f8cff26;box-shadow:0 0 0 70px #4f8cff08,0 0 0 140px #4f8cff04;animation:orbitDevice 40s linear infinite}.device-orbit:after{content:'';position:absolute;top:45px;left:60px;width:8px;height:8px;background:#4f8cff;border-radius:50%;box-shadow:0 0 25px #4f8cff}.desktop-mini{position:absolute;left:-20px;top:155px;width:470px;border:1px solid #3a5478;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 35px 85px #0005;transform:rotateY(14deg) rotateZ(-5deg);animation:desktopDrift 8s ease-in-out infinite}.desktop-mini img{display:block;width:100%}.device-bar{background:#19314f;color:#9bb5d6;font:9px monospace;padding:12px 17px}.device-phone{position:absolute;right:10px;top:20px;width:264px;height:590px;border:7px solid #263c5a;border-radius:37px;overflow:hidden;background:#f5f9ff;box-shadow:0 35px 80px #0008;transform:rotateY(-9deg) rotateZ(5deg);animation:phoneDrift 7s ease-in-out infinite;will-change:transform;z-index:3}.phone-preview{height:100%;overflow:hidden}.phone-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.device-phone:before{content:'';position:absolute;z-index:5;top:6px;left:50%;transform:translateX(-50%);width:70px;height:13px;border-radius:15px;background:#15243a}.device-badge{position:absolute;bottom:20px;left:25px;background:#1c3253e8;backdrop-filter:blur(12px);border:1px solid #3a5579;border-radius:12px;padding:17px 23px;font-size:12px;z-index:6;animation:float 6s ease-in-out infinite}.device-badge b{font-weight:500}.device-badge span{display:block;color:#8ca9cf;font-size:10px;margin-top:4px}.pause-motion{position:fixed;right:18px;bottom:18px;z-index:40;background:#fffffff0;color:#547097;border:1px solid #d3dfef;border-radius:30px;padding:9px 14px;font-size:10px;box-shadow:0 4px 22px #173b7c15}.reading-progress{position:fixed;top:0;left:0;height:2px;background:#4f8cff;width:100%;transform:scaleX(0);transform-origin:left;z-index:50}.motion-off *,.motion-off *:before,.motion-off *:after{animation-play-state:paused!important;transition:none!important}.motion-off .reveal{opacity:1;transform:none}.motion-off .film-frame{transform:none!important}.asset-unavailable{padding:40px;color:#8ca4c5;text-align:center;font-size:12px}
@keyframes screenReveal{from{opacity:.25;translate:0 20px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes phoneDrift{50%{transform:rotateY(-2deg) rotateZ(2deg) translateY(-17px)}}@keyframes desktopDrift{50%{transform:rotateY(7deg) rotateZ(-2deg) translateY(9px)}}@keyframes orbitDevice{to{transform:rotate(360deg)}}
@media(max-width:1050px){.device-phone{width:240px;height:550px;right:-5px;top:45px}.desktop-mini{width:370px;left:-10px;top:170px}.device-stage{height:630px}.mobile-grid{gap:45px}.film-stage{grid-template-columns:1fr 220px;gap:25px}}
@media(max-width:800px){.hero{padding-top:125px}.hero>p{font-size:15px}h1{letter-spacing:-2.8px}.real-hero{height:390px;margin-top:45px}.chip-one{top:50px}.chip-two{bottom:75px}.hero-caption{bottom:20px}.service:nth-child(3n+2){border-inline:0}.service:nth-child(2n){border-left:1px solid var(--line)}section{padding:80px 0}.film-stage{grid-template-columns:1fr;gap:0}.film-sticky{padding:30px 5%;min-height:640px}.film-callout h3{font-size:23px}.film-heading{margin-bottom:25px}.film-heading h2{font-size:35px}.product-film{min-height:1600px}.mobile-grid{grid-template-columns:1fr;gap:25px}.mobile-copy h2{font-size:47px;letter-spacing:-2px}.mobile-copy p{max-width:500px}.device-stage{width:min(540px,100%);margin:auto;height:620px}.device-phone{right:20px;top:20px;width:255px;height:580px}.desktop-mini{left:0;top:190px;width:360px}.device-badge{bottom:0;left:0}.desktop-crop{aspect-ratio:2.25}.desktop-select button{padding:9px 12px;font-size:10px}.desktop-caption{font-size:8px}.screen-chrome{height:30px}.pause-motion{bottom:12px;right:12px}}
@media(max-width:480px){.real-hero{height:275px}.chip-one{top:30px}.chip-two{bottom:40px}.hero-caption{bottom:10px}.service:nth-child(2n){border-left:0}.service{padding:25px 0}.desktop-mini{width:300px;left:-35px;top:170px}.device-phone{right:0;width:225px;height:520px}.device-stage{height:565px}.device-badge{font-size:10px;left:0;bottom:5px;padding:12px}.mobile-copy h2{font-size:42px}.desktop-select{gap:6px}.desktop-select button{font-size:9px;padding:8px 10px}.film-controls button{font-size:9px}.film-heading .eyebrow{font-size:9px}.desktop-crop.formulation-screen,.desktop-crop.financialyear-screen{aspect-ratio:2.18}}
@media(prefers-reduced-motion:reduce){.device-phone,.desktop-mini{transform:none!important}.reveal{opacity:1;transform:none}.product-film{height:auto;min-height:0}.film-sticky{position:relative;top:0;height:auto;min-height:0;padding-block:60px}.hero-product{transform:none!important}.film-frame{transform:none!important}}

/* Keep the full mobile app capture visible inside the device. */
.phone-preview img{object-fit:contain;background:#fff}.device-phone{height:490px;top:65px}.device-phone:before{display:none}@media(max-width:1050px){.device-phone{height:450px;top:90px}}@media(max-width:800px){.device-phone{height:480px;top:65px}}@media(max-width:480px){.device-phone{height:425px;top:65px}}

.tour-control{display:block;margin:-10px auto 25px;border:0;background:transparent;color:#6682a8;font-size:10px;padding:8px 12px}.tour-control:hover{color:#397cef}

/* Compact, contained product compositions. */
html,body{max-width:100%;overflow-x:clip}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:35px;max-width:1160px;margin:auto;padding:145px 25px 65px;overflow:hidden;text-align:left;min-height:610px}.hero-lead{min-width:0;position:relative;z-index:5}.hero-lead h1{font-size:clamp(38px,4.1vw,58px);letter-spacing:-2.7px;line-height:1.08;text-align:left}.hero-lead .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:22px}.hero-lead>p{max-width:450px;font-size:14px;color:#6b7890;margin:23px 0;line-height:1.8}.hero-lead .actions{justify-content:flex-start;margin:25px 0 0;gap:8px}.hero-lead .button{font-size:11px;padding:13px 16px;gap:12px}.real-hero{width:100%;max-width:540px;height:365px;margin:0;overflow:hidden;position:relative;perspective:1400px}.hero-product{width:86%;left:7%;top:70px;border-radius:9px;z-index:3;box-shadow:0 20px 45px #173b7c22;transform:rotateX(8deg) rotateY(-7deg)}.actual-hero-crop{aspect-ratio:2.5;overflow:hidden}.actual-hero-crop img{width:100%;height:auto;display:block;margin-top:-4.4%}.hero-product .screen-chrome{height:26px;font-size:7px;padding:0 11px}.hero-product .chrome-right{display:none}.depth-card{position:absolute;width:81%;left:9%;border-radius:9px;overflow:hidden;border:1px solid #c9daef;background:white;box-shadow:0 15px 35px #183b7320;pointer-events:none}.depth-label{padding:7px 12px;font:7px monospace;color:#8aa2c6;background:#162943;letter-spacing:1px}.depth-crop{aspect-ratio:2.5;overflow:hidden}.depth-crop img{width:100%;display:block;margin-top:-4.3%}.depth-back{top:37px;transform:rotate(-8deg) translateX(-14px);opacity:.5;z-index:1;animation:depthBack 9s ease-in-out infinite}.depth-middle{top:53px;transform:rotate(7deg) translateX(18px);opacity:.75;z-index:2;animation:depthMiddle 9s ease-in-out infinite}.product-halo{inset:0}.product-chip{font-size:8px;padding:10px 12px;border-radius:8px;gap:8px;max-width:215px}.product-chip small{font-size:7px}.chip-icon{width:25px;height:25px;font-size:14px}.chip-one{left:0;top:125px}.chip-two{right:0;bottom:52px}.hero-caption{bottom:16px;font-size:8px;text-align:center;letter-spacing:1px}.product-film{height:auto;min-height:0;padding:65px 0}.film-sticky{position:relative;top:0;height:auto;min-height:0;padding:0 5%;overflow:hidden}.film-heading{margin-bottom:30px}.film-heading h2{font-size:35px;letter-spacing:-1.5px}.film-heading p{font-size:12px}.film-heading .eyebrow{font-size:8px}.film-stage{width:min(940px,100%);grid-template-columns:minmax(0,620px) minmax(0,230px);gap:35px}.film-frame{min-width:0;border-radius:9px}.film-viewport{aspect-ratio:2.4}.film-frame .screen-chrome{height:26px;font-size:7px}.film-callout h3{font-size:23px}.film-callout p{font-size:12px;line-height:1.8}.film-controls{max-width:940px;margin-top:25px}.film-controls button{font-size:10px;padding:9px 14px}.desktop-work,.hr-showcase{padding:80px 0}.desktop-work>.wrap,.hr-showcase>.wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:0 45px;align-items:center;max-width:1120px}.desktop-work .intro,.hr-showcase .intro{grid-column:1;grid-row:1 / 6;text-align:left;max-width:330px;margin:0}.desktop-work .intro h2,.hr-showcase .intro h2{font-size:37px;letter-spacing:-1.7px}.desktop-work .intro p,.hr-showcase .intro p{font-size:12px;margin:20px 0;max-width:320px}.desktop-select,.hr-select{grid-column:2;justify-content:flex-start;margin-bottom:15px;gap:6px}.desktop-select button,.hr-select button{font-size:9px;padding:7px 10px;border-radius:5px}.tour-control{grid-column:2;margin:0 0 12px;justify-self:start;padding:4px 0;font-size:9px}.desktop-capture,.hr-frame{grid-column:2;min-width:0;width:100%;max-width:680px;border-radius:9px;box-shadow:0 18px 45px #1e457c13}.desktop-brand{padding:8px 12px;gap:7px}.desktop-brand strong{font-size:11px}.desktop-brand .original-mark{width:23px;height:23px;border-radius:6px}.desktop-brand .original-mark svg{width:17px;height:17px}.desktop-brand>span:last-child{font-size:8px}.desktop-caption,.hr-note{grid-column:2;font-size:8px;line-height:1.6;letter-spacing:.3px;margin-top:12px;gap:12px}.desktop-crop{width:100%;aspect-ratio:2.45}.hr-frame>img{width:100%;height:auto;display:block}.mobile-showcase{padding:75px 0}.mobile-grid{max-width:1060px;gap:65px}.mobile-copy h2{font-size:45px;letter-spacing:-2px}.device-stage{height:500px;overflow:hidden}.device-phone{width:200px;height:370px;top:50px;right:15px;border-width:5px;border-radius:28px}.desktop-mini{width:340px;left:0;top:150px}.device-orbit{width:300px;height:300px;left:25px;top:100px}.device-badge{bottom:35px;left:0;font-size:10px;padding:12px 16px}.device-badge span{font-size:8px}.original-product{padding:80px 0;background:#fff}.original-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1120px}.original-product h2{font-size:42px;letter-spacing:-1.8px}.original-product p{font-size:13px;color:#6b7890;max-width:420px;margin-top:23px}.original-screen{border:1px solid #d8e2ef;border-radius:9px;overflow:hidden;background:white;box-shadow:0 20px 55px #193b7315;transform:rotateY(-7deg) rotateZ(2deg);animation:originalDrift 8s ease-in-out infinite}.original-screen img{width:100%;display:block}.original-screen .screen-chrome{height:26px;font-size:8px}.original-product .original-note{font-size:9px;text-align:center;margin:15px 0 0}.original-points{display:flex;gap:25px;margin-top:28px}.original-points span{font-size:10px;color:#8191a8}.original-points b{display:block;color:#244470;font-size:12px;font-weight:500}.outcome-list{list-style:none;padding:0;margin-top:25px;display:grid;gap:9px;max-width:430px}.outcome-list li{font-size:12px;color:#64748b;display:flex;gap:10px}.outcome-list li:before{content:'✓';color:#4f8cff}.security-points{margin:25px 0}.security-points h3{font-size:16px;color:#e6efff;letter-spacing:0}.dark .security-points p{font-size:12px;margin:7px 0 18px;color:#a6b8d1}.closing-cta{text-align:center;background:#edf3fc;padding:65px 0}.closing-cta h2{font-size:42px;letter-spacing:-1.7px}.closing-cta p{max-width:500px;margin:20px auto 25px;color:#6b7890;font-size:13px}.faq-section{padding:75px 0;background:white}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;max-width:1050px}.faq-grid h2{font-size:40px;letter-spacing:-1.8px}.faq-grid details{border-bottom:1px solid #dfe6ef;padding:17px 0}.faq-grid summary{font-size:13px;cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-grid summary:after{content:'+';color:#4f8cff;font-size:17px}.faq-grid details[open] summary:after{content:'−'}.faq-grid details p{font-size:12px;color:#6b7890;line-height:1.8;margin-top:14px}.preferred-note{display:block;font-size:9px;color:#8191a8;margin-top:8px}.footer-description{font-size:11px;color:#7b8fae;max-width:460px;margin-bottom:25px}.footer-top>div{flex-wrap:wrap}.contact-grid{max-width:1120px}.contact h2{font-size:42px}.nav{height:74px}.nav .brand{font-size:20px}.nav nav{gap:25px;font-size:11px}.nav>.button{padding:12px 19px;font-size:11px}
@keyframes depthBack{50%{transform:rotate(-3deg) translate(-8px,-8px)}}@keyframes depthMiddle{50%{transform:rotate(3deg) translate(12px,5px)}}@keyframes originalDrift{50%{transform:rotateY(-2deg) rotateZ(0) translateY(-8px)}}
@media(max-width:900px){.hero{gap:10px;padding-inline:5%;min-height:580px}.hero-lead h1{font-size:44px}.hero-lead .actions{flex-wrap:wrap}.real-hero{height:330px}.hero-product{top:65px}.chip-one{top:120px}.chip-two{bottom:35px}.desktop-work>.wrap,.hr-showcase>.wrap{gap:0 25px}.desktop-work .intro h2,.hr-showcase .intro h2{font-size:31px}.film-stage{grid-template-columns:minmax(0,1fr) 210px}.mobile-grid{gap:30px}.desktop-mini{width:280px}.device-phone{width:180px;height:335px;right:0}.original-product-grid{gap:30px}.original-product h2{font-size:35px}}
@media(max-width:700px){.hero{display:block;padding:115px 5% 35px;min-height:0}.hero-lead{max-width:520px}.hero-lead h1{font-size:44px;letter-spacing:-2px}.hero-lead>p{font-size:13px}.real-hero{height:300px;max-width:440px;margin:35px auto 0}.hero-product{top:55px}.depth-back{top:20px}.depth-middle{top:38px}.chip-one{top:105px}.chip-two{bottom:38px}.hero-caption{bottom:3px}.film-stage{grid-template-columns:1fr;max-width:570px}.film-callout{padding-top:20px}.film-heading h2{font-size:31px}.film-sticky{top:0;min-height:0}.film-controls{max-width:570px}.desktop-work>.wrap,.hr-showcase>.wrap{display:block;max-width:600px}.desktop-work .intro,.hr-showcase .intro{max-width:100%;margin:0 0 25px}.desktop-work .intro h2,.hr-showcase .intro h2{font-size:34px}.desktop-work .intro p,.hr-showcase .intro p{max-width:500px}.desktop-select,.hr-select{margin-bottom:15px}.tour-control{margin:0 0 15px}.desktop-caption{display:flex}.hr-note{text-align:left}.mobile-grid,.original-product-grid,.faq-grid{grid-template-columns:1fr}.mobile-copy h2{font-size:39px}.device-stage{height:460px;width:min(420px,100%);margin:auto}.device-phone{width:195px;height:360px;right:20px;top:35px}.desktop-mini{width:290px;left:0;top:140px}.device-badge{bottom:15px}.original-visual{max-width:520px}.original-product h2{font-size:35px}.faq-grid{gap:30px}.closing-cta h2{font-size:34px}.contact h2{font-size:35px}.nav{height:68px}.nav.open nav{top:68px}.film-controls>span{display:none}.original-points{gap:25px}.original-product,.desktop-work,.hr-showcase,.faq-section{padding:65px 0}}
@media(prefers-reduced-motion:reduce){.depth-card,.original-screen{animation:none!important;transform:none}.depth-card{display:none}}

.desktop-crop.formulation-screen{aspect-ratio:auto}.desktop-crop.formulation-screen img{margin-top:0}

/* Three real screens cycle through front, outgoing, back and middle positions. */
.real-hero .hero-product,.real-hero .depth-card{width:86%;left:7%;top:70px;border:1px solid #c9daef;border-radius:9px;transform-origin:center center;will-change:transform,opacity;animation:screenStackCycle 15s cubic-bezier(.65,0,.35,1) infinite both;pointer-events:none;box-shadow:0 22px 45px #173b7c25}.real-hero .hero-product{animation-delay:0s}.real-hero .depth-middle{animation-delay:-10s}.real-hero .depth-back{animation-delay:-5s}.real-hero .depth-label{height:26px;padding:8px 11px;box-sizing:border-box;font-size:7px}.real-hero .screen-chrome{height:26px}.real-hero .depth-crop,.real-hero .actual-hero-crop{aspect-ratio:2.5;overflow:hidden}.real-hero .screen-glint{display:none}.real-hero .product-chip{z-index:6}.real-hero:hover .hero-product,.real-hero:hover .depth-card{animation-play-state:paused}.real-hero .hero-caption{z-index:6}
@keyframes screenStackCycle{
0%,25%{transform:translate3d(0,0,0) rotateY(-4deg) rotateZ(0deg) scale(1);opacity:1;z-index:3}
30%{transform:translate3d(105px,15px,0) rotateY(-22deg) rotateZ(7deg) scale(.94);opacity:0;z-index:3}
31%{transform:translate3d(-12px,-36px,0) rotateY(0deg) rotateZ(-5deg) scale(.9);opacity:0;z-index:1}
34%,58%{transform:translate3d(-12px,-36px,0) rotateY(0deg) rotateZ(-5deg) scale(.9);opacity:.58;z-index:1}
66%,91%{transform:translate3d(10px,-18px,0) rotateY(0deg) rotateZ(3deg) scale(.95);opacity:.82;z-index:2}
100%{transform:translate3d(0,0,0) rotateY(-4deg) rotateZ(0deg) scale(1);opacity:1;z-index:3}}
@media(max-width:700px){.real-hero .hero-product,.real-hero .depth-card{top:55px}}
@media(prefers-reduced-motion:reduce){.real-hero .hero-product{animation:none!important;transform:none;opacity:1;z-index:3}.real-hero .depth-card{display:none}}

/* Connected Business: modules -> connections -> ERP -> mobile, eight seconds. */
.connected-business{height:420px;max-width:560px;isolation:isolate;perspective:1400px;overflow:hidden}.connection-glow{position:absolute;inset:8% 0;background:radial-gradient(ellipse,#4f8cff20,transparent 68%);pointer-events:none}.connection-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}.connection-lines path{fill:none;stroke:#70a3f5;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;animation:connectPaths 8s ease-in-out infinite}.connection-lines path:nth-child(2){animation-delay:.08s}.connection-lines path:nth-child(3){animation-delay:.16s}.connection-lines path:nth-child(4){animation-delay:.24s}.connection-lines path:nth-child(5){animation-delay:.32s}.connection-hub{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:124px;height:118px;border-radius:22px;background:#101827;box-shadow:0 15px 45px #1d4d9630;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:hubTransform 8s cubic-bezier(.65,0,.35,1) infinite}.connection-hub svg{width:47px;height:47px}.connection-hub strong{font-size:14px;color:#edf4ff;font-weight:600;letter-spacing:-.4px}.connection-hub>span{font-size:6px;color:#91add3;margin-top:4px;letter-spacing:.3px}.business-module{position:absolute;left:50%;top:45%;width:132px;height:55px;margin:-27px 0 0 -66px;padding:10px 11px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dae6f7;border-radius:11px;box-shadow:0 9px 28px #224a8310;z-index:4;animation:moduleMerge 8s cubic-bezier(.65,0,.35,1) infinite;will-change:transform,opacity}.business-module i{font-style:normal;display:grid;place-items:center;flex:none;width:29px;height:29px;background:#edf4ff;color:#4f8cff;border-radius:8px;font-size:17px}.business-module b{display:block;color:#263d60;font-size:10px;font-weight:600;white-space:nowrap}.business-module small{display:block;font-size:6px;color:#8396b3;margin-top:3px;white-space:nowrap}.module-dot{position:absolute;right:7px;top:7px;width:4px;height:4px;border-radius:50%;background:#7cafff;animation:nodePulse 8s ease infinite}.module-stock{width:144px;margin-left:-72px}.connected-erp{position:absolute;left:6%;top:92px;width:88%;border:1px solid #c5d7ee;border-radius:11px;overflow:hidden;background:white;box-shadow:0 25px 65px #153e7825;z-index:5;transform-origin:center;animation:erpMaterialize 8s cubic-bezier(.65,0,.35,1) infinite;will-change:transform,opacity}.connected-erp .screen-chrome{height:28px;padding:0 13px;font-size:7px;gap:12px}.connected-erp .actual-hero-crop{aspect-ratio:2.5}.connected-erp .actual-hero-crop img{width:100%;display:block;margin-top:-4.4%}.connected-status{display:flex;align-items:center;gap:7px;font-size:7px;color:#7290b4;padding:8px 12px;background:#f8fbff;border-top:1px solid #e5edf7}.connected-status>span{display:grid;place-items:center;width:13px;height:13px;background:#e6f1ff;border-radius:50%;color:#4f8cff;font-size:8px}.connected-phone{position:absolute;right:5%;top:124px;width:108px;height:235px;border:4px solid #1c314e;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 17px 40px #142b4d30;z-index:6;animation:phoneArrive 8s cubic-bezier(.65,0,.35,1) infinite;will-change:transform,opacity}.connected-phone img{width:100%;height:100%;object-fit:contain;display:block;background:#effbf8}.connection-phase{position:absolute;left:0;right:0;bottom:20px;height:25px;text-align:center;font-size:9px;color:#7c94b6;letter-spacing:.3px}.connection-phase>span{position:absolute;inset:0;animation-duration:8s;animation-timing-function:ease;animation-iteration-count:infinite}.phase-one{animation-name:phaseOne}.phase-two{animation-name:phaseTwo}.phase-three{animation-name:phaseThree}.connected-business:hover *{animation-play-state:paused!important}
@keyframes moduleMerge{0%{opacity:0;transform:translate(var(--module-x),calc(var(--module-y) + 12px)) scale(.9)}8%,27%{opacity:1;transform:translate(var(--module-x),var(--module-y)) scale(1)}38%{opacity:1;transform:translate(0,0) scale(.36)}43%,92%{opacity:0;transform:translate(0,0) scale(.2)}100%{opacity:0;transform:translate(var(--module-x),calc(var(--module-y) + 12px)) scale(.9)}}
@keyframes connectPaths{0%,10%{stroke-dashoffset:260;opacity:0}16%{opacity:.5}26%,32%{stroke-dashoffset:0;opacity:.8}41%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes hubTransform{0%,7%{opacity:0;transform:translate(-50%,-50%) scale(.75)}12%,29%{opacity:1;transform:translate(-50%,-50%) scale(1)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 18px #4f8cff10,0 15px 45px #1d4d9630}44%,93%{opacity:0;transform:translate(-50%,-50%) scale(.55)}100%{opacity:0;transform:translate(-50%,-50%) scale(.75)}}
@keyframes erpMaterialize{0%,37%{opacity:0;transform:translateY(15px) rotateX(18deg) scale(.72)}49%,62%{opacity:1;transform:translateY(0) rotateY(-4deg) scale(1)}73%,87%{opacity:1;transform:translateX(-28px) rotateY(7deg) scale(.9)}96%,100%{opacity:0;transform:translateX(-28px) translateY(-12px) rotateY(7deg) scale(.86)}}
@keyframes phoneArrive{0%,61%{opacity:0;transform:translateX(45px) translateY(15px) rotateZ(10deg) scale(.85)}74%,87%{opacity:1;transform:translateX(0) translateY(0) rotateZ(3deg) scale(1)}96%,100%{opacity:0;transform:translateX(0) translateY(-15px) rotateZ(3deg) scale(.96)}}
@keyframes nodePulse{0%,17%,100%{box-shadow:0 0 0 0 #4f8cff00}23%,29%{box-shadow:0 0 0 4px #4f8cff16}}
@keyframes phaseOne{0%{opacity:0}8%,29%{opacity:1}38%,100%{opacity:0}}@keyframes phaseTwo{0%,40%{opacity:0}48%,61%{opacity:1}69%,100%{opacity:0}}@keyframes phaseThree{0%,65%{opacity:0}74%,88%{opacity:1}96%,100%{opacity:0}}
@media(max-width:900px) and (min-width:701px){.connected-business{height:380px}.module-website{--module-x:-110px!important;--module-y:-85px!important}.module-sales{--module-x:110px!important;--module-y:-85px!important}.module-finance{--module-x:-115px!important}.module-people{--module-x:115px!important}.business-module{width:110px;margin-left:-55px;padding:8px;gap:6px}.business-module b{font-size:8px}.business-module small{font-size:5px}.business-module i{width:24px;height:24px;font-size:14px}.connection-hub{width:100px;height:100px}.connected-erp{top:95px}.connected-phone{width:88px;height:198px;top:110px}.connection-lines{opacity:.4}}
@media(max-width:700px){.connected-business{height:390px;max-width:500px;margin:25px auto 0}.connected-erp{top:85px}.connected-phone{top:115px}.connection-phase{bottom:12px}}
@media(max-width:480px){.connected-business{height:360px}.module-website{--module-x:-110px!important;--module-y:-83px!important}.module-sales{--module-x:110px!important;--module-y:-83px!important}.module-finance{--module-x:-110px!important;--module-y:62px!important}.module-people{--module-x:110px!important;--module-y:62px!important}.module-stock{--module-y:126px!important}.business-module{width:110px;margin-left:-55px;padding:8px;gap:6px}.business-module i{width:23px;height:23px;font-size:14px}.business-module b{font-size:8px}.business-module small{font-size:5px}.connection-hub{width:95px;height:95px;border-radius:18px}.connection-hub svg{width:38px;height:38px}.connection-hub strong{font-size:12px}.connection-hub>span{font-size:5px}.connection-lines{opacity:.4}.connected-erp{top:85px;width:88%}.connected-phone{width:86px;height:190px;top:110px;right:3%;border-width:3px}.connected-status{font-size:6px}.connection-phase{font-size:8px}}
@media(prefers-reduced-motion:reduce){.connected-business *{animation:none!important}.business-module,.connection-lines,.connection-hub{display:none}.connected-erp{opacity:1;transform:translateX(-15px) scale(.93)}.connected-phone{opacity:1;transform:rotate(2deg)}.connection-phase .phase-one,.connection-phase .phase-two{display:none}.connection-phase .phase-three{opacity:1}}

/* Match the employee mobile app with its HR desktop product. */
.connected-erp .actual-hero-crop{position:relative}.connected-erp .hero-erp-view{animation:erpDesktopPhase 8s ease infinite}.connected-erp .actual-hero-crop .hero-hr-view{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#eaf8f6;margin:0;animation:hrDesktopPhase 8s ease infinite}.connected-erp .screen-chrome{position:relative}.connected-title-erp{animation:erpDesktopPhase 8s ease infinite}.connected-title-hr{position:absolute;left:66px;animation:hrDesktopPhase 8s ease infinite}.mobile-app-label{position:absolute;right:3%;top:367px;width:125px;text-align:center;z-index:7;animation:phoneArrive 8s cubic-bezier(.65,0,.35,1) infinite}.mobile-app-label b{display:block;font-size:10px;font-weight:600;color:#127b78}.mobile-app-label span{font-size:7px;color:#8098b7;display:block;margin-top:3px}
@keyframes erpDesktopPhase{0%,62%{opacity:1}71%,92%{opacity:0}100%{opacity:1}}@keyframes hrDesktopPhase{0%,62%{opacity:0}71%,92%{opacity:1}100%{opacity:0}}
@media(max-width:900px) and (min-width:701px){.mobile-app-label{top:314px;right:1%;width:110px}.connected-title-hr{left:59px}}
@media(max-width:700px){.mobile-app-label{top:356px}.connection-phase{bottom:0}}
@media(max-width:480px){.mobile-app-label{top:307px;width:100px;right:1%}.mobile-app-label b{font-size:9px}.mobile-app-label span{font-size:6px}.connection-phase{bottom:0}}
@media(prefers-reduced-motion:reduce){.connected-erp .hero-erp-view,.connected-title-erp{opacity:0}.connected-erp .hero-hr-view,.connected-title-hr{opacity:1}.mobile-app-label{opacity:1;transform:none}}

/* Extended product story: connection, sales, planning, production, HR, mobile. */
.connected-business{--story-duration:20s}.connected-business .business-module,.connected-business .connection-lines path,.connected-business .connection-hub,.connected-business .connected-erp,.connected-business .connected-phone,.connected-business .module-dot,.connected-business .connection-phase>span,.connected-business .mobile-app-label,.connected-business .hero-erp-view,.connected-business .hero-hr-view,.connected-business [class^="connected-title-"]{animation-duration:var(--story-duration)}
.connected-erp .actual-hero-crop .hero-planning-view,.connected-erp .actual-hero-crop .hero-production-view,.connected-erp .actual-hero-crop .hero-attendance-view{position:absolute;inset:0;width:100%;height:100%;display:block;margin:0;object-fit:contain;background:#f4f6f8;animation-duration:var(--story-duration);animation-timing-function:ease;animation-iteration-count:infinite}.connected-erp .actual-hero-crop .hero-planning-view{animation-name:planningStory}.connected-erp .actual-hero-crop .hero-production-view{animation-name:productionStory}.connected-erp .actual-hero-crop .hero-attendance-view{animation-name:attendanceStory;background:#eaf8f6}.connected-title-planning,.connected-title-production,.connected-title-attendance{position:absolute;left:66px;animation-duration:var(--story-duration);animation-timing-function:ease;animation-iteration-count:infinite}.connected-title-planning{animation-name:planningStory}.connected-title-production{animation-name:productionStory}.connected-title-attendance{animation-name:attendanceStory}.connected-business .connected-title-hr,.connected-business .hero-hr-view{animation-name:hrReportStory}.connected-business .connected-title-erp,.connected-business .hero-erp-view{animation-name:salesStory}
@keyframes moduleMerge{0%{opacity:0;transform:translate(var(--module-x),calc(var(--module-y) + 12px)) scale(.9)}3%,10%{opacity:1;transform:translate(var(--module-x),var(--module-y)) scale(1)}15%{opacity:1;transform:translate(0,0) scale(.36)}18%,97%{opacity:0;transform:translate(0,0) scale(.2)}100%{opacity:0;transform:translate(var(--module-x),calc(var(--module-y) + 12px)) scale(.9)}}
@keyframes connectPaths{0%,3%{stroke-dashoffset:260;opacity:0}6%{opacity:.5}10%,13%{stroke-dashoffset:0;opacity:.8}17%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes hubTransform{0%,2%{opacity:0;transform:translate(-50%,-50%) scale(.75)}5%,11%{opacity:1;transform:translate(-50%,-50%) scale(1)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}19%,100%{opacity:0;transform:translate(-50%,-50%) scale(.55)}}
@keyframes erpMaterialize{0%,15%{opacity:0;transform:translateY(15px) rotateX(18deg) scale(.75)}21%,73%{opacity:1;transform:translateY(0) rotateY(-4deg) scale(1)}81%,94%{opacity:1;transform:translateX(-28px) rotateY(7deg) scale(.9)}99%,100%{opacity:0;transform:translateX(-28px) translateY(-12px) rotateY(7deg) scale(.86)}}
@keyframes salesStory{0%,33%{opacity:1;translate:0 0}37%,100%{opacity:0;translate:0 -8px}}
@keyframes planningStory{0%,33%{opacity:0;translate:0 12px}37%,47%{opacity:1;translate:0 0}51%,100%{opacity:0;translate:0 -8px}}
@keyframes productionStory{0%,47%{opacity:0;translate:0 12px}51%,61%{opacity:1;translate:0 0}65%,100%{opacity:0;translate:0 -8px}}
@keyframes hrReportStory{0%,61%{opacity:0;translate:0 12px}65%,75%{opacity:1;translate:0 0}79%,100%{opacity:0;translate:0 -8px}}
@keyframes attendanceStory{0%,75%{opacity:0;translate:0 12px}79%,96%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -8px}}
@keyframes phoneArrive{0%,76%{opacity:0;transform:translateX(45px) translateY(15px) rotateZ(10deg) scale(.85)}83%,94%{opacity:1;transform:translateX(0) translateY(0) rotateZ(3deg) scale(1)}99%,100%{opacity:0;transform:translateX(0) translateY(-15px) rotateZ(3deg) scale(.96)}}
@keyframes phaseOne{0%{opacity:0}3%,11%{opacity:1}17%,100%{opacity:0}}@keyframes phaseTwo{0%,17%{opacity:0}22%,73%{opacity:1}79%,100%{opacity:0}}@keyframes phaseThree{0%,77%{opacity:0}83%,94%{opacity:1}99%,100%{opacity:0}}
@media(max-width:900px) and (min-width:701px){.connected-title-planning,.connected-title-production,.connected-title-attendance{left:59px}}
@media(prefers-reduced-motion:reduce){.connected-business .hero-planning-view,.connected-business .hero-production-view,.connected-business .hero-hr-view,.connected-business .connected-title-planning,.connected-business .connected-title-production,.connected-business .connected-title-hr{opacity:0;translate:0 0}.connected-business .hero-attendance-view,.connected-business .connected-title-attendance{opacity:1;translate:0 0}}

/* Each section has a distinct role: one hero glimpse, AI story, ERP gallery, HR, mobile. */
.connected-business{--story-duration:8s}.connected-business .connection-phase .phase-two{animation-name:simplePhaseTwo}.connected-business .connected-title-erp,.connected-business .hero-erp-view{animation:none;opacity:1;translate:0 0}.connected-erp .actual-hero-crop{aspect-ratio:1.9;background:#f4f3f1}.connected-erp .actual-hero-crop .hero-erp-view{margin:0;width:100%;height:100%;object-fit:contain}.connected-business .connected-erp{animation-name:simpleErpReveal}.device-phone{right:50%;margin-right:-100px;top:40px;animation:phoneDrift 7s ease-in-out infinite}.device-badge{left:10px}.device-orbit{left:50%;margin-left:-150px}
@keyframes moduleMerge{0%{opacity:0;transform:translate(var(--module-x),calc(var(--module-y) + 12px)) scale(.9)}8%,27%{opacity:1;transform:translate(var(--module-x),var(--module-y)) scale(1)}38%{opacity:1;transform:translate(0,0) scale(.36)}43%,92%{opacity:0;transform:translate(0,0) scale(.2)}100%{opacity:0;transform:translate(var(--module-x),calc(var(--module-y) + 12px)) scale(.9)}}
@keyframes connectPaths{0%,10%{stroke-dashoffset:260;opacity:0}16%{opacity:.5}26%,32%{stroke-dashoffset:0;opacity:.8}41%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes hubTransform{0%,7%{opacity:0;transform:translate(-50%,-50%) scale(.75)}12%,29%{opacity:1;transform:translate(-50%,-50%) scale(1)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}44%,100%{opacity:0;transform:translate(-50%,-50%) scale(.55)}}
@keyframes simpleErpReveal{0%,37%{opacity:0;transform:translateY(15px) rotateX(18deg) scale(.72)}49%,87%{opacity:1;transform:translateY(-15px) rotateY(-4deg) scale(.92)}97%,100%{opacity:0;transform:translateY(-25px) rotateY(-4deg) scale(.88)}}
@keyframes phaseOne{0%{opacity:0}8%,29%{opacity:1}38%,100%{opacity:0}}@keyframes simplePhaseTwo{0%,40%{opacity:0}49%,88%{opacity:1}97%,100%{opacity:0}}
.automation-story{background:#101827;color:#f1f5f9;padding:75px 0}.automation-story>.wrap{max-width:1060px}.automation-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}.automation-heading .eyebrow{color:#8eadd8;font-size:9px}.automation-heading h2{font-size:42px;letter-spacing:-1.8px}.automation-heading h2 span{color:#80aaff}.automation-heading>p{max-width:360px;color:#9cb2d1;font-size:12px;line-height:1.9}.automation-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}.automation-steps{display:grid;gap:11px}.automation-steps button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;border:1px solid #293d5c;border-radius:9px;background:#142139;padding:16px 18px;color:#f1f5f9;transition:background .4s,border-color .4s,transform .4s}.automation-steps button[aria-pressed=true]{background:#1b345a;border-color:#4f8cff;transform:translateX(7px)}.automation-steps i{font:10px monospace;color:#7f9fcf;border:1px solid #355174;border-radius:7px;padding:8px;font-style:normal}.automation-steps b{display:block;font-size:12px;font-weight:500}.automation-steps small{display:block;color:#879fbe;font-size:10px;margin-top:3px}.automation-steps em{margin-left:auto;color:#5279b2;font-style:normal}.automation-demo{background:linear-gradient(145deg,#1a2d49,#132238);border:1px solid #365174;border-radius:14px;padding:25px;box-shadow:0 20px 60px #0002;min-height:345px}.automation-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#b3c9e8}.automation-top small{font:7px monospace;letter-spacing:1px;color:#6f8fb8}.automation-icon{width:50px;height:50px;display:grid;place-items:center;background:#264f87;border:1px solid #447cc9;border-radius:13px;color:#9bc4ff;font-size:25px;margin:24px 0 18px;box-shadow:0 0 35px #4f8cff15}.automation-label{font:8px monospace;letter-spacing:1px;color:#7ea8e6}.automation-demo h3{font-size:23px;margin:10px 0 13px;letter-spacing:-.8px}.automation-demo>p{font-size:12px;color:#95adc9;line-height:1.8;max-width:380px}.automation-event{display:flex;justify-content:space-between;gap:12px;font-size:10px;padding:12px;border:1px solid #2c4668;border-radius:7px;margin-top:18px;background:#14243b;color:#9fb9db}.automation-event b{font-size:9px;color:#8ab9ff;font-weight:500;white-space:nowrap}.automation-track{height:2px;background:#29415f;margin-top:20px}.automation-track i{display:block;width:25%;height:100%;background:#4f8cff;transition:width .8s}.automation-demo .automation-note{font-size:8px;color:#6381a6;margin-top:12px}.automation-footer{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:28px}.automation-footer>p{font-size:11px;color:#7f98ba;max-width:720px;line-height:1.8}.automation-footer button{white-space:nowrap;background:transparent;border:1px solid #355176;border-radius:6px;padding:9px 13px;color:#8faed7;font-size:9px}.workflow-change .automation-icon,.workflow-change h3,.workflow-change #automation-copy,.workflow-change .automation-event{animation:screenReveal .6s both}
@media(max-width:700px){.automation-heading{display:block}.automation-heading>p{max-width:500px;margin-top:20px}.automation-heading h2{font-size:34px}.automation-layout{grid-template-columns:1fr;gap:25px}.automation-steps{grid-template-columns:1fr 1fr;gap:8px}.automation-steps button{padding:12px 10px;gap:8px}.automation-steps small,.automation-steps em{display:none}.automation-steps b{font-size:10px}.automation-steps button[aria-pressed=true]{transform:translateY(-3px)}.automation-demo{min-height:0}.automation-footer{display:block}.automation-footer button{margin-top:17px}.device-phone{right:50%;margin-right:-98px;top:30px}.automation-story{padding:65px 0}}
@media(prefers-reduced-motion:reduce){.connected-business .connected-erp{opacity:1;transform:none}.connected-business .phase-two{opacity:1}.device-phone{transform:none}.automation-steps button{transition:none}.workflow-change *{animation:none!important}}

/* Physical handset, with a separate frame and contained app screen. */
.device-stage{height:550px;overflow:visible;display:flex;justify-content:center;align-items:center;perspective:1600px}.phone-hardware{position:relative;width:232px;height:490px;padding:4px;border-radius:37px;background:linear-gradient(115deg,#a1adbd 0%,#25364c 15%,#0a1321 48%,#78889e 78%,#1a2d45 100%);box-shadow:0 35px 75px #0007,1px 0 0 #b4c2d566 inset,-1px 0 0 #000 inset;transform:rotateY(-6deg) rotateZ(2deg);animation:handsetFloat 8s ease-in-out infinite;z-index:3}.phone-hardware .device-phone{position:relative;inset:auto;right:auto;top:auto;width:100%;height:100%;margin:0;transform:none;animation:none!important;border:7px solid #090f18;border-radius:33px;background:#dff3ef;box-shadow:none;overflow:hidden}.phone-hardware .device-phone:before{display:none}.phone-status{position:absolute;left:0;right:0;top:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#e4f6f2;color:#123e43;font-size:8px;font-weight:600;z-index:5}.phone-status>span:last-child{font-size:7px;letter-spacing:1px}.phone-camera{position:absolute;width:62px;height:16px;top:6px;left:50%;transform:translateX(-50%);border-radius:15px;background:#080d14;z-index:6;box-shadow:0 1px 1px #fff2 inset}.phone-camera i{position:absolute;width:5px;height:5px;right:9px;top:5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#456586,#142338 55%,#03070c 75%);box-shadow:0 0 0 1px #1d2c3d}.phone-hardware .phone-preview{position:absolute;top:28px;bottom:16px;left:0;right:0;height:auto;background:#e4f6f2;overflow:hidden}.phone-hardware .phone-preview img{width:100%;height:100%;object-fit:contain;object-position:center;background:#e4f6f2}.phone-home{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:62px;height:3px;border-radius:5px;background:#14373c;z-index:5}.phone-volume{position:absolute;left:-2px;top:100px;width:3px;height:48px;border-radius:2px;background:linear-gradient(#8b9db3,#34455c);box-shadow:0 22px 0 #40546d}.phone-power{position:absolute;right:-2px;top:122px;width:3px;height:40px;border-radius:2px;background:linear-gradient(#8b9db3,#34455c)}.device-orbit{opacity:.45}.device-badge{bottom:15px;left:0;max-width:220px;z-index:5}.mobile-grid{gap:65px}.mobile-copy h2{font-size:43px;line-height:1.12}.mobile-copy p{font-size:13px}
@keyframes handsetFloat{0%,100%{transform:rotateY(-6deg) rotateZ(2deg) translateY(0)}50%{transform:rotateY(-2deg) rotateZ(0deg) translateY(-10px)}}
@media(max-width:700px){.device-stage{height:535px;max-width:420px;margin:20px auto 0}.phone-hardware{width:222px;height:470px}.mobile-grid{gap:30px}.device-badge{bottom:0;left:0;font-size:9px;padding:10px 13px}.mobile-copy h2{font-size:37px}}
@media(max-width:380px){.phone-hardware{width:208px;height:445px}.device-stage{height:505px}}
@media(prefers-reduced-motion:reduce){.phone-hardware{animation:none!important;transform:none}}

/* Clearer service decisions and grounded product stories. */
.primary-services{display:grid;grid-template-columns:1fr 1fr;gap:20px}.primary-service{padding:30px;border:1px solid #dce5f2;background:#f9fbfe;border-radius:12px;transition:border-color .3s,transform .3s,box-shadow .3s}.primary-service:hover{border-color:#9bbfff;transform:translateY(-4px);box-shadow:0 15px 40px #204d8f0a}.primary-service .num{font:9px monospace;letter-spacing:1px;color:#6c8dbb}.primary-service h3{font-size:26px;line-height:1.2;letter-spacing:-.8px;margin:24px 0 16px}.primary-service>p{font-size:13px;color:#677d9d;line-height:1.85;max-width:450px}.service-fit{font-size:11px;color:#8595ac;line-height:1.7;border-top:1px solid #e0e8f3;padding-top:15px;margin-top:20px;min-height:52px}.primary-service>a{display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#3879db;margin-top:20px}.primary-service>a span{transition:translate .3s}.primary-service>a:hover span{translate:3px -3px}.supporting-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:50px 0 22px}.supporting-heading h3{font-size:22px;letter-spacing:-.7px;max-width:420px}.supporting-heading p{font-size:12px;color:#8192ab;max-width:360px}.supporting-services{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.supporting-services article{border-top:1px solid #dce5f2;padding-top:20px}.supporting-services h3{font-size:15px;line-height:1.4;letter-spacing:-.2px;margin-bottom:12px}.supporting-services p{font-size:11px;color:#7c8fa9;line-height:1.9}.story-summary{margin-top:20px}.story-summary h3{font-size:11px;letter-spacing:.3px;font-weight:600;color:#426596;margin:20px 0 9px}.desktop-work .intro .story-summary p,.hr-showcase .intro .story-summary p{font-size:11px;line-height:1.85;margin:0;color:#7589a5}.story-summary ul{list-style:none;display:grid;gap:9px;margin:10px 0 0;padding:0}.story-summary li{display:flex;gap:8px;font-size:11px;color:#7589a5;line-height:1.7}.story-summary li:before{content:'✓';color:#4f8cff;flex:none}.story-link{display:inline-block;font-size:11px;color:#397cef;border-bottom:1px solid #bad0f0;padding-bottom:4px;margin-top:20px}.desktop-work .intro h2,.hr-showcase .intro h2{font-size:34px}.desktop-work .intro>p,.hr-showcase .intro>p{font-size:12px;line-height:1.85}.desktop-work>.wrap,.hr-showcase>.wrap{gap:0 55px}.contact form label{line-height:1.6}.form-status{min-height:1em}
@media(max-width:900px){.supporting-services{grid-template-columns:1fr 1fr}.desktop-work>.wrap,.hr-showcase>.wrap{gap:0 30px}.desktop-work .intro h2,.hr-showcase .intro h2{font-size:30px}}
@media(max-width:700px){.primary-services{grid-template-columns:1fr}.primary-service{padding:25px}.primary-service h3{font-size:24px}.supporting-heading{display:block;margin-top:35px}.supporting-heading p{margin-top:15px;max-width:500px}.supporting-services{gap:22px}.desktop-work .intro,.hr-showcase .intro{max-width:100%;margin-bottom:30px}.desktop-work .intro .story-summary p,.hr-showcase .intro .story-summary p{max-width:100%}.story-summary{max-width:520px}.desktop-work .intro h2,.hr-showcase .intro h2{font-size:34px}}
@media(max-width:420px){.supporting-services{grid-template-columns:1fr}.primary-service{padding:22px}}

/* Align product-story copy with the top of the preview controls. */
.desktop-work>.wrap,.hr-showcase>.wrap{align-items:start}.desktop-work .intro,.hr-showcase .intro{align-self:start;padding-top:0}.desktop-work .desktop-select,.hr-showcase .hr-select{align-self:start}.desktop-work .intro>.eyebrow,.hr-showcase .intro>.eyebrow{margin-top:0}