/* Preserve the existing palette and Outfit / Inter / JetBrains Mono fonts. */
.hero-target{padding-block:64px;scroll-margin-top:90px}
.hero-target .hero-v2__inner{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:28px}
.hero-target h1{font-size:clamp(44px,5.2vw,72px);line-height:1.06;letter-spacing:-.045em}
.hero-target .hero-v2__copy>p{max-width:490px;font-size:17px;line-height:1.75;margin-bottom:28px}
.hero-target .hero-v2__actions .button{padding:15px 20px;border-radius:12px;display:inline-flex;align-items:center;gap:18px;box-shadow:0 8px 24px #2457ff20}
.hero-target .hero-v2__actions .light{box-shadow:none}
.hero-quick-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#65738c}
.hero-quick-links a{color:inherit;text-decoration:none}.hero-quick-links a:hover{color:#2457ff}
.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-ambient i{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#2457ff12,transparent 68%);top:-20%;left:40%;animation:ambientDrift 18s ease-in-out infinite alternate}
.hero-ambient i:nth-child(2){background:radial-gradient(circle,#8536ff14,transparent 68%);left:70%;top:15%;animation-delay:-7s}
.hero-ambient i:nth-child(3){background:radial-gradient(circle,#fc628e0c,transparent 68%);left:-10%;top:40%;animation-delay:-11s}
.hero-ambient svg{position:absolute;inset:0;width:100%;height:100%;opacity:.22}
.hero-ambient path{fill:none;stroke:#2457ff;stroke-width:1;stroke-dasharray:8 18;animation:ambientSignal 35s linear infinite}
@keyframes ambientDrift{to{transform:translate(65px,45px) scale(1.16)}}@keyframes ambientSignal{to{stroke-dashoffset:-520}}
.hero-target .hero-image-motion{animation:heroQuietFloat 8s ease-in-out infinite}
.products-showcase{scroll-margin-top:90px;padding-block:40px!important}
.products-showcase .section-title{margin-bottom:20px;text-align:left}
.products-showcase .section-title h2{font-size:clamp(28px,3vw,40px);margin-block:8px}
.products-showcase .section-title p{margin-block:8px;font-size:14px}
.products-carousel{margin-top:16px;padding:16px;border:1px solid #dce7f8;border-radius:26px;background:linear-gradient(135deg,#eef4ff,#faf6ff 65%,#fff7fb)}
.products-carousel__viewport{padding:0;border-radius:16px}
.products-carousel .product-card-final{border-radius:16px;box-shadow:none;position:relative}
.products-carousel .product-card-final:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2457ff,#8536ff,#fc628e);z-index:1}
.products-carousel .product-card-final__screen{height:148px;min-height:0;padding:12px 20px;background:linear-gradient(145deg,#eaf1ff,#f9f5ff)}
.products-carousel .product-card-final__screen img{max-height:124px;filter:drop-shadow(0 6px 10px #15234218)}
.products-carousel .product-card-final__body{padding:18px 20px}
.products-carousel .product-card-final__body h3{font-size:25px;margin:10px 0 8px}
.products-carousel .product-card-final__body p{font-size:12px;line-height:1.6}
.products-carousel .checklist{grid-template-columns:1fr 1fr;font-size:11px;gap:5px 10px;margin:12px 0 16px}
.products-carousel .button{font-size:12px;padding:11px 15px;min-height:44px;border-radius:10px}
.products-carousel__controls{margin-top:12px;gap:12px}
.carousel-arrow{cursor:pointer;box-shadow:0 4px 12px #2457ff0c}.carousel-arrow:hover:not(:disabled){background:#2457ff;color:white}.carousel-arrow:disabled{opacity:.35;cursor:default}
.carousel-position{font:500 11px var(--font-mono);color:#65738c;min-width:40px;text-align:center}
.products-carousel button:focus-visible,.products-carousel__viewport:focus-visible,.hero-target a:focus-visible{outline:2px solid #2457ff;outline-offset:3px}
@media(max-width:760px){.hero-target{padding-block:36px}.hero-target .hero-v2__inner{grid-template-columns:1fr;gap:24px}.hero-target h1{font-size:clamp(42px,10vw,60px)}.hero-target .hero-v2__copy>p{font-size:15px}.hero-target .hero-v2__visual{max-width:480px}.products-carousel{padding:10px}.products-carousel .product-card-final__screen{height:130px}.products-carousel .product-card-final__body{padding:16px}.products-carousel .checklist{grid-template-columns:1fr 1fr}.products-showcase{padding-block:28px!important}.products-showcase .section-title p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-ambient *,.hero-target .hero-image-motion{animation:none!important}}
/* Refined hero: generous copy spacing and quiet contour motion. */
.hero-target{padding-block:70px}
.hero-target .hero-v2__inner{gap:52px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.hero-target h1{font-size:clamp(46px,5vw,70px);margin-bottom:24px}
.hero-target .hero-v2__eyebrow{background:#ffffffb3;box-shadow:none;border-color:#dce7f8;padding:9px 13px;margin-bottom:24px}
.hero-target .hero-v2__copy>p{max-width:460px;line-height:1.8}
.hero-target .hero-v2__actions{gap:12px;margin-bottom:22px}
.hero-target .hero-v2__visual{padding:12px;box-sizing:border-box}
.hero-target .hero-haze{animation:none;background:radial-gradient(ellipse at 78% 50%,#2457ff09,transparent 55%)}
.hero-ambient i{animation:none;opacity:.4}
.hero-ambient svg{opacity:.16;transform-origin:70% 50%;animation:heroContour 22s ease-in-out infinite alternate}
.hero-ambient path{stroke-width:1;stroke-dasharray:none;animation:none}
.hero-ambient:after{content:'';position:absolute;width:560px;height:560px;right:-80px;top:-180px;border:1px solid #2457ff12;border-radius:50%;box-shadow:0 0 0 60px #2457ff03,0 0 0 120px #2457ff02;animation:heroRipple 18s ease-in-out infinite}
@keyframes heroContour{to{transform:translate3d(0,-26px,0) rotate(-3deg) scale(1.04)}}
@keyframes heroRipple{0%,100%{transform:translate3d(0,0,0) scale(.95);opacity:.5}50%{transform:translate3d(-36px,30px,0) scale(1.07);opacity:1}}
@media(max-width:760px){.hero-target{padding-block:38px}.hero-target .hero-v2__inner{grid-template-columns:1fr;gap:24px}.hero-target h1{font-size:clamp(42px,10vw,60px)}.hero-target .hero-v2__visual{padding:0}.hero-ambient:after{width:340px;height:340px;right:-170px;top:60px}}
@media(prefers-reduced-motion:reduce){.hero-ambient svg,.hero-ambient:after{animation:none!important}}
/* Visible ambient motion behind the hero without changing its base theme. */
.hero-ambient svg{display:none}
.hero-ambient:after{display:none}
.hero-ambient i{width:420px;height:420px;opacity:1;top:-22%;left:46%;background:radial-gradient(circle,#2457ff26 0%,#2457ff0d 35%,transparent 68%);animation:heroGlowTravel 9s ease-in-out infinite alternate;will-change:transform}
.hero-ambient i:nth-child(2){left:72%;top:25%;background:radial-gradient(circle,#8536ff21 0%,#8536ff0b 35%,transparent 68%);animation:heroGlowTravel 12s ease-in-out infinite alternate-reverse;animation-delay:-5s}
.hero-ambient i:nth-child(3){left:-12%;top:36%;background:radial-gradient(circle,#fc628e18 0%,#fc628e08 35%,transparent 68%);animation:heroGlowTravel 11s ease-in-out infinite alternate;animation-delay:-4s}
@keyframes heroGlowTravel{0%{transform:translate3d(-45px,-30px,0) scale(.85)}100%{transform:translate3d(85px,65px,0) scale(1.25)}}
.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-particles b{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#2457ff;opacity:.22;animation:heroParticleFloat var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}
.hero-particles b:nth-child(3n){background:#8536ff}.hero-particles b:nth-child(4n){background:#fc628e}
@keyframes heroParticleFloat{0%{transform:translate3d(-10px,18px,0);opacity:.14}50%{opacity:.38}100%{transform:translate3d(28px,-38px,0);opacity:.2}}
.hero-target .hero-image-motion{animation:heroIllustrationFloat 7s ease-in-out infinite}
@keyframes heroIllustrationFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@media(max-width:760px){.hero-ambient i{width:300px;height:300px}.hero-particles b{opacity:.18}}
@media(prefers-reduced-motion:reduce){.hero-ambient i,.hero-particles b,.hero-target .hero-image-motion{animation:none!important;will-change:auto}}

/* Fine circuit lines with traveling segments across continuous junctions. */
.hero-ambient{inset:0;opacity:1;background:radial-gradient(ellipse at 80% 45%,#2457ff05,transparent 60%)}
.hero-ambient .hero-circuit{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:1;animation:none;transform:none}
.hero-circuit path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.hero-ambient .hero-circuit .circuit-base{stroke:#2457ff;stroke-width:1;opacity:.09;stroke-dasharray:none;animation:none}
.hero-ambient .hero-circuit .circuit-flow{stroke:#4578e8;stroke-width:1.6;opacity:.38;stroke-dasharray:65 935;animation:circuitTravel 12s linear infinite}
.hero-ambient .hero-circuit .circuit-flow:nth-last-child(2){stroke:#8536ff;animation-duration:15s;opacity:.28}
@keyframes circuitTravel{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.hero-target .hero-image-motion{animation:none;transform:none}
.hero-target .hero-v2__visual{padding:0}
.hero-ambient i,.hero-particles,.hero-ambient:after{display:none!important}
@media(prefers-reduced-motion:reduce){.hero-ambient .hero-circuit .circuit-flow{animation:none!important;opacity:.12}}