:root{--bg: #05070f;--bg-alt: #070b16;--card: #0a0f1e;--line: rgba(148, 163, 184, .15);--line-strong: rgba(148, 163, 184, .28);--tx: #e2e8f0;--sub: #94a3b8;--faint: #64748b;--cyan: #22d3ee;--indigo: #6366f1;--green: #34d399;--amber: #fbbf24;--red: #f87171;--wrap: 1120px;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}html:lang(ko) body{word-break:keep-all}html:lang(km) body{line-height:1.95}html:lang(ar) body,html:lang(km) body{letter-spacing:0}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:#05070fd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:24px;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em}.mark{width:26px;height:26px}.brand-name{font-size:17px}.nav{display:flex;gap:22px;margin-inline-start:16px;font-size:14px;color:var(--sub)}.nav a:hover{color:var(--tx)}.header-right{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.lang{position:relative}.lang-button{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line);color:var(--sub);border-radius:8px;padding:7px 11px;font:inherit;font-size:13px;cursor:pointer}.lang-button:hover{color:var(--tx);border-color:var(--line-strong)}.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:186px;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 18px 40px #00000080}.lang-menu a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--sub)}.lang-menu a:hover{background:#94a3b81a;color:var(--tx)}.lang-menu a.current{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:10px;padding:11px 20px;font-size:15px;font-weight:600;color:var(--tx);transition:border-color .15s,background .15s}.btn:hover{border-color:var(--cyan)}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 30px;font-size:16px}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--indigo));border-color:transparent;color:#04121b}.btn-primary:hover{filter:brightness(1.08)}.hero{position:relative;padding:96px 0 72px;overflow:hidden}.hero-inner{position:relative;z-index:1;text-align:center}.hero-glow{position:absolute;inset-inline-start:50%;top:-220px;width:900px;height:520px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(34,211,238,.16),transparent 70%);pointer-events:none}.badge{display:inline-block;margin:0 0 22px;border:1px solid var(--line-strong);border-radius:999px;padding:6px 14px;font-size:12.5px;color:var(--sub)}.hero h1{margin:0 0 22px;font-size:clamp(32px,5.4vw,56px);line-height:1.25;letter-spacing:-.02em;font-weight:800}.grad{background:linear-gradient(120deg,var(--cyan),var(--indigo) 55%,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:0 auto;max-width:720px;color:var(--sub);font-size:17px}.lead.narrow{max-width:640px}.band .lead{margin-inline:0}.hero-actions{display:flex;gap:12px;justify-content:center;margin:34px 0 0;flex-wrap:wrap}.stats{display:flex;justify-content:center;gap:56px;margin:56px 0 0;padding:0;flex-wrap:wrap}.stat{text-align:center}.stat dt{font-size:34px;font-weight:800;color:var(--cyan);letter-spacing:-.02em}.stat dd{margin:4px 0 0;font-size:13.5px;color:var(--faint)}.band{padding:84px 0;border-top:1px solid var(--line)}.band.alt{background:var(--bg-alt)}.eyebrow{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.band h2{margin:0 0 18px;font-size:clamp(24px,3.4vw,34px);line-height:1.35;letter-spacing:-.015em;font-weight:750}.cards{display:grid;gap:18px;margin-top:40px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}.card h3{margin:0 0 8px;font-size:16.5px;font-weight:700}.card p{margin:0;color:var(--sub);font-size:14.5px}.card.warn{border-inline-start:2px solid var(--red)}.card .num{display:block;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--faint)}.ficon{width:26px;height:26px;color:var(--cyan);margin-bottom:14px}.card.tech h3{color:var(--cyan);font-size:15px}.diagram-frame{margin-top:40px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;overflow-x:auto}.diagram{width:100%;min-width:760px;height:auto;direction:ltr}.d-zone{fill:#6366f10d;stroke:var(--line-strong);stroke-dasharray:5 5}.d-zone-label{fill:var(--faint);font-size:12px;font-family:var(--sans)}.d-node rect{fill:#0e1426;stroke:var(--line-strong)}.d-node.tone-a rect{stroke:var(--cyan)}.d-node.tone-c rect{stroke:var(--indigo)}.d-node.tone-d rect{stroke:var(--green)}.d-node.tone-e rect{stroke:var(--amber)}.d-title{fill:var(--tx);font-size:14px;font-weight:600;text-anchor:middle;font-family:var(--sans)}.d-sub{fill:var(--faint);font-size:10.5px;text-anchor:middle;font-family:var(--sans);letter-spacing:-.1px}.d-line{stroke:var(--faint);stroke-width:1.6;fill:none}.d-line.dash{stroke-dasharray:5 4;stroke:var(--amber)}.explain{margin-top:22px;border-inline-start:2px solid var(--cyan);padding-inline-start:18px}.explain-title{margin:0 0 8px;font-weight:700;font-size:14.5px}.explain ul{margin:0;padding-inline-start:18px;color:var(--sub);font-size:14.5px}.explain li{margin-bottom:6px}.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:14px}.steps li{display:flex;gap:18px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px}.step-n{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:#22d3ee1f;color:var(--cyan);border:1px solid rgba(34,211,238,.3)}.steps h3{margin:0 0 4px;font-size:16px}.steps p{margin:0;color:var(--sub);font-size:14.5px}.cta{padding:90px 0;border-top:1px solid var(--line);background:var(--bg-alt)}.cta-inner{text-align:center}.cta h2{margin:0 0 14px;font-size:clamp(24px,3.4vw,32px);font-weight:750}.cta p{margin:0 auto 30px;max-width:560px;color:var(--sub)}.cta-reach{margin-top:22px!important;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px}.cta-reach a{color:var(--cyan)}.cta-reach a:hover{color:var(--tx)}.cta-sep{color:var(--faint)}.cta-note{margin-top:14px!important;font-size:13px;color:var(--faint)}.site-footer{border-top:1px solid var(--line);padding:44px 0 30px}.footer-inner{display:flex;gap:36px;justify-content:space-between;flex-wrap:wrap}.footer-product{margin:0;font-weight:700}.footer-tagline{margin:2px 0 0;color:var(--faint);font-size:14px}.footer-service{margin:12px 0 0;font-size:14px}.footer-service a{color:var(--cyan)}.footer-langs{display:flex;flex-wrap:wrap;gap:8px 18px;max-width:520px;font-size:13.5px;color:var(--faint)}.footer-langs a:hover{color:var(--tx)}.footer-langs a.current{color:var(--cyan)}.footer-legal{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--faint)}@media(max-width:940px){.cards.three,.cards.four{grid-template-columns:repeat(2,1fr)}.nav{display:none}}@media(max-width:620px){.cards.three,.cards.four{grid-template-columns:1fr}.hero{padding:64px 0 52px}.band{padding:62px 0}.stats{gap:34px}.wrap{padding:0 16px}}