/* UDO — visual upgrade. Safe layer: does not hide or replace source content/media. */
:root{
  --ux-green:#00d05e;
  --ux-green-2:#7cffb7;
  --ux-blue:#3a69ff;
  --ux-bg:#08090a;
  --ux-panel:rgba(19,22,25,.64);
  --ux-line:rgba(255,255,255,.105);
  --ux-muted:#aab0b8;
  --ux-ease:cubic-bezier(.16,1,.3,1);
  --ux-mx:50vw; --ux-my:25vh; --ux-scroll:0;
}
html{scroll-behavior:smooth;background:#08090a}
body{
  position:relative;
  background:
    radial-gradient(1100px 760px at 88% -8%,rgba(0,208,94,.13),transparent 63%),
    radial-gradient(850px 620px at -8% 38%,rgba(58,105,255,.09),transparent 68%),
    linear-gradient(145deg,#070809 0%,#0b0e10 48%,#08090a 100%)!important;
  background-attachment:fixed;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.30;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:76px 76px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 25%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 25%,#000 20%,transparent 78%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:25000;pointer-events:none;opacity:.032;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")
}
.ux-ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.ux-ambient::before,.ux-ambient::after{content:"";position:absolute;border-radius:50%;filter:blur(95px);will-change:transform}
.ux-ambient::before{width:42vw;height:42vw;right:-20vw;top:2vh;background:rgba(0,208,94,.17);animation:uxUdoDrift 18s ease-in-out infinite alternate}
.ux-ambient::after{width:34vw;height:34vw;left:-17vw;bottom:-8vh;background:rgba(58,105,255,.12);animation:uxUdoDrift 24s ease-in-out infinite alternate-reverse}
@keyframes uxUdoDrift{to{transform:translate3d(7vw,8vh,0) scale(1.12)}}
.ux-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:30000;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--ux-green),#d5ffe7);box-shadow:0 0 18px rgba(0,208,94,.85)}
.ux-pointer-glow{position:fixed;left:var(--ux-mx);top:var(--ux-my);width:500px;height:500px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(0,208,94,.075),transparent 68%)}

/* never obscure source media */
img{visibility:visible!important;opacity:1!important}
video{visibility:visible!important}

.container{border-color:rgba(255,255,255,.075)!important}
header{background:rgba(7,8,9,.68)!important;border-bottom-color:rgba(255,255,255,.08)!important;backdrop-filter:blur(20px) saturate(1.25)!important;transition:background .4s ease,box-shadow .4s ease,border-color .4s ease}
header.ux-scrolled{background:rgba(7,8,9,.92)!important;border-bottom-color:rgba(0,208,94,.22)!important;box-shadow:0 18px 60px rgba(0,0,0,.34)}
.logo span{text-shadow:0 0 22px rgba(0,208,94,.75)}
.desktop-nav a,.footer-col a,.section-link,.back-link-top{position:relative;transition:color .32s ease!important}
.desktop-nav a::after,.footer-col a::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:linear-gradient(90deg,var(--ux-green),transparent);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ux-ease)}
.desktop-nav a:hover::after,.footer-col a:hover::after{transform:scaleX(1);transform-origin:left}
.phone-link,.btn,.section-link,.price-request{position:relative;isolation:isolate;overflow:hidden;transition:transform .38s var(--ux-ease),box-shadow .38s ease,border-color .32s ease,color .32s ease,background .32s ease!important}
.phone-link::before,.btn::before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 24%,rgba(255,255,255,.3) 48%,transparent 72%);transform:translateX(-135%);transition:transform .78s var(--ux-ease)}
.phone-link:hover::before,.btn:hover::before{transform:translateX(135%)}
.phone-link:hover,.btn:hover,.section-link:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.3)}

