:root{--soley-blue-900:#0d47c4;--soley-blue-800:#122db8;--soley-blue-700:#0f3bcf;--soley-blue-600:#0863d0;--soley-blue-500:#0d47c4;--soley-blue-400:#2f6be5;--soley-blue-300:#6a94f0;--accent-orange:#ff9929;--accent-orange-h:#ffad52;--accent-yellow:#ffc927;--ink-1000:#05070e;--ink-950:#0a0e1a;--ink-900:#0f1523;--ink-800:#161d2e;--ink-700:#222b41;--ink-600:#2e3954;--ink-500:#4a5572;--ink-400:#7480a0;--ink-300:#a7b0c9;--ink-200:#cad2e4;--ink-100:#e6eaf4;--ink-50:#f3f5fb;--bg:#0a1147;--bg-elev:#0e1759;--bg-card:#13206e;--fg:#f2f5fe;--fg-muted:var(--ink-300);--fg-subtle:var(--ink-400);--border:var(--ink-700);--border-subtle:var(--ink-800);--font-d:"Lato","Helvetica Neue",Arial,sans-serif;--font-b:"Roboto","Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;--container:1200px;--gutter:32px}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--bg)}body{color:var(--fg);font-family:var(--font-b);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{background:none;border:0;color:inherit;cursor:pointer;font:inherit}.container{margin:0 auto;max-width:var(--container);padding:0 var(--gutter)}.eyebrow{color:var(--fg-subtle);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.btn,.eyebrow{font-family:var(--font-d);font-weight:700}.btn{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-size:13px;gap:8px;justify-content:center;letter-spacing:.06em;padding:13px 22px;transition:background var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),color var(--dur-base) var(--ease);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--accent-orange);color:#fff}.btn-accent:hover{background:var(--accent-orange-h)}.hero .btn-accent,.hero .btn-accent:hover{color:#0a1147}.btn-ghost{background:transparent;border-color:hsla(0,0%,100%,.22);color:var(--fg)}.btn-ghost:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.55)}.btn-primary{background:var(--soley-blue-600);color:#fff}.btn-primary:hover{background:var(--soley-blue-400)}.btn .arr{transition:transform var(--dur-base) var(--ease)}.btn:hover .arr{transform:translateX(3px)}.hero{background:radial-gradient(1200px 600px at 20% 20%,rgba(47,107,229,.18),transparent 60%),radial-gradient(900px 500px at 90% 80%,rgba(13,71,196,.22),transparent 60%),#0a1147;overflow:hidden;padding:160px 0 120px;position:relative}.hero:before{background-image:radial-gradient(circle,hsla(0,0%,100%,.06) 1px,transparent 1.5px);background-position:0 0;background-size:24px 24px;content:"";inset:0;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 80%,transparent);opacity:.5;pointer-events:none;position:absolute}.hero-inner{position:relative;text-align:left}.hero h1{color:#fff;font-size:clamp(48px,7vw,96px);line-height:.98;margin:0;text-wrap:balance}.hero h1,.hero h1 .line2{font-family:Plus Jakarta Sans,DM Sans,Inter,Helvetica Neue,Arial,sans-serif;font-weight:700;letter-spacing:-.025em}.hero h1 .line2{color:#ff9929;display:block;font-stretch:75%;font-style:italic;margin-top:.04em}.hero h1 .line2>span{display:inline-block;transform:skewX(-6deg);transform-origin:0 100%}.hero h1 .accent{color:var(--accent-orange)}.hero .sub{color:var(--ink-200);font-size:18px;letter-spacing:.015em;line-height:1.6;margin:28px 0 0;max-width:62ch}.hero .cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start;margin-top:38px}.hero .award{background:transparent;border:0;display:block;padding:0;position:absolute;right:0;top:-8px;transition:transform var(--dur-base) var(--ease)}.hero .award:hover{transform:scale(1.04)}.hero .award img{display:block;height:auto;width:128px}@media (max-width:960px){.hero .award img{width:104px}}.logos{background:#0a1147;border-bottom:1px solid hsla(0,0%,100%,.06);border-top:1px solid hsla(0,0%,100%,.06);color:#fff;padding:28px 0 24px}.logos .label{color:hsla(0,0%,100%,.55);font-family:var(--font-b);font-size:13px;font-weight:500;letter-spacing:.08em;margin-bottom:18px;text-align:left;text-transform:uppercase}.marquee{overflow:hidden;position:relative;--edge:max(0px,calc((100% - var(--container))/2 + var(--gutter)));mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 24px),#000 var(--edge),#000 calc(100% - var(--edge)),transparent calc(100% - var(--edge) + 24px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--edge) - 24px),#000 var(--edge),#000 calc(100% - var(--edge)),transparent calc(100% - var(--edge) + 24px),transparent 100%)}.marquee-track{align-items:center;animation:scroll 60s linear infinite;display:flex;gap:72px;width:max-content}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-logo{align-items:center;display:flex;filter:grayscale(1);flex:none;height:48px;justify-content:center;opacity:.78;padding:0 6px;transition:opacity var(--dur-base) var(--ease)}.marquee-logo img{display:block;filter:brightness(0) invert(1);height:auto;max-height:100%;max-width:160px;object-fit:contain;width:auto}.marquee-logo img.no-invert{filter:brightness(2.4)}.marquee-logo.lg{height:92px;margin:-22px 0}.marquee-logo.lg img{max-width:200px}.marquee-logo.sm img{max-height:62%;max-width:120px}.marquee-logo:hover{opacity:1}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 36px))}}.stats{background:#0a1147;padding:96px 0 56px;position:relative}.stats:after{background:hsla(0,0%,100%,.08);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.stats .eyebrow{color:hsla(0,0%,100%,.55);font-family:var(--font-b);font-size:13px;font-weight:500;letter-spacing:.08em;margin:0 0 18px;text-align:left;text-transform:uppercase}.stats .headline{color:#fff;font-family:Plus Jakarta Sans,DM Sans,Inter,Helvetica Neue,Arial,sans-serif;font-size:clamp(34px,4.4vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0 0 44px;max-width:22ch;text-wrap:balance}.stats .headline .muted{color:hsla(0,0%,100%,.45);display:block;font-weight:700}.stats .grid{display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.stats .grid>div{background:hsla(0,0%,100%,.02);border:1.5px solid hsla(0,0%,100%,.08);border-radius:10px;padding:28px 28px 30px;position:relative;transition:transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),background var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.stats .grid>div:after{border-radius:11px;box-shadow:0 0 0 0 rgba(255,138,76,0);content:"";inset:-2px;pointer-events:none;position:absolute;transition:box-shadow var(--dur-base) var(--ease)}.stats .grid>div:hover{background:rgba(255,138,76,.02);border-color:rgba(255,138,76,.45);box-shadow:0 12px 24px rgba(255,138,76,.08);transform:translateY(-2px)}.stats .grid>div:hover:after{box-shadow:0 0 0 1px rgba(255,138,76,.45),0 0 10px 1px rgba(255,138,76,.18),0 0 22px 4px rgba(255,138,76,.1)}.stats .v{color:var(--accent-orange);font-family:var(--font-d);font-size:64px;font-weight:900;letter-spacing:-.01em;line-height:1}.stats .l{color:#fff;font-size:15px;line-height:1.5;margin-top:14px;max-width:34ch}.video-section{background:#0a1147;padding:80px 0 100px;text-align:center}.video-section h2{color:#fff;font-family:var(--font-d);font-size:36px;font-weight:700;line-height:1.15;margin:0 0 40px}.video-wrap{aspect-ratio:16/9;background:#000;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.35),0 8px 20px rgba(0,0,0,.25);margin:0 auto;max-width:880px;overflow:visible;position:relative;transition:transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.video-wrap:after{border-radius:15px;box-shadow:0 0 0 0 rgba(255,138,76,0);content:"";inset:-2px;pointer-events:none;position:absolute;transition:box-shadow var(--dur-base) var(--ease);z-index:3}.video-wrap>.video-poster,.video-wrap>iframe{border-radius:13px;overflow:hidden}.video-wrap:hover{border-color:#4367ff;box-shadow:0 30px 70px rgba(0,0,0,.4),0 8px 20px rgba(67,103,255,.14);transform:translateY(-4px)}.video-wrap:hover:after{box-shadow:0 0 0 1.5px rgba(67,103,255,.85),0 0 14px 1px rgba(67,103,255,.4),0 0 36px 6px rgba(67,103,255,.28),0 0 70px 14px rgba(67,103,255,.18)}.video-wrap iframe{border:0;height:100%;width:100%}.video-poster{align-items:center;background:#000 url(https://soley.io/hubfs/Website%20Update%202026/Homepage%202026%20Assets/video-thumbnail.png) 50%/cover no-repeat;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition:opacity var(--dur-slow) var(--ease)}.video-poster:before{background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55));content:"";inset:0;position:absolute}.video-poster .play{align-items:center;backdrop-filter:blur(6px);background:hsla(0,0%,100%,.12);border:2px solid hsla(0,0%,100%,.5);border-radius:50%;display:flex;height:78px;justify-content:center;position:relative;transition:transform var(--dur-base) var(--ease),background var(--dur-base) var(--ease);width:78px;z-index:2}.video-poster:hover .play{background:hsla(0,0%,100%,.2);transform:scale(1.08)}.video-poster .play svg{fill:#fff;height:30px;margin-left:4px;width:30px}.video-poster .caption{bottom:24px;color:#fff;font-size:14px;font-style:italic;left:0;padding:0 32px;position:absolute;right:0}.video-poster .caption strong{font-style:normal;font-weight:700}.video-poster.playing{opacity:0;pointer-events:none}.testimonials{background:#0a1147;color:#fff;padding:72px 0}.carousel{overflow:hidden;position:relative}.carousel-track{display:flex;transition:transform var(--dur-slow) var(--ease)}.carousel-slide{flex:0 0 50%;padding:0 32px}.quote-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;flex-direction:column;height:100%;padding:32px 28px}.quote-card .logo{align-items:center;display:flex;filter:brightness(0) invert(1);height:44px;margin-bottom:18px;opacity:.92}.quote-card .logo.tall{height:42px;margin-bottom:18px;margin-top:0}.quote-card .logo.wide{height:60px;margin-bottom:14px}.quote-card .logo img{display:block;max-height:100%;width:auto}.quote-card .text{color:hsla(0,0%,100%,.82);font-size:15.5px;line-height:1.65;margin:0 0 16px}.quote-card .text strong{color:#fff;font-weight:700}.quote-card .cite{color:var(--accent-orange);font-family:var(--font-d);font-size:14px;font-weight:700;margin-top:10px}.carousel-dots{display:flex;gap:10px;justify-content:center;margin-top:40px}.carousel-dots button{-webkit-appearance:none;appearance:none;backface-visibility:hidden;background:#cad2e4;border:0;border-radius:50%!important;box-sizing:border-box;display:block;flex:0 0 auto;height:14px!important;outline:0;padding:0;transform-origin:50% 50%!important;transition:background var(--dur-base) var(--ease),transform var(--dur-base) var(--ease);width:14px!important;will-change:transform,background}.carousel-dots{align-items:center}.carousel-dots button:hover{background:#7480a0}.carousel-dots button.active{background:var(--soley-blue-700);height:18px!important;transform:none;width:18px!important}.steps{background:#0a1147;color:#fff;padding:80px 0 100px}.steps .head{margin-bottom:56px;text-align:left}.steps h2{color:#fff;font-family:var(--font-d);font-size:34px;font-weight:700;line-height:1.15;margin:0 0 12px}.steps .sub{color:hsla(0,0%,100%,.65);font-size:16px}.steps .grid{display:grid;gap:48px;grid-template-columns:repeat(3,1fr)}.step{text-align:left}.step .num{align-items:center;background:var(--soley-blue-800);border-radius:50%;color:#fff;display:flex;font-family:var(--font-d);font-size:16px;font-weight:700;height:52px;justify-content:center;margin-bottom:28px;position:relative;width:52px}.step .num:after{border:1px solid var(--soley-blue-300);border-radius:50%;content:"";inset:-6px;opacity:0;position:absolute;transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.step:hover .num:after{opacity:.4;transform:scale(1.1)}.step h3{color:#fff;font-family:var(--font-d);font-size:20px;font-weight:700;margin:0 0 12px}.step p{color:hsla(0,0%,100%,.7);font-size:14.5px;line-height:1.65;margin:0}.faq{background:#0a1147;color:#fff;padding:80px 0}.faq h2{color:#fff;font-family:var(--font-d);font-size:34px;font-weight:700;margin:0 0 48px;text-align:left}.faq .grid{align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px}.faq-item{background:hsla(0,0%,100%,.06);border-left:3px solid var(--accent-orange);border-radius:6px;overflow:hidden;transition:background var(--dur-base) var(--ease)}.faq-item:hover{background:hsla(0,0%,100%,.1)}.faq-item.open{background:hsla(0,0%,100%,.11)}.faq-q{align-items:center;background:none;border:0;color:#fff;cursor:pointer;display:flex;font-family:var(--font-d);font-size:18px;font-weight:700;gap:14px;line-height:1.35;min-height:85px;padding:18px 22px;text-align:left;width:100%}.faq-q h3{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.faq-q .chev{color:var(--accent-orange);flex:none;font-size:32px;font-weight:700;line-height:1;transition:transform var(--dur-base) var(--ease)}.faq-item.open .faq-q .chev{transform:rotate(90deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease)}.faq-a-inner{color:hsla(0,0%,100%,.82);font-size:14.5px;line-height:1.6;padding:0 22px 22px 39px}.faq-item.open .faq-a{max-height:600px}.cases{background:#0a1147;color:#fff;padding:80px 0}.cases h2{color:#fff;font-family:var(--font-d);font-size:34px;font-weight:700;margin:0 0 40px;text-align:left}.cases .grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1100px}.case-card{background:#fff;border:1.5px solid var(--soley-blue-800);border-radius:8px;display:flex;flex-direction:column;min-height:260px;overflow:hidden;position:relative;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.case-card:after{border-radius:9px;box-shadow:0 0 0 0 rgba(67,103,255,0);content:"";inset:-2px;pointer-events:none;position:absolute;transition:box-shadow var(--dur-base) var(--ease)}.case-card:hover{border-color:#4367ff;box-shadow:0 36px 80px rgba(18,45,184,.4),0 12px 24px rgba(18,45,184,.26);transform:translateY(-8px)}.case-card:hover:after{box-shadow:0 0 0 3px #4367ff,0 0 24px 3px rgba(67,103,255,.85),0 0 64px 14px rgba(67,103,255,.7),0 0 130px 28px rgba(67,103,255,.5)}.case-card.white:hover{border-color:var(--accent-orange);box-shadow:0 36px 80px rgba(255,138,76,.42),0 12px 24px rgba(255,138,76,.3)}.case-card.white:hover:after{box-shadow:0 0 0 3px var(--accent-orange),0 0 26px 3px rgba(255,138,76,.9),0 0 70px 16px rgba(255,138,76,.8),0 0 140px 32px rgba(255,138,76,.55)}.case-img{background-position:50%;background-size:cover;height:140px;position:relative}.case-img.weidmueller{background-image:url(https://soley.io/hubfs/Website%20Update%202026/Homepage%202026%20Assets/cases/weidmueller.jpg)}.case-img.binder{background-color:#fff;background-image:url(https://soley.io/hubfs/Website%20Update%202026/Homepage%202026%20Assets/cases/binder.jpg)}.case-img.mekralang{background-image:url(https://soley.io/hubfs/Website%20Update%202026/Homepage%202026%20Assets/cases/mekralang.jpg)}.case-body{display:flex;flex:1;flex-direction:column;padding:18px 18px 20px}.case-body.on-img{color:#fff;inset:auto 0 0 0;padding:16px 18px;position:absolute}.case-card .label{color:var(--soley-blue-600);font-size:11px;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.case-card .label,.case-card h3{font-family:var(--font-d);font-weight:700}.case-card h3{color:#10183f;flex:1;font-size:18px;line-height:1.3;margin:0 0 16px}.case-card.white h3{color:#fff}.case-card p{color:#5c6988;flex:1;font-size:13.5px;line-height:1.55;margin:0 0 16px}.case-card.white p{color:hsla(0,0%,100%,.88)}.case-card .btn{align-self:flex-start;font-size:12px;margin-top:auto;padding:10px 16px}.case-card .btn-primary,.case-card .btn-primary:visited{color:#fff}.case-card .btn-primary:hover,.case-card:hover .btn-primary{color:var(--accent-orange)}.case-card .btn-primary .arr,.case-card .btn-primary:visited .arr{color:#fff}.case-card .btn-primary:hover .arr,.case-card:hover .btn-primary .arr{color:var(--accent-orange)}.newsletter{background:var(--accent-orange);color:#0a1147;padding:22px 0}.newsletter .container{align-items:center;display:flex;justify-content:center}.newsletter .item{align-items:center;display:flex;font-size:18px;gap:18px;justify-content:space-between;line-height:1.3;max-width:1100px;width:100%}.newsletter .item,.newsletter a{color:#10183f;font-family:var(--font-d);font-weight:700;white-space:nowrap}.newsletter a{text-decoration:underline;text-underline-offset:4px;transition:opacity var(--dur-base) var(--ease)}.newsletter a:hover{opacity:.7}.footer-cta{background:linear-gradient(180deg,#0a1147,#0863d0);color:#fff;padding:96px 0 72px}.footer-cta .row{align-items:center;display:flex;gap:48px;justify-content:space-between;margin:0 auto;max-width:1100px}.footer-cta h2{color:#fff;font-family:var(--font-d);font-size:36px;font-weight:700;line-height:1.15;margin:0 0 14px;max-width:32ch}.footer-cta h2 .accent{color:var(--accent-orange)}.footer-cta p{color:hsla(0,0%,100%,.82);font-size:15px;margin:0;max-width:72ch}.footer-cta .btn-accent{color:#0a1147;font-size:14px;padding:16px 28px}.footer-cta .btn-accent:hover{color:#0a1147}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal-stagger.in>*{opacity:1;transform:none}.reveal-stagger.in>:first-child{transition-delay:0s}.reveal-stagger.in>:nth-child(2){transition-delay:.1s}.reveal-stagger.in>:nth-child(3){transition-delay:.2s}.reveal-stagger.in>:nth-child(4){transition-delay:.3s}@media (max-width:960px){.hero{padding:120px 0 80px}.hero .award{display:inline-flex;margin:0 auto 28px;position:static}.stats .grid{gap:32px;grid-template-columns:1fr}.stats .v{font-size:52px}.steps .grid{gap:40px}.cases .grid,.faq .grid,.steps .grid{grid-template-columns:1fr}.carousel-slide{flex-basis:100%;padding:0 8px}.footer-cta .row{align-items:flex-start;flex-direction:column}.cases h2,.faq h2,.footer-cta h2,.steps h2,.testimonials h2,.video-section h2{font-size:28px}}@media (max-width:560px){:root{--gutter:20px}.hero .cta{align-items:stretch;flex-direction:column}.hero .cta .btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.marquee-track{animation:none}.reveal,.reveal-stagger>*{opacity:1;transform:none}}