:root{--bg: oklch(.97 .012 78);--bg-elev: oklch(.992 .006 82);--surface: oklch(.982 .009 80);--surface-2: oklch(.948 .015 80);--border: oklch(.87 .016 80);--border-strong: oklch(.74 .02 78);--fg: oklch(.22 .025 285);--fg-muted: oklch(.42 .02 285);--fg-dim: oklch(.58 .015 280);--brand-1: oklch(.22 .025 285);--brand-2: oklch(.65 .16 42);--brand-3: oklch(.5 .12 280);--accent: oklch(.65 .16 42);--accent-2: oklch(.68 .08 155);--success: oklch(.52 .13 155);--grad-brand: linear-gradient(135deg, var(--brand-1) 0%, oklch(.3 .04 290) 100%);--grad-brand-soft: linear-gradient(135deg, oklch(.65 .16 42 / .1) 0%, oklch(.22 .025 285 / .06) 100%);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-2xl: 32px;--font-kr: "Pretendard", -apple-system, system-ui, sans-serif;--font-en: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--container: 1280px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-kr);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.container{max-width:var(--container);margin:0 auto;padding:0 32px}section{position:relative;padding:120px 0}.section-head{margin-bottom:64px;max-width:780px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-en);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding:6px 12px;border:1px solid oklch(.65 .16 42 / .25);border-radius:999px;background:#dd683614}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1,h2,h3,h4{font-family:var(--font-kr);letter-spacing:-.025em;font-weight:700;line-height:1.08;text-wrap:balance}h1{font-size:clamp(36px,6.5vw,88px);font-weight:800;letter-spacing:-.035em}h2{font-size:clamp(28px,4.2vw,56px);font-weight:700;letter-spacing:-.03em}h3{font-size:clamp(20px,2vw,28px);font-weight:600}h4{font-size:18px;font-weight:600}p{font-family:var(--font-kr);color:var(--fg-muted);line-height:1.6;font-weight:400}.lead{font-size:20px;line-height:1.55;color:var(--fg-muted);max-width:640px;text-wrap:pretty}.en{font-family:var(--font-en)}.mono{font-family:var(--font-mono)}.grad-text{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;font-family:var(--font-kr);font-size:15px;font-weight:600;border-radius:999px;transition:all .18s cubic-bezier(.2,.7,.3,1);white-space:nowrap}.btn-primary{background:var(--fg);color:var(--bg);box-shadow:0 1px #ffffff26 inset,0 10px 30px -12px #1b150f59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px #fff3 inset,0 14px 40px -10px #1b150f73}.btn-ghost{background:#00000005;color:var(--fg);border:1px solid var(--border-strong)}.btn-ghost:hover{background:#0000000a;border-color:var(--fg)}.btn-link{color:var(--fg);padding:0;height:auto;border-bottom:1px solid var(--border-strong);border-radius:0;height:28px}.btn .arrow{display:inline-block;transition:transform .2s}.btn:hover .arrow{transform:translate(3px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .2s,background .2s,transform .2s}.card:hover{border-color:var(--border-strong)}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(oklch(0 0 0 / .04) 1px,transparent 1px),linear-gradient(90deg,oklch(0 0 0 / .04) 1px,transparent 1px);background-size:64px 64px;background-position:center;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.glow{position:absolute;pointer-events:none;filter:blur(80px);opacity:.35}.divider{height:1px;background:var(--border);width:100%}.muted{color:var(--fg-muted)}.dim{color:var(--fg-dim)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#00000008;border:1px solid var(--border);font-family:var(--font-en);font-size:12px;font-weight:500;color:var(--fg-muted)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.reveal.in{opacity:1;transform:translateY(0)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;gap:64px;width:max-content;animation:marquee 40s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--fg-muted);padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:#00000005}.chip.ok{color:var(--success);border-color:#1c874259;background:#1c874214}.browser{border:1px solid var(--border);border-radius:14px;background:var(--bg-elev);overflow:hidden;box-shadow:0 30px 70px -20px #1b150f2e,0 0 0 1px #00000005 inset}.browser-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);background:#00000004}.browser-bar .dots{display:flex;gap:6px}.browser-bar .dots i{width:10px;height:10px;border-radius:50%;background:var(--border-strong);display:block}.browser-bar .url{flex:1;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--fg-dim);padding:5px 12px;background:#00000005;border-radius:6px;border:1px solid var(--border);max-width:360px;margin:0 auto}.shot-placeholder{width:100%;aspect-ratio:16/10;background:repeating-linear-gradient(-45deg,oklch(0 0 0 / .02) 0 12px,transparent 12px 24px),var(--surface);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);border-top:1px solid var(--border)}.tilt{transition:transform .35s cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d;will-change:transform}.tweaks-panel{position:fixed;right:24px;bottom:24px;width:280px;background:#fefdfaf5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-strong);border-radius:14px;padding:16px;z-index:100;font-family:var(--font-en);font-size:13px;box-shadow:0 20px 60px -20px #1b150f40}.tweaks-panel h5{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:10px;font-weight:500}.tweak-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.tweak-row:last-child{margin-bottom:0}.tweak-row label{color:var(--fg-muted);font-size:12px}.tweak-swatches{display:flex;gap:6px}.tweak-swatches button{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);cursor:pointer;transition:transform .15s}.tweak-swatches button:hover{transform:scale(1.1)}.tweak-swatches button.active{outline:2px solid var(--fg);outline-offset:2px}.tweak-toggle{display:inline-flex;background:#00000008;border:1px solid var(--border);border-radius:999px;padding:2px}.tweak-toggle button{padding:4px 10px;font-size:11px;border-radius:999px;color:var(--fg-muted)}.tweak-toggle button.active{background:var(--fg);color:var(--bg)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.nav-links{display:flex;align-items:center;gap:32px}.nav-actions{display:flex;align-items:center;gap:10px}.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:4px;cursor:pointer}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--fg);border-radius:2px;transition:all .2s}.nav-mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#f8f7f1f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:20px 24px 28px;z-index:49;flex-direction:column;gap:0}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{font-size:16px;font-weight:500;color:var(--fg-muted);padding:14px 0;border-bottom:1px solid var(--border)}.nav-mobile-menu a:last-child{border-bottom:none}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-2-asym{display:grid;grid-template-columns:1fr 1.2fr}.grid-footer{display:grid;grid-template-columns:1.6fr repeat(4,1fr)}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr)}.product-row-even{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center}.product-row-odd{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.product-row-even .product-text{order:1}.product-row-even .product-mock,.product-row-odd .product-text{order:2}.product-row-odd .product-mock{order:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.perf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.ecosystem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}.ces-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:768px){.container{padding:0 20px}section{padding:72px 0}.section-head{margin-bottom:40px}.lead{font-size:16px}.nav-links{display:none}.nav-actions{gap:8px}.nav-hamburger{display:flex}.lang-toggle span{display:none}.lang-toggle-en{display:inline!important}#hero{padding-top:120px!important;padding-bottom:72px!important}.hero-metrics{grid-template-columns:repeat(2,1fr);gap:0}.hero-metrics>div{padding:16px!important;border-left:none!important;border-top:1px solid var(--border)}.hero-metrics>div:nth-child(2n){border-left:1px solid var(--border)!important}.product-row-even,.product-row-odd{grid-template-columns:1fr;gap:36px}.product-row-even .product-text,.product-row-odd .product-text{order:1}.product-row-even .product-mock,.product-row-odd .product-mock{order:2}.grid-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div{padding:16px!important;border-left:none!important;border-top:1px solid var(--border)}.stats-grid>div:nth-child(2n){border-left:1px solid var(--border)!important}.perf-stats{grid-template-columns:repeat(2,1fr)!important}.perf-stats>div{padding:16px 12px!important;border-left:none!important;border-top:1px solid var(--border)}.perf-stats>div:nth-child(2n){border-left:1px solid var(--border)!important}.grid-3.features-grid{grid-template-columns:1fr}.grid-2-asym{grid-template-columns:1fr;gap:40px!important}.grid-2{grid-template-columns:repeat(2,1fr)}.partners-main{grid-template-columns:1fr!important}.ecosystem-grid{grid-template-columns:repeat(4,1fr)}.certs-grid{grid-template-columns:1fr!important}#cta{padding-bottom:80px!important}.cta-inner{padding:48px 28px!important}.cta-buttons{flex-direction:column!important}.cta-buttons button{width:100%}.cta-contacts{gap:24px!important}.grid-footer{grid-template-columns:1fr;gap:36px!important}.footer-bottom{flex-direction:column!important;gap:8px}.ces-grid{grid-template-columns:1fr;gap:20px}}@media(min-width:769px)and (max-width:1024px){.container{padding:0 24px}section{padding:96px 0}.nav-links{gap:20px}.hero-metrics{grid-template-columns:repeat(2,1fr)}.hero-metrics>div{padding:16px 20px!important;border-left:none!important;border-top:1px solid var(--border)}.hero-metrics>div:nth-child(2n){border-left:1px solid var(--border)!important}.product-row-even,.product-row-odd{grid-template-columns:1fr 1fr;gap:40px}.grid-3,.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div{border-left:none!important;border-top:1px solid var(--border);padding:20px 24px!important}.stats-grid>div:nth-child(2n){border-left:1px solid var(--border)!important}.perf-stats{grid-template-columns:repeat(2,1fr)!important}.perf-stats>div{border-left:none!important;border-top:1px solid var(--border);padding:20px!important}.perf-stats>div:nth-child(2n){border-left:1px solid var(--border)!important}.grid-2-asym{grid-template-columns:1fr;gap:48px!important}.ecosystem-grid{grid-template-columns:repeat(4,1fr)}.certs-grid{grid-template-columns:repeat(2,1fr)!important}.grid-footer{grid-template-columns:1fr 1fr;gap:36px!important}}