.hero{isolation:isolate;min-height:760px;border-bottom-color:rgba(255,255,255,.08)!important}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(6,7,8,.94) 0%,rgba(7,8,9,.68) 46%,rgba(7,8,9,.20) 76%),linear-gradient(0deg,#08090a 0%,transparent 42%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--ux-green),transparent);box-shadow:0 0 30px rgba(0,208,94,.85);animation:uxScanEdge 7s ease-in-out infinite}
@keyframes uxScanEdge{0%,100%{opacity:.22;transform:scaleX(.18)}50%{opacity:1;transform:scaleX(1)}}
/* Video is intentionally untouched. */
.hero-content{filter:drop-shadow(0 22px 55px rgba(0,0,0,.28))}
.laser-title{text-wrap:balance;text-shadow:0 15px 50px rgba(0,0,0,.5)}
.hero-desc{border-left:2px solid var(--ux-green);padding-left:20px!important;max-width:680px!important}
.watermark-patch{filter:drop-shadow(0 25px 42px rgba(0,0,0,.5))}

.section,.stats-section,.manifesto-section,.value-section,.blog-section,.services-section,.finance-section,.delivery-section{position:relative;isolation:isolate;overflow:hidden}
.section{padding-block:clamp(88px,9vw,145px)!important;border-bottom-color:rgba(255,255,255,.075)!important}
.section::before,.stats-section::before,.manifesto-section::before,.value-section::before,.blog-section::before,.services-section::before,.finance-section::before,.delivery-section::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(720px 430px at 86% 8%,rgba(0,208,94,.065),transparent 72%),linear-gradient(115deg,transparent 0 68%,rgba(255,255,255,.018) 68% 68.15%,transparent 68.15%)}
.section:nth-of-type(even)::before{transform:scaleX(-1)}
.section-header{align-items:flex-end!important;gap:40px}
.section-title,.category-title,.value-title,.manifesto-title,.article-title{position:relative;text-wrap:balance}
.section-title::before,.category-title::before{content:"";position:absolute;left:-38px;top:.2em;width:20px;height:3px;background:var(--ux-green);box-shadow:0 0 16px rgba(0,208,94,.8)}

/* editorial process, not boxed tiles */
.process-grid{gap:0!important;background:transparent!important;border:0!important;counter-reset:uxstep}
.process-step{counter-increment:uxstep;position:relative;min-height:330px!important;padding:52px 38px 42px!important;background:linear-gradient(180deg,rgba(255,255,255,.028),transparent 80%)!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;overflow:hidden;transition:transform .55s var(--ux-ease),background .4s ease!important}
.process-step+.process-step{border-left:1px solid rgba(255,255,255,.08)!important}
.process-step::before{content:"0" counter(uxstep);position:absolute;right:18px;top:12px;font-size:clamp(74px,7vw,132px);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);transition:color .45s ease,-webkit-text-stroke .45s ease,transform .55s var(--ux-ease)}
.process-step::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--ux-green),transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ux-ease)}
.process-step:hover{transform:translateY(-8px);background:linear-gradient(180deg,rgba(0,208,94,.085),rgba(255,255,255,.015))!important}
.process-step:hover::before{color:rgba(0,208,94,.04);-webkit-text-stroke-color:rgba(0,208,94,.26);transform:translateY(-6px)}
.process-step:hover::after{transform:scaleX(1)}
.step-num{position:relative;z-index:1}.step-title{position:relative;z-index:1;font-size:clamp(24px,2.2vw,36px)!important}.step-desc{position:relative;z-index:1}

/* asymmetrical solutions */
.catalog-grid{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:18px!important;background:transparent!important;border:0!important}
.catalog-card{min-height:360px!important;padding:48px!important;background:radial-gradient(600px 320px at 92% 5%,rgba(0,208,94,.12),transparent 58%),linear-gradient(145deg,rgba(24,28,31,.86),rgba(10,11,13,.62))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 28px 80px rgba(0,0,0,.23);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);transition:transform .65s var(--ux-ease),box-shadow .65s var(--ux-ease),border-color .4s ease!important}
.catalog-card:first-child{grid-row:span 2;min-height:738px!important}
.catalog-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(0,208,94,.14),transparent 30%);opacity:0;transition:opacity .45s ease}
.catalog-card:hover{transform:translateY(-9px);border-color:rgba(0,208,94,.38)!important;box-shadow:0 38px 105px rgba(0,0,0,.42)}
.catalog-card:hover::before{opacity:1}
.card-title{font-size:clamp(26px,3vw,48px)!important;line-height:1.02!important;max-width:680px}
.card-specs{gap:10px!important}

