*{box-sizing:border-box}body{margin:0;background:#050b0f;color:#f5f9f9;font-family:Arial,Helvetica,sans-serif}.app{min-height:100vh;background:radial-gradient(circle at 72% 12%,#10282e,#071116 42%,#05090c 100%)}button{font:inherit;cursor:pointer}.brand{display:flex;align-items:center;gap:10px}.mark{width:37px;height:37px;border:2px solid #00c7a4;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center;color:#00c7a4;font-weight:900}.brand b{display:block;letter-spacing:.16em}.brand small{display:block;font-size:8px;color:#8ea1a7;letter-spacing:.12em;margin-top:2px}header{height:72px;border-bottom:1px solid #203940;display:flex;align-items:center;padding:0 28px;gap:30px}.experience{display:flex;margin-left:30px;height:100%}.experience-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:#8fa1a7;padding:0 18px;font-size:9px;font-weight:900;letter-spacing:.1em}.experience-tab.active{color:#00c7a4;border-color:#00c7a4}.live{margin-left:auto;font-size:9px;color:#b7c4c8;letter-spacing:.12em}.live i{display:inline-block;width:6px;height:6px;background:#00c7a4;border-radius:50%;margin-right:6px}.view{display:none}.view.active{display:block}.toolbar,.vehicle-toolbar{height:57px;border-bottom:1px solid #1b3037;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.toolbar span,.vehicle-toolbar span{font-size:9px;color:#a7b7bb;margin-right:8px}.toolbar button{background:#0c1a20;border:1px solid #38525a;color:#e2e9eb;padding:9px 13px;border-radius:3px;font-size:9px;font-weight:900;margin-right:5px}.toolbar button.active{background:#00bda0;border-color:#00bda0;color:#00120e}.clock{font:700 11px monospace;color:#d1dbde}.vehicle-toolbar b{display:block;font-size:9px;margin-top:4px;letter-spacing:.08em}.vehicle-toolbar span{color:#00c7a4;letter-spacing:.14em}main{width:min(1420px,calc(100% - 50px));margin:24px auto;display:grid;grid-template-columns:1fr 330px;gap:18px}.panel,.card,.vehicle-stage{background:#0a171d;border:1px solid #24404a;border-radius:8px}.panel{overflow:hidden}.panel-head,.stage-top{height:82px;padding:18px 22px;border-bottom:1px solid #21373f;display:flex;justify-content:space-between;align-items:center}.panel-head small,.stage-top small{font-size:8px;letter-spacing:.13em;color:#9aabb0}.panel-head h1,.stage-top h1{font-size:23px;margin:5px 0}.normal{font-size:9px;color:#00c7a4;font-weight:900}.normal i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00c7a4;margin-right:6px}.plant{height:455px;margin:20px;border:1px solid #31505a;position:relative;background-color:#081319;background-image:linear-gradient(#183039 1px,transparent 1px),linear-gradient(90deg,#183039 1px,transparent 1px);background-size:34px 34px}.plant:before{content:"";position:absolute;inset:8%;border:2px solid #557078}.room{position:absolute;background:#0b252a;border:1px solid #2d7770;padding:13px;cursor:pointer;transition:.16s}.room:hover,.room.selected{background:#10363a;border-color:#00c7a4;box-shadow:0 0 0 1px #00c7a4}.room b{display:block;font-size:9px;color:#fff}.room span{display:block;font-size:7px;color:#b6c4c7;margin-top:7px}.room strong{color:#f3f8f8}.state{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a25c5c;margin-left:5px}.state.on{background:#00c7a4}.r1{left:12%;top:15%;width:27%;height:27%}.r2{right:11%;top:13%;width:28%;height:29%}.r3{left:12%;bottom:13%;width:28%;height:25%}.r4{right:11%;bottom:11%;width:29%;height:27%}.r5{left:42%;bottom:15%;width:16%;height:20%}.r6{left:42%;top:14%;width:16%;height:19%}.center{position:absolute;left:40%;top:39%;width:20%;height:23%;border:1px dashed #557078;display:grid;place-items:center;text-align:center;color:#a9babf;font-size:10px}.center b{font-size:8px;color:#00c7a4;letter-spacing:.12em}.tip{padding:0 22px 18px;color:#aab9bd;font-size:8px}aside{display:flex;flex-direction:column;gap:13px}.card{padding:16px}.title{display:flex;justify-content:space-between;border-bottom:1px solid #24404a;padding-bottom:12px;margin-bottom:10px}.title small{font-size:8px;letter-spacing:.13em;color:#a5b6ba}.title b{font-size:10px;color:#00c7a4}.device-row,.metric-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #1d333a;font-size:9px}.device-row small,.metric-row span{color:#aab9bd}.device-row b,.metric-row b{color:#fff}.toggle{width:48px;height:22px;border-radius:20px;background:#182a30;border:1px solid #456069;position:relative}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#819399;border-radius:50%}.toggle.on{background:#0d554c;border-color:#00a88e}.toggle.on:after{left:29px;background:#00c7a4}.control{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #1d333a}.control button{background:#12232a;border:1px solid #40555d;color:#fff;width:28px;height:28px}.control .temp{display:flex;align-items:center;gap:8px}.control .temp b{font-size:16px}.event{display:grid;grid-template-columns:52px 1fr;gap:7px;padding:7px 0;border-bottom:1px solid #1b3037;font-size:7px}.event time{color:#91a5aa}.event b{font-weight:500;color:#d6e0e2}.event.ok b:before{content:"●";color:#00c7a4;margin-right:5px}.event.warn b:before{content:"⚠";color:#e2a75d;margin-right:5px}.system{display:grid;grid-template-columns:1fr auto;padding:9px 0;border-bottom:1px solid #1b3037}.system span{font-size:8px}.system i{color:#00c7a4;font-style:normal}.system small{grid-column:1/-1;color:#9aabb0;font-size:7px;margin-top:3px}.simulate,.vehicle-sim{width:min(1420px,calc(100% - 50px));margin:0 auto 28px;border-top:1px solid #24404a;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#09151b}.simulate small,.vehicle-sim small{color:#00c7a4;font-size:8px;letter-spacing:.14em;font-weight:900}.simulate h2,.vehicle-sim h2{font-size:21px;margin:7px 0}.simulate h2 b,.vehicle-sim h2 b{color:#00c7a4}.simulate button,.vehicle-sim button{background:#102127;color:#eef4f5;border:1px solid #3b555d;padding:11px 13px;font-size:8px;font-weight:900;margin-left:6px;border-radius:3px}.simulate button:first-child{background:#00bda0;color:#00120e;border-color:#00bda0}.warn{color:#e9b66f!important;border-color:#78582e!important}.vehicle-main{margin-top:24px}.vehicle-stage{overflow:hidden}.car-scene{height:475px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#102b31,#071117 65%)}.car-scene img{width:min(650px,70%);max-height:390px;object-fit:contain;filter:drop-shadow(0 18px 35px #000);position:relative;z-index:2}.scan{position:absolute;width:62%;height:1px;background:#00c7a4;box-shadow:0 0 20px #00c7a4;opacity:.45;animation:scan 3s linear infinite}.hotspot{position:absolute;z-index:4;background:#07151a;border:1px solid #00c7a4;color:#dff8f4;padding:8px 10px;font-size:8px;font-weight:900;border-radius:20px}.h1{left:20%;top:25%}.h2{right:19%;top:30%}.h3{right:16%;bottom:23%}@keyframes scan{0%{top:18%}100%{top:82%}}.vehicle-readout{position:absolute;z-index:3;left:30px;bottom:25px;text-align:left}.vehicle-readout small{color:#00c7a4;font-size:8px;display:block;letter-spacing:.1em}.vehicle-readout b{font-size:55px;line-height:1}.vehicle-readout span{color:#a5b5b9;font-size:11px}.drive-controls{height:74px;border-top:1px solid #20363d;display:flex;align-items:center;gap:10px;padding:0 25px;position:relative}.drive-controls button{width:32px;height:30px;background:#102127;color:#fff;border:1px solid #40565e}.drive-controls input{width:300px;accent-color:#00c7a4}.drive-controls label{font-size:8px;color:#a6b6ba;margin-left:10px}.vehicle-card .big-metric{padding:14px 0 18px;border-bottom:1px solid #1d333a}.big-metric span{display:block;font-size:8px;color:#a8b7bb}.big-metric b{font-size:45px;line-height:1.05}.big-metric small{font-size:9px;color:#9aabb0}.vehicle-sim{margin-top:18px}
@media(max-width:1000px){.experience{margin-left:0}.live{display:none}main{grid-template-columns:1fr}.simulate,.vehicle-sim{display:block}.simulate>div:last-child,.vehicle-sim>div:last-child{margin-top:15px}.vehicle-main{grid-template-columns:1fr}.car-scene img{width:78%}}
@media(max-width:600px){header{padding:0 13px}.brand small{display:none}.experience-tab{padding:0 7px;font-size:7px}.toolbar,.vehicle-toolbar{padding:0 13px}.plant{margin:12px;height:390px}.room{padding:8px}.room b{font-size:7px}.room span{font-size:6px}.center{font-size:8px}.simulate,.vehicle-sim{width:calc(100% - 20px)}main{width:calc(100% - 20px)}.simulate button,.vehicle-sim button{margin:4px 2px 0 0}.car-scene{height:400px}.car-scene img{width:94%;max-height:310px}.hotspot{font-size:7px;padding:6px 8px}.h1{left:7%;top:23%}.h2{right:7%;top:28%}.h3{right:8%;bottom:20%}.drive-controls input{width:180px}.vehicle-readout{left:18px}.vehicle-readout b{font-size:42px}}

.hud-corner{position:absolute;z-index:3;top:20px;font:8px monospace;line-height:1.7;color:#8fa6ac;letter-spacing:.08em}.hud-corner b{color:#00c7a4}.hud-corner.tl{left:24px}.hud-corner.tr{right:24px;text-align:right}.mini-gauge{position:absolute;z-index:3;left:28px;top:115px;width:82px;height:82px;border:1px solid #31525b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#071217cc}.mini-gauge.right{left:auto;right:28px}.mini-gauge span,.mini-gauge small{font-size:7px;color:#9aadb2}.mini-gauge b{font-size:19px;margin:3px 0}.vehicle-metrics{width:min(1420px,calc(100% - 50px));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#25404a;border:1px solid #25404a}.vehicle-metrics>div{background:#0a171d;padding:14px 17px;position:relative}.vehicle-metrics small{display:block;color:#9eafb4;font-size:7px;letter-spacing:.12em}.vehicle-metrics b{display:block;color:#f5f9f9;font-size:13px;margin-top:7px}.vehicle-metrics span{display:block;color:#82959b;font-size:7px;margin-top:3px}.vehicle-metrics i{position:absolute;right:16px;top:17px;width:6px;height:6px;border-radius:50%;background:#00c7a4}
@media(max-width:700px){.vehicle-metrics{width:calc(100% - 20px);grid-template-columns:1fr 1fr}.hud-corner{font-size:6px}.mini-gauge{display:none}}

/* V3 — cockpit de telemetria */
.car-scene{min-height:500px}
.gauge{position:absolute;z-index:3;width:178px;height:178px;filter:drop-shadow(0 8px 20px #000);background:#071217cc;border-radius:50%}
.gauge svg{width:100%;height:100%;transform:rotate(-135deg)}
.g-bg{fill:none;stroke:#29434b;stroke-width:7;stroke-dasharray:330 110;stroke-linecap:round}
.g-progress{fill:none;stroke:#00c7a4;stroke-width:7;stroke-dasharray:0 440;stroke-linecap:round;transition:stroke-dasharray .25s ease}
.rpm-progress{stroke:#d39a4f}
.gauge line{stroke:#f4fbfa;stroke-width:3;stroke-linecap:round;transform-origin:90px 90px;transition:transform .25s ease}
.gauge-speed{left:25px;top:145px}.gauge-rpm{right:25px;top:145px}
.g-label{position:absolute;left:0;right:0;bottom:45px;text-align:center;color:#9eb1b6;font-size:7px;letter-spacing:.12em}
.g-number{position:absolute;left:0;right:0;top:61px;text-align:center;font-size:29px;font-weight:800;color:#f6fbfb}
.vehicle-readout{bottom:28px}
@media(max-width:1050px){.gauge{width:140px;height:140px}.gauge-speed{left:12px;top:175px}.gauge-rpm{right:12px;top:175px}.g-number{font-size:23px}.g-label{bottom:33px}}
@media(max-width:700px){.gauge{display:none}.car-scene{min-height:400px}}

.mission-bar{width:min(1420px,calc(100% - 50px));margin:18px auto 0;border:1px solid #2b4a54;background:#0b1b21;border-radius:7px;padding:13px 16px;display:grid;grid-template-columns:1fr 180px auto;gap:18px;align-items:center}.mission-bar small{display:block;color:#00c7a4;font-size:7px;letter-spacing:.15em;font-weight:900}.mission-bar b{display:block;font-size:11px;margin-top:4px}.mission-bar span{display:block;color:#aab9bd;font-size:8px;margin-top:3px}.mission-progress{height:4px;background:#1c343c;border-radius:10px;overflow:hidden}.mission-progress i{display:block;width:20%;height:100%;background:#00c7a4;transition:.3s}.mission-bar button{background:#10242b;border:1px solid #3d5962;color:#f1f6f7;padding:10px 12px;font-size:8px;font-weight:900;border-radius:3px}.mission-toast{display:none;position:fixed;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 30px));background:#0a181e;border:1px solid #00c7a4;border-radius:9px;padding:26px;box-shadow:0 20px 80px #000}.mission-toast.show{display:block}.toast-kicker{font-size:8px;color:#00c7a4;font-weight:900;letter-spacing:.14em}.mission-toast h3{font-size:25px;margin:9px 0}.mission-toast p{color:#b3c1c5;font-size:10px;line-height:1.6}.mission-toast button{background:#00bda0;color:#00120e;border:0;padding:11px 14px;font-size:8px;font-weight:900}.mission-shade{display:none;position:fixed;z-index:40;inset:0;background:#000b}.mission-shade.show{display:block}
@media(max-width:800px){.mission-bar{width:calc(100% - 20px);grid-template-columns:1fr}.mission-progress{display:none}}

.operator-score{display:flex;align-items:baseline;gap:4px;border-left:1px solid #29434b;padding-left:14px;margin-left:auto}.operator-score small{font-size:7px;color:#9fb0b5;letter-spacing:.1em}.operator-score b{font-size:18px;color:#00c7a4}.operator-score span{font-size:7px;color:#879a9f}.mission-toast{transition:.2s}.final-shade{display:none;position:fixed;z-index:60;inset:0;background:#02080bcc;backdrop-filter:blur(4px)}.final-shade.show{display:block}.final-panel{display:none;position:fixed;z-index:70;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 28px));padding:34px;background:linear-gradient(145deg,#0b1d23,#071015);border:1px solid #00c7a4;border-radius:12px;text-align:center;box-shadow:0 30px 100px #000}.final-panel.show{display:block}.final-kicker{color:#00c7a4;font-size:8px;font-weight:900;letter-spacing:.16em}.final-ring{width:94px;height:94px;border:2px solid #00c7a4;border-radius:50%;margin:20px auto 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 35px #00c7a422}.final-ring b{font-size:28px}.final-ring small{font-size:7px;color:#9db0b5}.final-panel h2{font-size:27px;line-height:1.1;margin:10px 0}.final-panel h2 b{color:#00c7a4}.final-panel p{font-size:10px;color:#b5c3c7;line-height:1.6}.final-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px}.final-actions a,.final-actions button{padding:12px 14px;border-radius:3px;font-size:8px;font-weight:900}.final-actions a{background:#00bda0;color:#00120e}.final-actions button{background:#10242b;border:1px solid #3c5760;color:#eef4f5}.demo-contact{padding:55px 20px;text-align:center;background:#071116;border-top:1px solid #203941}.demo-contact small{color:#00c7a4;font-size:8px;letter-spacing:.15em}.demo-contact h2{font-size:27px;margin:10px 0 20px}.demo-contact h2 b{color:#00c7a4}.demo-contact a{display:inline-block;background:#00bda0;color:#00120e;padding:13px 17px;font-size:8px;font-weight:900;border-radius:3px}
@media(max-width:600px){.operator-score{display:none}.final-panel{padding:25px}.final-panel h2{font-size:23px}}