@font-face{font-family:BC;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:BC;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:BC;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:BC;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}


*{box-sizing:border-box;margin:0;padding:0}
:root{--void:#050B22;--dark:#0A1A4F;--navy:#0E246D;--steel:#1A2F6E;--red:#D32F2F;--red2:#FF4B3E;--bg:#F3F4F7;--ink:#141B2D;--mut:#5F6B7A;--line:#E1E3E8;--hd:"BC","Arial Narrow",Inter,sans-serif}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:15px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.hd{font-family:var(--hd);text-transform:uppercase;letter-spacing:.5px;line-height:.95;font-weight:800}
.hatch{display:flex;align-items:center;gap:12px;color:var(--red);font-weight:700;font-size:15px;margin-bottom:6px}
.hatch:before{content:"";width:34px;height:34px;flex:none;background:repeating-linear-gradient(135deg,currentColor 0 3px,transparent 3px 8px);opacity:.9}
.h2{font-family:var(--hd);font-weight:800;font-size:54px;line-height:1;text-transform:uppercase;letter-spacing:.3px}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;padding:15px 28px;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;background:var(--red);color:#fff;border:2px solid var(--red);position:relative;overflow:hidden;cursor:pointer;transition:color .3s}
.btn:before{content:"";position:absolute;inset:0;background:var(--void);transform:translateX(-101%);transition:transform .35s cubic-bezier(.7,0,.3,1);z-index:0}
.btn:hover:before{transform:none}.btn>*{position:relative;z-index:1}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.55)}
.btn.ghost:before{background:#fff}.btn.ghost:hover{color:var(--void)}
.btn.dk:before{background:var(--red)}.btn.dk{background:var(--void);border-color:var(--void)}
/* topbar + header */
.top{background:#000;color:#cfd6e6;font-size:12.5px}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:40px}
.top b{color:#fff}.top .fl{display:flex;gap:10px}.top .fl span{border:1px solid #333;padding:1px 7px;font-weight:700;font-size:11px}
.top .fl .on{background:var(--red);border-color:var(--red);color:#fff}
header{position:sticky;top:0;z-index:80;background:#fff;transition:box-shadow .3s}
header.sc{box-shadow:0 10px 30px rgba(5,11,34,.12)}
header .wrap{display:flex;align-items:center;height:84px;gap:28px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--hd);font-weight:800;font-size:28px;color:var(--navy);letter-spacing:.5px;white-space:nowrap}
.logo img{width:50px;height:50px;transition:transform 1s}
.logo:hover img{transform:rotate(180deg)}
nav{display:flex;gap:20px;margin-left:auto;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
nav a{position:relative;padding:6px 0}
nav a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .3s}
nav a:hover:after,nav a.on:after{transform:scaleX(1);transform-origin:left}
nav a.on{color:var(--red)}
/* HERO */
.hero{position:relative;height:calc(100vh - 124px);min-height:720px;background:var(--void);color:#fff;overflow:hidden}
.hero .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(120,140,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,220,.07) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 70% 50%,#000 20%,transparent 75%)}
.hero .glow{position:absolute;width:900px;height:900px;right:-150px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(30,63,168,.55),transparent 60%);filter:blur(10px)}
.hero canvas{position:absolute;inset:0;pointer-events:none;z-index:3}
.sl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;z-index:2}
.sl.on{opacity:1;visibility:visible}
.sl .wrap{height:100%;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}
.sl .t>*{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.sl.on .t>*{opacity:1;transform:none}
.sl.on .t>*:nth-child(2){transition-delay:.12s}.sl.on .t>*:nth-child(3){transition-delay:.24s}.sl.on .t>*:nth-child(4){transition-delay:.36s}
.sl .tag{color:var(--red2)}
.sl h1{font-family:var(--hd);font-weight:800;font-size:112px;line-height:.88;text-transform:uppercase;margin:12px 0 22px}
.sl h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #fff}
.sl h1 b{color:var(--red2)}
.sl p{color:#b9c3e3;max-width:470px;font-size:16.5px;margin-bottom:34px}
.sl .art{position:relative;height:100%;display:flex;align-items:center;justify-content:center}
.sl .art svg{width:100%;max-height:82%;overflow:visible}
.sl.on .art{animation:kb 7s ease-out forwards}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
.hnav{position:absolute;left:0;right:0;bottom:34px;z-index:5}
.hnav .wrap{display:flex;align-items:center;gap:26px}
.hnav .n{display:flex;align-items:center;gap:12px;cursor:pointer;color:#6f7cab;font-family:var(--hd);font-weight:800;font-size:20px}
.hnav .n i{display:block;width:70px;height:2px;background:#26346b;position:relative;overflow:hidden}
.hnav .n.on{color:#fff}.hnav .n.on i:after{content:"";position:absolute;inset:0;background:var(--red2);animation:pr 7s linear forwards}
@keyframes pr{from{transform:translateX(-100%)}to{transform:none}}
.hnav .arrs{margin-left:auto;display:flex;gap:8px}
.ar{width:50px;height:50px;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:.25s;color:#fff}
.ar:hover{background:var(--red);border-color:var(--red)}
.scrolld{position:absolute;right:32px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right;font-size:11px;letter-spacing:3px;color:#6f7cab;z-index:5}
/* sections */
section{position:relative;padding:110px 0}
.rv{opacity:0;transform:translateY(50px);transition:opacity 1s,transform 1s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.wipe{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.wipe.in{clip-path:inset(0 0 0 0)}
/* about */
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.pic{position:relative;height:500px;background:linear-gradient(135deg,#1a2f6e,#050b22);overflow:hidden}
.pic svg{position:absolute;inset:0;width:100%;height:100%}
.pic small{position:absolute;left:20px;top:18px;color:#8f9cc4;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.badge{position:absolute;right:-30px;bottom:-30px;background:var(--red);color:#fff;padding:30px 34px;z-index:2;box-shadow:0 20px 40px rgba(211,47,47,.35)}
.badge b{font-family:var(--hd);font-size:74px;line-height:.9;display:block}
.badge span{font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.about p{color:var(--mut);margin:20px 0}
.feat{display:grid;gap:16px;margin:26px 0 34px}
.feat div{display:flex;gap:16px;align-items:flex-start}
.feat i{width:46px;height:46px;flex:none;background:var(--bg);display:flex;align-items:center;justify-content:center;font-style:normal;color:var(--red);font-weight:800;transition:.3s}
.feat div:hover i{background:var(--red);color:#fff;transform:rotate(-8deg)}
.feat b{display:block;font-size:16px}.feat small{color:var(--mut)}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;padding:0}
.split .l{background:var(--bg);padding:110px 70px 110px max(32px,calc((100vw - 1240px)/2 + 32px))}
.split .l p{color:var(--mut);margin:18px 0}
.split .l h4{font-size:22px;margin-top:26px}
.split .r{background:#000;position:relative;overflow:hidden;min-height:560px}
.split .r svg{position:absolute;inset:0;width:100%;height:100%}
.play{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;z-index:3;cursor:pointer}
.play:before,.play:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--red);animation:pulse 2.2s infinite}
.play:after{animation-delay:1.1s}
@keyframes pulse{from{transform:scale(1);opacity:.9}to{transform:scale(2.2);opacity:0}}
/* marquee */
.mq{background:var(--red);color:#fff;overflow:hidden;padding:22px 0;white-space:nowrap}
.mq .tr{display:inline-flex;gap:46px;font-family:var(--hd);font-weight:800;font-size:64px;text-transform:uppercase;line-height:1;will-change:transform}
.mq .tr span:nth-child(even){color:transparent;-webkit-text-stroke:1.6px #fff}
.mq .tr i{font-style:normal;opacity:.7}
/* products */
.phead{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pc{position:relative;cursor:pointer}
.pc .im{height:340px;background:radial-gradient(circle at 50% 60%,#fff 0%,#eceef3 70%);position:relative;overflow:hidden}
.pc .im svg{position:absolute;inset:8%;width:84%;height:84%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.pc:hover .im svg{transform:scale(1.1) rotate(-3deg)}
.pc .im:after{content:"";position:absolute;left:0;bottom:0;height:5px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.pc:hover .im:after{transform:none}
.pc .cnt{position:absolute;top:18px;left:20px;font-family:var(--hd);font-weight:800;font-size:56px;color:rgba(14,36,109,.08);line-height:1}
.pc h3{font-size:22px;margin:22px 0 6px;display:flex;justify-content:space-between;align-items:center}
.pc h3 span{width:40px;height:40px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.3s;font-size:16px}
.pc:hover h3 span{background:var(--red);color:#fff;border-color:var(--red);transform:rotate(-45deg)}
.pc p{color:var(--mut);font-size:14px}
/* stage */
.stage{background:radial-gradient(ellipse at 30% 40%,#16296b 0%,var(--void) 60%);color:#fff;overflow:hidden}
.stage .tabs{display:flex;gap:6px;margin:30px 0 0}
.stage .tabs button{padding:12px 22px;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:.25s}
.stage .tabs button.on,.stage .tabs button:hover{background:var(--red);border-color:var(--red)}
.st{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;margin-top:20px}
.st .big{height:470px;position:relative}
.st .big:before{content:"";position:absolute;left:10%;right:10%;bottom:6%;height:40px;background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 70%)}
.st .big:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(90,120,230,.35),transparent 55%);z-index:0}
.st .big svg{position:relative;z-index:1;width:100%;height:100%;animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px)}}
.st h3{font-family:var(--hd);font-size:76px;line-height:.9;text-transform:uppercase}
.st .s{color:var(--red2);font-weight:700;margin:14px 0}
.st p{color:#b9c3e3}
.spec{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0 34px;border-top:1px solid rgba(255,255,255,.15)}
.spec div{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:12px;color:#8f9cc4;text-transform:uppercase;letter-spacing:1px}
.spec b{display:block;font-family:var(--hd);font-size:30px;color:#fff;letter-spacing:0}
.thr{display:flex;gap:12px;margin-top:40px;align-items:center}
.thr .tw{overflow:hidden;flex:1}.thr .tt{display:flex;gap:12px;transition:transform .5s}
.th{flex:0 0 calc((100% - 60px)/6);height:120px;border:1px solid rgba(255,255,255,.14);cursor:pointer;position:relative;transition:.3s;background:rgba(255,255,255,.03)}
.th svg{position:absolute;inset:14px 14px 30px;width:calc(100% - 28px);height:calc(100% - 44px)}
.th span{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11.5px;font-weight:700;color:#b9c3e3}
.th:hover{background:rgba(255,255,255,.08)}.th.on{border-color:var(--red2);background:rgba(211,47,47,.15)}
.fadeup{animation:fu .6s cubic-bezier(.2,.8,.2,1)}
@keyframes fu{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
/* laser */
.laser{background:#000;color:#fff;overflow:hidden}
.lz{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.lz p{color:#a9b2c9;margin:18px 0 28px}
.svcs{display:grid;gap:0;margin-bottom:34px}
.svcs>*{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #222;cursor:pointer;transition:.3s}
.svcs>*:hover{padding-left:12px;color:var(--red2)}
.svcs>* b{font-family:var(--hd);font-size:30px;color:#3a3f52;width:46px}
.svcs>*:hover b{color:var(--red2)}
.svcs>* span{font-family:var(--hd);font-size:30px;font-weight:800;text-transform:uppercase;flex:1}
.svcs>* small{color:#6f7590}
.lzbox{position:relative;height:520px;background:linear-gradient(180deg,#0d0f16,#000);border:1px solid #1d2130}
.lzbox svg{width:100%;height:100%}
.lzbox .lbl{position:absolute;left:18px;top:14px;font:600 11px Inter;color:#5d6380;letter-spacing:2px}
/* counters */
.cnts{background:var(--red);color:#fff;padding:80px 0;position:relative;overflow:hidden}
.cnts:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 2px,transparent 2px 14px)}
.cnts .g{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.cnts .g div{border-left:1px solid rgba(255,255,255,.3);padding:0 30px}
.cnts .g div:first-child{border:0}
.cnts b{font-family:var(--hd);font-size:96px;line-height:.9;display:block}
.cnts span{font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:13px;opacity:.9}
/* parallax cta */
.plx{color:#fff;text-align:center;background-color:var(--void);background-image:linear-gradient(rgba(5,11,34,.86),rgba(5,11,34,.92)),var(--gp);background-attachment:fixed;background-size:auto,260px}
.plx h2{margin:10px 0 18px}.plx p{color:#b9c3e3;max-width:640px;margin:0 auto 34px}
.plx .ph{font-family:var(--hd);font-size:64px;font-weight:800;color:var(--red2);display:block;margin-bottom:26px}
/* news */
.ng{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.nc .im{height:230px;background:linear-gradient(135deg,#dde2ee,#c8d0e3);position:relative;overflow:hidden}
.nc .im svg{position:absolute;inset:15%;width:70%;height:70%;transition:transform .6s}
.nc:hover .im svg{transform:scale(1.12) rotate(8deg)}
.nc .d{background:var(--red);color:#fff;position:absolute;left:0;bottom:0;padding:8px 14px;font-weight:700;font-size:12px}
.nc h4{font-size:19px;line-height:1.3;margin:18px 0 10px;transition:color .2s}
.nc:hover h4{color:var(--red)}
.nc a{font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;border-bottom:2px solid var(--red)}
/* footer */
footer{background:#000;color:#9aa3bd;padding:80px 0 0;font-size:14px;position:relative;overflow:hidden}
footer .fl{text-align:center;margin-bottom:56px}
footer .fl .logo{justify-content:center;color:#fff;font-size:34px}
footer .fl .logo img{background:#fff;border-radius:50%}
footer .g{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
footer h5{color:#fff;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
footer p{margin:5px 0}footer em{color:var(--red2);font-style:normal}
.giant{font-family:var(--hd);font-weight:800;font-size:19vw;line-height:.8;text-align:center;color:transparent;-webkit-text-stroke:1px #1b2133;margin-top:60px;white-space:nowrap;user-select:none}
.copy{border-top:1px solid #1b2133;padding:20px 0;display:flex;justify-content:space-between;font-size:12.5px}
.totop{position:fixed;right:22px;bottom:22px;width:52px;height:52px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:90;opacity:0;transition:.3s}
.totop.on{opacity:1}
.wa{position:fixed;right:22px;bottom:86px;width:52px;height:52px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;z-index:90;box-shadow:0 8px 20px rgba(0,0,0,.3)}
@media(max-width:860px){
 .wrap{padding:0 16px}.top{display:none}nav{display:none}header .wrap{height:64px;justify-content:space-between}.logo{font-size:22px}.logo img{width:38px;height:38px}
 .hero{height:auto;min-height:760px}.sl .wrap{grid-template-columns:1fr;align-content:start;padding-top:20px}.sl .art{height:300px;order:-1}.sl h1{font-size:62px}
 .about,.split,.lz,.st{grid-template-columns:1fr}.split .l{padding:70px 16px}.pg,.ng{grid-template-columns:1fr}.h2{font-size:40px}
 .cnts .g{grid-template-columns:1fr 1fr;gap:30px}.cnts b{font-size:64px}.footer .g{grid-template-columns:1fr 1fr}footer .g{grid-template-columns:1fr 1fr}
 .th{flex:0 0 calc((100% - 24px)/3)}.st h3{font-size:52px}.phead{display:block}.phead .btn{margin-top:20px}.badge{right:10px;bottom:-20px}
 .scrolld{display:none}.mq .tr{font-size:40px}section{padding:76px 0}.plx{background-attachment:scroll}
}

/* detail */
/* ---- product detail ---- */
section,[id]{scroll-margin-top:150px}
.crumb{background:var(--bg);font-size:12.5px;color:var(--mut);padding:14px 0}.crumb b{color:var(--ink)}
.pd-hero{background:radial-gradient(ellipse at 75% 40%,#16296b 0%,var(--void) 62%);color:#fff;padding:60px 0 0;overflow:hidden}
.pdh{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.pdh .line{display:inline-block;background:var(--red);font-size:11px;font-weight:800;letter-spacing:1.5px;padding:5px 10px;margin-bottom:16px}
.pdh h1{font-family:var(--hd);font-size:104px;line-height:.85;text-transform:uppercase}
.pdh h1 small{display:block;font-size:40px;color:#b9c3e3;margin-top:8px}
.pdh p{color:#b9c3e3;font-size:16.5px;margin:22px 0 28px;max-width:520px}
.kf{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.15);margin-bottom:30px}
.kf div{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.kf span{font-size:11px;letter-spacing:1px;color:#8f9cc4;text-transform:uppercase}
.kf b{display:block;font-family:var(--hd);font-size:38px;line-height:1;transition:color .3s}
.kf b.fl{color:var(--red2)}
.viewer{position:relative;height:560px;cursor:grab;user-select:none}
.viewer:active{cursor:grabbing}
.viewer:before{content:"";position:absolute;inset:8% 8% 0;background:radial-gradient(circle at 50% 50%,rgba(90,120,230,.45),transparent 60%)}
.viewer .obj{position:absolute;inset:4% 6% 8%;transform-style:preserve-3d;transition:transform .08s linear}
.viewer .obj svg{width:100%;height:100%}
.viewer .shadow{position:absolute;left:22%;right:22%;bottom:5%;height:34px;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%)}
.vtabs{position:absolute;left:0;right:0;bottom:-2px;display:flex;justify-content:center;gap:6px}
.vtabs button{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-bottom:0;cursor:pointer;color:#b9c3e3;background:rgba(5,11,34,.6)}
.vtabs button.on{background:#fff;color:var(--ink)}
.hint{position:absolute;top:10px;right:0;font-size:11px;color:#8f9cc4;letter-spacing:1px}
/* feature badges */
.feats{background:#fff;border-bottom:1px solid var(--line)}
.feats .wrap{display:grid;grid-template-columns:repeat(8,1fr)}
.fb{padding:26px 10px;text-align:center;border-right:1px solid var(--line);font-size:12px;font-weight:600;line-height:1.35;transition:.25s;cursor:default}
.fb:first-child{border-left:1px solid var(--line)}
.fb svg{width:38px;height:38px;display:block;margin:0 auto 10px;stroke:var(--navy);fill:none;stroke-width:1.8;transition:.25s}
.fb:hover{background:var(--void);color:#fff}.fb:hover svg{stroke:var(--red2);transform:scale(1.12)}
/* sticky subnav */
.sub{position:sticky;top:84px;z-index:60;background:var(--void);color:#fff}
.sub .wrap{display:flex;align-items:center;gap:6px;height:62px}
.sub .lbl{font-family:var(--hd);font-size:22px;font-weight:800;margin-right:14px;letter-spacing:.5px}
.sizes{display:flex;gap:6px}
.sizes button{min-width:58px;text-align:center;padding:8px 10px;border:1px solid rgba(255,255,255,.25);font-family:var(--hd);font-weight:800;font-size:19px;transition:.2s;cursor:pointer}
.sizes button:hover{border-color:#fff}.sizes button.on{background:var(--red);border-color:var(--red)}
.sub nav{margin-left:auto;gap:20px;font-size:11.5px;color:#b9c3e3}
.sub nav a:after{background:var(--red2)}.sub nav a.on{color:#fff}
.sub .btn{padding:11px 18px;margin-left:16px}
/* tdf teaser */
.tdf{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 30px}
.steps3 div{border:1px solid var(--line);padding:18px;position:relative;background:#fff}
.steps3 b{font-family:var(--hd);font-size:40px;color:var(--red);line-height:1;display:block}
.mock{background:var(--void);padding:22px;color:#fff;box-shadow:0 30px 60px rgba(5,11,34,.25);position:relative}
.mock .row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding:11px 0;font-size:13px}
.mock .row span{color:#8f9cc4}.mock .sel{background:rgba(255,255,255,.08);padding:2px 10px}
.mock .res{margin-top:16px;background:var(--red);padding:14px;font-weight:700;display:flex;justify-content:space-between}
/* tables */
.tdhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px;gap:20px;flex-wrap:wrap}
.units{display:inline-flex;border:1px solid var(--line)}
.units button{padding:9px 16px;font-size:12px;letter-spacing:1px;cursor:pointer}.units button.on{background:var(--void);color:#fff}
.note{background:#fff7e0;border-left:4px solid #f0a500;padding:10px 14px;font-size:13px;margin-bottom:26px}
.tbl{margin-bottom:46px}
.tbl h3{font-family:var(--hd);font-size:30px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.tbl h3:before{content:"";width:6px;height:26px;background:var(--red)}
table{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff}
th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center;transition:background .25s}
th{background:var(--void);color:#fff;font-weight:600;font-size:12px;letter-spacing:.5px}
td:first-child,th:first-child{text-align:left}
td:first-child{font-weight:600}td small{color:var(--mut);font-weight:400}
tr:hover td{background:#f6f7fb}
.hl{background:#fdeceb!important;font-weight:700;color:var(--red)}
th.hl{background:var(--red)!important;color:#fff}
.ts{overflow-x:auto}
/* geometry */
.geo{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.draw{background:#f7f9fd;border:1px solid var(--line);padding:16px;position:relative;background-image:linear-gradient(#e9eef8 1px,transparent 1px),linear-gradient(90deg,#e9eef8 1px,transparent 1px);background-size:20px 20px}
.draw svg{width:100%}
.draw .dim{cursor:pointer}.draw .dim line,.draw .dim path{stroke:#2456b3;transition:.2s}.draw .dim text{fill:#2456b3;font:700 13px Inter;transition:.2s}
.draw .dim.on line,.draw .dim.on path{stroke:var(--red);stroke-width:2.2}.draw .dim.on text{fill:var(--red)}
.geo tr.on td{background:#fdeceb}
/* downloads */
.dls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dl{border:1px solid var(--line);padding:22px;background:#fff;transition:.3s;position:relative}
.dl:hover{box-shadow:0 18px 34px rgba(5,11,34,.1);transform:translateY(-4px)}
.dl .ic{width:48px;height:58px;background:var(--void);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;clip-path:polygon(0 0,70% 0,100% 22%,100% 100%,0 100%);margin-bottom:16px}
.dl h4{font-size:17px}.dl p{font-size:13px;color:var(--mut);margin:4px 0 14px}
.dl select{width:100%;padding:9px;border:1px solid var(--line);font:inherit;font-size:13px;margin-bottom:10px;background:#fff}
.lv{position:absolute;top:18px;right:18px;font-size:10.5px;font-weight:800;letter-spacing:.8px;padding:4px 8px}
.l0{background:#e3f4e8;color:#1e7a3c}.l1{background:#e6eefc;color:#2456b3}.l2{background:#fde7dc;color:#b2420a}
/* related */
.rel{background:var(--bg)}
.rg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.rc{background:#fff;border:1px solid var(--line);transition:.3s}
.rc:hover{border-color:var(--red);transform:translateY(-4px)}
.rc .im{height:170px;position:relative;background:radial-gradient(circle,#fff,#eceef3)}.rc .im svg{position:absolute;inset:10%;width:80%;height:80%}
.rc .in{padding:16px}.rc .tag{font-size:10.5px;font-weight:800;letter-spacing:1px;color:var(--red)}
.rc h4{font-family:var(--hd);font-size:28px;line-height:1;margin:4px 0 2px}.rc .sz{font-size:12px;color:var(--mut);margin-bottom:10px}
.rc dl{display:grid;grid-template-columns:1fr auto;font-size:12.5px;gap:4px 10px;border-top:1px solid var(--line);padding-top:10px}
.rc dt{color:var(--mut)}.rc dd{font-weight:700;text-align:right}
.rc .acts{display:flex;border-top:1px solid var(--line);margin-top:12px}
.rc .acts a{flex:1;text-align:center;padding:11px;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.rc .acts a:first-child{background:var(--red);color:#fff}
@media(max-width:860px){.pdh,.tdf,.geo{grid-template-columns:1fr}.pdh h1{font-size:64px}.viewer{height:340px}.feats .wrap{grid-template-columns:repeat(4,1fr)}.sub nav,.sub .lbl{display:none}.sub{top:64px}.dls,.rg{grid-template-columns:1fr}.steps3{grid-template-columns:1fr}}

/* list */
.lh{background:radial-gradient(ellipse at 80% 50%,#16296b 0%,var(--void) 60%);color:#fff;padding:80px 0 70px;overflow:hidden;position:relative}
.lh .wrap{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;position:relative;z-index:2}
.lh h1{font-family:var(--hd);font-size:100px;line-height:.86;text-transform:uppercase}
.lh h1 b{color:var(--red2)}
.lh p{color:#b9c3e3;font-size:17px;margin:22px 0 30px;max-width:540px}
.lh .art{height:380px}.lh .art svg{width:100%;height:100%}
.tools{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-1px;background:var(--void)}
.tool{padding:26px 24px;border-right:1px solid rgba(255,255,255,.08);color:#fff;display:flex;gap:16px;align-items:flex-start;cursor:pointer;transition:.3s;position:relative;overflow:hidden}
.tool:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.4s}
.tool:hover{background:#0c1640}.tool:hover:after{transform:none}
.tool i{font-style:normal;width:46px;height:46px;flex:none;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--red2)}
.tool b{display:block;font-size:15px}.tool small{color:#8f9cc4;font-size:12.5px}
.lines{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:30px;overflow-x:auto}
.lines button{padding:16px 22px;font-size:13px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:.2s;color:var(--mut)}
.lines button span{display:inline-block;background:var(--bg);color:var(--ink);font-size:11px;padding:1px 7px;margin-left:6px;border-radius:10px}
.lines button.on{color:var(--ink);border-color:var(--red)}.lines button.on span{background:var(--red);color:#fff}
.lay{display:grid;grid-template-columns:270px 1fr;gap:34px;align-items:start}
.flt{position:sticky;top:104px;border:1px solid var(--line);background:#fff}
.flt h4{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;padding:14px 18px;background:var(--void);color:#fff;display:flex;justify-content:space-between}
.flt h4 button{color:var(--red2);cursor:pointer;font-weight:600}
.fg{padding:16px 18px;border-bottom:1px solid var(--line)}
.fg h5{font-size:12.5px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.6px}
.fg label{display:flex;align-items:center;gap:9px;font-size:13.5px;padding:4px 0;cursor:pointer}
.fg input[type=checkbox]{accent-color:var(--red);width:16px;height:16px}
.fg input[type=range]{width:100%;accent-color:var(--red)}
.rangev{display:flex;justify-content:space-between;font-size:12px;color:var(--mut)}.rangev b{color:var(--ink)}
.rhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:14px}
.rhead b{font-family:var(--hd);font-size:26px}
.rhead select{padding:9px 12px;border:1px solid var(--line);font:inherit;font-size:13px}
.res{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.gcard{border:1px solid var(--line);background:#fff;display:grid;grid-template-columns:200px 1fr;transition:transform .35s,box-shadow .35s,border-color .35s,opacity .35s}
.gcard:hover{border-color:var(--red);box-shadow:0 20px 40px rgba(5,11,34,.1);transform:translateY(-4px)}
.gcard.out{display:none}
.gcard .im{background:radial-gradient(circle,#fff,#eceef3);position:relative;min-height:220px}
.gcard .im svg{position:absolute;inset:10%;width:80%;height:80%;transition:transform .6s}
.gcard:hover .im svg{transform:scale(1.08) rotate(-2deg)}
.gcard .in{padding:18px 20px;display:flex;flex-direction:column}
.gcard .tag{font-size:10.5px;font-weight:800;letter-spacing:1.1px;color:var(--red)}
.gcard h3{font-family:var(--hd);font-size:38px;line-height:.95;text-transform:uppercase}
.gcard .ds{font-size:13px;color:var(--mut);margin:2px 0 10px}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.chips a{font-size:12px;font-weight:700;border:1px solid var(--line);padding:3px 8px;transition:.2s}
.chips a:hover{background:var(--void);color:#fff;border-color:var(--void)}
.gcard dl{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:12.5px;border-top:1px solid var(--line);padding-top:10px}
.gcard dt{color:var(--mut)}.gcard dd{font-weight:700;text-align:right}
.gcard .acts{display:flex;gap:8px;margin-top:auto;padding-top:14px}
.gcard .acts a{flex:1;text-align:center;padding:10px 6px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;border:2px solid var(--void)}
.gcard .acts a:first-child{background:var(--red);border-color:var(--red);color:#fff}
.empty{display:none;padding:40px;border:2px dashed var(--line);text-align:center;color:var(--mut)}
.custom{background:#000;color:#fff;overflow:hidden}
.custom .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.custom p{color:#a9b2c9;margin:16px 0 26px}
.cs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#1d2130;border:1px solid #1d2130}
.cs div{background:#000;padding:26px}
.cs b{font-family:var(--hd);font-size:44px;color:var(--red2);display:block;line-height:1}
.cs span{font-weight:700}.cs small{display:block;color:#6f7590;font-size:12.5px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.three div{border-top:4px solid var(--red);background:var(--bg);padding:30px}
.three h3{font-family:var(--hd);font-size:34px;text-transform:uppercase;margin:6px 0 10px}
.three small{font-weight:800;letter-spacing:1.4px;color:var(--red);font-size:11px}
.three p{color:var(--mut);font-size:14px;margin-bottom:16px}
@media(max-width:960px){.lh .wrap,.lay,.custom .wrap{grid-template-columns:1fr}.lh h1{font-size:60px}.tools{grid-template-columns:1fr 1fr}.flt{position:static}.res{grid-template-columns:1fr}.three{grid-template-columns:1fr}}
@media(max-width:560px){.gcard{grid-template-columns:1fr}.gcard .im{min-height:180px}}




/* ===== real-photo site additions ===== */
.top a{color:inherit}
nav a.on{color:var(--red)}
.bgp{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.12);transition:transform 8s ease-out}
.sl.on .bgp{transform:scale(1)}
.bgp:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,34,.96) 0%,rgba(5,11,34,.82) 42%,rgba(5,11,34,.35) 75%,rgba(5,11,34,.55) 100%)}
.hero .sl .wrap{position:relative;z-index:2}
.pcard{background:#fff;padding:18px;box-shadow:0 40px 80px rgba(0,0,0,.5);transform:rotate(-2deg);max-width:420px;margin:0 auto;position:relative}
.pcard img{width:100%;display:block}
.pcard .lbl{position:absolute;left:-14px;top:22px;background:var(--red);color:#fff;font:800 13px Inter;letter-spacing:1px;padding:8px 14px}
.pcard.b{transform:rotate(3deg) translate(60px,-40px);position:absolute;width:44%;right:0;top:4%;padding:10px}
.ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.pic .ph-img{z-index:0}
.split .r .ph-img{opacity:.85}
.split .r:hover .ph-img{transform:scale(1.05)}
.pc .im.photo{background:#fff}
.pc .im.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.pc .im.photo.contain img{object-fit:contain;padding:12px}
.pc:hover .im.photo img{transform:scale(1.08)}
.pg.g4{grid-template-columns:repeat(4,1fr)}
.th img{position:absolute;inset:6px 6px 26px;width:calc(100% - 12px);height:calc(100% - 32px);object-fit:cover}
.st .big img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.st .big .frame{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;animation:float 5s ease-in-out infinite}
.st .big .frame img{max-height:100%;width:auto;max-width:100%;background:#fff;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:10px}
.gal a{position:relative;overflow:hidden;cursor:zoom-in;display:block}
.gal a.w{grid-column:span 2}.gal a.t{grid-row:span 2}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .4s}
.gal a:hover img{transform:scale(1.08);filter:brightness(.6)}
.gal a span{position:absolute;left:16px;bottom:14px;color:#fff;font-family:var(--hd);font-size:24px;font-weight:800;text-transform:uppercase;transform:translateY(12px);opacity:0;transition:.35s}
.gal a:hover span{transform:none;opacity:1}
.gal a:before{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--red);z-index:2;transform:scaleX(0);transform-origin:left;transition:.45s}
.gal a:hover:before{transform:none}
.lb{position:fixed;inset:0;background:rgba(5,11,34,.94);z-index:200;display:none;align-items:center;justify-content:center;padding:40px;cursor:zoom-out}
.lb.on{display:flex;animation:fu .3s}.lb img{max-width:92vw;max-height:84vh;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.lb p{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#fff;font-family:var(--hd);font-size:24px;text-transform:uppercase}
.lb .x{position:absolute;top:20px;right:28px;color:#fff;font-size:34px}
/* page hero */
.phero{position:relative;color:#fff;padding:120px 0 90px;overflow:hidden;background:var(--void)}
.phero .bgp{transform:scale(1.08);animation:kbz 10s ease-out forwards}
@keyframes kbz{to{transform:scale(1)}}
.phero .wrap{position:relative;z-index:2}
.phero h1{font-family:var(--hd);font-size:96px;line-height:.88;text-transform:uppercase;max-width:900px}
.phero h1 b{color:var(--red2)}
.phero p{color:#c3cbe0;font-size:17px;max-width:620px;margin:20px 0 0}
.phero .bc{font-size:12.5px;color:#8f9cc4;margin-bottom:26px}.phero .bc a{color:#fff}
/* insta */
.ig{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.ig a{aspect-ratio:1;position:relative;overflow:hidden;display:block}
.ig img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ig a:after{content:"♥  ◎";position:absolute;inset:0;background:rgba(211,47,47,.75);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;opacity:0;transition:.3s;letter-spacing:4px}
.ig a:hover:after{opacity:1}.ig a:hover img{transform:scale(1.1)}
/* machines page */
.mlist{display:grid;gap:30px}
.mrow{display:grid;grid-template-columns:1fr 1.1fr;gap:0;border:1px solid var(--line);background:#fff;transition:.35s}
.mrow:nth-child(even){grid-template-columns:1.1fr 1fr}.mrow:nth-child(even) .mi{order:2}
.mrow:hover{box-shadow:0 30px 60px rgba(5,11,34,.12);border-color:transparent}
.mi{position:relative;min-height:400px;background:#fff;overflow:hidden}
.mi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.mi.contain img{object-fit:contain;padding:20px}
.mrow:hover .mi img{transform:scale(1.05)}
.mi .cap{position:absolute;left:0;top:24px;background:var(--red);color:#fff;font-family:var(--hd);font-size:30px;font-weight:800;padding:6px 18px}
.mt{padding:44px}
.mt .tag{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--red)}
.mt h3{font-family:var(--hd);font-size:52px;line-height:.92;text-transform:uppercase;margin:8px 0 14px}
.mt p{color:var(--mut)}
.mt ul{list-style:none;margin:20px 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.mt li{font-size:14px;display:flex;gap:8px}.mt li:before{content:"■";color:var(--red);font-size:10px;margin-top:4px}
.mt .vols{display:flex;gap:6px;margin:16px 0 0;flex-wrap:wrap}
.vols button{border:1px solid var(--line);padding:6px 12px;font-family:var(--hd);font-size:20px;cursor:pointer;transition:.2s}
.vols button:hover,.vols button.on{background:var(--void);color:#fff;border-color:var(--void)}
/* contact */
.cg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-60px;position:relative;z-index:5}
.cc{background:#fff;padding:28px;box-shadow:0 20px 50px rgba(5,11,34,.12);border-top:4px solid var(--red);transition:.3s}
.cc:hover{transform:translateY(-6px)}
.cc i{font-style:normal;width:52px;height:52px;background:var(--void);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}
.cc small{display:block;font-size:11px;letter-spacing:1.2px;color:var(--mut);font-weight:700;text-transform:uppercase}
.cc b{font-size:17px;display:block;margin-top:4px;line-height:1.35}
.map{height:460px;border:0;width:100%;filter:grayscale(.3) contrast(1.05);display:block}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cform .full{grid-column:span 2}
.cform input,.cform select,.cform textarea{width:100%;padding:14px;border:1px solid var(--line);font:inherit;font-size:14px;background:#fff}
.cform textarea{height:130px;resize:vertical}
.seg3{display:flex;grid-column:span 2;border:1px solid var(--line)}
.seg3 b{flex:1;text-align:center;padding:13px;cursor:pointer;font-size:13px;letter-spacing:.8px;text-transform:uppercase;transition:.2s}
.seg3 b.on{background:var(--void);color:#fff}
.drop2{grid-column:span 2;border:2px dashed var(--line);padding:24px;text-align:center;color:var(--mut);font-size:13px;cursor:pointer;transition:.2s}
.drop2:hover{border-color:var(--red);color:var(--red)}
/* docs + modal */
.dtab{display:grid;gap:12px}
.drow{display:grid;grid-template-columns:56px 1fr 140px 120px 170px;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);padding:14px 18px;transition:.25s}
.drow:hover{border-color:var(--red);transform:translateX(6px)}
.drow .ic{width:42px;height:50px;background:var(--void);color:#fff;font-weight:800;font-size:11px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;clip-path:polygon(0 0,70% 0,100% 22%,100% 100%,0 100%)}
.drow b{display:block}.drow small{color:var(--mut)}
.modal{position:fixed;inset:0;background:rgba(5,11,34,.8);backdrop-filter:blur(4px);z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.modal.on{display:flex}
.mbox{background:#fff;width:440px;max-width:100%;padding:30px;position:relative;animation:fu .35s;border-top:5px solid var(--red)}
.mbox .x{position:absolute;right:18px;top:12px;font-size:24px;cursor:pointer;color:var(--mut)}
.mbox .st{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--red)}
.mbox h3{font-family:var(--hd);font-size:34px;text-transform:uppercase;line-height:1;margin:6px 0 8px}
.mbox p{color:var(--mut);font-size:13.5px;margin-bottom:14px}
.mbox input{width:100%;padding:12px;border:1px solid var(--line);font:inherit;margin-bottom:8px}
.code{font:800 34px/1 "DejaVu Sans Mono",monospace;letter-spacing:6px;text-align:center;background:var(--bg);border:2px dashed var(--line);padding:18px;margin:12px 0}
.chn{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px;margin-bottom:8px;font-weight:700;cursor:pointer;transition:.2s}
.chn:hover{border-color:var(--ink)}.chn i{font-style:normal;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}
.wait{display:flex;gap:10px;align-items:center;background:#fff7e0;padding:10px 12px;font-size:12.5px;margin-top:10px}
.wait:before{content:"";width:10px;height:10px;border-radius:50%;background:#f0a500;animation:pulse2 1.2s infinite}
@keyframes pulse2{50%{opacity:.2}}
.otp{display:flex;gap:6px;justify-content:center;margin:16px 0}
.otp input{width:48px;height:58px;text-align:center;font:800 24px "DejaVu Sans Mono",monospace;border:2px solid var(--line);margin:0;padding:0}
.otp input:focus{border-color:var(--red);outline:0}
.ok{text-align:center;padding:10px 0}.ok b{font-size:60px;color:#1e9a4c;display:block;line-height:1}
.demo{font-size:11.5px;background:#eef3ff;color:#2456b3;padding:8px 10px;margin-top:10px}
@media(max-width:960px){.pg.g4{grid-template-columns:1fr 1fr}.gal{grid-template-columns:1fr 1fr}.ig{grid-template-columns:repeat(3,1fr)}.mrow,.mrow:nth-child(even){grid-template-columns:1fr}.mrow:nth-child(even) .mi{order:0}.mi{min-height:280px}.mt{padding:26px}.mt h3{font-size:38px}.cg{grid-template-columns:1fr 1fr;margin-top:30px}.phero h1{font-size:56px}.drow{grid-template-columns:48px 1fr;}.drow>*:nth-child(n+3){grid-column:2}.pcard.b{display:none}}
@media(max-width:560px){.pg.g4,.cg{grid-template-columns:1fr}.cform{grid-template-columns:1fr}.cform .full,.seg3,.drop2{grid-column:auto}.mt ul{grid-template-columns:1fr}}

.stage .spec b{font-size:24px;line-height:1.1}

/* ===================== WordPress theme additions ===================== */
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.hnav .n,.ar{font-family:var(--hd)}
.ar{background:transparent}
.stage .tabs button,.lines button,.sizes button,.units button,.vtabs button,.vols button{font-family:Inter,system-ui,sans-serif}
.lines button{padding:16px 22px;font-size:13px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;border-bottom:3px solid transparent;color:var(--mut);font-weight:600}
.lines button span{display:inline-block;background:var(--bg);color:var(--ink);font-size:11px;padding:1px 7px;margin-left:6px;border-radius:10px}
.lines button.on{color:var(--ink);border-color:var(--red)}.lines button.on span{background:var(--red);color:#fff}
.sizes button{color:#fff}
.flt h4 button{color:var(--red2);font-weight:600;font-size:12px;letter-spacing:1.2px;text-transform:uppercase}
.vols button{border:1px solid var(--line);padding:6px 12px;font-family:var(--hd)!important;font-size:20px;font-weight:800;transition:.2s}
.vols button:hover,.vols button.on{background:var(--void);color:#fff;border-color:var(--void)}
.vols.dark button{border-color:rgba(255,255,255,.3);color:#fff}.vols.dark button.on,.vols.dark button:hover{background:var(--red);border-color:var(--red)}
.vols{display:flex;gap:6px;margin:16px 0 0;flex-wrap:wrap}
.skip{position:absolute;left:-9999px;top:0;z-index:999;background:#fff;padding:8px 12px}.skip:focus{left:8px}
body.admin-bar header{top:32px}body.admin-bar .sub{top:116px}
@media(max-width:782px){body.admin-bar header{top:46px}}
.gcard .tag,.rc .tag,.mt .tag{text-transform:uppercase}
.gcard .im{display:block}.gcard .im.contain img{object-fit:contain!important;background:#fff;padding:10px}
.gcard .im img,.rc .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gcard h3 a:hover,.mt h3 a:hover{color:var(--red)}
.rc{display:block}.rc .im{display:block}
.mi{display:block}.mi.contain img{object-fit:contain;padding:20px}
.art-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#fff,#eceef3)}
.art-ph svg{width:78%;height:78%}
.art-ph.big{position:relative;height:100%;background:none}
.pc .im .art-ph{position:absolute}
.cs.light{grid-template-columns:repeat(4,1fr);background:var(--line);border-color:var(--line)}.cs.light div{background:#fff}.cs.light small{color:var(--mut)}
.cs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#1d2130;border:1px solid #1d2130}
.cs div{background:#000;padding:26px}.cs b{font-family:var(--hd);font-size:44px;color:var(--red2);display:block;line-height:1}.cs span{font-weight:700;display:block}.cs small{display:block;color:#6f7590;font-size:12.5px}
.note{background:#fff7e0;border-left:4px solid #f0a500;padding:10px 14px;font-size:13px;margin:0 0 26px}
.entry{font-size:16px;line-height:1.75}.entry p{margin:0 0 1em;color:var(--mut)}.entry h2,.entry h3{font-family:var(--hd);text-transform:uppercase;margin:1.4em 0 .5em;line-height:1}.entry h2{font-size:38px}.entry h3{font-size:28px}.entry ul,.entry ol{margin:0 0 1em 1.4em;color:var(--mut)}.entry a{color:var(--red);text-decoration:underline}.entry img{max-width:100%;height:auto}
.about .entry p{font-size:15px}
.howto{margin-top:30px;background:var(--bg);padding:22px 26px;border-left:4px solid var(--red)}.howto ol{margin:10px 0 0 20px;color:var(--mut);font-size:14px}
.drow .dil{font-size:13px;color:var(--mut)}
.pager{margin-top:30px}.pager .nav-links{display:flex;gap:6px}.pager .page-numbers{border:1px solid var(--line);padding:8px 14px}.pager .current{background:var(--red);color:#fff;border-color:var(--red)}
.nc{display:block}
.nc .more{font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;border-bottom:2px solid var(--red)}
/* machine single */
.pd-hero.mach{padding:60px 0 80px}
.pd-hero h1.mh{font-family:var(--hd);font-size:72px;line-height:.92;text-transform:uppercase}
.mgal .main{position:relative;height:500px;background:#fff;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.45)}
.mgal .main img{width:100%;height:100%;object-fit:cover;display:block}
.mgal .main.contain img{object-fit:contain;padding:16px}
.mgal .main .cap{position:absolute;left:0;top:24px;background:var(--red);color:#fff;font-family:var(--hd);font-size:30px;font-weight:800;padding:6px 18px}
.mth{display:flex;gap:8px;margin-top:10px}
.mth button{width:84px;height:64px;border:2px solid transparent;opacity:.7;transition:.2s;padding:0;background:#fff}
.mth button img{width:100%;height:100%;object-fit:cover;display:block}
.mth button.on,.mth button:hover{border-color:var(--red2);opacity:1}
.fgrid2{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fgrid2 div{background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);padding:20px;display:flex;gap:14px;align-items:center}
.fgrid2 b{font-family:var(--hd);font-size:34px;color:var(--red);line-height:1}
.fgrid2 span{font-weight:600}
/* product viewer */
.viewer .frame{height:100%;display:flex;align-items:center;justify-content:center}
.viewer .frame img{max-width:100%;max-height:100%;background:#fff;padding:12px;box-shadow:0 40px 70px rgba(0,0,0,.55)}
.vtabs button{font-size:11.5px;letter-spacing:1px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-bottom:0;color:#b9c3e3;background:rgba(5,11,34,.6)}
.vtabs button.on{background:#fff;color:var(--ink)}
/* quote form */
.cform-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:50px}
.elmas-quote{position:relative}
.elmas-quote .seg3 b{font-weight:600}
.elmas-quote label.kv{font-size:12.5px;display:flex;gap:8px;align-items:flex-start}
.elmas-quote label.kv input{width:auto;margin-top:2px}
.elmas-quote label.kv a{color:var(--red);text-decoration:underline}
.elmas-quote .drop2{display:block}
.qmsg{font-size:14px;font-weight:600}.qmsg.ok{color:#1e7a3c;background:#e3f4e8;padding:12px 14px}.qmsg.err{color:#b32d2e;background:#fdecea;padding:12px 14px}
/* gate modal */
.elmas-modal .mbox form input{width:100%;padding:12px;border:1px solid var(--line);font:inherit;margin-bottom:8px}
.elmas-modal .mbox .kodin{width:100%;padding:12px;border:1px solid var(--line);font:700 18px "DejaVu Sans Mono",monospace;letter-spacing:3px;margin-bottom:6px}
.elmas-modal .chn{color:var(--ink)}
/* mobile navigation */
.burger{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.burger i{display:block;width:24px;height:2px;background:var(--ink);transition:.3s}
.nav-open .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .burger i:nth-child(2){opacity:0}.nav-open .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.top .fl a{border:1px solid #333;padding:1px 7px;font-weight:700;font-size:11px}
.top .fl a.on,.top .fl span.on{background:var(--red);border-color:var(--red);color:#fff}
@media(max-width:1180px){#nav{gap:14px;font-size:11.5px}.hbtn{padding:12px 16px}}
@media(max-width:1024px){
 .burger{display:flex!important;margin-left:auto}
 header .wrap{justify-content:space-between}
 #nav{display:flex!important;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:10px 20px 24px;box-shadow:0 20px 40px rgba(5,11,34,.2);transform:translateY(-8px);opacity:0;visibility:hidden;transition:.3s;z-index:70;font-size:15px}
 #nav a{padding:14px 0;border-bottom:1px solid var(--line)}#nav a:after{display:none}
 .nav-open #nav{transform:none;opacity:1;visibility:visible}
 .hbtn{display:none}
 .fgrid2{grid-template-columns:1fr 1fr}.cs.light{grid-template-columns:1fr 1fr}
 .cform-wrap{grid-template-columns:1fr}
 .feats .wrap{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:600px){
 .fgrid2,.cs.light{grid-template-columns:1fr}.pd-hero h1.mh{font-size:44px}.mgal .main{height:320px}
 .feats .wrap{grid-template-columns:repeat(2,1fr)!important}
 .drow{grid-template-columns:48px 1fr}
}
@media(max-width:860px){
 .hero{min-height:860px}
 .sl .wrap{padding-bottom:120px}
 .sl .t>div:last-child{display:flex;flex-wrap:wrap;gap:10px}
 .sl .t .btn{margin:0}
 .hnav{bottom:22px}
 .wa{bottom:20px;right:14px;width:50px;height:50px}
 .totop{display:none}
 .pd-hero .btn{margin-bottom:8px}
}

/* machine videos */
.vsec{background:var(--void);color:#fff}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,360px));gap:22px}
.vgrid figure{margin:0;background:#000;border:1px solid rgba(255,255,255,.12)}
.vgrid video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#000}
.vgrid figcaption{padding:12px 14px;font-weight:600;font-size:14px;color:#c3cbe0}
.lb video{box-shadow:0 30px 60px rgba(0,0,0,.6)}
.mgal .main.contain{background:#fff}
.mth{overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.mth button{flex:0 0 84px}
.lb video{height:84vh;width:auto;max-width:92vw;background:#000}
.pdh>*{min-width:0}.mgal{min-width:0}
.geo.has-img{grid-template-columns:1.5fr 1fr}.geo.has-img .draw{padding:10px;background:#fff}.geo.has-img .draw a{cursor:zoom-in;display:block}@media(max-width:860px){.geo.has-img{grid-template-columns:1fr}}

/* 1.0.4 – approval / credit badges, social links */
.onay{list-style:none;margin:18px 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.onay li{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border:1px solid rgba(14,36,109,.18);background:#fff;color:var(--ink,#141B2D);font-weight:700;font-size:13px;letter-spacing:.3px;border-radius:999px}
.onay li i{width:24px;height:24px;border-radius:50%;background:var(--red,#D32F2F);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;flex:none}
.onay.dark li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(4px)}
.pd-hero .onay{margin:0 0 20px}
footer .soc{display:flex;gap:14px;margin-top:12px;justify-content:center}
footer .soc a{color:#fff;border-bottom:1px solid var(--red2);font-weight:600;font-size:14px}

/* 1.0.5 – lightbox prev/next */
.lb .nv{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:58px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:40px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .2s;z-index:2}
.lb .nv:hover{background:var(--red)}
.lb .pv{left:24px}.lb .nx{right:24px}
.lb.multi .nv{display:flex}
.lb .ct{position:absolute;top:26px;left:28px;color:rgba(255,255,255,.75);font-family:var(--hd);font-size:20px;letter-spacing:2px}
.lb .x{cursor:pointer;z-index:2}
.lb img,.lb video{cursor:default}
@media(max-width:700px){.lb{padding:12px}.lb .nv{width:44px;height:44px;font-size:30px;top:auto;bottom:70px;transform:none}.lb .pv{left:12px}.lb .nx{right:12px}}

/* 1.0.7 – wordmark logo, laser gallery */
.logo img.wm{width:auto;height:60px;transition:none}
.logo:hover img.wm{transform:none}
footer .fl .logo img.wm{background:none;border-radius:0;height:72px}
@media(max-width:1100px){.logo img.wm{height:44px}}
@media(max-width:900px){.logo img.wm{height:38px}}
.lzslide{position:absolute;inset:0;background:#fff;overflow:hidden}
.lzslide a{position:absolute;inset:0;opacity:0;transition:opacity .9s;display:block}
.lzslide a.on{opacity:1;z-index:1}
.lzslide img{width:100%;height:100%;object-fit:contain;padding:34px 26px 54px;transform:scale(1.04);transition:transform 6s linear}
.lzslide a.on img{transform:scale(1)}
.lzslide .lbl{z-index:3;color:#0E246D}
.lzslide .dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:3}
.lzslide .dots button{width:26px;height:4px;border:0;background:rgba(14,36,109,.2);cursor:pointer;padding:0}
.lzslide .dots button.on{background:var(--red)}
.lzslide .beam{position:absolute;left:0;right:0;height:2px;top:0;z-index:2;background:linear-gradient(90deg,transparent,rgba(211,47,47,.0) 10%,rgba(255,60,40,.9) 50%,rgba(211,47,47,0) 90%,transparent);box-shadow:0 0 14px 2px rgba(255,60,40,.55);animation:lzscan 4.5s ease-in-out infinite;pointer-events:none}
@keyframes lzscan{0%,100%{top:8%}50%{top:88%}}
.pc .im.white{background:#fff}
.pc .im.white img{object-fit:contain;padding:4px;transform:scale(1.25)}
.lzgal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.lzgal a{background:#fff;border:1px solid var(--line,#e3e7ef);aspect-ratio:4/3;display:block;overflow:hidden}
.lzgal img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .5s}
.lzgal a:hover img{transform:scale(1.05)}
@media(max-width:700px){.lzgal{grid-template-columns:1fr 1fr}}

/* 1.0.8 – footer giant logo */
.giant{font-size:0;line-height:0;-webkit-text-stroke:0;margin-top:70px;position:relative}
.giant img{width:100%;max-width:1180px;height:auto;display:block;margin:0 auto;opacity:.3}
.giant:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%) no-repeat;background-size:300% 100%;animation:gshine 6s ease-in-out infinite;
  -webkit-mask:url(../img/logo-yazi-beyaz.png) center top/min(100%,1180px) auto no-repeat;mask:url(../img/logo-yazi-beyaz.png) center top/min(100%,1180px) auto no-repeat}
@keyframes gshine{0%{background-position:100% 0}60%,100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.giant:after{animation:none;display:none}}

/* 1.0.9 – engineering calculators page */
.tools:has(.tool:nth-child(5)){grid-template-columns:repeat(5,1fr)}
@media(max-width:960px){.tools:has(.tool:nth-child(5)){grid-template-columns:1fr 1fr}}
.calc-sec{background:linear-gradient(180deg,var(--bg) 0,#fff 420px);padding-top:60px}
.calc-sec .odh{margin-top:0}
.calc-cta{margin-top:50px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--void);color:#fff;padding:30px 34px;position:relative;overflow:hidden}
.calc-cta:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--red)}
.calc-cta>div{flex:1 1 360px}
.calc-cta b{display:block;font-family:var(--hd);font-weight:800;font-size:32px;line-height:1;text-transform:uppercase}
.calc-cta span{color:#a9b2c9}
.calc-cta .btn.dkg{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
@media(min-width:901px) and (max-width:1500px){header nav{gap:16px;font-size:11.5px;letter-spacing:.5px}header .hbtn{padding:13px 18px}}
@media(min-width:901px) and (max-width:1280px){header nav{gap:12px;font-size:11px}.logo img.wm{height:46px}}

/* 1.2.0 – social icons, cookie banner, map placeholder */
.soc-icons{display:inline-flex;gap:6px;margin-right:12px;vertical-align:middle}
.soc-i{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff;transition:background .25s,transform .25s}
.soc-i:hover{background:var(--red);transform:translateY(-2px)}
.top .fl{display:inline-flex;align-items:center}
.soc-icons.m-only{display:none}
@media(max-width:900px){nav .soc-icons.m-only{display:flex;margin:14px 0 0}nav .soc-icons.m-only .soc-i{background:var(--navy);width:38px;height:38px}}
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:150;display:flex;justify-content:center;pointer-events:none}
.cerez[hidden]{display:none}
.cz-in{pointer-events:auto;max-width:980px;width:100%;background:var(--void);color:#fff;display:flex;gap:22px;align-items:center;padding:20px 24px;box-shadow:0 24px 60px rgba(0,0,0,.45);border-top:4px solid var(--red);animation:fu .4s}
.cz-t{flex:1}.cz-t b{font-family:var(--hd);font-size:22px;letter-spacing:.5px;text-transform:uppercase}
.cz-t p{color:#b9c3e3;font-size:13.5px;margin-top:4px}.cz-t a{color:#fff;border-bottom:1px solid var(--red2)}
.cz-b{display:flex;gap:10px;flex:none}.cz-b .btn{padding:12px 18px}
.cz-b .btn.dkg,.calc-cta .btn.dkg{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
@media(max-width:760px){.cz-in{flex-direction:column;align-items:stretch;gap:14px}.cz-b .btn{flex:1;justify-content:center}}
.mapc{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--bg),#e6e9f0);border:1px solid var(--line);position:relative;overflow:hidden}
.mapc:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(14,36,109,.06) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(14,36,109,.06) 39px 40px)}
.mapc-in{position:relative;padding:24px;max-width:360px}
.mapc-in i{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:26px;font-style:normal;border-radius:50%;margin-bottom:10px}
.mapc-in b{display:block;font-family:var(--hd);font-size:24px;text-transform:uppercase}
.mapc-in p{color:var(--mut);font-size:13.5px;margin:6px 0 14px}
.top .fl .soc-icons{border:0;padding:0;margin-right:8px;gap:6px}
.top .fl .soc-i{border:0;padding:0;width:26px;height:26px;background:#1d2335;color:#fff}
.top .fl .soc-i svg{width:15px;height:15px}
.top .fl .soc-instagram:hover{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}
.top .fl .soc-facebook:hover{background:#1877f2}