:root{--bg:#071017;--panel:#0d1a23;--panel2:#122632;--orange:#ff6b21;--cyan:#42d7e8;--text:#d8e0e4;--muted:#7f929c;--line:#253946}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,'Noto Sans KR',sans-serif;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:34px;padding:0 3vw;background:#03090d;color:var(--cyan);display:flex;align-items:center;justify-content:space-between;font:700 11px monospace;letter-spacing:.12em;border-bottom:1px solid var(--line)}.header{height:88px;padding:0 3vw;display:grid;grid-template-columns:270px 1fr 210px;align-items:center;border-bottom:1px solid var(--line);background:#071017ed;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900;letter-spacing:-.04em}.logo-mark{width:38px;height:38px;background:var(--orange);color:#071017;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,76% 100%,0 100%)}.logo small{display:block;font-size:8px;letter-spacing:.25em;color:var(--muted);margin-top:3px}.gnb{display:flex;height:100%;justify-content:center}.gnb>a{display:flex;align-items:center;padding:0 26px;font-size:14px;font-weight:700;position:relative}.gnb>a:after{content:'';position:absolute;bottom:0;left:26px;right:26px;height:2px;background:var(--orange);transform:scaleX(0);transition:.25s}.gnb>a:hover,.gnb>a.active{color:var(--orange)}.gnb>a:hover:after,.gnb>a.active:after{transform:scaleX(1)}.quote{justify-self:end;padding:15px 18px;background:var(--orange);color:#081016;font-size:12px;font-weight:900;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.menu-toggle{display:none}.hero{min-height:730px;display:grid;grid-template-columns:52% 48%;border-bottom:1px solid var(--line);position:relative}.hero-copy{padding:8vw 4vw 5vw 6vw;position:relative;background:linear-gradient(135deg,#071017 60%,#0d2029)}.hero-tag,.eyebrow{font:700 11px monospace;letter-spacing:.16em;color:var(--cyan)}.hero h1{font-size:clamp(58px,7.1vw,112px);line-height:.86;letter-spacing:-.075em;margin:34px 0;color:#aebbc1}.hero h1 span{display:block;color:var(--orange);text-shadow:0 0 42px #ff6b2140}.hero-copy>p{font-size:17px;line-height:1.9;max-width:550px;color:#8fa1aa}.hero-specs{display:flex;gap:0;margin-top:58px;border:1px solid var(--line);background:#09141b}.hero-specs div{padding:20px 26px;border-right:1px solid var(--line)}.hero-specs strong{font-size:26px;color:var(--cyan)}.hero-specs span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.hero-media{position:relative;background:url('https://storage.googleapis.com/studio-design-asset-files/projects/bXqzey8DOD/s-1024x559_v-fs_webp_ea585d9c-0df5-4351-8e2e-6f412e5dcd5d.webp') center/cover;filter:saturate(.55) contrast(1.08)}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07101780,transparent 45%),linear-gradient(0deg,#071017aa,transparent 50%)}.vertical-label{position:absolute;right:18px;top:30px;z-index:2;writing-mode:vertical-rl;color:#a7b6bc;font:700 10px monospace;letter-spacing:.25em}.precision-card{position:absolute;left:-58px;bottom:45px;z-index:3;width:240px;background:#0a171fdd;border:1px solid var(--orange);border-left:7px solid var(--orange);padding:25px;backdrop-filter:blur(12px)}.precision-card small{font:700 10px monospace;color:var(--orange)}.precision-card strong{display:block;font-size:53px;letter-spacing:-.06em;margin:8px 0;color:#c6d2d7}.precision-card span{color:var(--muted)}.ticker{height:50px;background:var(--orange);color:#071017;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font:900 12px monospace;letter-spacing:.15em}.ticker span{padding-right:55px;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:120px 6vw;position:relative}.section-head{display:grid;grid-template-columns:180px 1fr auto;align-items:end;margin-bottom:60px}.section-head h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.055em;line-height:1;margin:0;color:#b8c5ca}.section-head p{max-width:320px;color:var(--muted);font-size:15px;line-height:1.8}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-card{min-height:350px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a151c;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.capability-card:hover{background:var(--panel2);transform:translateY(-8px);box-shadow:0 18px 50px #0006}.capability-card .num{font:700 12px monospace;color:var(--orange)}.capability-card h3{font-size:30px;letter-spacing:-.04em;margin:0 0 14px;color:#c8d2d6}.capability-card p{font-size:15px;color:var(--muted);line-height:1.8}.capability-card a{font-size:12px;font-weight:900;color:var(--cyan)}.quality{display:grid;grid-template-columns:52% 48%;background:#040a0e;color:var(--text);border-block:1px solid var(--line)}.quality-media{min-height:650px;background:url('https://images.ilnordest.it/view/acePublic/alias/contentid/109dbc24-d9d3-4af2-aca2-906a88b9e6c1/1/bbm_officine-meccaniche-bbm.webp') center/cover;filter:grayscale(.55) contrast(1.12)}.quality-copy{padding:90px 7vw;background:linear-gradient(145deg,#0b1921,#061017)}.quality h2{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.055em;color:#bac7cc}.quality p{color:var(--muted);line-height:1.9}.quality-list{margin-top:50px}.quality-list div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0}.quality-list b{color:var(--orange)}.industries{background:#0b1820}.industry-list{border-top:1px solid var(--line)}.industry-list a{display:grid;grid-template-columns:90px 1fr auto;padding:28px 0;border-bottom:1px solid var(--line);align-items:center;transition:.25s}.industry-list a:hover{padding-left:18px;background:var(--orange);color:#081017}.industry-list span{font:700 11px monospace;color:var(--cyan)}.industry-list a:hover span{color:#081017}.industry-list b{font-size:25px}.industry-list em{font-style:normal;font-size:22px}.cta{padding:90px 6vw;background:linear-gradient(110deg,#152e3b,#0a151c);color:var(--text);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--cyan)}.cta h2{font-size:clamp(38px,5vw,76px);line-height:1;margin:0;letter-spacing:-.06em;color:#b9c6cb}.cta a{background:var(--orange);color:#081017;padding:20px 28px;font-weight:900}.footer{background:#03090d;color:#aab6bb;padding:65px 6vw 25px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;border-top:1px solid var(--line)}.footer-logo{font-size:27px;font-weight:900;color:var(--orange)}.footer p,.footer a{color:var(--muted);font-size:13px;line-height:1.8}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#5e7079}.to-top{position:fixed;right:24px;bottom:24px;z-index:50;width:56px;height:56px;border:1px solid var(--orange);background:#0a151ce8;color:var(--orange);font-weight:900;box-shadow:0 8px 30px #0008;cursor:pointer;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{background:var(--orange);color:#081017}.sub-hero{padding:115px 6vw 80px;background:linear-gradient(135deg,#0c1c25,#050c11);color:var(--text);display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;border-bottom:1px solid var(--line)}.sub-hero h1{font-size:clamp(55px,7vw,105px);line-height:.9;letter-spacing:-.07em;margin:25px 0 0;color:#b7c4c9}.sub-hero p{font-size:16px;line-height:1.9;color:var(--muted);max-width:540px}.local-nav{display:flex;gap:34px;padding:22px 6vw;border-bottom:1px solid var(--line);position:sticky;top:88px;background:#071017ed;backdrop-filter:blur(16px);z-index:20}.local-nav a{font-size:13px;font-weight:700;color:#93a4ab}.local-nav a:hover{color:var(--orange)}.detail-wrap{padding:90px 6vw;position:relative}.detail-row{scroll-margin-top:170px;display:grid;grid-template-columns:32% 68%;padding:70px 0;border-bottom:1px solid var(--line)}.detail-row h2{font-size:40px;letter-spacing:-.05em;margin:10px 0;color:#b9c5ca}.detail-row p{font-size:16px;line-height:1.9;color:var(--muted);max-width:760px}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.data-grid div{padding:24px;background:#0a151c;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.data-grid b{display:block;color:var(--orange);font-size:25px}.data-grid span{font-size:12px;color:var(--muted)}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.header{grid-template-columns:1fr auto}.gnb,.quote{display:none}.menu-toggle{display:block;border:1px solid var(--line);background:var(--panel);color:var(--orange);padding:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 24px}.hero-media{min-height:500px}.precision-card{left:24px}.section{padding:80px 24px}.section-head{grid-template-columns:1fr;gap:20px}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:260px}.quality{grid-template-columns:1fr}.quality-media{min-height:480px}.quality-copy{padding:70px 24px}.cta{display:block;padding:70px 24px}.cta a{display:inline-block;margin-top:35px}.footer{grid-template-columns:1fr;padding:55px 24px 24px}.sub-hero{grid-template-columns:1fr;padding:85px 24px 60px}.local-nav{top:88px;padding:18px 24px;overflow:auto;white-space:nowrap}.detail-wrap{padding:45px 24px}.detail-row{grid-template-columns:1fr;gap:18px}.data-grid{grid-template-columns:1fr}.to-top{right:16px;bottom:16px}}
