/* Original KEVC motion layer. Zero libraries / no remote assets. */
.kevc-v2{isolation:isolate;overflow:clip}
.hero{padding:116px 0 76px;min-height:100svh}
.hero .wrap{grid-template-columns:.95fr 1.05fr;gap:28px}
.hero h1{font-size:clamp(1.7rem,1.25rem + 1.5vw,2.5rem);font-weight:800;max-width:none;line-height:1.52;margin:22px 0 18px}
.hero-proof{margin-top:26px;padding-top:20px;gap:22px}
.hero-proof div{font-size:.75rem}.hero-proof b{font-size:.98rem}
.hero-ctas{margin-top:24px}
.motion-controls{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.motion-controls>span{font-size:.68rem;color:#92A9BC}
.motion-controls button{display:inline-flex;align-items:center;gap:10px;background:#ffffff09;border:1px solid #ffffff26;border-radius:999px;color:#BCD0DF;padding:5px 12px;font-size:.72rem;min-height:34px}
.motion-controls button:hover{border-color:#FF3D86;color:#fff}
/* 2026-11-11: tidy homepage text column — full copy, no overlap */
.hero .badge-k{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:6px 14px 6px 8px;gap:10px;font-size:.82rem;max-width:100%}
html[dir=ltr] .hero .badge-k{padding:6px 8px 6px 14px}
.hero .badge-k b{font-size:.75rem;padding:3px 12px;flex:none}
.hero h1{font-size:clamp(1.7rem,1.25rem + 1.5vw,2.5rem);font-weight:800;max-width:none;line-height:1.52;margin:22px 0 18px}
.hero h1 .grad{display:inline-block;white-space:nowrap;padding-block:.08em;line-height:1.52;vertical-align:baseline}
.hero .lead{max-width:46ch;font-size:1rem;line-height:1.95;margin:0}
.hero-ctas{margin-top:28px}
.hero-proof{margin-top:32px;padding-top:20px;gap:16px 22px;align-items:flex-start}
.hero-proof div{flex:1 1 0;min-width:0;font-size:.78rem;color:#8EA6B8;line-height:1.7}
.hero-proof b{display:block;font-size:.95rem;font-weight:800;color:#fff;margin:0 0 4px;line-height:1.45}

.hero h1 .h1-end{display:inline-block;white-space:nowrap}
html[dir=ltr] .hero .wrap{grid-template-columns:1.12fr .88fr;gap:32px}
html[dir=ltr] .hero h1{font-size:clamp(1.55rem,1.15rem + 1.25vw,2.28rem)}
.nav a{font-size:.84rem;padding:.5em .72em}
.hdr .wrap{gap:18px}.tel{font-size:.85rem}.hdr-cta .btn{font-size:.85rem}
.bearing-scene{position:relative;max-width:650px;width:100%;justify-self:center;direction:ltr;isolation:isolate}
.bearing-parallax{transform:perspective(1100px) rotateX(var(--px,0deg)) rotateY(var(--py,0deg));transition:transform .3s ease-out;will-change:transform}
.bearing-svg{display:block;width:100%;height:auto;overflow:visible}
.scene-overline{display:flex;align-items:center;gap:8px;font-size:.75rem;direction:rtl;color:#C1D6E5;margin:0 12px 10px;position:relative;z-index:1;justify-content:flex-start}
.scene-overline .scene-demo{margin:0;font-size:.65rem;padding:4px 9px;border:1px solid #ffffff20;border-radius:30px;color:#8AA6BB}
.scene-dot,.live-indicator{width:6px;height:6px;background:#7FB7E0;box-shadow:0 0 14px #7FB7E0;border-radius:50%;display:inline-block}
.scene-bottom{direction:rtl;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.68rem;margin:12px 24px 0;border-top:1px solid #ffffff16;padding-top:15px;color:#89A8BF}
.scene-bottom>span:first-child{color:#D5E5F0;font-size:.8rem}
.svg-label text{font-family:Vazirmatn,Tahoma,sans-serif;direction:rtl}
.rotor-levitate{animation:rotor-float 4s ease-in-out infinite}
.rotor-spin{transform-box:view-box;transform-origin:350px 290px;animation:rotor-spin 10s linear infinite}
.js .rotor-spin{animation:none}

.flux{stroke-dasharray:6 8;animation:flux-travel 1.6s linear infinite;opacity:.85}
.flux-loop{stroke-opacity:.5;stroke-width:1.1}
.air-gap{animation:gap-pulse 2.8s ease-in-out infinite}
.sensor-pulse{animation:sensor-pulse 2.5s ease-in-out infinite}
.signal-wire{animation:flux-travel 2s linear infinite}
.controller-wave{stroke-dasharray:70;animation:controller-pulse 2.8s ease-in-out infinite}
.hero:not(.scene-active) .rotor-spin,.hero:not(.scene-active) .rotor-levitate,.hero:not(.scene-active) .flux,.hero:not(.scene-active) .air-gap,.hero:not(.scene-active) .sensor-pulse,.hero:not(.scene-active) .signal-wire,.hero:not(.scene-active) .controller-wave{animation-play-state:paused}
@keyframes rotor-spin{to{transform:rotate(360deg)}}
@keyframes rotor-float{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@keyframes flux-travel{to{stroke-dashoffset:-28}}
@keyframes gap-pulse{0%,100%{opacity:.3;stroke-width:1}50%{opacity:.85;stroke-width:3}}
@keyframes sensor-pulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes controller-pulse{0%,100%{stroke-dashoffset:0;opacity:.7}50%{stroke-dashoffset:8;opacity:1}}
/* A physical scroll timeline, driven by a small passive-scroll handler. */
.schematic-scroll{height:175vh;min-height:1050px;background:radial-gradient(ellipse at 20% 45%,#E1EFF9,transparent 60%),#F8FAFD;border-top:1px solid #E5EDF3;border-bottom:1px solid #E5EDF3;margin-top:80px}
.schematic-sticky{position:sticky;top:72px;min-height:min(680px,calc(100svh - 72px));display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center;padding-block:36px}
.tech-copy h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.3;margin:16px 0 20px}
.tech-copy .lead{font-size:.95rem;max-width:42ch}
.tech-stages{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;padding:0}
.tech-stages li{border-top:2px solid #D6E2EC;padding-top:12px;opacity:.5;transition:opacity .4s,border-color .4s}
.tech-stages li.active{opacity:1;border-color:var(--crimson)}
.tech-stages b{font-size:.95rem;display:block;color:var(--navy)}
.tech-stages span{font-size:.76rem;color:var(--muted);display:block;margin-top:4px}
.tech-hint{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--steel);margin-top:22px}
.tech-hint i{display:inline-block;width:26px;height:26px;border-radius:50%;border:1px solid #3E6E9944;position:relative}
.tech-hint i:after{content:'↓';position:absolute;inset:0;display:grid;place-items:center}
.schematic-card{background:#ffffffcc;border:1px solid #D6E3ED;border-radius:26px;overflow:hidden;box-shadow:0 30px 70px -45px #27475E66;min-width:0}
.schematic-top{display:flex;justify-content:space-between;gap:12px;padding:18px 24px;font-size:.83rem;font-weight:700;border-bottom:1px solid #E8EFF4;color:var(--navy)}
.schematic-top span:last-child{font-size:.7rem;font-weight:500;color:var(--muted)}
#machineDrawing{width:100%;height:auto;display:block}
.draw-part{transition:opacity .25s}
.diagram-label{opacity:1;transition:opacity .25s}
.diagram-label path{fill:none;stroke:#69879D;stroke-width:1.2}
.diagram-label text{text-anchor:middle;font:700 17px Vazirmatn,Tahoma,sans-serif;fill:#122330;direction:rtl}
.diagram-label .label-en{font:500 9px Vazirmatn,sans-serif;fill:#6D8CA3;letter-spacing:1.5px;direction:ltr}
.tech-progress{height:3px;background:#E6EEF4;margin-inline:24px;overflow:hidden;border-radius:4px}
.tech-progress span{display:block;height:100%;width:100%;transform-origin:right;transform:scaleX(0);background:linear-gradient(90deg,#7FB7E0,#BA004B)}
.schematic-note{text-align:center;color:#72889B;font-size:.67rem;padding:14px 20px 18px}
/* Monitoring — deliberately synthetic. Every value is marked demo. */
.monitor{background:radial-gradient(ellipse at 90% 0%,#1B3B53 0%,#0C1821 60%);color:#fff;overflow:hidden}
.monitor .eyebrow{color:#FF5597}
.monitor .sec-head{align-items:center}
.monitor h2{font-size:clamp(2rem,3.3vw,3.1rem)}
.monitor-disclaimer{max-width:420px;font-size:.82rem;line-height:1.85;color:#A2B9CC;border-right:2px solid #BA004B;padding-right:18px}
.monitor-disclaimer b{display:block;color:#FF91B8;font-size:.9rem;margin-bottom:5px}
.dashboard{border:1px solid #355068;background:linear-gradient(145deg,#132A3B,#0A1722);border-radius:24px;box-shadow:0 40px 70px -35px #0009;overflow:hidden}
.dash-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 26px;border-bottom:1px solid #ffffff10;background:#ffffff03;direction:ltr}
.dash-header>div{display:flex;align-items:center;gap:10px}
.dash-header b{font-size:.88rem;letter-spacing:1px;font-weight:800}
.dash-header small{font-size:.7rem;color:#ADC3D4;border:1px solid #ffffff20;border-radius:24px;padding:2px 10px}
.dash-source{font-size:.65rem;letter-spacing:1.4px;color:#7293AE}
.dash-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;direction:ltr}
.wave-panel,.rpm-panel,.temp-panel{min-width:0;padding:24px;direction:rtl}
.rpm-panel,.temp-panel{border-left:1px solid #ffffff10}
.panel-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}
.panel-heading h3{font-size:.85rem;color:#E2EFF8;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.panel-heading h3 small{font-size:.65rem;color:#D5AEC2;border:1px solid #BA004B60;background:#BA004B16;padding:1px 7px;border-radius:20px;font-weight:500}
.demo-axis{font-size:.64rem;color:#7B9CB5;direction:ltr}
.wave-stage{height:210px;margin:25px 0 18px;position:relative;isolation:isolate;overflow:hidden}
.wave-grid{position:absolute;inset:0;background-image:linear-gradient(#7FB7E010 1px,transparent 1px),linear-gradient(90deg,#7FB7E010 1px,transparent 1px);background-size:30px 26px;z-index:-1}
.wave-stage canvas,.wave-fallback{width:100%;height:100%;position:absolute;inset:0;display:block}
.canvas-ready .wave-fallback{display:none}
.axis-zero{position:absolute;right:4px;top:calc(50% - 12px);font-size:.65rem;color:#7B9CB5;background:#102230}
.wave-footer{display:flex;align-items:center;gap:14px;font-size:.68rem;color:#9DB7CC;flex-wrap:wrap}
.wave-footer span{display:flex;gap:6px;align-items:center}
.wave-footer i{width:6px;height:6px;border-radius:50%;background:#FF5597;display:block}
.wave-footer span:nth-child(2) i{background:#7FB7E0}
.wave-footer b{margin-inline-start:auto;font-size:1.25rem;color:#E2EFF8;font-weight:700}
.wave-footer small{font-size:.65rem;font-weight:400;color:#91ABC0}
.rpm-gauge{position:relative;max-width:220px;margin:14px auto 6px;aspect-ratio:1/1;direction:ltr}
.rpm-gauge svg{width:100%;height:100%;display:block;transform:rotate(135deg)}
.rpm-track,.rpm-value{fill:none;stroke:#203D53;stroke-width:8;stroke-dasharray:372.3 496.4;stroke-linecap:round}
.rpm-value{stroke:#FF5597;stroke-dasharray:285 496.4;transition:stroke-dasharray .25s linear}
.rpm-gauge>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.rpm-gauge output{font-size:2rem;font-weight:800;color:#fff;line-height:1.4}
.rpm-gauge small{font-size:.65rem;color:#9DB7CC;letter-spacing:1px;margin-top:5px}
.dash-footnote{font-size:.67rem;color:#7E9CB2;text-align:center;line-height:1.7}
.temp-icon{color:#FF5597;font-size:1.2rem}
.temp-reading{display:flex;direction:ltr;align-items:baseline;justify-content:center;gap:8px;margin:24px 0 18px}
.temp-reading output{font-size:3rem;font-weight:800;line-height:1}
.temp-reading span{font-size:1.05rem;color:#96B5CD}
.temp-bars{display:flex;gap:4px;direction:ltr;height:36px;justify-content:center;margin-bottom:14px;align-items:end}
.temp-bars i{background:#213D52;width:6px;border-radius:2px;height:calc(14px + var(--i)*1px)}
.temp-bars i:nth-child(-n+15){background:#BA004B}
.temp-bars i:nth-child(n+12):nth-child(-n+15){background:#FF5597}
.signal-card{border:1px solid #ffffff12;border-radius:12px;padding:12px 15px;margin-top:20px;font-size:.68rem}
.signal-card span{color:#7E9CB2;display:block;margin-bottom:2px}
.signal-card strong{font-weight:500;color:#BBD1E2}
.signal-dots{display:flex;gap:9px;direction:ltr;margin-top:12px}
.signal-dots i{width:5px;height:5px;border-radius:50%;background:#7FB7E0;opacity:.2;animation:signal-step 2.5s linear infinite}
.signal-dots i:nth-child(2){animation-delay:.25s}.signal-dots i:nth-child(3){animation-delay:.5s}.signal-dots i:nth-child(4){animation-delay:.75s}.signal-dots i:nth-child(5){animation-delay:1s}
@keyframes signal-step{20%{opacity:1;box-shadow:0 0 8px #7FB7E0}60%{opacity:.2}}
.monitor:not(.scene-active) .signal-dots i{animation-play-state:paused}
.dash-bottom{border-top:1px solid #ffffff10;padding:18px 26px;font-size:.73rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;color:#7899B1}
.dash-bottom a{color:#C3D9EA}.dash-bottom a span{color:#FF5597;margin-right:10px}
/* Tilt uses bounded transform vars; disabled on touch and reduced motion. */
@media(hover:hover) and (pointer:fine){
 .tile[data-tilt]{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--tilt-lift,0px));transition:transform .18s ease-out,box-shadow .3s,border-color .3s}
 .tile[data-tilt]:hover{--tilt-lift:-5px;box-shadow:0 25px 60px -35px #12233088}
 .tile[data-tilt]::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(350px circle at var(--light-x,50%) var(--light-y,50%),#ffffff20,transparent 60%);transition:opacity .3s}
 .tile[data-tilt]:hover::before{opacity:1}
}
fieldset.form{min-width:0}fieldset.form button{cursor:not-allowed;opacity:.8}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
.motion-paused .tile{transform:none!important}
.schematic-static .draw-part{opacity:1!important}
.schematic-static .diagram-label{opacity:1!important}
@media(max-width:1100px){
 .hero .wrap{grid-template-columns:1fr}
 .bearing-scene{order:-1;max-width:480px}
 .hero h1{max-width:none;font-size:clamp(1.7rem,1.25rem + 1.5vw,2.5rem);line-height:1.52}
 .schematic-sticky{gap:24px;grid-template-columns:.8fr 1.2fr}
 .tech-copy h2{font-size:2.1rem}
 .dash-grid{grid-template-columns:1fr 1fr}.wave-panel{grid-column:span 2;border-bottom:1px solid #ffffff10}
 .rpm-panel{border-left:0}.temp-panel{border-left:1px solid #ffffff10}
 .rpm-gauge{max-width:190px}
}
@media(max-width:640px){
 .hero{padding:96px 0 64px}.hero .wrap{gap:26px}
 .bearing-scene{max-width:350px;min-width:0}
 .bearing-parallax{will-change:auto;transform:none!important}
 .scene-overline{font-size:.67rem;margin:0 10px 8px}.scene-overline .scene-demo{font-size:.58rem}
 .scene-bottom{margin:8px 10px 0;font-size:.57rem;gap:8px;padding-top:11px}.scene-bottom>span:first-child{font-size:.68rem}
 .hero h1{font-size:clamp(1.65rem,5vw,2.15rem);max-width:none;line-height:1.5}
 .badge-k{font-size:.71rem;gap:6px}.badge-k b{font-size:.67rem;padding:2px 9px}
 .motion-controls{gap:9px;margin-bottom:15px}.motion-controls>span{font-size:.6rem}
 .hero-proof b{font-size:.9rem}.hero-proof div{font-size:.72rem}
 .hero .lead{font-size:.97rem}
 .schematic-scroll{height:auto;min-height:0;margin-top:54px;padding:56px 0 48px}
 .schematic-sticky{position:relative;top:0;display:flex;flex-direction:column;gap:26px;min-height:0;padding:0}
 .tech-copy{width:100%}.tech-copy h2{font-size:2rem}.tech-copy h2 br{display:none}
 .tech-stages{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
 .tech-stages b{font-size:.76rem}.tech-stages span{font-size:.63rem;line-height:1.6}
 .tech-hint{font-size:.7rem;margin-top:18px}
 .schematic-card{width:100%;border-radius:19px}.schematic-top{padding:14px;font-size:.7rem}.schematic-top span:last-child{font-size:.6rem}
 .schematic-note{font-size:.58rem;padding:10px 12px 14px}
 .monitor .sec-head{gap:24px;margin-bottom:28px}.monitor h2{font-size:2.2rem}.monitor h2 br{display:none}
 .monitor-disclaimer{font-size:.76rem}.monitor-disclaimer b{font-size:.84rem}
 .dashboard{border-radius:20px}.dash-header{padding:15px;gap:8px}.dash-header b{font-size:.69rem;letter-spacing:.6px}.dash-header small{font-size:.58rem;padding:2px 7px}.dash-source{display:none}
 .wave-panel,.rpm-panel,.temp-panel{padding:18px 14px}.wave-stage{height:170px;margin-top:20px}
 .demo-axis{font-size:.55rem}.panel-heading h3{font-size:.75rem;gap:5px}.panel-heading h3 small{font-size:.55rem;padding:1px 5px}
 .wave-footer{gap:10px;font-size:.6rem}.wave-footer b{font-size:1.05rem}.wave-footer small{font-size:.55rem}
 .rpm-gauge{max-width:160px;margin:18px -2px 4px}.rpm-gauge output{font-size:1.5rem}.rpm-gauge small{font-size:.52rem}
 .temp-reading{margin-top:28px}.temp-reading output{font-size:2.4rem}.temp-reading span{font-size:.9rem}
 .temp-bars{gap:3px}.temp-bars i{width:4px}.temp-bars i:nth-child(n+18){display:none}
 .signal-card{padding:8px;font-size:.59rem}.dash-footnote{font-size:.59rem}.signal-dots{gap:8px}
 .dash-bottom{padding:16px;font-size:.65rem;gap:10px}
 .flux-loop{display:none}.flux{animation-duration:2.4s}.rotor-spin{animation-duration:14s}
 .hdr.solid,.btn-ghost,.chip,.mbar{backdrop-filter:none;-webkit-backdrop-filter:none}
 .mbar{background:#0C1821f5}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .js .rv{opacity:1!important;transform:none!important}
 .bearing-parallax,.tile[data-tilt]{transform:none!important;will-change:auto}
 .schematic-scroll{height:auto;min-height:0;padding:60px 0}
 .schematic-sticky{position:relative;top:0;min-height:0}
 .tech-stages li{opacity:1}
 .motion-controls>span{display:none}
}
/* Pause CSS when the browser tab is hidden too. */
.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}
@media print{.rv{opacity:1!important;transform:none!important}.schematic-scroll{height:auto;min-height:0}.schematic-sticky{position:relative;top:0}.mbar,.hdr{display:none}}
/* Mobile fold: message first, then compact interactive product visual + CTA. */
@media(max-width:640px){
 .hero .wrap{display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .hero .wrap>div:first-child{display:contents}
 .hero .badge-k{order:0;align-self:flex-start;margin:0}
 .hero h1{order:1;font-size:1.75rem;max-width:none;margin:0 0 14px;line-height:1.5}
 .hero .bearing-scene{order:2;max-width:275px;align-self:center;width:100%;margin:0}
 .hero .hero-ctas{order:3;margin:0;gap:8px}
 .hero .hero-ctas .btn{min-height:46px;font-size:.82rem;padding:.65em 1.1em}
 .hero .lead{order:4}
 .hero .motion-controls{order:5;margin:0}
 .hero .hero-proof{order:6;margin-top:4px;padding-top:18px}
 .hero .scene-bottom{font-size:.5rem;gap:5px;margin-top:8px;padding-top:9px}
 .hero .scene-bottom>span:first-child{font-size:.56rem}
 .hero .scene-overline{font-size:.58rem}.hero .scene-demo{font-size:.5rem;padding:2px 6px}
}
.trust:not(.scene-active) .marq-in{animation-play-state:paused}