.page-home .home-solutions {position:relative;overflow:hidden;border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 82% 38%,rgba(110,131,255,.09),transparent 28rem),#090c13;} .page-home .home-solutions::before {content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,black 28%,black 78%,transparent);} .page-home .home-solutions>.shell {position:relative;z-index:1;} .page-home .home-solutions__intro {display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.55fr);gap:clamp(42px,7vw,110px);align-items:end;margin-bottom:clamp(42px,6vw,78px);} .page-home .home-solutions__intro .section-kicker {grid-column:1 / -1;} .page-home .home-solutions__intro h2 {margin:0;max-width:820px;font-size:clamp(34px,3.7vw,52px);line-height:1.04;letter-spacing:-.034em;font-weight:500;} .page-home .home-solutions__intro p {margin:0;max-width:520px;color:var(--muted);font-size:15px;line-height:1.72;} .solution-carousel {position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);outline:none;} .solution-carousel:focus-visible {box-shadow:0 0 0 1px var(--accent);} .solution-carousel__viewport {overflow:hidden;} .solution-carousel__track {display:flex;width:100%;transition:transform .72s cubic-bezier(.22,.75,.24,1);will-change:transform;} .solution-carousel__slide {flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr);gap:clamp(42px,7vw,100px);align-items:stretch;padding:clamp(30px,4vw,52px) 0 clamp(26px,3.2vw,44px);opacity:.24;transition:opacity .45s ease;} .solution-carousel__slide.is-active {opacity:1;} .solution-carousel__copy {display:flex;flex-direction:column;justify-content:center;min-height:335px;padding-left:clamp(0px,1vw,12px);} .solution-carousel__eyebrow {color:var(--accent-2);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;} .solution-carousel__copy h3 {margin:18px 0 20px;max-width:590px;font-size:clamp(23px,2.2vw,31px);line-height:1.12;letter-spacing:-.024em;font-weight:500;} .solution-carousel__copy>p {max-width:520px;margin:0;color:var(--muted);font-size:15px;line-height:1.72;} .solution-carousel__foundation {margin-top:auto;padding-top:34px;color:#c6ccd8;font-size:11px;line-height:1.5;letter-spacing:.02em;} .solution-carousel__foundation span {color:var(--accent);margin-inline:6px;} .solution-carousel__lura-link {display:inline-flex;align-items:center;gap:3px;color:inherit;text-decoration:none;transition:color .22s ease;} .solution-carousel__lura-link svg {width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;opacity:.62;transition:transform .22s ease,opacity .22s ease;} .solution-carousel__lura-link:hover,.solution-carousel__lura-link:focus-visible {color:var(--accent-2);} .solution-carousel__lura-link:hover svg,.solution-carousel__lura-link:focus-visible svg {opacity:1;transform:translate(1px,-1px);} .solution-carousel__lura-link:focus-visible {outline:1px solid var(--accent);outline-offset:3px;} .solution-carousel__visual {position:relative;min-height:350px;display:grid;place-items:center;overflow:hidden;border-left:1px solid var(--line);background:radial-gradient(circle at 65% 42%,rgba(110,131,255,.15),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));} .solution-carousel__visual::before,.solution-carousel__visual::after {content:"";position:absolute;border:1px solid rgba(145,160,255,.12);border-radius:50%;} .solution-carousel__visual::before {width:min(470px,72%);aspect-ratio:1;} .solution-carousel__visual::after {width:min(300px,48%);aspect-ratio:1;border-style:dashed;} .solution-carousel__visual-label {position:absolute;left:24px;bottom:20px;color:var(--muted-2);font-size:10px;letter-spacing:.08em;text-transform:uppercase;} .solution-carousel__mockup {position:relative;z-index:2;width:min(68%,460px);aspect-ratio:1.45;border:1px solid rgba(255,255,255,.16);background:rgba(8,11,19,.72);box-shadow:0 34px 90px rgba(0,0,0,.28),0 0 54px rgba(110,131,255,.08);backdrop-filter:blur(8px);transform:perspective(1100px) rotateX(2deg) rotateY(-4deg);transition:transform .7s cubic-bezier(.22,.75,.24,1),border-color .4s ease;} .solution-carousel__slide.is-active .solution-carousel__mockup {transform:perspective(1100px) rotateX(0) rotateY(0);border-color:rgba(145,160,255,.26);} .solution-carousel__browser-bar {height:32px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line-soft);} .solution-carousel__browser-bar i {width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);} .solution-carousel__mockup-grid {display:grid;gap:16px;padding:38px;} .solution-carousel__mockup-line {display:block;width:62%;height:8px;border-radius:999px;background:rgba(255,255,255,.14);} .solution-carousel__mockup-line.is-wide {width:86%;height:15px;background:rgba(145,160,255,.3);} .solution-carousel__mockup-line.is-short {width:38%;} .solution-carousel__mockup-panel {height:105px;margin-top:8px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(110,131,255,.13),rgba(255,255,255,.02));} .solution-carousel__mockup--shop {display:grid;grid-template-rows:1fr auto;gap:18px;padding:32px;} .solution-carousel__shop-products {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} .solution-carousel__shop-products i {min-height:145px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(145,160,255,.13),rgba(255,255,255,.025));} .solution-carousel__shop-order {display:grid;grid-template-columns:1.2fr .7fr .6fr;gap:10px;} .solution-carousel__shop-order span {height:9px;border-radius:99px;background:rgba(255,255,255,.13);} .solution-carousel__shop-order span:last-child {background:rgba(110,131,255,.45);} .solution-carousel__mockup--learning {display:grid;gap:16px;padding:34px;} .solution-carousel__learning-progress {height:6px;background:rgba(255,255,255,.08);overflow:hidden;} .solution-carousel__learning-progress span {display:block;width:68%;height:100%;background:var(--accent);} .solution-carousel__learning-row {display:grid;grid-template-columns:46px 1fr;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line-soft);} .solution-carousel__learning-row i {aspect-ratio:1;border:1px solid rgba(145,160,255,.28);background:rgba(110,131,255,.08);} .solution-carousel__learning-row span {width:68%;height:8px;background:rgba(255,255,255,.14);border-radius:99px;} .solution-carousel__mockup--ops {display:grid;gap:34px;padding:38px;} .solution-carousel__ops-metrics {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} .solution-carousel__ops-metrics i {height:96px;border:1px solid var(--line);background:rgba(255,255,255,.025);} .solution-carousel__ops-flow {display:flex;align-items:center;justify-content:space-between;position:relative;} .solution-carousel__ops-flow::before {content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(145,160,255,.55),transparent);} .solution-carousel__ops-flow span {position:relative;z-index:1;width:28px;height:28px;border-radius:50%;border:1px solid rgba(145,160,255,.38);background:#101523;box-shadow:0 0 0 7px rgba(110,131,255,.05);} .solution-carousel__mockup--custom {overflow:hidden;} .solution-carousel__custom-node {position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid rgba(145,160,255,.55);background:#101522;box-shadow:0 0 0 8px rgba(110,131,255,.05);} .solution-carousel__custom-node.is-one {left:17%;top:62%;} .solution-carousel__custom-node.is-two {left:36%;top:29%;} .solution-carousel__custom-node.is-three {left:62%;top:55%;} .solution-carousel__custom-node.is-four {left:78%;top:23%;} .solution-carousel__mockup--custom svg {position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(145,160,255,.52);stroke-width:.65;} .solution-carousel__controls {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 0;border-top:1px solid var(--line);} .solution-carousel__pagination {display:flex;align-items:center;gap:6px;flex-wrap:wrap;} .solution-carousel__dot {appearance:none;border:0;border-radius:999px;padding:8px 12px;color:var(--muted-2);background:transparent;cursor:pointer;font-size:11px;font-weight:500;transition:color .25s ease,background .25s ease,transform .25s var(--ease);} .solution-carousel__dot:hover {color:var(--text);background:rgba(255,255,255,.045);} .solution-carousel__dot.is-active {color:white;background:rgba(110,131,255,.14);} .solution-carousel__dot.is-active::before {content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(110,131,255,.6);vertical-align:1px;} .solution-carousel__arrows {display:flex;gap:8px;} .solution-carousel__arrow {appearance:none;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#dce0ea;background:rgba(255,255,255,.025);cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s var(--ease);} .solution-carousel__arrow:hover {background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);transform:translateY(-1px);} .solution-carousel__arrow svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;} @media (max-width:980px) {.page-home .home-solutions__intro {grid-template-columns:1fr;gap:22px;} .solution-carousel__slide {grid-template-columns:1fr;gap:0;} .solution-carousel__copy {min-height:auto;padding:8px 0 36px;} .solution-carousel__foundation {margin-top:30px;padding-top:0;} .solution-carousel__visual {min-height:335px;border-left:0;border-top:1px solid var(--line);}} @media (max-width:680px) {.page-home .home-solutions {padding-block:84px;} .page-home .home-solutions__intro {margin-bottom:34px;} .page-home .home-solutions__intro h2 {font-size:clamp(32px,9vw,42px);} .page-home .home-solutions__intro p,.solution-carousel__copy>p {font-size:14px;} .solution-carousel__slide {padding-top:30px;} .solution-carousel__copy h3 {font-size:clamp(24px,7.2vw,32px);} .solution-carousel__visual {min-height:260px;} .solution-carousel__mockup {width:78%;} .solution-carousel__mockup-grid,.solution-carousel__mockup--learning,.solution-carousel__mockup--ops {padding:24px;} .solution-carousel__shop-products i {min-height:95px;} .solution-carousel__controls {align-items:flex-end;} .solution-carousel__pagination {gap:4px;} .solution-carousel__dot {width:22px;height:22px;padding:0;display:grid;place-items:center;} .solution-carousel__dot span {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .solution-carousel__dot::after {content:"";width:6px;height:6px;border-radius:50%;background:var(--muted-2);transition:width .25s ease,background .25s ease;} .solution-carousel__dot.is-active {width:36px;background:transparent;} .solution-carousel__dot.is-active::before {display:none;} .solution-carousel__dot.is-active::after {width:22px;border-radius:99px;background:var(--accent);}} @media (prefers-reduced-motion:reduce) {.solution-carousel__track,.solution-carousel__slide,.solution-carousel__mockup,.solution-carousel__arrow,.solution-carousel__dot {transition:none !important;}}