.blog-grid{gap:clamp(28px,3vw,52px)!important}
.blog-card{position:relative;transition:transform .55s var(--ux-ease)!important}
.blog-card:nth-child(3n+2){transform:translateY(42px)}
.blog-card:hover{transform:translateY(-8px)!important}
.blog-img-box{border-color:rgba(255,255,255,.10)!important;background:linear-gradient(145deg,#1c2024,#0d0f11)!important;box-shadow:0 25px 65px rgba(0,0,0,.25);clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}
.blog-img-box img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.85) contrast(1.08);transition:transform .85s var(--ux-ease),filter .55s ease}
.blog-card:hover img{transform:scale(1.045);filter:saturate(1) contrast(1.04)}
.blog-meta{display:inline-flex;align-items:center;gap:10px}.blog-meta::before{content:"";width:22px;height:1px;background:var(--ux-green)}

.faq-grid{gap:0!important}.faq-item{border-color:rgba(255,255,255,.09)!important;transition:background .35s ease,padding .45s var(--ux-ease)}
.faq-item:hover{background:linear-gradient(90deg,rgba(0,208,94,.065),transparent);padding-inline:20px}

.inner-hero,.article-hero{background:radial-gradient(720px 360px at 83% 14%,rgba(0,208,94,.13),transparent 65%),linear-gradient(135deg,#16191c,#090a0b)!important}
.inner-hero::after,.article-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}
.stats-grid{gap:1px;background:rgba(255,255,255,.08)}
.stat-block{background:linear-gradient(145deg,rgba(21,24,27,.9),rgba(9,10,11,.8))!important;position:relative;overflow:hidden}
.stat-block::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--ux-green),transparent)}
.manifesto-layout,.value-grid,.payment-grid{gap:26px!important}
.manifesto-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.08);transition:transform 1s var(--ux-ease)}
.manifesto-img:hover img{transform:scale(1.035)}
.value-card,.payment-card,.equipment-box{background:linear-gradient(145deg,rgba(24,27,30,.78),rgba(10,11,13,.58))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 22px 65px rgba(0,0,0,.16);transition:transform .55s var(--ux-ease),border-color .4s ease!important}
.value-card:hover,.payment-card:hover{transform:translateY(-8px);border-color:rgba(0,208,94,.3)!important}
.service-row{position:relative;transition:background .4s ease,padding .5s var(--ux-ease)!important}.service-row:hover{background:linear-gradient(90deg,rgba(0,208,94,.07),transparent);padding-inline:22px!important}
.article-body{position:relative}.article-body::before{content:"";position:absolute;left:-42px;top:0;bottom:0;width:1px;background:linear-gradient(var(--ux-green),transparent 88%)}
.article-body h2,.article-body h3{position:relative}.article-body h2::before,.article-body h3::before{content:"";position:absolute;left:-42px;top:.55em;width:25px;height:1px;background:var(--ux-green)}
.article-quote{background:linear-gradient(110deg,rgba(0,208,94,.09),rgba(255,255,255,.02))!important;border-color:rgba(0,208,94,.42)!important}

