@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,'Noto Sans KR',sans-serif;color:#edf4f3;background:#07100f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 76% 2%,#16362f 0,transparent 28%),#07100f}.app{min-height:100vh}button{font:inherit;color:inherit}header{height:76px;border-bottom:1px solid #263633;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#08110fe8;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:13px}.brand-icon{width:35px;height:35px;display:grid;place-items:center;background:#45f0b2;color:#07100f;font-weight:900;clip-path:polygon(50% 0,100% 100%,0 100%)}.brand strong{display:block;letter-spacing:.12em;font-size:14px}.brand small{display:block;color:#6e8881;font:10px 'DM Mono';margin-top:3px}.header-right{display:flex;align-items:center;gap:9px;color:#9bb0aa;font:11px 'DM Mono'}.system-dot{width:7px;height:7px;border-radius:50%;background:#45f0b2;box-shadow:0 0 10px #45f0b2}.prototype{padding:6px 10px;border:1px solid #3c554e;margin-right:20px;color:#adc0bb}main{max-width:1500px;margin:auto;padding:64px 4vw 80px}.intro{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:80px;margin-bottom:42px}.eyebrow,.section-title span,.solution>div>span{font:11px 'DM Mono';letter-spacing:.18em;color:#45f0b2}.intro h1{font-size:clamp(38px,5vw,76px);letter-spacing:-.055em;line-height:1.04;margin:14px 0 18px}.intro h1 em{font-style:normal;color:#9cb2ac}.intro>div>p{color:#82968f;max-width:660px;line-height:1.8}.rebuild-note{border-left:2px solid #45f0b2;padding:6px 0 6px 24px}.rebuild-note b{font-size:14px}.rebuild-note p{font-size:13px;line-height:1.7;color:#71867f;margin:8px 0}.monitor-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.72fr);border:1px solid #30423e;background:#0b1513}.camera-card{min-height:600px;border-right:1px solid #30423e;padding:18px;background:#09110f}.camera-card.alarming{box-shadow:inset 0 0 0 2px #ff624f}.camera-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font:11px 'DM Mono';color:#82968f}.camera-top>span{display:flex;align-items:center;gap:8px}.camera-top i{width:6px;height:6px;border-radius:50%;background:#51625e}.camera-top i.live{background:#ff624f;box-shadow:0 0 8px #ff624f}.camera-top button,.demo-controls button{background:#111e1b;border:1px solid #30423e;padding:7px 10px;font:10px 'DM Mono';cursor:pointer}.camera-top button.active,.demo-controls button.selected{color:#45f0b2;border-color:#45f0b2}.camera-view{height:500px;position:relative;overflow:hidden;background:linear-gradient(140deg,#18221f,#050a09 70%)}.night .camera-view{filter:grayscale(1) contrast(1.2);background:#020505}.camera-view video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:.58}.driver-silhouette{position:absolute;inset:0}.head{position:absolute;width:190px;height:244px;border-radius:46% 46% 40% 40%;background:linear-gradient(120deg,#32443f,#101714);left:50%;top:17%;transform:translateX(-50%)}.body{position:absolute;width:440px;height:250px;border-radius:50% 50% 0 0;background:#182520;left:50%;top:64%;transform:translateX(-50%)}.road-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#45f0b211,transparent 40%)}.mesh{position:absolute;inset:7% 23%;width:54%;height:82%;filter:drop-shadow(0 0 5px #45f0b266)}.mesh-point{fill:#45f0b2}.ir-point{fill:#f2fff9}.face-line,.feature-line{fill:none;stroke:#45f0b2;stroke-width:.35}.gaze-line{stroke:#ffce66;stroke-width:.7;stroke-dasharray:2 2}.lost-frame{position:absolute;inset:28%;border:1px dashed #ff624f;display:grid;place-items:center;color:#ff8c7e;font:12px 'DM Mono';text-align:center}.lost-frame span{font-size:40px}.cam-label{position:absolute;left:16px;bottom:15px;font:10px 'DM Mono';color:#9db0ab}.warning-flash{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:#ff4e39;color:white;padding:12px 22px;text-align:center;box-shadow:0 0 40px #ff4e3966}.warning-flash b{display:block;font-size:18px}.warning-flash span{font:10px 'DM Mono'}.demo-controls{display:flex;align-items:center;gap:8px;margin-top:14px}.demo-controls>span{margin-right:auto;color:#667a74;font:10px 'DM Mono'}.analysis-panel{padding:26px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head span,.state-caption,.landmarks>span{font:10px 'DM Mono';color:#71857f;letter-spacing:.1em}.panel-head h2{font-size:30px;margin:7px 0}.panel-head h2.safe{color:#45f0b2}.panel-head h2.danger{color:#ff624f}.panel-head button{border:0;background:#45f0b2;color:#07100f;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer}.panel-head button.stop{background:#263532;color:#c2d0cc}.attention-score{display:flex;align-items:center;gap:28px;padding:28px 0;border-bottom:1px solid #253632}.score-ring{--score:0%;width:122px;height:122px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#0b1513 58%,transparent 60%),conic-gradient(#45f0b2 var(--score),#21312d 0)}.score-ring b{font-size:36px}.score-ring span{font:9px 'DM Mono';color:#71857f}.attention-score>div:last-child b{display:block;font-size:18px;margin:8px 0}.attention-score small{font-size:10px;color:#71857f}.safe-text{color:#45f0b2}.danger-text{color:#ff624f!important}.gauges{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px 0;border-bottom:1px solid #253632}.gauges span,.timer>span{display:block;color:#71857f;font:10px 'DM Mono'}.gauges b{display:block;font:20px 'DM Mono';margin:7px 0}.gauges i{height:3px;background:linear-gradient(90deg,#ff624f 0 22%,#45f0b2 22% 78%,#ff624f 78%);display:block;position:relative}.gauges em{position:absolute;width:7px;height:13px;background:#fff;top:-5px}.gauges small{font-size:9px;color:#52645f}.timer{padding:22px 0}.timer b{font:34px 'DM Mono';display:block;margin:8px 0}.timer b small{font-size:11px;color:#70827d}.timer>div{height:5px;background:#1d2b27}.timer>div i{display:block;height:100%;background:#ff624f;transition:.1s}.landmarks{display:grid;grid-template-columns:1fr 1fr;gap:9px;font:10px 'DM Mono';color:#95a8a2}.landmarks>span{grid-column:1/-1;margin-bottom:4px}.landmarks i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#45f0b2;margin-right:7px}.landmarks i.ir{background:white;box-shadow:0 0 8px white}.bottom-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.bottom-grid>article{border:1px solid #2b3c38;background:#0b1513;padding:24px}.section-title{display:flex;justify-content:space-between}.section-title h3{margin:6px 0 22px}.section-title>b{font:11px 'DM Mono';color:#657a74}.pipeline{display:flex;align-items:center;justify-content:space-between}.pipeline>div small,.pipeline>div span{display:block;color:#657a74;font:9px 'DM Mono'}.pipeline>div b{display:block;margin:8px 0;font-size:13px}.pipeline>em{color:#3c524c}.event-list>div{display:grid;grid-template-columns:75px 8px 1fr 55px 42px;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #22322e;font-size:11px}.event-list time{font:10px 'DM Mono';color:#73867f}.event-list i{width:6px;height:6px;background:#ff624f;border-radius:50%}.event-list span,.event-list em{color:#778b85;font-style:normal}.solution{margin-top:70px;border-top:1px solid #2d413b;padding-top:50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.solution h2{font-size:40px;line-height:1.2;margin:12px 0}.solution p{color:#788e87;line-height:1.8;font-size:14px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison>div{height:270px;background:#0c1412;border:1px solid #263732;padding:18px;position:relative}.comparison span{font:10px 'DM Mono';color:#677a75}.comparison b{display:block;margin-top:8px}.no-signal{position:absolute;inset:80px 20px 20px;display:grid;place-items:center;border:1px dashed #47534f;color:#596660;font:12px 'DM Mono'}.ir-card{box-shadow:inset 0 0 50px #45f0b211}.mini-face{position:absolute;inset:70px 20px 15px;border-radius:45% 45% 35% 35%;border:1px solid #7dfff166}.mini-face i{position:absolute;width:4px;height:4px;border-radius:50%;background:#bfffee;box-shadow:0 0 5px #45f0b2}footer{border-top:1px solid #24342f;padding:24px 4vw;display:flex;justify-content:space-between;color:#50635e;font:10px 'DM Mono'}@media(max-width:980px){.intro,.monitor-grid,.bottom-grid,.solution{grid-template-columns:1fr}.intro{gap:20px}.camera-card{border-right:0;border-bottom:1px solid #30423e}.monitor-grid{display:grid}.solution{gap:28px}.pipeline{overflow-x:auto;gap:18px}.prototype{display:none}}@media(max-width:620px){main{padding:35px 15px}.header-right{font-size:0}.intro h1{font-size:40px}.camera-card{padding:10px}.camera-view{height:390px}.mesh{inset:7% 8%;width:84%}.demo-controls{flex-wrap:wrap}.demo-controls>span{width:100%}.analysis-panel{padding:18px}.attention-score{gap:18px}.bottom-grid{display:block}.bottom-grid>article{margin-top:14px}.pipeline{justify-content:flex-start}.comparison{grid-template-columns:1fr}.solution h2{font-size:32px}footer{gap:20px}.camera-top>div{display:flex}.camera-top button{padding:6px}.gauges{grid-template-columns:1fr}}