:root{--paper:#e9e9e5;--silver:#d3d5d3;--line:#aeb1ae;--ink:#202426;--graphite:#292d2f;--dark:#171a1b;--orange:#ff4b16;--acid:#c8f43d;--white:#f8f8f4;--cond:"Barlow Condensed",Arial,sans-serif;--body:"IBM Plex Sans",Arial,sans-serif;--max:1480px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.55}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(32,36,38,.035) 1px,transparent 1px);background-size:100% 6px;z-index:20}
a{color:inherit}button,input,select,textarea{font:inherit}.skip{position:fixed;left:12px;top:-80px;background:var(--acid);padding:12px 18px;z-index:100}.skip:focus{top:12px}
.topbar{height:78px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;border-bottom:2px solid var(--ink);background:rgba(233,233,229,.96);backdrop-filter:blur(12px);padding:0 clamp(18px,3vw,52px)}
.brand{display:flex;gap:13px;align-items:center;text-decoration:none;width:max-content}.brand-mark{position:relative;width:38px;height:38px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 68%,68% 68%,68% 100%,0 100%)}.brand-mark i:first-child{position:absolute;width:12px;height:12px;border:3px solid var(--acid);border-radius:50%;top:6px;left:6px}.brand-mark i:last-child{position:absolute;width:10px;height:10px;background:var(--orange);right:7px;bottom:7px}.brand b{font:900 28px/1 var(--cond);letter-spacing:.08em}.brand small{display:block;font:600 10px/1.4 var(--body);letter-spacing:.08em}
.nav{display:flex;height:100%;align-items:center}.nav a{height:100%;display:grid;place-items:center;padding:0 17px;text-decoration:none;font:700 13px var(--cond);letter-spacing:.08em;text-transform:uppercase;border-inline-start:1px solid var(--line)}.nav a:last-child{border-inline-end:1px solid var(--line)}.nav a:hover,.nav a.active{background:var(--ink);color:var(--acid)}
.top-actions{justify-self:end;display:flex;align-items:center;gap:15px}.langs{display:flex;border:1px solid var(--ink)}.langs button{border:0;background:transparent;padding:6px 9px;font:700 12px var(--body);cursor:pointer}.langs button.is-active{background:var(--ink);color:var(--acid)}.menu{display:none;border:0;background:var(--ink);width:42px;height:38px;padding:9px}.menu span{display:block;height:2px;background:white;margin:4px 0}
.hero,.section,.contact,footer,.control-strip{max-width:var(--max);margin:auto}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr auto;padding:clamp(55px,7vw,110px) clamp(20px,5vw,76px) 0;border-inline:1px solid var(--line);position:relative;overflow:hidden}.hero::after{content:"LIUNA / SERVICE CONTROL";position:absolute;right:-20px;top:42%;font:900 clamp(70px,9vw,155px)/.7 var(--cond);color:transparent;-webkit-text-stroke:1px rgba(32,36,38,.08);transform:rotate(90deg);pointer-events:none}
.signal{display:flex;align-items:center;gap:10px;font:700 12px var(--cond);letter-spacing:.11em}.signal span{width:11px;height:11px;background:var(--acid);border:3px solid var(--ink);box-shadow:0 0 0 3px var(--acid)}.signal em{font-style:normal;background:var(--orange);color:#fff;padding:3px 8px;margin-left:7px}.hero h1{font:900 clamp(64px,8vw,138px)/.72 var(--cond);letter-spacing:-.045em;text-transform:uppercase;margin:32px 0}.hero h1 mark{background:transparent;color:var(--orange)}.lead{font-size:clamp(17px,1.35vw,21px);max-width:760px;margin:0 0 30px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:2px solid var(--ink);font:800 14px var(--cond);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer}.btn.primary{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:6px 6px 0 var(--ink)}.btn.mail{background:var(--white)}.btn.outline{background:transparent;color:var(--white);border-color:var(--white)}.btn:hover{transform:translate(-2px,-2px)}
.machine{align-self:center;justify-self:end;width:min(100%,520px);aspect-ratio:1.08;border:3px solid var(--ink);background:var(--silver);box-shadow:14px 14px 0 var(--ink);position:relative;padding:17px;z-index:1;background-image:linear-gradient(90deg,transparent 49.7%,rgba(32,36,38,.1) 50%,transparent 50.3%)}.machine-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:11px;font:700 12px var(--cond);letter-spacing:.11em}.machine-head i{flex:1;border-top:1px dashed var(--ink);margin:0 14px}.dial{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:42%;aspect-ratio:1;border-radius:50%;background:var(--graphite);border:11px solid var(--white);outline:3px solid var(--ink);display:grid;place-items:center;color:var(--white);font:700 18px var(--cond);letter-spacing:.1em}.dial i{position:absolute;width:8px;height:43%;background:var(--orange);top:8%;transform-origin:bottom;transform:rotate(38deg)}.rails{position:absolute;inset:26% 10%;display:flex;justify-content:space-between}.rails i{width:14px;height:14px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 5px var(--silver),0 0 0 7px var(--ink)}.machine-status{position:absolute;bottom:17px;left:17px;right:17px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.machine-status span{border:1px solid var(--ink);background:var(--white);padding:10px;display:grid;grid-template-columns:auto 1fr;column-gap:9px}.machine-status i{grid-row:1/3;width:9px;height:9px;border-radius:50%;margin-top:4px}.machine-status b,.machine-status small{font-size:10px}.green{background:var(--acid);box-shadow:0 0 8px var(--acid)}.orange{background:var(--orange);box-shadow:0 0 8px var(--orange)}
.hero-data{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:65px -76px 0}.hero-data div{border:1px solid var(--ink);border-bottom:0;padding:15px clamp(18px,4vw,74px);background:var(--ink);color:#fff}.hero-data div+div{border-left-color:#555}.hero-data dt{font:600 10px var(--body);text-transform:uppercase;color:#b9bdbb}.hero-data dd{margin:2px 0;font:800 23px var(--cond);color:var(--acid)}
.control-strip{background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;gap:22px;padding:17px 25px;border-inline:1px solid var(--ink)}.control-strip div{display:flex;gap:9px;align-items:center}.control-strip span{background:var(--ink);padding:2px 7px;font:700 11px var(--body)}.control-strip b{font:800 14px var(--cond);letter-spacing:.08em}.control-strip>i{width:30px;border-top:1px dashed white}
.section{padding:clamp(76px,9vw,140px) clamp(20px,5vw,76px);border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.section-label{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;gap:14px;align-items:center;font:800 12px var(--cond);letter-spacing:.1em}.section-label span{background:var(--acid);padding:8px 4px;color:var(--ink)}.section-label.red span{background:var(--orange);color:white}
.intro{display:grid;grid-template-columns:50px 1fr 1fr;gap:clamp(30px,6vw,95px);align-items:start}.kicker{font:800 12px var(--cond);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;color:var(--orange)}h2{font:800 clamp(43px,5.6vw,87px)/.88 var(--cond);letter-spacing:-.03em;text-transform:uppercase;margin:0}h3{font:800 24px/1 var(--cond);text-transform:uppercase;margin:10px 0}.copy-panel{font-size:18px}.notice{border-left:8px solid var(--acid);background:var(--ink);color:white;padding:18px 20px;font-weight:600}
.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end;margin-bottom:55px}.section-head>p{margin:0;font-size:17px}.section-head.light{color:white}.section-head.light .kicker{color:var(--acid)}
.area-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.area-card{min-height:330px;padding:25px;display:flex;flex-direction:column;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--white);position:relative}.area-card>span,.support-list span{font:800 12px var(--cond);letter-spacing:.12em}.area-card h3{font-size:30px;margin-top:auto}.area-card p{margin-top:12px}.area-card a{font:800 13px var(--cond);letter-spacing:.07em;margin-top:15px}.area-card.featured{background:var(--orange);color:#fff}.area-card.dark{background:var(--ink);color:#fff}.area-card.acid{background:var(--acid)}
.bay{display:grid;grid-template-columns:50px 1fr 1fr;gap:clamp(35px,6vw,90px);align-items:center}.bay.reverse{grid-template-columns:50px 1fr 1fr}.bay-copy>p:not(.kicker){font-size:18px}.bay-visual{min-height:440px;background:var(--graphite);position:relative;overflow:hidden;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--line)}.metal-visual{display:grid;place-items:center}.plate{width:66%;aspect-ratio:1.45;background:var(--silver);border:5px solid #8a8e8c;position:relative;display:grid;place-items:center;transform:rotate(-7deg);box-shadow:inset 0 0 0 8px #bec1bf}.plate i{position:absolute;width:23px;height:23px;background:var(--graphite);border-radius:50%;border:4px solid #939695}.plate i:nth-child(1){left:14px;top:14px}.plate i:nth-child(2){right:14px;top:14px}.plate i:nth-child(3){right:14px;bottom:14px}.plate i:nth-child(4){left:14px;bottom:14px}.plate b{font:900 54px var(--cond);color:#555}.clamp{position:absolute;height:60%;width:28%;right:-8%;top:20%;border:18px solid var(--orange);border-left:0}.gear-visual{display:grid;place-items:center;background:var(--silver)}.gear{width:220px;height:220px;background:var(--ink);border-radius:50%;clip-path:polygon(43% 0,57% 0,61% 12%,72% 17%,83% 10%,93% 21%,86% 32%,91% 43%,100% 47%,100% 58%,88% 63%,83% 74%,90% 84%,79% 94%,68% 87%,57% 92%,53% 100%,42% 100%,37% 88%,26% 83%,15% 90%,5% 79%,13% 68%,8% 57%,0 53%,0 42%,12% 37%,17% 26%,10% 16%,21% 5%,32% 13%);position:relative}.gear::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:var(--silver);inset:0;margin:auto}.measure{position:absolute;bottom:25px;left:25px;background:var(--acid);padding:6px 12px;font:800 16px var(--cond)}.check-list{list-style:none;padding:0;margin:25px 0 0}.check-list li{padding:9px 0 9px 28px;border-bottom:1px solid var(--line);position:relative}.check-list li::before{content:"+";position:absolute;left:0;color:var(--orange);font-weight:900}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tag-row span{background:var(--ink);color:var(--acid);padding:8px 12px;font:700 11px var(--body)}
.equipment{background:var(--white)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink)}.status-grid article{padding:28px;border-right:1px solid var(--ink);min-height:280px}.status-grid article:last-child{border:0}.status-grid>article>span{display:block;font:800 50px var(--cond);color:#c2c4c1}.lamp{float:right;width:11px;height:11px;border-radius:50%;background:#777;border:2px solid var(--ink)}.lamp.orange{background:var(--orange)}.lamp.red-lamp{background:#e22020;box-shadow:0 0 8px #e22020}.lamp.green{background:var(--acid)}
.vehicles{display:grid;grid-template-columns:50px 1fr;gap:45px}.vehicle-head,.vehicle-grid{grid-column:2}.vehicle-head{max-width:900px}.vehicle-head>p:last-child{font-size:18px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ink);border:2px solid var(--ink)}.vehicle-grid article{background:var(--silver);padding:27px}.vehicle-grid b{color:var(--orange);font:900 28px var(--cond)}
.support,.builder{background:var(--graphite);color:white}.support-list{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #596063}.support-list article{padding:26px;border-right:1px solid #596063}.support-list article:last-child{border:0}.support-list span{color:var(--acid)}.support-list p{color:#d2d5d3}
.flow{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}.flow li{display:grid;grid-template-columns:100px 1fr;align-items:center;border-bottom:1px solid var(--ink);padding:18px 0}.flow li>span{font:900 55px var(--cond);color:var(--orange)}.flow h3{margin:0}.flow p{margin:5px 0}
.intake{display:grid;grid-template-columns:50px .7fr 1.3fr;gap:50px}.intake-grid{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink)}.intake-grid article{padding:22px;border:1px solid var(--ink)}.intake-grid b{background:var(--ink);color:var(--acid);padding:3px 7px;font-size:11px}.intake-copy p:last-child{font-size:17px}
.safety{background:var(--acid)}.safety-title{display:flex;gap:25px;align-items:center;margin-bottom:50px}.warning{display:grid;place-items:center;width:90px;height:90px;background:var(--orange);color:white;font:900 70px/1 var(--cond);clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:17px}.safety .kicker{color:var(--ink)}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.safety-grid article{border-top:4px solid var(--ink)}
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case-grid article{background:var(--silver);padding:22px;border-top:7px solid var(--orange);min-height:230px}.case-grid span{font:800 11px var(--cond);letter-spacing:.1em}
.builder-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:45px}.spec-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.spec-form label{display:block}.spec-form label.wide{grid-column:1/-1}.spec-form label>span,.contact-form label>span{display:block;font:800 12px var(--cond);letter-spacing:.09em;color:var(--acid);margin-bottom:6px}.spec-form select,.spec-form textarea,.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #707678;border-radius:0;background:#171a1b;color:white;padding:13px;outline:none}.spec-form select:focus,.spec-form textarea:focus,.contact-form :focus{border-color:var(--acid);box-shadow:0 0 0 2px var(--acid)}.spec-form option,.contact-form option{background:#171a1b}.output-panel{border:2px solid #777;background:#171a1b;padding:20px;display:flex;flex-direction:column}.output-head{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding-bottom:12px;font:800 11px var(--cond);letter-spacing:.1em;color:var(--acid)}#specOutput{white-space:pre-wrap;font:500 13px/1.65 var(--body);flex:1;color:#e4e6e4}.output-actions{display:flex;gap:12px;flex-wrap:wrap}.output-note{font-size:12px;color:#aeb4b1}.output-actions .btn{box-shadow:none}
.registry-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.registry-card{border:2px solid var(--ink);background:var(--white);padding:25px}.file-tab{display:inline-block;background:var(--orange);color:white;padding:5px 10px;font:800 11px var(--cond);letter-spacing:.1em}.registry-card dl{margin:20px 0 0}.registry-card dl div{display:grid;grid-template-columns:210px 1fr;padding:12px 0;border-bottom:1px solid var(--line)}.registry-card dt{font-size:12px;color:#5c6160}.registry-card dd{margin:0;font-weight:600}.address-card{background:var(--ink);color:white;padding:30px;min-height:300px;display:flex;flex-direction:column}.address-card span{font:800 11px var(--cond);color:var(--acid);letter-spacing:.1em}.address-card h3{font-size:35px;line-height:1.05;margin:auto 0}.address-card a{font:800 25px var(--cond);color:var(--orange)}
.governance{display:grid;grid-template-columns:50px 1fr;gap:45px}.gov-head,.gov-grid{grid-column:2}.gov-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.gov-grid article{padding:20px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.gov-grid>article>span{font:900 38px var(--cond);color:var(--orange)}
.faq{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px}.accordion details{border-top:2px solid var(--ink);padding:18px 0}.accordion details:last-child{border-bottom:2px solid var(--ink)}.accordion summary{cursor:pointer;font:800 23px var(--cond);text-transform:uppercase;list-style:none;padding-right:40px;position:relative}.accordion summary::after{content:"+";position:absolute;right:8px;color:var(--orange)}.accordion details[open] summary::after{content:"—"}.accordion p{max-width:700px}
.contact{padding:clamp(70px,9vw,140px) clamp(20px,5vw,76px);background:var(--orange);color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-inline:1px solid var(--ink)}.contact .kicker{color:var(--ink)}.contact-copy>p:not(.kicker){font-size:18px;max-width:650px}.big-email{display:block;font:800 clamp(34px,4vw,62px)/1 var(--cond);margin:35px 0;color:white;text-decoration-thickness:2px}.contact address{font-style:normal;max-width:520px}.contact-form{background:var(--ink);padding:28px}.contact-form label{display:block;margin-bottom:14px}.contact-form .btn{margin-top:5px}.form-note,.form-status{font-size:12px;color:#bbc0bd}.form-status{color:var(--acid);font-weight:700}
footer{background:var(--dark);color:white;min-height:150px;padding:35px clamp(20px,5vw,76px);display:grid;grid-template-columns:1fr auto auto;gap:45px;align-items:center;border-inline:1px solid #444}.footer-brand b{display:block;font:900 35px var(--cond)}.footer-brand span,footer div:nth-child(2){font:600 10px var(--body);color:#a9aeab;letter-spacing:.08em}footer div:nth-child(2){display:flex;gap:20px}footer>a{color:var(--acid);font:800 13px var(--cond)}
@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.nav{position:absolute;top:78px;left:0;right:0;height:auto;background:var(--ink);display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{height:auto;padding:16px 25px;color:white;border:0;border-bottom:1px solid #4b5052;display:block}.menu{display:block}.hero{grid-template-columns:1fr}.machine{justify-self:start;margin-top:60px;width:min(580px,90%)}.hero-data{margin-left:-5vw;margin-right:-5vw}.area-grid{grid-template-columns:repeat(2,1fr)}.status-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.support-list{grid-template-columns:1fr 1fr}.support-list article{border-bottom:1px solid #596063}.gov-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){html{scroll-padding-top:67px}.topbar{height:66px;padding:0 15px}.brand small{display:none}.brand b{font-size:24px}.brand-mark{width:32px;height:32px}.nav{top:66px}.langs button{padding:5px 7px}.hero{min-height:0;padding-top:55px}.hero::after{display:none}.hero h1{font-size:62px}.machine{margin-top:45px;width:calc(100% - 12px)}.hero-data{grid-template-columns:1fr 1fr;margin:50px -20px 0}.hero-data div{padding:13px 20px}.control-strip{justify-content:flex-start;overflow:auto}.control-strip>i{display:none}.intro,.bay,.bay.reverse,.intake{grid-template-columns:1fr}.section-label{writing-mode:horizontal-tb;transform:none;flex-direction:row}.section-head,.builder-layout,.registry-layout,.faq,.contact{grid-template-columns:1fr}.area-grid,.vehicle-grid,.status-grid,.case-grid,.safety-grid,.gov-grid{grid-template-columns:1fr}.area-card{min-height:270px}.bay-visual{min-height:310px}.bay.reverse .bay-visual{grid-row:2}.status-grid article{min-height:auto;border-right:0;border-bottom:1px solid var(--ink)}.vehicles,.governance{grid-template-columns:1fr}.vehicle-head,.vehicle-grid,.gov-head,.gov-grid{grid-column:1}.support-list{grid-template-columns:1fr}.flow li{grid-template-columns:65px 1fr}.flow li>span{font-size:40px}.intake-grid{grid-template-columns:1fr}.spec-form{grid-template-columns:1fr}.spec-form label.wide{grid-column:auto}.registry-card dl div{grid-template-columns:1fr;gap:3px}.address-card h3{font-size:29px}.contact{gap:45px}.contact-form{padding:20px}footer{grid-template-columns:1fr;gap:15px}.hero,.section,.contact,footer{border-inline:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
