@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@300;400;500;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--graphite:#0F172A;--graphite2:#1E293B;--graphite3:#141f35;--cyan:#22D3EE;--blue:#2563EB;--blue-light:#3b82f6;--lime:#C7F36B;--slate:#475569;--slate2:#64748B;--gray:#94A3B8;--gray2:#CBD5E1;--border-dark:rgba(255,255,255,0.06);--border-cyan:rgba(34,211,238,0.15);--white:#FFFFFF}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans KR,sans-serif;background:var(--graphite);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}nav{position:-webkit-sticky;position:sticky;top:0;z-index:300;justify-content:space-between;padding:0 56px;height:66px;background:rgba(15,23,42,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-dark);animation:fadeDown .5s ease both}.nav-logo,nav{display:flex;align-items:center}.nav-logo{gap:11px}.nav-wordmark{font-size:16px;font-weight:900;letter-spacing:4.5px;color:var(--white)}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{font-size:13px;font-weight:400;color:var(--gray);letter-spacing:.3px;transition:color .2s}.nav-links a:hover{color:var(--white)}.nav-actions{display:flex;gap:10px;align-items:center}.btn-nav-outline{padding:8px 20px;border-radius:4px;border:1px solid rgba(34,211,238,.3);background:transparent;color:var(--cyan);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s;letter-spacing:.3px;display:inline-flex;align-items:center}.btn-nav-outline:hover{background:rgba(34,211,238,.07);border-color:var(--cyan)}.btn-nav-solid{padding:8px 20px;border-radius:4px;border:none;background:var(--blue);color:var(--white);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;letter-spacing:.3px;display:inline-flex;align-items:center}.btn-nav-solid:hover{background:var(--blue-light)}.hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding:90px 56px 70px;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.035) 1px,transparent 0),linear-gradient(90deg,rgba(34,211,238,.035) 1px,transparent 0);background-size:56px 56px;pointer-events:none}.hero-glow-r{right:-80px;top:40%;transform:translateY(-50%);width:650px;height:650px;background:radial-gradient(circle,rgba(37,99,235,.2) 0,transparent 60%)}.hero-glow-r,.hero-glow-t{position:absolute;border-radius:50%;pointer-events:none}.hero-glow-t{left:30%;top:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(34,211,238,.06) 0,transparent 65%)}.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.04);border-radius:3px;padding:5px 16px;width:-moz-fit-content;width:fit-content;font-size:11px;font-weight:600;letter-spacing:2.5px;color:var(--cyan);text-transform:uppercase;margin-bottom:40px;animation:fadeUp .6s ease .1s both}.ey-dash{width:20px;height:1px;background:var(--cyan);opacity:.55}h1.hero-headline{font-size:clamp(50px,7.5vw,96px);font-weight:900;line-height:.95;letter-spacing:-3.5px;max-width:900px;animation:fadeUp .6s ease .2s both}h1.hero-headline .outline{display:block;-webkit-text-stroke:1.8px rgba(255,255,255,.5);color:transparent}h1.hero-headline .cyan{color:var(--cyan)}.hero-ko{display:block;font-family:Noto Sans KR,sans-serif;font-size:clamp(16px,2vw,24px);font-weight:400;letter-spacing:-.2px;color:var(--slate2);margin-top:16px;-webkit-text-stroke:0;line-height:1.4}.hero-rule{width:40px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);margin:30px 0;animation:fadeUp .6s ease .3s both}.hero-sub{font-size:16px;font-weight:300;color:var(--gray);line-height:1.85;max-width:500px;animation:fadeUp .6s ease .35s both}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:48px;animation:fadeUp .6s ease .44s both}.btn-primary-lg{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:4px;background:var(--cyan);color:var(--graphite);font-size:14px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;letter-spacing:.3px}.btn-primary-lg:hover{background:#38e8ff;transform:translateY(-1px)}.btn-ghost-lg{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--gray);font-size:14px;font-weight:400;cursor:pointer;font-family:inherit;transition:all .2s}.btn-ghost-lg:hover{border-color:rgba(255,255,255,.25);color:var(--white)}.btn-ghost-lg svg{transition:transform .2s}.btn-ghost-lg:hover svg{transform:translateX(3px)}.hero-metrics{display:flex;gap:0;margin-top:76px;padding-top:44px;border-top:1px solid var(--border-dark);animation:fadeUp .6s ease .54s both}.metric{padding-right:48px;margin-right:48px;border-right:1px solid var(--border-dark)}.metric:last-child{border-right:none}.metric-n{font-size:36px;font-weight:900;letter-spacing:-2px;color:var(--white);line-height:1}.metric-n em{color:var(--cyan);font-style:normal;font-size:20px;font-weight:500}.metric-l{font-size:12px;color:var(--slate2);margin-top:6px;font-weight:300;letter-spacing:.5px}.clients{padding:32px 56px;border-top:1px solid var(--border-dark);border-bottom:1px solid var(--border-dark);background:rgba(255,255,255,.015);display:flex;align-items:center;gap:48px}.clients-label{font-size:10px;color:var(--slate2);letter-spacing:2.5px;font-weight:500;text-transform:uppercase;white-space:nowrap}.clients-logos{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.c-pill{padding:6px 18px;border-radius:3px;border:1px solid rgba(255,255,255,.07);font-size:11px;font-weight:600;color:var(--slate2);letter-spacing:1px;transition:all .2s}.c-pill:hover{border-color:rgba(255,255,255,.15);color:var(--gray2)}.product-section{padding:110px 56px;background:var(--graphite2);border-top:1px solid var(--border-dark)}.s-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:52px}.s-dash{width:22px;height:1px;background:var(--cyan)}.product-grid{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:80px;gap:80px;align-items:center}.product-tag{display:inline-block;padding:3px 12px;border-radius:2px;background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.3);color:#93c5fd;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px}.product-text h2{font-size:clamp(30px,3.5vw,46px);font-weight:900;letter-spacing:-1.8px;line-height:1.05;margin-bottom:22px}.product-text p{font-size:15px;color:var(--gray);line-height:1.85;font-weight:300;margin-bottom:32px}.check-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:36px}.check-list li{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--gray2);font-weight:300}.check-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0;margin-top:8px}.product-btns{display:flex;gap:12px}.btn-sm-cyan{padding:10px 22px;border-radius:4px;background:var(--cyan);color:var(--graphite);font-size:13px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;display:inline-flex;align-items:center}.btn-sm-cyan:hover{background:#38e8ff}.btn-sm-ghost{padding:10px 20px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--gray);font-size:13px;font-weight:400;cursor:pointer;font-family:inherit;transition:all .2s;display:inline-flex;align-items:center}.btn-sm-ghost:hover{border-color:rgba(255,255,255,.25);color:var(--white)}.mock-wrap{background:#060f1e;border:1px solid var(--border-cyan);border-radius:10px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.4),0 0 0 1px rgba(34,211,238,.05)}.mock-topbar{background:#0d1f38;padding:11px 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(34,211,238,.08)}.m-dot{width:9px;height:9px;border-radius:50%}.m-url{flex:1 1;margin:0 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:3px 12px;font-size:10px;color:var(--slate2);letter-spacing:.5px;font-family:Inter,monospace}.mock-body{padding:22px}.mk-label{font-size:9px;color:var(--cyan);letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:11px}.mk-row{display:flex;gap:10px;margin-bottom:16px}.mk-card{flex:1 1;padding:11px 13px;border-radius:5px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02)}.mk-cn{font-size:9px;color:var(--slate2);font-weight:400;margin-bottom:5px}.badge{display:inline-block;font-size:9px;font-weight:700;padding:2px 8px;border-radius:2px}.b-safe{background:rgba(34,197,94,.14);color:#4ade80}.b-warn{background:rgba(220,38,38,.14);color:#f87171}.mk-table{width:100%;border-collapse:collapse}.mk-table th{font-size:8px;color:var(--slate2);letter-spacing:1.5px;text-transform:uppercase;padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.05);font-weight:500;text-align:left}.mk-table td{font-size:10px;color:var(--gray);padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.03)}.mk-table td.tc{color:var(--cyan);font-weight:500}.mk-table tr:last-child td{border-bottom:none}.how-section{padding:110px 56px;background:var(--graphite);border-top:1px solid var(--border-dark)}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.07);border-radius:8px;overflow:hidden;margin-top:52px}.how-item{padding:44px 34px;background:var(--graphite);transition:background .2s}.how-item:hover{background:var(--graphite3)}.how-n{font-size:10px;color:var(--cyan);letter-spacing:2.5px;opacity:.5;margin-bottom:22px;font-family:Inter,monospace}.how-n,.how-t{font-weight:700}.how-t{font-size:17px;letter-spacing:-.4px;margin-bottom:12px}.how-d{font-size:13px;color:var(--slate2);line-height:1.75;font-weight:300}.how-arrow{margin-top:20px;color:var(--cyan);opacity:.25;font-size:20px}.arch-section{padding:110px 56px;background:var(--graphite2);border-top:1px solid var(--border-dark)}.arch-header{margin-bottom:52px}.arch-header h2{font-size:clamp(26px,3.2vw,42px);font-weight:900;letter-spacing:-1.5px;margin-top:10px}.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden}.arch-card{padding:44px 36px;background:var(--graphite2);transition:background .2s}.arch-card:hover{background:var(--graphite3)}.arch-card.feat{background:#0f1e35;border-left:2px solid var(--cyan)}.a-badge{display:inline-block;padding:3px 11px;border-radius:2px;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.ab-top{background:rgba(34,211,238,.1);color:var(--cyan)}.ab-prod{background:rgba(37,99,235,.15);color:#93c5fd}.ab-ctrl{background:rgba(199,243,107,.1);color:var(--lime)}.arch-name{font-size:28px;font-weight:900;letter-spacing:1px;margin-bottom:6px}.arch-sub{font-size:12px;color:var(--slate2);font-weight:400;letter-spacing:.5px;margin-bottom:18px}.arch-desc{font-size:13px;color:var(--slate2);line-height:1.8;font-weight:300;border-top:1px solid rgba(255,255,255,.05);padding-top:18px}.cta-section{padding:130px 56px;background:var(--graphite);text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--border-dark)}.cta-section:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:800px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(37,99,235,.14) 0,transparent 60%);pointer-events:none}.cta-label{display:inline-block;font-size:10px;font-weight:600;letter-spacing:3px;color:var(--cyan);text-transform:uppercase;margin-bottom:28px;position:relative;opacity:.7}.cta-headline{font-size:clamp(36px,5.5vw,64px);font-weight:900;letter-spacing:-2.5px;line-height:1;margin-bottom:20px;position:relative}.cta-sub{font-size:15px;color:var(--slate2);font-weight:300;max-width:400px;margin:0 auto 48px;line-height:1.8;position:relative}.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}footer{padding:40px 56px;background:var(--graphite2);border-top:1px solid var(--border-dark);justify-content:space-between}.footer-l,footer{display:flex;align-items:center}.footer-l{gap:12px}.footer-wm{font-size:14px;font-weight:900;letter-spacing:4px;color:var(--white)}.footer-sep{width:1px;height:14px;background:var(--border-dark)}.footer-legal{font-size:11px;color:var(--slate2);font-weight:300}.footer-tagline{font-size:10px;color:rgba(34,211,238,.35);letter-spacing:3px;font-weight:600;text-transform:uppercase}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}