@font-face{font-family:Nanum;src:url(assets/NanumGothicExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
:root{--bg:#07100d;--panel:#0c1713;--line:rgba(183,255,214,.14);--mint:#67f0a4;--lime:#b9ff63;--text:#effaf4;--muted:#91a69a;--shell:min(1240px,calc(100% - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;letter-spacing:-.02em}a{color:inherit}button{font:inherit}.section-shell{width:var(--shell);margin:0 auto}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:rgba(7,16,13,.78);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.brand img,footer img{width:126px;height:auto;filter:brightness(0) invert(1)}.brand-divider{width:1px;height:20px;background:rgba(255,255,255,.25)}.brand span:last-child{color:var(--mint);font-size:14px;letter-spacing:.18em}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{color:#b7c8be;text-decoration:none;font-size:13px;font-weight:700;transition:.2s}.site-header nav a:hover{color:#fff}.site-header .nav-cta{padding:11px 16px;border:1px solid rgba(103,240,164,.48);border-radius:999px;color:var(--mint)}.menu-toggle{display:none;border:0;color:#fff;background:transparent}.hero{min-height:790px;padding:154px 0 92px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:62px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{width:27px;height:1px;background:var(--mint)}h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:30px;font-family:Nanum,sans-serif;font-size:clamp(47px,5.25vw,78px);line-height:1.12;letter-spacing:-.065em}.hero h1 em{color:var(--lime);font-style:normal}.hero-lead{max-width:590px;margin-bottom:34px;color:#a8bdb1;font-size:18px;line-height:1.8;word-break:keep-all}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:0 22px;border:1px solid var(--line);border-radius:3px;text-decoration:none;font-size:13px;font-weight:800}.button-primary{border-color:var(--mint);color:#04100a;background:var(--mint)}.button-primary:hover{background:var(--lime)}.button-ghost{color:#d8e5dd;background:rgba(255,255,255,.02)}.hero-facts{display:flex;gap:0;margin:54px 0 0;padding:0;list-style:none}.hero-facts li{min-width:120px;padding-right:24px;margin-right:24px;border-right:1px solid var(--line)}.hero-facts li:last-child{border:0}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{color:#fff;font-size:20px}.hero-facts span{margin-top:7px;color:#748b7e;font-size:11px}.sensor-stage{position:relative;overflow:hidden;aspect-ratio:1.17;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(41,105,69,.24),transparent 55%),linear-gradient(rgba(103,240,164,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(103,240,164,.055) 1px,transparent 1px),#09130f;background-size:auto,38px 38px,38px 38px;box-shadow:0 35px 90px rgba(0,0,0,.38)}.sensor-stage:before{position:absolute;inset:9%;border:1px solid rgba(103,240,164,.1);border-radius:50%;content:""}.sensor-stage canvas{position:absolute;width:100%;height:100%;inset:0}.stage-toolbar,.stage-caption{position:absolute;z-index:2;left:18px;right:18px;display:flex;justify-content:space-between;color:#729080;font-family:monospace;font-size:10px;letter-spacing:.1em}.stage-toolbar{top:17px}.stage-toolbar i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.stage-caption{bottom:17px;justify-content:flex-start;gap:26px}.sensor-chip,.tracking-chip{position:absolute;z-index:2;padding:9px 12px;border:1px solid rgba(103,240,164,.28);background:rgba(6,17,12,.84);font-family:monospace;font-size:9px}.sensor-chip b,.sensor-chip span{display:block}.sensor-chip b{color:var(--mint);font-size:10px}.sensor-chip span{margin-top:4px;color:#779385}.chip-a{left:10%;bottom:23%}.chip-b{right:9%;top:25%}.tracking-chip{left:57%;top:45%;color:var(--mint)}.tracking-chip strong{display:block;margin-top:3px;color:#718a7b;font-size:8px}.proof-strip{display:flex;align-items:center;justify-content:center;gap:35px;min-height:82px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#758b7f;font-size:10px;font-weight:800;letter-spacing:.12em}.proof-strip i{width:3px;height:3px;border-radius:50%;background:var(--mint)}.workflow{padding:132px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:62px}.section-heading .eyebrow{align-self:flex-start}.section-heading h2,.compat-copy h2,.final-cta h2{margin:0;font-family:Nanum,sans-serif;font-size:clamp(36px,4.5vw,62px);line-height:1.22;letter-spacing:-.055em}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.workflow-grid article{min-height:390px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.step,.feature-no{color:#587064;font-family:monospace;font-size:11px}.step-icon{position:relative;height:116px;margin:29px 0 25px}.step-icon:before,.step-icon:after{position:absolute;content:""}.sensor-lines:before{width:64px;height:64px;left:12px;top:22px;border:1px solid var(--mint);border-radius:50%;box-shadow:0 0 0 17px rgba(103,240,164,.06),0 0 0 35px rgba(103,240,164,.03)}.sensor-lines:after{width:4px;height:4px;left:42px;top:52px;border-radius:50%;background:var(--lime);box-shadow:38px -26px 0 var(--mint),63px 11px 0 var(--mint),45px 48px 0 var(--mint)}.align-lines:before{inset:14px 15px;border:1px dashed #526d5e;transform:rotate(-8deg)}.align-lines:after{inset:25px 3px 4px 31px;border:1px solid var(--mint);transform:rotate(7deg)}.track-lines:before{width:18px;height:18px;left:48px;top:44px;border:1px solid var(--lime);border-radius:50%;box-shadow:-34px 22px 0 -5px var(--mint),48px -25px 0 -5px var(--mint)}.track-lines:after{width:108px;height:60px;left:4px;top:27px;border:1px dashed #587064;border-color:#587064 transparent transparent;border-radius:50%;transform:rotate(-18deg)}.output-lines:before{width:58px;height:58px;left:12px;top:27px;border:1px solid var(--mint)}.output-lines:after{width:50px;height:1px;left:72px;top:56px;background:var(--mint);box-shadow:34px -11px 0 rgba(103,240,164,.35),34px 11px 0 rgba(103,240,164,.35)}.workflow-grid h3{font-size:19px}.workflow-grid p,.feature-card p,.compat-copy>p:last-child{color:var(--muted);font-size:14px;line-height:1.75;word-break:keep-all}.feature-band{padding:132px 0;background:#0a1511}.section-heading.compact{display:block}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{position:relative;overflow:hidden;min-height:360px;padding:31px;border:1px solid var(--line);background:#0d1a15}.feature-card.large{grid-row:span 2;min-height:734px}.feature-card.wide{grid-column:span 2}.feature-card h3{margin:34px 0 13px;font-size:22px}.feature-card p{max-width:390px}.mini-map,.mask-demo,.chart-demo,.reference-demo,.zone-demo{position:absolute;left:31px;right:31px;bottom:31px;height:160px;border:1px solid rgba(103,240,164,.1);background:linear-gradient(rgba(103,240,164,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(103,240,164,.045) 1px,transparent 1px);background-size:20px 20px}.mini-map{height:370px;border-radius:50%}.mini-map:before,.mini-map:after{position:absolute;width:52%;height:52%;border:1px solid rgba(103,240,164,.18);border-radius:50%;content:""}.mini-map:before{left:3%;top:15%}.mini-map:after{right:5%;bottom:12%}.mini-map span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.mini-map span:first-child{left:30%;top:38%}.mini-map span:nth-child(2){right:33%;bottom:36%}.mini-map b{position:absolute;width:13px;height:13px;left:52%;top:54%;border:2px solid var(--lime);border-radius:50%}.mask-demo:before{position:absolute;width:58%;height:60%;left:22%;top:21%;border:1px solid var(--mint);border-radius:52% 48% 58% 42%;content:""}.mask-demo i{position:absolute;width:4px;height:4px;left:48%;top:47%;border-radius:50%;background:var(--lime);box-shadow:-37px -22px 0 var(--mint),49px 21px 0 var(--mint),-19px 43px 0 var(--mint)}.chart-demo{background:none;border-left:1px solid #284438;border-bottom:1px solid #284438}.chart-demo:before,.chart-demo:after{position:absolute;left:4%;right:4%;height:2px;content:"";transform-origin:left}.chart-demo:before{top:60%;background:linear-gradient(90deg,var(--mint),var(--lime));transform:skewY(-12deg);box-shadow:20px -13px 0 -1px rgba(103,240,164,.4)}.chart-demo:after{top:50%;border-top:1px dashed #557465}.reference-demo{display:flex;align-items:center;justify-content:center;border-color:#466657;color:#738b7e;font-family:monospace;font-size:10px}.reference-demo:after{position:absolute;width:56%;height:55%;border:1px solid var(--mint);content:""}.reference-demo b{position:absolute;z-index:1;right:15%;bottom:15%;padding:6px;color:#07100d;background:var(--mint);font-size:8px}.zone-demo{border:0;background:none}.zone-demo i{position:absolute;width:125px;height:125px;left:50%;top:50%;border:1px solid var(--mint);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 20px rgba(103,240,164,.035)}.zone-demo:after{position:absolute;width:9px;height:9px;left:52%;top:45%;border-radius:50%;background:var(--lime);box-shadow:0 0 17px var(--lime);content:""}.zone-demo b{position:absolute;left:56%;top:35%;color:var(--mint);font:9px monospace}.compatibility{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:140px 0}.compat-copy>p:last-child{max-width:460px;margin-top:29px}.sensor-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sensor-cards article{min-height:315px;padding:33px;border:1px solid var(--line);background:#0b1712}.sensor-cards img,.hokuyo-mark{width:82px;height:82px;margin-bottom:42px;object-fit:contain}.hokuyo-mark{display:grid;place-items:center;border:1px solid #547061;border-radius:50%;color:var(--mint);font:800 34px monospace}.sensor-cards span{color:#607568;font-size:9px;letter-spacing:.16em}.sensor-cards h3{margin:8px 0 14px;font-size:25px}.sensor-cards p{color:var(--muted);font-size:13px;line-height:1.7}.final-cta{position:relative;overflow:hidden;padding:140px 0;text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 120%,rgba(103,240,164,.18),transparent 45%)}.final-cta .section-shell{position:relative;z-index:1}.final-cta .eyebrow{justify-content:center}.final-cta>div p:not(.eyebrow){margin:25px 0 32px;color:var(--muted)}.centered{justify-content:center}.cta-orbit{position:absolute;width:620px;height:620px;left:50%;top:55%;border:1px solid rgba(103,240,164,.08);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 110px rgba(103,240,164,.018),0 0 0 220px rgba(103,240,164,.012)}footer{min-height:100px;padding:30px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#64796d;font-size:11px}footer div{display:flex;align-items:center;gap:12px}footer div span{color:var(--mint);font-weight:800;letter-spacing:.14em}footer a{text-decoration:none}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:77px;left:0;right:0;flex-direction:column;align-items:stretch;padding:24px;background:#09130f}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:130px}.sensor-stage{width:100%}.workflow-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.large{grid-row:span 1;min-height:500px}.feature-card.wide{grid-column:span 2}.compatibility{grid-template-columns:1fr;gap:55px}.section-heading{display:block}.section-heading h2{margin-top:25px}}
@media(max-width:620px){:root{--shell:min(100% - 28px,1240px)}.site-header{height:66px}.site-header nav{top:65px}.brand img{width:108px}.hero{padding:110px 0 70px;gap:42px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-facts{justify-content:space-between}.hero-facts li{min-width:0;margin-right:12px;padding-right:12px}.sensor-stage{aspect-ratio:.9}.proof-strip{overflow:hidden;justify-content:flex-start;padding:0 16px;white-space:nowrap}.workflow,.feature-band,.compatibility,.final-cta{padding-top:90px;padding-bottom:90px}.workflow-grid,.feature-grid,.sensor-cards{grid-template-columns:1fr}.workflow-grid article{min-height:325px}.feature-card,.feature-card.large{min-height:440px}.feature-card.wide{grid-column:auto}.mini-map{height:220px}.compatibility{gap:40px}footer{flex-direction:column;gap:15px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}