:root{--bg:#05080d;--bg-soft:#091019;--surface:#0d1621;--surface-light:#131f2d;--text:#f5f8fb;--muted:#8d9bad;--border:rgba(255,255,255,.09);--blue:#49afe0;--blue-light:#7dd7ff;--blue-dark:#137ea9;--orange:#f29a38;--orange-soft:rgba(242,154,56,.15);--glow:rgba(73,175,224,.22);--header:76px;--max:1480px;--ease:cubic-bezier(.22,1,.36,1)}
.site-header.not-sticky{position:absolute}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header);background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:"Google Sans Flex",Inter,Arial,sans-serif;line-height:1.5;overflow-x:hidden}body.locked{overflow:hidden}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer}img{display:block;max-width:100%}a{text-decoration:none}svg{width:1.1em;height:1.1em;stroke-width:1.7}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:12px 18px;background:#fff;color:#000}.skip-link:focus{top:12px}.tracking-frame,.tracking-pixel{display:none!important}
:focus-visible{outline:2px solid var(--blue-light);outline-offset:4px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--blue-light);font-size:11px;font-weight:650;letter-spacing:.2em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.eyebrow.orange{color:var(--orange)}.eyebrow.orange i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px var(--orange-soft);animation:pulse 2.4s infinite}.eyebrow.orange:before{display:none}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:650;transition:.3s var(--ease);white-space:nowrap}.button-primary{color:#031018;background:var(--blue-light);box-shadow:0 8px 30px rgba(73,175,224,.12)}.button-primary:hover{background:#a3e5ff;transform:translateY(-2px)}.button-ghost{background:rgba(8,15,23,.55);border-color:var(--border);color:var(--text)}.button-ghost:hover{border-color:rgba(125,215,255,.48);background:rgba(73,175,224,.09)}.button-light{background:#f5f8fb;color:#07101a}.text-button{display:inline-flex;align-items:center;gap:9px;background:transparent;border:0;padding:10px 0;color:var(--text);font-size:13px;border-bottom:1px solid rgba(125,215,255,.4)}.text-button:hover{color:var(--blue-light)}
.site-header{position:fixed;z-index:90;top:0;left:0;width:100%;height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,72px);border-bottom:1px solid transparent;transition:.35s var(--ease)}.site-header:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);transition:.6s var(--ease)}.site-header.scrolled{background:rgba(5,8,13,.82);backdrop-filter:blur(18px);border-color:var(--border)}.site-header.scrolled:after{width:100%}.brand{justify-self:start}.brand img{width:min(var(--logo-width),240px);height:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,38px)}.desktop-nav a{position:relative;color:#b7c3d0;font-size:12px;font-weight:550;letter-spacing:.025em}.desktop-nav a:after{content:"";position:absolute;bottom:-13px;left:50%;width:0;height:1px;background:var(--blue);transition:.3s var(--ease);transform:translateX(-50%)}.desktop-nav a:hover{color:#fff}.desktop-nav a:hover:after{width:100%}.header-actions{justify-self:end;display:flex;gap:10px}.header-quote,.menu-toggle{height:42px;border:1px solid rgba(73,175,224,.35);border-radius:4px;background:rgba(13,22,33,.62);font-size:12px;font-weight:650}.header-quote{display:flex;align-items:center;gap:12px;padding:0 8px 0 17px}.quote-count{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:3px;background:var(--blue);color:#061019;font-size:11px}.menu-toggle{width:42px;display:none;place-items:center}
.hero{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(460px,1.18fr);align-items:center;gap:2vw;padding:calc(var(--header) + 50px) clamp(24px,6.4vw,124px) 80px;background:radial-gradient(circle at 75% 45%,rgba(40,130,176,.16),transparent 33%),linear-gradient(145deg,#05080d 15%,#07101a 65%,#05080d)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.035) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%);background-size:160px 160px;mask-image:linear-gradient(to bottom,#000 65%,transparent)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.34;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(125,215,255,.02) 8px)}.hero-x{position:absolute;z-index:-1;right:7%;top:10%;width:min(55vw,850px);aspect-ratio:1;opacity:.34;filter:drop-shadow(0 0 70px rgba(73,175,224,.08))}.hero-x i{position:absolute;left:48%;top:2%;width:8%;height:96%;background:linear-gradient(to bottom,transparent,rgba(73,175,224,.32),transparent);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.hero-x i:first-child{transform:rotate(45deg) scaleY(0);animation:xBuild 1.4s .15s var(--ease) forwards}.hero-x i:last-child{transform:rotate(-45deg) scaleY(0);animation:xBuildReverse 1.4s .15s var(--ease) forwards}.hero-copy{position:relative;z-index:2;max-width:720px}.hero-title{margin:0;font-size:clamp(52px,6.5vw,126px);font-weight:610;letter-spacing:-.06em;line-height:.83;overflow:hidden}.hero-title span{display:block;animation:titleReveal 1.1s .35s var(--ease) both}.hero-subtitle{margin:25px 0 12px;color:#fff;font-size:clamp(23px,2.4vw,42px);font-weight:380;letter-spacing:-.035em}.hero-description{max-width:590px;margin:0;color:#aab6c4;font-size:clamp(15px,1.1vw,18px)}.hero-actions{display:flex;gap:10px;margin-top:34px}.hero-machine-wrap{position:relative;z-index:1;align-self:center;min-width:0;transform-style:preserve-3d}.hero-machine{position:relative;z-index:2;width:min(58vw,880px);height:min(78vh,850px);margin:auto;object-fit:contain;filter:drop-shadow(0 35px 48px rgba(0,0,0,.48));animation:machineIn 1.35s .25s var(--ease) both,float 6s 2s ease-in-out infinite;will-change:transform}.hero-orbit{position:absolute;inset:8% 4%;z-index:1;border:1px solid rgba(125,215,255,.14);border-radius:50%;transform:rotate(-13deg)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;background:var(--blue-light);border-radius:50%;width:5px;height:5px}.hero-orbit:before{left:9%;top:17%;box-shadow:0 0 15px var(--blue)}.hero-orbit:after{right:10%;bottom:15%}.hero-orbit span{position:absolute;right:4%;top:12%;color:var(--blue-light);font-size:9px;letter-spacing:.16em}.hero-readout{position:absolute;right:4.5vw;bottom:38px;display:flex;align-items:center;gap:24px;color:#6f7d8c;font:550 9px/1.2 monospace;letter-spacing:.13em}.hero-readout span{display:flex;align-items:center;gap:8px}.hero-readout i{width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--orange-soft)}.scroll-cue{position:absolute;left:clamp(24px,6.4vw,124px);bottom:34px;display:flex;align-items:center;gap:14px;color:#647281;font-size:9px;letter-spacing:.2em}.scroll-cue svg{color:var(--blue)}
.section{position:relative;padding:clamp(100px,10vw,180px) clamp(24px,6.4vw,124px)}.section-index{position:absolute;top:42px;left:clamp(24px,6.4vw,124px);color:#546271;font:550 9px/1 monospace;letter-spacing:.16em}.section-heading{max-width:860px;margin-bottom:clamp(55px,7vw,110px)}.section-heading h2,.intro-heading h2{margin:0;color:#f5f8fb;font-size:clamp(42px,5.3vw,92px);font-weight:440;letter-spacing:-.055em;line-height:.98}.section-heading>p:last-child,.intro-heading>p:last-child{max-width:670px;margin:28px 0 0;color:var(--muted);font-size:clamp(16px,1.25vw,20px)}
.experience-intro{min-height:900px;background:linear-gradient(180deg,#07101a,#091019)}.intro-layout{display:grid;grid-template-columns:minmax(330px,1fr) 90px minmax(390px,.8fr);gap:clamp(25px,5vw,100px);align-items:center;max-width:var(--max);margin:auto}.intro-heading h2{max-width:790px}.motion-axis{position:relative;height:520px}.motion-axis:before{content:"";position:absolute;top:0;left:50%;height:100%;width:1px;background:linear-gradient(to bottom,transparent,rgba(125,215,255,.32),transparent)}.motion-axis i,.motion-axis b,.motion-axis span{position:absolute;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.motion-axis i{top:10%;width:8px;height:8px;background:var(--orange);box-shadow:0 0 0 7px var(--orange-soft)}.motion-axis b{top:88%;width:5px;height:5px;background:var(--blue)}.motion-axis span{top:48%;width:34px;height:34px;border:1px solid var(--blue);box-shadow:0 0 0 9px rgba(73,175,224,.06)}.concept-list{list-style:none;padding:0;margin:0}.concept-list li{position:relative;display:grid;grid-template-columns:54px 1fr;gap:20px;padding:32px 0;border-top:1px solid var(--border)}.concept-list li:last-child{border-bottom:1px solid var(--border)}.concept-list li>span{color:var(--blue);font:500 11px monospace}.concept-list h3{margin:0 0 6px;font-size:17px;letter-spacing:.05em}.concept-list p{margin:0;color:var(--muted);font-size:14px}.concept-list li>i{position:absolute;top:-1px;left:0;width:0;height:1px;background:var(--blue);transition:1s var(--ease)}.concept-list li.in-view>i{width:100%}
.motion-section{background:#05080d}.motion-display{display:grid;grid-template-columns:minmax(440px,1.35fr) minmax(320px,.65fr);gap:clamp(50px,8vw,150px);align-items:center;max-width:var(--max);margin:auto}.motion-visual{position:relative;min-height:680px;border-left:1px solid rgba(125,215,255,.18);border-bottom:1px solid rgba(125,215,255,.18);background:radial-gradient(circle,rgba(73,175,224,.12),transparent 56%)}.motion-visual:before{content:"";position:absolute;inset:10% 5%;border:1px dashed rgba(125,215,255,.13);border-radius:50%}.motion-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 32px 35px rgba(0,0,0,.4))}.measurement{position:absolute;color:#617182;font:500 8px monospace;letter-spacing:.1em}.measurement-x{left:0;bottom:-22px;width:100%;border-top:1px solid rgba(125,215,255,.12);text-align:center}.measurement-y{top:0;left:-24px;height:100%;border-left:1px solid rgba(125,215,255,.12)}.measurement-y span{display:block;transform:rotate(-90deg) translateX(-100%);transform-origin:left top}.scan-marker{position:absolute;top:28%;right:9%;z-index:2;display:flex;align-items:center;gap:10px;color:var(--blue-light);font:500 8px monospace;letter-spacing:.13em}.scan-marker i{width:8px;height:8px;border:1px solid var(--blue-light);border-radius:50%;box-shadow:0 0 0 6px rgba(73,175,224,.1)}.motion-features{list-style:none;margin:0;padding:0}.motion-features li{display:grid;grid-template-columns:46px 1fr 50px;align-items:center;min-height:76px;border-bottom:1px solid var(--border);color:#657384;transition:.3s}.motion-features li span{font:500 10px monospace}.motion-features li strong{font-size:clamp(17px,1.4vw,22px);font-weight:450}.motion-features li i{height:1px;width:20px;justify-self:end;background:#475463;transition:.5s var(--ease)}.motion-features li.active{color:#f4f8fb}.motion-features li.active span{color:var(--orange)}.motion-features li.active i{width:50px;background:var(--blue);box-shadow:0 0 10px var(--glow)}
.products-section{overflow:hidden;background:linear-gradient(180deg,#091019,#06101a 70%,#05080d)}.product-stage{position:relative;display:grid;grid-template-columns:76px minmax(480px,1.25fr) minmax(360px,.75fr);grid-template-rows:minmax(620px,72vh) 70px;column-gap:clamp(20px,4vw,80px);max-width:var(--max);margin:auto;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stage-nav{display:flex;flex-direction:column;justify-content:center;gap:22px}.stage-nav button{display:flex;align-items:center;gap:10px;width:65px;padding:8px 0;border:0;background:none;color:#5f6c7a;font:600 11px monospace}.stage-nav button i{height:1px;width:15px;background:#54616e;transition:.35s}.stage-nav button.active{color:#fff}.stage-nav button.active i{width:34px;background:var(--blue)}.stage-visual{position:relative;min-width:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 53%,rgba(73,175,224,.12),transparent 52%)}.stage-visual:after{content:"";position:absolute;left:5%;right:5%;bottom:8%;height:12%;border-radius:50%;background:rgba(0,0,0,.52);filter:blur(25px)}.stage-visual img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;transition:.48s var(--ease);filter:drop-shadow(0 35px 35px rgba(0,0,0,.4))}.stage-visual img.changing{opacity:0;filter:blur(12px);transform:translateX(-20px) scale(.98)}.stage-ghost-number{position:absolute;z-index:0;font-size:clamp(170px,23vw,360px);font-weight:650;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(125,215,255,.08);letter-spacing:-.08em}.stage-coordinates{position:absolute;inset:5%;z-index:1;border:1px solid rgba(125,215,255,.08);pointer-events:none}.stage-coordinates span{position:absolute;color:#4f6071;font:500 8px monospace;letter-spacing:.12em}.stage-coordinates span:first-child{top:-14px;left:10%}.stage-coordinates span:last-child{right:-28px;bottom:20%;transform:rotate(90deg)}.stage-info{align-self:center;position:relative;z-index:3}.stage-kicker{display:flex;gap:10px;align-items:center;color:var(--blue-light);font:550 9px monospace;letter-spacing:.14em}.stage-kicker i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.stage-info h3{margin:18px 0 3px;font-size:clamp(36px,3.8vw,68px);font-weight:470;line-height:.98;letter-spacing:-.05em}.stage-code{margin:12px 0 28px;color:#687789;font:550 11px monospace;letter-spacing:.16em}.stage-description{max-width:480px;color:#a5b1bf;font-size:16px}.stage-specs{margin:28px 0}.stage-specs div{display:grid;grid-template-columns:120px 1fr;padding:12px 0;border-top:1px solid var(--border)}.stage-specs dt{color:#677586;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.stage-specs dd{margin:0;font-size:13px}.stage-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.stage-controls{grid-column:1/-1;display:grid;grid-template-columns:46px 1fr auto 46px;gap:18px;align-items:center;border-top:1px solid var(--border)}.stage-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);background:#0a131d;border-radius:3px}.stage-controls button:hover{border-color:var(--blue)}.stage-progress{height:1px;background:rgba(255,255,255,.08)}.stage-progress i{display:block;height:1px;width:33.333%;background:var(--blue);transition:.5s var(--ease)}.stage-controls>span{color:#687789;font:500 10px monospace}.stage-controls b{color:#fff}
.engineering-section{background:#05080d}.engineering-list{list-style:none;padding:0;margin:0 auto;max-width:var(--max);border-top:1px solid var(--border)}.engineering-list li{position:relative;display:grid;grid-template-columns:75px minmax(260px,.75fr) minmax(320px,1.25fr) 100px;align-items:center;gap:30px;min-height:105px;border-bottom:1px solid var(--border);overflow:hidden}.engineering-list li>span{color:#657485;font:500 10px monospace}.engineering-list h3{margin:0;font-size:clamp(18px,1.6vw,26px);font-weight:480}.engineering-list p{margin:0;color:var(--muted);font-size:14px}.engineering-list i{height:1px;width:35px;justify-self:end;background:#4c5a68;transition:.6s var(--ease)}.engineering-list li:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--blue),transparent);transition:.8s var(--ease)}.engineering-list li:hover i{width:100px;background:var(--blue)}.engineering-list li:hover:after{width:70%}
.fair-section{isolation:isolate;display:grid;grid-template-columns:minmax(390px,.85fr) minmax(440px,1.15fr);gap:8vw;align-items:center;min-height:850px;background:radial-gradient(circle at 75% 45%,rgba(73,175,224,.14),transparent 30%),#07101a;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.fair-coordinates{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(125,215,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(125,215,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.fair-copy h2{margin:0;font-size:clamp(48px,5.5vw,94px);font-weight:450;line-height:.94;letter-spacing:-.06em}.fair-copy>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:17px}.fair-details{display:grid;grid-template-columns:repeat(2,1fr);margin:36px 0 22px;border-top:1px solid var(--border)}.fair-details div{padding:17px 0;border-bottom:1px solid var(--border)}.fair-details dt{color:#647385;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.fair-details dd{margin:5px 0 0}.fair-coming{margin-top:35px!important;padding:22px;border-left:2px solid var(--blue);background:rgba(73,175,224,.06);color:#d9e3ec!important}.fair-visual{position:relative;min-height:480px;display:grid;place-items:center;border:1px solid rgba(125,215,255,.1)}.fair-visual:before,.fair-visual:after{content:"";position:absolute;width:60px;height:60px;border-color:var(--blue);opacity:.45}.fair-visual:before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.fair-visual:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.fair-visual img{width:72%;opacity:.17}.fair-date{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.fair-date>span{color:var(--orange);font:600 9px monospace;letter-spacing:.25em}.fair-date strong{margin:15px 0;font-size:clamp(55px,7vw,120px);font-weight:300;letter-spacing:-.06em}.fair-date small{color:#8190a0;font:500 9px monospace;letter-spacing:.16em}
.final-cta{position:relative;overflow:hidden;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px;text-align:center;background:radial-gradient(circle,rgba(73,175,224,.17),transparent 48%),#05080d}.final-cta h2{max-width:1000px;margin:0;font-size:clamp(48px,6vw,104px);font-weight:430;line-height:.95;letter-spacing:-.06em}.final-cta>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:18px}.final-cta>div:last-child{display:flex;gap:10px;margin-top:25px}.cta-cross{position:absolute;inset:6%;pointer-events:none;opacity:.14;background:linear-gradient(37deg,transparent 49.9%,var(--blue) 50%,transparent 50.1%),linear-gradient(-37deg,transparent 49.9%,var(--blue) 50%,transparent 50.1%)}
.site-footer{display:grid;grid-template-columns:1.25fr .65fr .8fr;gap:8vw;padding:80px clamp(24px,6.4vw,124px) 30px;background:#04070b;border-top:1px solid var(--border)}.footer-brand img{width:min(260px,70%);height:auto}.footer-brand p{max-width:430px;color:#748292;font-size:14px}.site-footer nav,.footer-contact{display:flex;flex-direction:column;gap:13px}.site-footer nav a,.footer-contact a{color:#93a0af;font-size:13px}.footer-contact a{display:flex;align-items:center;gap:10px}.site-footer a:hover{color:var(--blue-light)}.footer-bottom{grid-column:1/-1;display:flex;gap:24px;align-items:center;margin-top:45px;padding-top:23px;border-top:1px solid var(--border);color:#536170;font-size:11px}.footer-bottom span{margin-right:auto}
.mobile-menu{position:fixed;z-index:110;inset:0;padding:22px;background:linear-gradient(145deg,#06101a,#0d1b29);overflow:auto}.mobile-menu:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,215,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,215,255,.04) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.mobile-menu-top{position:relative;display:flex;justify-content:space-between;align-items:center;color:#738394;font:500 9px monospace;letter-spacing:.17em}.mobile-menu-top button{width:48px;height:48px;border:1px solid var(--border);background:var(--surface);color:#fff}.mobile-menu nav{position:relative;display:flex;flex-direction:column;margin:10vh 0}.mobile-menu nav a,.mobile-menu nav button{display:flex;align-items:center;gap:28px;min-height:72px;padding:0;border:0;border-bottom:1px solid var(--border);background:none;text-align:left;color:#eef4f8;font-size:clamp(27px,8vw,42px);font-weight:420}.mobile-menu nav b{color:var(--blue);font:500 10px monospace}.mobile-contact{position:relative;display:flex;justify-content:space-between;gap:20px;color:#6f7e8e;font-size:11px}.mobile-menu[hidden]{display:none}
.product-modal{position:fixed;z-index:130;inset:0;display:grid;grid-template-columns:1.05fr .95fr;overflow:auto;background:#07101a}.product-modal[hidden]{display:none}.modal-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(125,215,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(125,215,255,.035) 1px,transparent 1px);background-size:52px 52px}.modal-close{position:fixed;right:30px;top:25px;z-index:4;width:50px;height:50px;border:1px solid var(--border);background:#0d1823;color:white}.modal-visual,.modal-content{position:relative;z-index:1;min-height:100svh}.modal-visual{display:grid;place-items:center;background:radial-gradient(circle,rgba(73,175,224,.13),transparent 52%);border-right:1px solid var(--border)}.modal-visual img{width:90%;height:86vh;object-fit:contain;filter:drop-shadow(0 30px 30px #000)}.modal-sequence{position:absolute;left:35px;top:30px;color:#657485;font:500 9px monospace;letter-spacing:.15em}.modal-content{display:flex;flex-direction:column;justify-content:center;padding:100px clamp(30px,6vw,110px)}.modal-content h2{margin:0;font-size:clamp(48px,5vw,86px);font-weight:430;line-height:.94;letter-spacing:-.055em}.modal-code{color:#6b7a8b;font:550 11px monospace;letter-spacing:.15em}.modal-description{color:#a0adbb;font-size:16px}.modal-specs{margin:25px 0}.modal-specs div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:14px 0;border-top:1px solid var(--border)}.modal-specs dt{color:#69788a;font-size:10px;text-transform:uppercase}.modal-specs dd{margin:0;font-size:13px;white-space:pre-line}.modal-add{align-self:flex-start}
.drawer-overlay{position:fixed;z-index:139;inset:0;background:rgba(0,3,7,.72);backdrop-filter:blur(5px)}.drawer-overlay[hidden]{display:none}.quote-drawer{position:fixed;z-index:140;right:0;top:0;width:min(500px,100%);height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:#08131f;border-left:1px solid rgba(125,215,255,.22);box-shadow:-30px 0 80px rgba(0,0,0,.45);transform:translateX(0)}.quote-drawer:after{content:"";position:absolute;right:0;top:0;width:2px;height:100%;background:linear-gradient(transparent,var(--orange),transparent)}.quote-drawer[hidden]{display:none}.quote-drawer>header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border);background-image:linear-gradient(rgba(125,215,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(125,215,255,.025) 1px,transparent 1px);background-size:26px 26px}.quote-drawer header p{margin:0;color:#657585;font:500 9px monospace;letter-spacing:.14em}.quote-drawer header h2{display:flex;align-items:center;gap:12px;margin:5px 0 0;font-size:27px}.quote-drawer header button{width:46px;height:46px;background:#0d1a27;border:1px solid var(--border);color:#fff}.drawer-body{overflow:auto;padding:0 24px 35px}.quote-items,.quote-drawer form{padding:28px 0;border-bottom:1px solid var(--border)}.quote-items h3,.quote-drawer form h3{margin:0 0 20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.quote-empty{margin:0;color:#69798a;font-size:13px}.quote-item{display:grid;grid-template-columns:68px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.quote-item img{width:68px;height:68px;object-fit:contain;background:#060c13}.quote-item h4{margin:0;font-size:13px}.quote-item p{margin:4px 0;color:#647486;font:500 9px monospace}.quantity{display:flex;align-items:center;border:1px solid var(--border)}.quantity button{display:grid;place-items:center;width:30px;height:30px;background:none;border:0;color:#fff}.quantity span{min-width:22px;text-align:center;font-size:12px}.quote-remove{grid-column:2/4;justify-self:end;background:none;border:0;color:#758495;font-size:11px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{color:#9ca9b7;font-size:11px}.field input,.field textarea,.field select{width:100%;min-height:48px;padding:12px;border:1px solid var(--border);border-radius:3px;background:#0b1824;color:#fff;font-size:16px;outline:none}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue)}.consent{display:flex;gap:10px;align-items:flex-start;color:#8998a8;font-size:11px}.consent input{margin-top:3px;accent-color:var(--blue)}.consent a{color:var(--blue-light);text-decoration:underline}.hp-field{position:absolute!important;left:-9999px!important}.form-status{min-height:20px;margin:12px 0;color:#ff9898;font-size:12px}.submit-quote{width:100%}.quote-drawer>footer{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-top:1px solid var(--border);background:#09141f}.quote-drawer>footer span{color:#758495;font:500 9px monospace;letter-spacing:.12em}.quote-drawer>footer strong{color:var(--blue-light);font-size:22px}.quote-success{padding:60px 15px;text-align:center}.quote-success>span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border:1px solid var(--blue);border-radius:50%;color:var(--blue)}.quote-success>p:first-of-type{color:var(--orange);font:500 9px monospace;letter-spacing:.15em}.quote-success h3{font-size:29px}.quote-success p{color:var(--muted)}.quote-success strong{display:block;margin:24px 0;color:var(--blue-light);letter-spacing:.13em}
.page-loader{position:fixed;z-index:999;inset:0;display:grid;place-items:center;background:#050a10;transition:.55s var(--ease)}.page-loader.done{opacity:0;visibility:hidden}.page-loader img{position:absolute;width:min(360px,65vw);height:auto}.loader-mark{position:absolute;width:230px;height:230px;opacity:.4}.loader-mark span{position:absolute;left:49%;width:8px;height:100%;background:linear-gradient(transparent,var(--blue),transparent)}.loader-mark span:first-child{transform:rotate(45deg);animation:loaderLine 1s infinite alternate}.loader-mark span:last-child{transform:rotate(-45deg);animation:loaderLine 1s .25s infinite alternate}.loader-status{position:absolute;top:65%;display:flex;align-items:center;gap:9px;color:#607183;font:500 8px monospace;letter-spacing:.17em}.loader-status i{width:5px;height:5px;border-radius:50%;background:var(--orange)}
.legal-page{min-height:80vh;max-width:1000px;margin:auto;padding:calc(var(--header) + 90px) 24px 120px}.legal-page h1{margin:20px 0 50px;font-size:clamp(48px,7vw,90px);font-weight:450;letter-spacing:-.055em}.legal-content{color:#a7b3c0;font-size:17px}.legal-content h2{margin-top:42px;color:#fff;font-size:24px}.legal-content a{color:var(--blue-light)}.error-page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(circle,rgba(73,175,224,.14),transparent 44%)}.error-page>span{color:var(--orange);font:500 10px monospace;letter-spacing:.16em}.error-page h1{max-width:800px;margin:25px 0;font-size:clamp(45px,7vw,100px);line-height:.95;letter-spacing:-.06em}.error-page p{color:var(--muted)}
.reveal{opacity:0;transform:translateY(25px);filter:blur(4px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease)}.reveal.in-view{opacity:1;transform:none;filter:none}
@keyframes xBuild{to{transform:rotate(45deg) scaleY(1)}}@keyframes xBuildReverse{to{transform:rotate(-45deg) scaleY(1)}}@keyframes titleReveal{from{transform:translateY(105%)}to{transform:none}}@keyframes machineIn{from{opacity:0;filter:blur(20px);transform:translateX(30px) scale(.97)}to{opacity:1;filter:drop-shadow(0 35px 48px rgba(0,0,0,.48));transform:none}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(242,154,56,0)}}@keyframes loaderLine{from{opacity:.15;transform:rotate(45deg) scaleY(.2)}to{opacity:.8;transform:rotate(45deg) scaleY(1)}}
@media (max-width:1100px){:root{--header:68px}.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.menu-toggle{display:grid}.hero{grid-template-columns:1fr 1.1fr;padding-left:35px;padding-right:35px}.hero-readout span:nth-child(2){display:none}.intro-layout{grid-template-columns:1fr 45px 1fr}.product-stage{grid-template-columns:60px minmax(380px,1.1fr) minmax(300px,.9fr)}.site-footer{gap:4vw}}
@media (max-width:800px){.site-header{padding:0 16px}.brand img{width:min(var(--mobile-logo-width),170px)}.header-quote{padding-left:12px;font-size:0}.header-quote:before{content:"Teklif";font-size:11px}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:calc(var(--header) + 48px) 20px 55px}.hero-copy{display:contents}.hero .eyebrow{order:1;margin-bottom:12px}.hero-title{order:2;font-size:clamp(46px,14vw,74px)}.hero-subtitle{order:3;margin-top:16px;font-size:25px}.hero-description{order:4;font-size:14px}.hero-actions{order:5;margin-top:21px}.hero-machine-wrap{order:6;width:100%;height:clamp(340px,49vh,510px);margin-top:6px}.hero-machine{width:100%;height:100%}.hero-orbit{inset:6% -5%}.hero-x{right:-20%;top:27%;width:100vw}.hero-readout{display:none}.scroll-cue{display:none}.section{padding:100px 20px}.section-index{top:28px;left:20px}.section-heading{margin-bottom:55px}.section-heading h2,.intro-heading h2{font-size:clamp(40px,12vw,62px)}.intro-layout{display:block}.motion-axis{height:110px;margin:35px 0}.motion-axis:before{top:50%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(125,215,255,.32),transparent)}.motion-axis i,.motion-axis b,.motion-axis span{top:50%;left:auto}.motion-axis i{left:5%}.motion-axis span{left:50%}.motion-axis b{left:95%}.motion-display{display:block}.motion-visual{min-height:clamp(390px,115vw,570px);margin-bottom:45px}.motion-features li{min-height:65px}.product-stage{display:flex;flex-direction:column;min-height:0;border:0}.stage-nav{order:1;flex-direction:row;justify-content:flex-start}.stage-nav button{width:auto}.stage-visual{order:2;height:clamp(360px,115vw,520px);margin:8px -10px}.stage-ghost-number{font-size:48vw}.stage-info{order:3}.stage-info h3{font-size:42px}.stage-actions{flex-direction:column;align-items:stretch;gap:6px}.stage-actions .button{width:100%;min-height:52px}.stage-actions .text-button{justify-content:center;min-height:48px}.stage-controls{order:4;grid-template-columns:44px 1fr auto 44px;margin-top:32px}.engineering-list li{grid-template-columns:38px 1fr 38px;gap:14px;padding:20px 0}.engineering-list h3{font-size:18px}.engineering-list p{grid-column:2/4;font-size:13px}.engineering-list i{grid-column:3;grid-row:1}.fair-section{display:block;min-height:0}.fair-visual{min-height:350px;margin-top:60px}.final-cta{min-height:620px}.final-cta>div:last-child{flex-direction:column;width:100%;max-width:360px}.site-footer{display:block;padding:65px 20px 25px}.site-footer nav,.footer-contact{margin-top:35px}.footer-bottom{flex-wrap:wrap}.footer-bottom span{width:100%;margin:0}.product-modal{display:block}.product-modal[hidden]{display:none}.modal-close{right:15px;top:15px}.modal-visual{min-height:45svh;height:45svh;border:0;border-bottom:1px solid var(--border)}.modal-visual img{height:100%;width:100%}.modal-content{min-height:auto;padding:55px 20px 110px}.modal-content h2{font-size:44px}.modal-add{position:fixed;z-index:5;left:16px;right:16px;bottom:14px;width:calc(100% - 32px)}.modal-sequence{left:20px;top:20px}.fair-details{grid-template-columns:1fr}.footer-brand img{width:220px}}
@media (max-width:430px){.header-quote:before{display:none}.header-quote{padding:0 7px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .button{padding:0 12px;font-size:12px}.hero-machine-wrap{height:clamp(330px,105vw,430px)}.section-heading h2,.intro-heading h2{font-size:40px}.stage-info h3{font-size:38px}.final-cta h2{font-size:44px}.quote-drawer>header,.drawer-body,.quote-drawer>footer{padding-left:18px;padding-right:18px}.mobile-contact{flex-direction:column}}
@media (max-width:340px){.brand img{width:125px}.hero-title{font-size:43px}.hero-actions{grid-template-columns:1fr}.hero-machine-wrap{height:340px}.stage-visual{height:350px}.modal-specs div{grid-template-columns:105px 1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}.hero-machine{animation:none}.page-loader{display:none}}

/* Hero logo and three-second Experience product cycle */
.hero-title.hero-title-logo{width:min(100%,680px);overflow:hidden;line-height:1}
.hero-title-logo img{width:100%;height:auto;filter:drop-shadow(0 10px 28px rgba(73,175,224,.1));animation:heroLogoReveal 1.05s .35s var(--ease) both}
.hero-x-trace{position:absolute;z-index:2;inset:-2%;width:104%;height:104%;overflow:visible;filter:drop-shadow(0 0 8px rgba(73,175,224,.72))}
.hero-x-trace path{fill:none;stroke:var(--blue-light);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.13 .87;animation:heroXTrace 3s linear infinite;vector-effect:non-scaling-stroke}
.hero-machine.hero-cycle{animation:float 6s ease-in-out infinite;transition:opacity .48s var(--ease),filter .48s var(--ease),clip-path .48s var(--ease)}
.hero-machine.hero-cycle.slide-out{opacity:0;filter:blur(16px) drop-shadow(0 35px 48px rgba(0,0,0,.3));clip-path:inset(0 0 0 100%);animation:none}
.hero-machine.hero-cycle.slide-in{opacity:0;filter:blur(14px);clip-path:inset(0 100% 0 0);animation:none}
@keyframes heroXTrace{from{stroke-dashoffset:0}to{stroke-dashoffset:-1}}
@keyframes heroLogoReveal{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}
@keyframes heroProductExit{0%{opacity:1;filter:blur(0) drop-shadow(0 35px 48px rgba(0,0,0,.48));transform:translateX(0) scale(1);clip-path:inset(0)}100%{opacity:0;filter:blur(18px) drop-shadow(0 25px 32px rgba(0,0,0,.2));transform:translateX(-52px) scale(.965);clip-path:inset(0 0 0 70%)}}
@keyframes heroProductEnter{0%{opacity:0;filter:blur(18px) drop-shadow(0 25px 32px rgba(0,0,0,.2));transform:translateX(58px) scale(.965);clip-path:inset(0 70% 0 0)}100%{opacity:1;filter:blur(0) drop-shadow(0 35px 48px rgba(0,0,0,.48));transform:translateX(0) scale(1);clip-path:inset(0)}}
.hero-machine.product-exit{animation:heroProductExit .52s var(--ease) both!important}
.hero-machine.product-enter{animation:heroProductEnter .72s var(--ease) both!important}
@media(max-width:800px){.hero-title.hero-title-logo{width:min(100%,560px)}.hero-x-trace{inset:0;width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){.hero-x-trace path,.hero-title-logo img,.hero-machine.hero-cycle,.hero-machine.product-exit,.hero-machine.product-enter{animation:none!important}.hero-x-trace path{stroke-dasharray:1;opacity:.35}}

/* Olympia source transition: exact two-layer timing and transform values */
.hero-machine-wrap{width:100%;height:min(78vh,850px)}
.hero-machine-wrap .hero-slide-image{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;object-fit:contain;opacity:0;filter:drop-shadow(0 35px 48px rgba(0,0,0,.48));transform:translate3d(52px,0,0) scale(.965);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.75,.25,1);animation:none!important;will-change:opacity,transform;backface-visibility:hidden}
.hero-machine-wrap .hero-slide-image.is-active{opacity:1;transform:translate3d(0,0,0) scale(1)}
.hero-machine-wrap .hero-slide-image.is-leaving{opacity:0;transform:translate3d(-46px,0,0) scale(1.025)}
@media(max-width:800px){.hero-machine-wrap{height:clamp(340px,49vh,510px)}}
@media(max-width:430px){.hero-machine-wrap{height:clamp(330px,105vw,430px)}}
@media(max-width:340px){.hero-machine-wrap{height:340px}}
@media(max-width:767px){.hero-machine-wrap .hero-slide-image{transform:translate3d(24px,0,0) scale(.98)}.hero-machine-wrap .hero-slide-image.is-active{transform:translate3d(0,0,0) scale(1)}.hero-machine-wrap .hero-slide-image.is-leaving{transform:translate3d(-22px,0,0) scale(1.015)}}
@media(prefers-reduced-motion:reduce){.hero-machine-wrap .hero-slide-image,.hero-machine-wrap .hero-slide-image.is-active,.hero-machine-wrap .hero-slide-image.is-leaving{transition:none;transform:none}}

/* Netflix-style header: left navigation, centered identity, right quote action */
.site-header,.site-header.scrolled{isolation:isolate;background:linear-gradient(180deg,rgba(2,4,7,.98) 0%,rgba(2,4,7,.72) 48%,rgba(2,4,7,0) 100%);border-bottom:0;backdrop-filter:none}
.site-header:after,.site-header.scrolled:after{display:none;width:0}
.desktop-nav{grid-column:1;grid-row:1;justify-self:start}
.brand{grid-column:2;grid-row:1;justify-self:center}
.header-actions{grid-column:3;grid-row:1;justify-self:end}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto 1fr}.brand{grid-column:2}.header-actions{grid-column:3}.menu-toggle{position:absolute;left:16px;top:calc((var(--header) - 42px)/2)}.header-actions .header-quote{position:relative;z-index:1}}

/* Olympia drawer opening motion */
.quote-drawer:not([hidden]){animation:experienceDrawerIn .45s cubic-bezier(.2,.75,.25,1) both}
@keyframes experienceDrawerIn{from{transform:translateX(100%)}to{transform:translateX(0)}}

/* Experience system axis status */
.motion-axis i{background:var(--blue);box-shadow:0 0 0 7px rgba(73,175,224,.14)}

/* Product stage navigation: image-side arrows and extended progress rail */
.product-stage{grid-template-columns:minmax(480px,1.25fr) minmax(360px,.75fr)}
.stage-visual-arrow{position:absolute;z-index:6;top:50%;display:grid;place-items:center;width:50px;height:50px;padding:0;border:1px solid rgba(125,215,255,.28);border-radius:50%;background:rgba(5,12,19,.78);color:#edf8fd;transform:translateY(-50%);backdrop-filter:blur(8px);transition:border-color .25s,background .25s,transform .25s}
.stage-visual-arrow:hover{border-color:var(--blue-light);background:rgba(73,175,224,.14)}
.stage-visual-arrow:active{transform:translateY(-50%) scale(.94)}
.stage-visual-prev{left:clamp(4px,1.2vw,18px)}
.stage-visual-next{right:clamp(4px,1.2vw,18px)}
.stage-controls{grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:0 6px}
.stage-progress{width:100%}
@media(max-width:1100px) and (min-width:801px){.product-stage{grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr)}}
@media(max-width:800px){.stage-visual-arrow{width:46px;height:46px}.stage-visual-prev{left:2px}.stage-visual-next{right:2px}.stage-controls{grid-template-columns:minmax(0,1fr) auto;padding:0;gap:16px}}

/* Olympia-style product modal entrance and centered close icon */
.product-modal:not([hidden]){animation:experienceModalIn .4s cubic-bezier(.2,.75,.25,1) both;transform-origin:center}
@keyframes experienceModalIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.modal-close{display:grid;place-items:center;padding:0;line-height:0}
.modal-close svg{display:block;width:20px;height:20px;margin:0}
.modal-nav{position:fixed;z-index:5;top:50%;display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid rgba(125,215,255,.3);border-radius:50%;background:rgba(5,12,19,.8);color:#f4f9fc;line-height:0;transform:translateY(-50%);backdrop-filter:blur(8px);transition:border-color .25s,background .25s,transform .25s}
.modal-nav:hover{border-color:var(--blue-light);background:rgba(73,175,224,.14)}
.modal-nav:active{transform:translateY(-50%) scale(.94)}
.modal-nav svg{display:block;width:20px;height:20px;margin:0}
.modal-nav-prev{left:24px}
.modal-nav-next{right:24px}
@media(max-width:800px){.modal-nav{top:23svh;width:46px;height:46px}.modal-nav-prev{left:10px}.modal-nav-next{right:10px}}

/* Mobile modal layout and GPU-light product-stage transitions */
@media(max-width:800px){
  .product-modal:not([hidden]){height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:clamp(360px,100vw,520px) minmax(0,1fr);overflow:hidden}
  .product-modal .modal-visual{grid-row:1;min-height:0;height:auto;padding:0;overflow:hidden}
  .product-modal .modal-visual img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}
  .product-modal .modal-content{grid-row:2;min-height:0;height:auto;justify-content:flex-start;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:34px 20px calc(38px + env(safe-area-inset-bottom))}
  .product-modal .modal-add{position:static;left:auto;right:auto;bottom:auto;width:100%;margin-top:28px}
  .product-modal .modal-close{position:absolute;right:14px;top:calc(12px + env(safe-area-inset-top))}
  .product-modal .modal-nav{position:absolute;top:clamp(180px,50vw,260px)}
  .stage-visual img{transition:opacity .42s cubic-bezier(.2,.75,.25,1),transform .48s cubic-bezier(.2,.75,.25,1);will-change:opacity,transform;backface-visibility:hidden}
  .stage-visual img.changing{opacity:0;filter:drop-shadow(0 28px 30px rgba(0,0,0,.4));transform:translate3d(-18px,0,0) scale(.985)}
}

/* Olympia-strength product illumination for the Experience collection */
.stage-visual{isolation:isolate;background:transparent}
.stage-product-halo{position:absolute;z-index:0;left:50%;top:50%;width:175%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.76) 0%,rgba(239,248,252,.56) 28%,rgba(198,222,233,.3) 52%,rgba(126,172,194,.1) 66%,transparent 78%);filter:blur(18px);box-shadow:0 0 185px rgba(226,244,252,.28);transform:translate(-50%,-50%);pointer-events:none}
.stage-visual img{filter:drop-shadow(0 28px 38px rgba(0,0,0,.34))}
@media(max-width:800px){.stage-product-halo{width:160%;filter:blur(14px);box-shadow:0 0 130px rgba(226,244,252,.24)}}

/* Clean product silhouette: no artificial black shadow, slightly smaller framing */
.stage-visual{overflow:hidden;border:1px solid rgba(35,64,75,.14);background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.98),transparent 31%),radial-gradient(circle at 88% 18%,rgba(204,229,239,.46),transparent 32%),radial-gradient(circle at 62% 90%,rgba(239,222,231,.4),transparent 36%),linear-gradient(138deg,#f8f9f7 0%,#e4ebec 48%,#fbf8f2 100%);box-shadow:inset 0 0 70px rgba(255,255,255,.4)}
.stage-visual:before{content:"";position:absolute;z-index:0;inset:0;background:repeating-linear-gradient(135deg,transparent 0 54px,rgba(29,61,73,.045) 55px,transparent 56px 110px),linear-gradient(110deg,transparent 0 24%,rgba(255,255,255,.6) 24.2%,transparent 24.6% 69%,rgba(105,150,169,.12) 69.2%,transparent 69.6%);opacity:.8;pointer-events:none}
.stage-visual:after,.stage-product-halo{display:none}
.stage-visual .stage-coordinates{border-color:rgba(26,62,76,.13)}
.stage-visual .stage-coordinates span{color:rgba(34,70,84,.48)}
.stage-visual .stage-ghost-number{-webkit-text-stroke-color:rgba(28,64,78,.085)}
.stage-visual img{position:absolute;left:50%;top:50%;width:86%;height:86%;max-width:none;object-position:50% 50%;filter:none;transform:translate3d(-50%,-50%,0);transform-origin:center}
.stage-visual img.changing{filter:none;transform:translate3d(calc(-50% - 20px),-50%,0) scale(.98)}
@media(max-width:800px){.stage-visual{box-shadow:inset 0 0 45px rgba(255,255,255,.36)}.stage-visual:before{background:repeating-linear-gradient(135deg,transparent 0 38px,rgba(29,61,73,.04) 39px,transparent 40px 78px),linear-gradient(110deg,transparent 28%,rgba(255,255,255,.5) 28.3%,transparent 28.8%)}.stage-visual img{left:50%;top:50%;width:88%;height:88%;max-width:none;object-position:50% 50%;filter:none;transform:translate3d(-50%,-50%,0)}.stage-visual img.changing{filter:none;transform:translate3d(calc(-50% - 18px),-50%,0) scale(.985)}}

/* Pearl product surface shared with the technical detail view */
.modal-visual{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.98),transparent 31%),radial-gradient(circle at 88% 18%,rgba(204,229,239,.46),transparent 32%),radial-gradient(circle at 62% 90%,rgba(239,222,231,.4),transparent 36%),linear-gradient(138deg,#f8f9f7 0%,#e4ebec 48%,#fbf8f2 100%);box-shadow:inset 0 0 70px rgba(255,255,255,.4)}
.modal-visual:before{content:"";position:absolute;z-index:0;inset:0;background:repeating-linear-gradient(135deg,transparent 0 54px,rgba(29,61,73,.045) 55px,transparent 56px 110px),linear-gradient(110deg,transparent 0 24%,rgba(255,255,255,.6) 24.2%,transparent 24.6% 69%,rgba(105,150,169,.12) 69.2%,transparent 69.6%);opacity:.8;pointer-events:none}
.modal-visual img{position:relative;z-index:1;filter:none}
.modal-sequence{z-index:2}
.hero-machine-wrap{isolation:isolate}
.hero-machine-wrap:before{display:none}
@media(max-width:800px){.modal-visual{box-shadow:inset 0 0 45px rgba(255,255,255,.36)}.modal-visual:before{inset:0;background:repeating-linear-gradient(135deg,transparent 0 38px,rgba(29,61,73,.04) 39px,transparent 40px 78px),linear-gradient(110deg,transparent 28%,rgba(255,255,255,.5) 28.3%,transparent 28.8%);filter:none;box-shadow:none}.modal-visual img{filter:none}.hero-machine-wrap:before{display:none}}

/* Fair information replaces the former preview artwork */
.fair-info-panel{position:relative;min-height:480px;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,64px);border:1px solid rgba(125,215,255,.14);background:linear-gradient(145deg,rgba(13,31,45,.72),rgba(6,15,24,.45))}
.fair-info-panel:before,.fair-info-panel:after{content:"";position:absolute;width:78px;height:78px;pointer-events:none}
.fair-info-panel:before{left:-1px;top:-1px;border-left:1px solid var(--blue);border-top:1px solid var(--blue)}
.fair-info-panel:after{right:-1px;bottom:-1px;border-right:1px solid rgba(125,215,255,.55);border-bottom:1px solid rgba(125,215,255,.55)}
.fair-info-label{margin:0 0 30px;color:var(--blue-light);font:600 10px/1 monospace;letter-spacing:.2em}
.fair-info-panel .fair-details{margin:0 0 28px}
.fair-empty{display:flex;flex-direction:column;gap:15px;padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.fair-empty span{color:#6f8091;font:600 9px/1 monospace;letter-spacing:.16em}
.fair-empty strong{max-width:520px;font-size:clamp(22px,2vw,34px);font-weight:440;line-height:1.2}
@media(max-width:800px){.fair-info-panel{min-height:330px;margin-top:50px;padding:28px 22px}}

/* Dedicated four-column product catalog */
.catalog-page{min-height:100vh;padding:calc(var(--header) + clamp(70px,8vw,135px)) clamp(24px,4vw,76px) clamp(100px,10vw,180px);overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(47,155,204,.17),transparent 30%),linear-gradient(180deg,#07111b 0%,#05080d 48%,#07101a 100%)}
.catalog-hero{max-width:var(--max);margin:0 auto clamp(60px,7vw,110px);padding-bottom:clamp(40px,5vw,75px);border-bottom:1px solid var(--border)}
.catalog-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,410px);gap:50px;align-items:end}
.catalog-heading h1{margin:0;font-size:clamp(58px,6.5vw,112px);font-weight:430;line-height:1.02;letter-spacing:-.018em}
.catalog-heading>div{padding-bottom:5px}.catalog-heading span{color:var(--blue-light);font:600 10px/1 monospace;letter-spacing:.18em}.catalog-heading p{margin:18px 0 0;color:var(--muted);font-size:16px}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:var(--max);margin:auto;background:rgba(125,215,255,.12);border:1px solid rgba(125,215,255,.12)}
.catalog-card{position:relative;min-width:0;background:#07101a;transition:background .35s var(--ease)}
.catalog-card:hover{background:#091824}
.catalog-card-view{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}
.catalog-card-number{position:absolute;z-index:3;left:20px;top:18px;color:#5d6f80;font:600 9px/1 monospace;letter-spacing:.14em}
.catalog-card-visual{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;aspect-ratio:1/1.08;overflow:hidden;border-bottom:1px solid rgba(35,64,75,.14);background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.98),transparent 31%),radial-gradient(circle at 88% 18%,rgba(204,229,239,.46),transparent 32%),radial-gradient(circle at 62% 90%,rgba(239,222,231,.4),transparent 36%),linear-gradient(138deg,#f8f9f7 0%,#e4ebec 48%,#fbf8f2 100%);box-shadow:inset 0 0 45px rgba(255,255,255,.38)}
.catalog-card-visual>span{position:absolute;z-index:0;inset:0;background:repeating-linear-gradient(135deg,transparent 0 38px,rgba(29,61,73,.04) 39px,transparent 40px 78px),linear-gradient(110deg,transparent 28%,rgba(255,255,255,.5) 28.3%,transparent 28.8%);opacity:.78;transition:opacity .35s,transform .5s var(--ease)}
.catalog-card-visual img{position:relative;z-index:1;width:88%;height:88%;object-fit:contain;transition:transform .55s var(--ease)}
.catalog-card:hover .catalog-card-visual>span{opacity:1;transform:scale(1.08)}.catalog-card:hover .catalog-card-visual img{transform:scale(1.035)}
.catalog-card-copy{display:flex;flex-direction:column;min-height:160px;padding:24px 22px 26px}
.catalog-card-copy small{color:#647586;font:600 9px/1 monospace;letter-spacing:.14em}.catalog-card-copy strong{margin-top:12px;font-size:clamp(19px,1.55vw,27px);font-style:normal;font-weight:480;line-height:1.03;letter-spacing:-.035em}.catalog-card-copy em{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;color:#96a7b6;font-size:11px;font-style:normal}.catalog-card-copy em svg{color:var(--blue-light)}
.catalog-card-add{display:flex;align-items:center;justify-content:center;gap:12px;width:calc(100% - 44px);min-height:50px;margin:0 22px 22px;padding:0 20px;border:1px solid rgba(125,215,255,.72);border-radius:4px;background:var(--blue-light);box-shadow:0 10px 28px rgba(73,175,224,.13);color:#061019;font-size:12px;font-weight:680;transition:.3s var(--ease)}
.catalog-card-add:hover{border-color:#b8ebff;background:#a8e7ff;box-shadow:0 14px 34px rgba(73,175,224,.22);transform:translateY(-2px)}
.catalog-empty{grid-column:1/-1;margin:0;padding:80px 25px;background:#07101a;color:var(--muted);text-align:center}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.catalog-page{padding:calc(var(--header) + 55px) 16px 100px}.catalog-heading{display:block}.catalog-heading h1{font-size:clamp(54px,15vw,72px);line-height:1;letter-spacing:-.01em}.catalog-heading>div{margin-top:30px}.catalog-grid{grid-template-columns:1fr}.catalog-card-visual{aspect-ratio:1/1}.catalog-card-visual img{width:92%;height:92%}.catalog-card-copy{min-height:145px}}