/* catalog: source product sheets remain fully visible */
.series-layout{border-bottom-color:rgba(255,255,255,.08)!important}.series-sidebar{border-right-color:rgba(255,255,255,.08)!important}
.sticky-index{scrollbar-color:var(--ux-green) transparent}
.category-divider{position:relative;border-bottom-color:rgba(255,255,255,.09)!important}
.category-divider::after{content:"";position:absolute;left:0;bottom:-1px;width:28%;height:2px;background:linear-gradient(90deg,var(--ux-green),transparent)}
.model-block{position:relative;margin-bottom:110px!important;padding:34px 0 50px;border-bottom:1px solid rgba(255,255,255,.08)}
.model-block::before{content:"";position:absolute;inset:0 -28px;z-index:-1;opacity:0;background:radial-gradient(500px 330px at 12% 45%,rgba(0,208,94,.06),transparent 70%);transition:opacity .45s ease}
.model-block:hover::before{opacity:1}
.model-header{border-bottom-color:rgba(255,255,255,.10)!important}
.model-img-box{background:linear-gradient(145deg,#f8faf9,#e9eeeb)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 28px 80px rgba(0,0,0,.28);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.model-img-box img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important;padding:4px}
.model-img-box:hover img{filter:none!important;opacity:1!important;transform:none!important}
.spec-table tr{border-bottom-color:rgba(255,255,255,.08)!important}.spec-table tr:hover{background:linear-gradient(90deg,rgba(0,208,94,.055),transparent)}
.equipment-box{border-left:2px solid rgba(0,208,94,.55)!important}

footer{position:relative;background:radial-gradient(650px 350px at 82% 0%,rgba(0,208,94,.08),transparent 70%),linear-gradient(145deg,#15181b,#0a0b0c)!important;border-top-color:rgba(255,255,255,.08)!important;overflow:hidden}
footer::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:68px 100%}

.ux-animate-ready{will-change:transform,opacity,filter}
@media(max-width:1050px){.catalog-grid{grid-template-columns:1fr!important}.catalog-card:first-child{grid-row:auto;min-height:400px!important}.blog-card:nth-child(3n+2){transform:none}.process-grid{grid-template-columns:repeat(2,1fr)!important}.model-body{gap:28px!important}}
@media(max-width:768px){.ux-pointer-glow{display:none}.section-title::before,.category-title::before{display:none}.process-grid{grid-template-columns:1fr!important}.process-step+.process-step{border-left:0!important}.catalog-card{padding:32px 24px!important;min-height:340px!important}.catalog-card:first-child{min-height:390px!important}.blog-card:nth-child(3n+2){transform:none}.article-body::before,.article-body h2::before,.article-body h3::before{display:none}.model-block{margin-bottom:76px!important}.model-img-box{clip-path:none}.inner-hero,.article-hero{min-height:280px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* === Smooth motion pass: preserves the visual design without layout jumps === */
body{background-attachment:scroll!important}
body::after{display:none!important}
.ux-pointer-glow{display:none!important}
.ux-ambient::before,.ux-ambient::after{animation:none!important;transform:none!important;filter:blur(78px)!important;opacity:.72}
.ux-animate-ready{will-change:auto!important}
.ux-will-change{will-change:opacity,translate}
html.ux-motion-enabled .ux-motion-reveal{opacity:0!important;translate:0 14px;transition:opacity .62s ease,translate .78s var(--ux-ease)!important;transition-delay:var(--ux-delay,0ms)!important}
html.ux-motion-enabled .ux-motion-reveal.ux-visible{opacity:1!important;translate:0 0}
.hero::after{animation:uxSoftEdge 5.8s ease-in-out infinite!important;transform:none!important}
@keyframes uxSoftEdge{0%,100%{opacity:.3}50%{opacity:.92}}
.process-step,.catalog-card,.blog-card,.value-card,.payment-card,.service-row,.faq-item{transition-duration:.38s!important}
.process-step:hover,.catalog-card:hover,.value-card:hover,.payment-card:hover{transform:translateY(-4px)!important}
.blog-card:hover{transform:translateY(-4px)!important}
.blog-card:nth-child(3n+2){translate:0 28px}
.service-row:hover,.faq-item:hover{padding-inline:10!important;box-shadow:inset 3px 0 0 rgba(0,208,94,.45)}
.manifesto-img:hover img{transform:none!important}
.catalog-card::before,.process-step::before,.process-step::after,.blog-img-box::before,.blog-img-box::after,.model-block::before{pointer-events:none!important}
a.catalog-card,a.blog-card,.section-link,.desktop-nav a,.footer-col a{position:relative;z-index:2;pointer-events:auto}
a.blog-card{display:block;color:inherit;text-decoration:none}
@media(max-width:1050px){.blog-card:nth-child(3n+2){translate:0 0}}
@media(max-width:768px){html.ux-motion-enabled .ux-motion-reveal{translate:0 10px;transition-duration:.52s,.64s!important}.ux-ambient{opacity:.65}.process-step:hover,.catalog-card:hover,.blog-card:hover,.value-card:hover,.payment-card:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){html.ux-motion-enabled .ux-motion-reveal{opacity:1!important;translate:none!important}}