:root{--bg-1:#0b121a;--bg-2:#0f1a27;--bg-3:#142231;--ink:#1f3a4f;--ink-soft:#587185;--mint:#7ad6bd;--sky:#7caee0;--line:#7aa0bc57}*{box-sizing:border-box}html,body{scroll-behavior:smooth;touch-action:pan-y;margin:0;padding:0}body{color:var(--ink);background:radial-gradient(circle at 16% 18%, #7cd4b433 0%, transparent 36%), radial-gradient(circle at 84% 16%, #80b0e133 0%, transparent 36%), linear-gradient(150deg, var(--bg-1) 0%, var(--bg-2) 48%, var(--bg-3) 100%);font-family:Pretendard,SUIT,Avenir Next,Segoe UI,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.page{position:relative;overflow-x:hidden}.bg-orb{pointer-events:none;filter:blur(48px);z-index:0;border-radius:999px;position:fixed}.orb-a{background:#7cd2b252;width:320px;height:320px;top:-40px;left:-60px}.orb-b{background:#7aa9dc4d;width:360px;height:360px;top:26%;right:-110px}.orb-c{background:#9bd1e840;width:280px;height:280px;bottom:10%;left:40%}.topbar{-webkit-backdrop-filter:blur(16px)saturate(130%);z-index:50;background:linear-gradient(140deg,#f8fdffcc 0%,#ebf6ffb3 100%);border:none;border-radius:0 0 18px 18px;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;display:flex;position:fixed;top:0;left:0;transform:none;box-shadow:0 12px 28px #0a162457}.brand{color:#2f6a94;font-size:clamp(1rem,2vw,1.24rem);font-weight:800;text-decoration:none}.top-links{align-items:center;gap:clamp(12px,2vw,22px);display:flex}.top-links a{color:var(--ink-soft);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.top-links a:hover{color:#2e79ad}.scroll-nav{z-index:40;justify-content:center;align-items:center;display:flex;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.auto-scroll-trigger{color:#4d7088;cursor:pointer;background:#f5fbffc7;border:1px solid #7ea2bd57;border-radius:999px;place-items:center;width:34px;height:34px;margin-top:4px;padding:0;transition:transform .2s,color .2s,background-color .2s;display:grid}.auto-scroll-trigger span{letter-spacing:-.06em;font-size:12px;line-height:1;transform:translate(0)}.auto-scroll-trigger:hover,.auto-scroll-trigger:focus-visible,.auto-scroll-trigger.is-active{color:#1f4f71;background:linear-gradient(130deg,#7dd6bd61 0%,#8cb8e65c 100%);transform:scale(1.05)}.panel{z-index:2;place-items:center;height:100dvh;min-height:100dvh;padding:84px 58px 30px;display:grid;position:relative}.fade-section{opacity:0;filter:blur(10px);transition:opacity .72s,transform .72s,filter .72s;transform:translateY(28px)scale(.985)}.fade-section.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.content{-webkit-backdrop-filter:blur(18px)saturate(138%);background:linear-gradient(145deg,#fbfeffcc 0%,#f0f8ffb8 100%);border:1px solid #a8c5de70;border-radius:30px;width:min(1180px,100%);height:min(830px,100dvh - 122px);padding:clamp(20px,2.8vw,36px);position:relative;overflow:hidden;box-shadow:0 20px 46px #07121e61,inset 0 1px #ffffffa8}.content:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff5c 0%,#0000 72%);border-radius:999px;width:44%;height:64%;position:absolute;top:-30%;right:-12%}.eyebrow{color:#67849a;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.01em;font-family:inherit;line-height:1.18}h1{margin-top:10px;font-size:clamp(2.35rem,5vw,4.5rem);font-weight:800}h2{margin-top:7px;font-size:clamp(1.7rem,3.2vw,2.8rem);font-weight:760}h3{font-size:1.05rem}p{color:var(--ink-soft);line-height:1.6}.overview-layout{grid-template-rows:auto auto auto auto;align-content:center;gap:clamp(14px,2vw,24px);height:100%;display:grid}.overview-header{text-align:center;gap:clamp(8px,1vw,12px);max-width:980px;margin-inline:auto;display:grid}.overview-subtitle{color:#365e7b;max-width:1060px;margin-inline:auto;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:700;line-height:1.4}.overview-description{max-width:860px;margin-inline:auto;font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.58}.overview-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.overview-feature-card{background:linear-gradient(145deg,#ffffffb8 0%,#ecf8ff9e 100%);border:1px solid #87a9c366;border-radius:18px;gap:8px;padding:16px 18px;display:grid}.overview-feature-card span{font-size:1.16rem}.overview-feature-card h3{color:#2c5f82;font-size:1.04rem}.overview-feature-card p{font-size:.92rem;line-height:1.5}.platform-row{justify-items:center;gap:10px;display:grid}.platform-row>span{color:#426683;font-weight:700}.platform-items{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.platform-items p{font-size:1rem;font-weight:600}.overview-layout .cta-row{margin-top:6px}.lead{max-width:620px;margin-top:12px;font-size:clamp(1rem,1.7vw,1.16rem)}.lead.secondary{opacity:.95;margin-top:10px;font-size:clamp(.94rem,1.45vw,1.04rem)}.cta-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.cta-row.centered{justify-content:center}.btn{border-radius:999px;padding:10px 16px;font-size:.92rem;font-weight:700;text-decoration:none}.btn.primary{color:#184a6d;background:linear-gradient(130deg,#7dd5bc59 0%,#82b2e259 100%);border:1px solid #729ab84d}.btn.ghost{color:var(--ink);background:#ffffff75;border:1px solid #729ab857}.showcase-layout{grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(16px,2.4vw,28px);display:grid}.showcase-copy h2{margin-top:8px}.showcase-copy p{margin-top:10px}.showcase-media{justify-items:center;gap:10px;display:grid}.showcase-image-stack{width:min(100%,760px);height:clamp(470px,70vh,780px);position:relative}.showcase-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .5s,transform .5s;position:absolute;inset:0;transform:scale(.985)}.showcase-image.is-active{opacity:1;transform:scale(1)}.switch-dots{justify-content:center;align-items:center;gap:6px;padding-bottom:2px;display:flex}.switch-dot{background:#7798b273;border-radius:999px;width:7px;height:7px;transition:transform .2s,background-color .2s}.switch-dot.is-active{background:#2c6c94e0;transform:scale(1.25)}.section-content{grid-template-rows:auto 1fr;gap:16px;display:grid}.scan-content{overflow:hidden}.section-head p{margin-top:8px}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.shot-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffffad 0%,#ecf7ff94 100%);border:1px solid #88abc65c;border-radius:20px;grid-template-rows:auto 1fr;gap:10px;padding:12px;display:grid;box-shadow:0 10px 24px #1d344929}.shot-text h3{color:#275f85}.shot-text p{margin-top:0;font-size:.9rem}.shot-media{background:linear-gradient(145deg,#f4fbffd9 0%,#e3f2fcb3 100%);border:1px solid #7fa5c24d;border-radius:14px;place-items:center;padding:8px;display:grid;overflow:hidden}.shot-image{object-fit:contain;width:100%;height:clamp(280px,48vh,560px);display:block}.scan-wrap{align-content:start;gap:10px;height:100%;min-height:0;display:grid}.scan-stage{aspect-ratio:1080/760;background:#111a23;border:1px solid #759ab65c;border-radius:18px;width:min(100%,840px);margin-inline:auto;position:relative;overflow:hidden}.scan-layer{background:#0f1823;position:absolute;inset:0}.scan-layer.after{clip-path:inset(0 100% 0 0);animation:7.2s linear infinite reveal-after}.scan-image{object-fit:contain;width:100%;height:100%}.scan-bar{--scan-bar-width:8px;width:var(--scan-bar-width);background:linear-gradient(#ecfcff 0%,#aef4ff 100%);height:100%;animation:7.2s linear infinite scan-move;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffff6b,0 0 14px #aff5ffb3}@keyframes reveal-after{0%,8%{clip-path:inset(0 100% 0 0)}74%,82%{clip-path:inset(0)}82.1%,to{clip-path:inset(0 100% 0 0)}}@keyframes scan-move{0%,8%{opacity:0;left:0}10%{opacity:1;left:0}74%{left:calc(100% - var(--scan-bar-width));opacity:1}82%{left:calc(100% - var(--scan-bar-width));opacity:0}82.1%,to{opacity:0;left:0}}@media (max-width:1120px){.panel{padding-inline:22px}.top-links a{font-size:.84rem}.showcase-layout{grid-template-columns:1fr;gap:14px}.overview-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.intro-layout{grid-template-columns:1fr;gap:14px}.intro-visual{justify-items:start}}@media (max-width:860px){.bg-orb{display:none}.fade-section{opacity:1;filter:none;transition:none;transform:none}.panel{height:auto;min-height:auto;padding:74px 12px 22px}.content{border-radius:24px;height:auto;min-height:0;padding:16px}.shot-grid{grid-template-columns:1fr}.shot-image{height:clamp(260px,56vh,600px)}.showcase-image-stack{width:min(100%,500px);height:clamp(330px,50vh,580px)}.overview-layout{align-content:start}.overview-features{grid-template-columns:1fr}.scan-stage{width:100%}.scroll-nav{right:7px}.auto-scroll-trigger{width:30px;height:30px}.auto-scroll-trigger span{font-size:10px}.top-links{display:none}}@media (max-width:680px){.topbar{border-radius:0 0 14px 14px;width:100%;padding:10px 12px;top:0}.scroll-nav{display:none}}