:root{--bg:#080c14;--surface:#0d1526;--border:rgba(99,132,255,.15);--blue:#3b6fff;--blue2:#5b8fff;--teal:#00d4b4;--white:#f0f4ff;--muted:#7889aa;--card:rgba(13,21,38,.8)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;backdrop-filter:blur(20px);background:rgba(8,12,20,.7);border-bottom:1px solid var(--border)}.logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--white) 0,var(--blue2) 100%);-webkit-background-clip:text}.logo,.logo span{-webkit-text-fill-color:transparent}.logo span{background:linear-gradient(135deg,var(--teal),var(--blue2));-webkit-background-clip:text}.nav-right{gap:16px}.lang-toggle,.nav-right{display:flex;align-items:center}.lang-toggle{background:hsla(0,0%,100%,.06);border:1px solid var(--border);border-radius:100px;padding:3px;gap:2px}.lang-btn{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:100px;border:none;cursor:pointer;transition:background .2s,color .2s;background:none;color:var(--muted)}.lang-btn.active{background:linear-gradient(135deg,var(--blue2),var(--teal));color:var(--bg)}.btn-ghost{font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;color:var(--muted);background:none;border:none;cursor:pointer;text-decoration:none;transition:color .2s}.btn-ghost:hover{color:var(--white)}.btn-primary{font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;color:var(--bg);background:linear-gradient(135deg,var(--blue2),var(--teal));border:none;border-radius:100px;padding:10px 24px;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 0 24px rgba(59,111,255,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 40px rgba(59,111,255,.5)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 24px 80px;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:drift 8s ease-in-out infinite alternate}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(59,111,255,.18) 0,transparent 70%);top:-100px;left:-100px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,180,.12) 0,transparent 70%);bottom:-80px;right:-80px;animation-delay:-4s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(91,143,255,.1) 0,transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.05)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:rgba(0,212,180,.08);border:1px solid rgba(0,212,180,.2);border-radius:100px;padding:6px 16px;margin-bottom:32px;animation:fadeUp .8s ease both}.hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1;letter-spacing:-.03em;max-width:900px;animation:fadeUp .8s ease .1s both}.hero h1 .accent{background:linear-gradient(135deg,var(--blue2) 0,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:clamp(1rem,2vw,1.2rem);font-weight:300;color:var(--muted);max-width:520px;line-height:1.7;margin-top:24px;animation:fadeUp .8s ease .2s both}.hero-cta{display:flex;align-items:center;gap:16px;margin-top:48px;flex-wrap:wrap;justify-content:center;animation:fadeUp .8s ease .3s both}.btn-hero{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;color:var(--bg);background:linear-gradient(135deg,var(--blue2),var(--teal));border:none;border-radius:100px;padding:16px 40px;cursor:pointer;text-decoration:none;transition:transform .25s,box-shadow .25s;box-shadow:0 0 40px rgba(59,111,255,.35)}.btn-hero:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 60px rgba(59,111,255,.55)}.btn-outline{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;color:var(--muted);background:none;border:1px solid var(--border);border-radius:100px;padding:16px 32px;cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s}.btn-outline:hover{border-color:var(--blue2);color:var(--white)}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);animation:fadeUp 1s ease 1s both}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--muted));animation:scrollDown 2s ease infinite}@keyframes scrollDown{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.stats-bar{position:relative;z-index:1;display:flex;justify-content:center;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-item{flex:1;max-width:240px;display:flex;flex-direction:column;align-items:center;padding:36px 24px;border-right:1px solid var(--border)}.stat-item:last-child{border-right:none}.stat-num{font-family:Syne,sans-serif;font-weight:800;font-size:2.5rem;background:linear-gradient(135deg,var(--white),var(--blue2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-label{font-size:.8rem;color:var(--muted);margin-top:6px;text-align:center;line-height:1.4}.section{position:relative;z-index:1;padding:120px 24px;max-width:1200px;margin:0 auto}.section-label{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}.section-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.1;max-width:560px}.section-title .accent{background:linear-gradient(135deg,var(--blue2),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:64px}.feature-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px 32px;overflow:hidden;transition:border-color .3s,transform .3s;backdrop-filter:blur(12px)}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(59,111,255,.06) 0,transparent 60%);opacity:0;transition:opacity .3s}.feature-card:hover{border-color:rgba(91,143,255,.4);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card.featured{border-color:rgba(0,212,180,.3);background:linear-gradient(135deg,rgba(0,212,180,.05) 0,var(--card) 100%);grid-column:span 2}.feature-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(59,111,255,.2),rgba(0,212,180,.1));border:1px solid rgba(59,111,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:24px}.feature-title{font-family:Syne,sans-serif;font-weight:700;font-size:1.15rem;color:var(--white);margin-bottom:10px;letter-spacing:-.01em}.feature-desc{font-size:.9rem;color:var(--muted);line-height:1.65}.feature-tag{display:inline-block;margin-top:16px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:rgba(0,212,180,.08);border:1px solid rgba(0,212,180,.2);border-radius:100px;padding:4px 12px}.roles-section{position:relative;z-index:1;padding:80px 24px 120px;max-width:1200px;margin:0 auto}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:64px}.role-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:40px 32px;transition:border-color .3s,transform .3s}.role-card:hover{border-color:rgba(91,143,255,.35);transform:translateY(-3px)}.role-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;padding:5px 14px;margin-bottom:20px}.role-badge.member{background:rgba(59,111,255,.1);color:var(--blue2);border:1px solid rgba(59,111,255,.2)}.role-badge.operator{background:rgba(0,212,180,.08);color:var(--teal);border:1px solid rgba(0,212,180,.2)}.role-badge.admin{background:rgba(255,180,0,.08);color:#ffb400;border:1px solid rgba(255,180,0,.2)}.role-title{font-family:Syne,sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:-.02em;margin-bottom:12px}.role-desc{font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:24px}.role-features{list-style:none;display:flex;flex-direction:column;gap:8px}.role-features li{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--muted)}.role-features li:before{content:"→";color:var(--blue2);font-weight:600;flex-shrink:0}.cta-section{position:relative;z-index:1;padding:80px 24px 140px;text-align:center}.cta-card{max-width:760px;margin:0 auto;background:linear-gradient(135deg,rgba(59,111,255,.08),rgba(0,212,180,.05));border:1px solid rgba(59,111,255,.2);border-radius:32px;padding:80px 48px;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--blue2),var(--teal),transparent)}.cta-card h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.cta-card p{color:var(--muted);font-size:1rem;line-height:1.7;max-width:440px;margin:0 auto 40px}footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:32px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}footer .logo-sm{font-family:Syne,sans-serif;font-weight:700;font-size:1rem;background:linear-gradient(135deg,var(--white),var(--blue2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}footer p{font-size:.8rem;color:var(--muted)}@media (max-width:768px){nav{padding:16px 24px}.feature-card.featured{grid-column:span 1}.cta-card{padding:48px 24px}footer{padding:24px}.stat-item{padding:24px 16px}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.lang-en [data-ko],.lang-ko [data-en]{display:none!important}