/* ERATECH — ölçülü mekanik hareket, yerel CSS/WAAPI. */
:root{--motion-ease:cubic-bezier(.2,.75,.2,1);--motion-spring:cubic-bezier(.2,.9,.25,1.15)}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:25;background:linear-gradient(90deg,var(--accent),var(--accent-light));transform:scaleX(0);transform-origin:left;pointer-events:none}
.motion-card{position:relative;isolation:isolate;transform:perspective(1000px) translate3d(0,var(--motion-lift,0px),0) rotateX(var(--motion-rx,0deg)) rotateY(var(--motion-ry,0deg));transform-origin:center;backface-visibility:hidden}
.motion-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(400px circle at var(--motion-light-x,50%) var(--motion-light-y,35%),var(--accent-glow),transparent 62%);box-shadow:inset 0 0 0 1px var(--accent-outline);transition:opacity 260ms ease}
.motion-card.is-pointed::after{opacity:1}.motion-card.is-pointed{box-shadow:0 16px 34px -24px #173f5a66}
.motion-magnetic{transform:translate3d(var(--motion-x,0px),var(--motion-y,0px),0);position:relative;overflow:hidden;isolation:isolate}
.motion-magnetic:hover{transform:translate3d(var(--motion-x,0px),var(--motion-y,0px),0)}
.motion-magnetic::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#ffffff17 45%,transparent 70%);transform:translateX(-110%);transition:transform 550ms var(--motion-ease)}
.motion-magnetic:hover::after{transform:translateX(110%)}.motion-magnetic:active{scale:.98}
.button>span:last-child,.text-link>span:last-child,.image-arrow,.service-card-image>span{transition:transform 300ms var(--motion-spring)}
.button:hover>span:last-child,.solution-image:hover .image-arrow,.service-card-image:hover>span{transform:translate(2px,-2px)}
.floating-nav{transition:box-shadow 300ms ease,border-color 300ms ease,background 300ms ease}.site-header.is-scrolled .floating-nav{background:#fffffff5;border-color:#d4e0e8;box-shadow:0 12px 34px #0a1e2c10}
.nav-wing{position:relative;isolation:isolate}.nav-hover-marker{position:absolute;left:0;top:0;background:#e7eff5;border:1px solid #d6e4ee;border-radius:24px;pointer-events:none;opacity:0;z-index:-1;transition:opacity 180ms ease,transform 320ms var(--motion-spring),width 320ms var(--motion-spring),height 320ms ease}
.simulation-tabs.has-motion-marker{position:relative;isolation:isolate}.simulation-tabs.has-motion-marker>button{position:relative;z-index:1;transition:color 180ms ease,opacity 180ms ease}.simulation-tabs.has-motion-marker>button[aria-pressed=true]{background:transparent;border-color:transparent}.simulation-tabs.has-motion-marker>button:hover{background:transparent}.simulation-tab-marker{position:absolute;left:0;top:0;background:var(--navy);border-radius:4px;pointer-events:none;z-index:0;transition:transform 340ms var(--motion-spring),width 340ms var(--motion-spring),height 340ms ease}
.process-list li{position:relative;transition:background 250ms ease}.process-list li::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent-ink);transform:scaleX(0);transform-origin:left;transition:transform 500ms var(--motion-ease)}.process-list li.is-active::after{transform:scaleX(1)}.process-list li.is-active .process-number{color:var(--accent-ink)}.process-list h3>button{border:0;background:transparent;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;padding:0;text-align:left}.process-list h3>button[aria-pressed=true]{color:var(--accent-ink)}.process-list .process-plus{transition:transform 400ms var(--motion-ease),color 250ms ease}.process-list li.is-active .process-plus{transform:rotate(90deg);color:var(--accent-ink)}
.engineering-assembly{margin:25px 0 0;position:relative;max-width:440px;border-top:1px solid #d1dee7;overflow:hidden}.assembly-scene{height:275px;position:relative;perspective:750px;overflow:hidden}.assembly-floor{position:absolute;width:240px;height:160px;left:50%;top:65%;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-33deg);background-image:linear-gradient(#becfda70 1px,transparent 1px),linear-gradient(90deg,#becfda70 1px,transparent 1px);background-size:20px 20px;box-shadow:0 30px 40px #0b3c5910}
.assembly-stack{position:absolute;left:50%;top:58%;width:218px;height:145px;transform-style:preserve-3d;transform:translate(-50%,-35%) rotateX(55deg) rotateZ(-33deg)}.assembly-part{position:absolute;inset:0;transform-style:preserve-3d;filter:drop-shadow(0 3px 0 #7e9bab);transition:transform 750ms var(--motion-spring),opacity 400ms ease,filter 400ms ease}.assembly-part svg{width:100%;height:100%;display:block}.assembly-base{transform:translateZ(0)}.assembly-middle{transform:translateZ(26px)}.assembly-top{transform:translateZ(52px)}
.engineering-assembly[data-stage="0"] .assembly-top{transform:translateZ(72px)}.engineering-assembly[data-stage="0"] .assembly-middle{opacity:.58}.engineering-assembly[data-stage="1"] .assembly-top{transform:translateZ(115px)}.engineering-assembly[data-stage="1"] .assembly-middle{transform:translateZ(54px)}.engineering-assembly[data-stage="2"] .assembly-middle{transform:translateZ(13px)}.engineering-assembly[data-stage="2"] .assembly-top{transform:translateZ(27px)}
.assembly-guide{position:absolute;top:20px;width:2px;height:103px;border-left:1px dashed #83a9bf;transform-origin:top;transform:rotateX(-90deg);opacity:.7}.guide-one{left:20px}.guide-two{right:20px}.assembly-axis{position:absolute;background:#9ab4c5;opacity:.6;left:calc(50% + 117px);top:calc(50% + 47px)}.axis-x{width:35px;height:1px;transform:rotate(-23deg);transform-origin:left}.axis-y{width:1px;height:35px;transform:translateY(-34px)}
.engineering-assembly figcaption{display:flex;align-items:center;gap:9px;font:9px/1.6 Consolas,monospace;color:#4b6d83;padding:3px 0 12px;flex-wrap:wrap}.assembly-caption-dot{width:5px;height:5px;background:var(--accent-ink);border-radius:50%}.engineering-assembly figcaption small{margin-left:auto;font:8px/1.6 var(--font);color:#7c939f}
.motion-form-button.is-submitting::before{content:'';width:12px;height:12px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:form-spin 650ms linear infinite}.motion-form-button.is-submitting{cursor:wait;pointer-events:none}.notice.success{animation:success-arrive 450ms var(--motion-ease)}
@keyframes form-spin{to{transform:rotate(360deg)}}@keyframes success-arrive{from{opacity:.3;translate:0 8px}to{opacity:1;translate:0 0}}
.footer-bottom button[data-motion-toggle]{white-space:nowrap}.footer-bottom button[data-motion-toggle][aria-pressed=true]{color:var(--accent-ink)}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] .motion-card{transform:none!important}html[data-motion=off] .motion-magnetic{transform:none!important;scale:1!important}html[data-motion=off] .motion-card::after,html[data-motion=off] .nav-hover-marker,html[data-motion=off] .simulation-tab-marker{display:none!important}html[data-motion=off] .simulation-tabs.has-motion-marker>button[aria-pressed=true]{background:var(--navy);border-color:var(--navy)}html[data-motion=off] .sector-marquee{overflow-x:auto}html[data-motion=off] .sector-group[aria-hidden=true]{display:none}html[data-motion=off] .sector-track{transform:none!important}
@media(hover:none),(pointer:coarse){.motion-card{transform:none!important}.motion-card::after{display:none}.motion-magnetic,.motion-magnetic:hover{transform:none}}
@media(max-width:760px){.engineering-assembly{max-width:100%;margin-top:24px}.assembly-scene{height:250px}.assembly-stack{width:190px;height:126px}.engineering-assembly figcaption{font-size:8px}.engineering-assembly figcaption small{font-size:7px}.footer-bottom>div{flex-wrap:wrap;gap:10px 18px}}
@media(prefers-reduced-motion:reduce){.motion-card,.motion-magnetic{transform:none!important}.motion-card::after,.nav-hover-marker,.simulation-tab-marker{display:none!important}.simulation-tabs.has-motion-marker>button[aria-pressed=true]{background:var(--navy)}.reading-progress{display:none}}

html[data-motion=off] .reading-progress{display:none}