:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-muted: #6e6e73;--scroll: 0;--accent: #2997ff;--accent-purple: #bf5af2;--accent-pink: #ff375f;--accent-orange: #ff9f0a;--accent-green: #30d158;--gradient-blue: linear-gradient(135deg, #2997ff 0%, #5856d6 100%);--gradient-purple: linear-gradient(135deg, #bf5af2 0%, #5856d6 100%);--gradient-premium: linear-gradient(135deg, #ffd60a 0%, #ff9f0a 50%, #ff375f 100%);--border: rgba(255,255,255,.08);--glass: rgba(255,255,255,.03);--nav-bg: rgba(0, 0, 0, .8)}:root.light{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #e8e8ed;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-muted: #86868b;--accent: #0071e3;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-orange: #f97316;--accent-green: #22c55e;--gradient-blue: linear-gradient(135deg, #0071e3 0%, #6366f1 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);--gradient-premium: linear-gradient(135deg, #fbbf24 0%, #f97316 50%, #ef4444 100%);--border: rgba(0,0,0,.08);--glass: rgba(0,0,0,.03);--nav-bg: rgba(255, 255, 255, .8)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}.shiny-text{background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:var(--text-primary);animation:shineSlide 3s ease-in-out infinite}:root.light .shiny-text{background:linear-gradient(120deg,#0000 40%,#0071e399,#0000 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}@keyframes shineSlide{0%{background-position:100% 0}to{background-position:-100% 0}}.ascii-shift{display:inline-block;white-space:pre}.ascii-shift.ascii-shift--active{-webkit-user-select:none;user-select:none}.star-border{--border-size: 2px;--border-radius: 24px;--star-color-1: #2997ff;--star-color-2: #bf5af2;--star-color-3: #ff375f;--star-speed: 6s;position:relative;z-index:0;overflow:visible}.star-border:before{content:"";position:absolute;inset:calc(-1 * var(--border-size));z-index:-2;border-radius:calc(var(--border-radius) + var(--border-size));background:conic-gradient(from 0deg,var(--star-color-1),var(--star-color-2),var(--star-color-3),var(--star-color-2),var(--star-color-1));animation:starRotate var(--star-speed) linear infinite}.star-border:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--border-radius);background:var(--bg-secondary)}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotlight-card{--spotlight-color: rgba(41, 151, 255, .15);--spotlight-size: 350px;position:relative}.spotlight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:radial-gradient(var(--spotlight-size) circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.spotlight-card:hover:before{opacity:1}:root.light .spotlight-card{--spotlight-color: rgba(0, 113, 227, .12)}.decrypt-text{display:inline-block}.decrypt-text .char{display:inline-block;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.decrypt-text.revealed .char{opacity:1;transform:translateY(0)}.gradient-animate{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-purple) 25%,var(--accent-pink) 50%,var(--accent-purple) 75%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s linear infinite}@keyframes gradientShift{0%{background-position:0% center}to{background-position:200% center}}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);pointer-events:none}:root.light .grid-bg{background-image:linear-gradient(rgba(0,0,0,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.015) 1px,transparent 1px)}.glow-blob{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);opacity:.4;animation:blobFloat 12s ease-in-out infinite;pointer-events:none}.glow-blob.blue{background:radial-gradient(circle,rgba(41,151,255,.6),transparent 70%)}.glow-blob.purple{background:radial-gradient(circle,rgba(191,90,242,.5),transparent 70%);animation-delay:-4s}.glow-blob.pink{background:radial-gradient(circle,rgba(255,55,95,.4),transparent 70%);animation-delay:-8s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.magnetic{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.magnetic:hover{transform:translateY(-2px)}.tilt-card{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease}.tilt-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000040}:root.light .tilt-card:hover{box-shadow:0 25px 50px -12px #00000026}.float-icon{animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}.feature-img-container{position:relative;width:180px;height:180px;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#2997ff1a,#b064ff1a)}.feature-img{width:100%;height:100%;object-fit:cover;border-radius:32px;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s ease;filter:drop-shadow(0 8px 32px rgba(41,151,255,.3))}.showcase-section:hover .feature-img{transform:scale(1.05);filter:drop-shadow(0 12px 40px rgba(41,151,255,.5))}.feature-img-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease;z-index:2}.showcase-section:hover .feature-img-container:before{left:100%}.feature-img-container:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:36px;background:conic-gradient(from 0deg,transparent,rgba(41,151,255,.5),rgba(176,100,255,.5),transparent);opacity:0;transition:opacity .4s ease;z-index:-1;animation:glowRotate 3s linear infinite}.showcase-section:hover .feature-img-container:after{opacity:1}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feature-img-container.float-icon{animation:iconFloat 4s ease-in-out infinite}.showcase-section:nth-child(3) .feature-img-container:after{background:conic-gradient(from 0deg,transparent,rgba(176,100,255,.6),rgba(255,183,77,.4),transparent)}.showcase-section:nth-child(3) .feature-img{filter:drop-shadow(0 8px 32px rgba(176,100,255,.3))}.showcase-section:nth-child(3):hover .feature-img{filter:drop-shadow(0 12px 40px rgba(176,100,255,.5))}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--gradient-blue);z-index:10000;transition:width .1s}nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}.nav-container{max-width:1024px;margin:0 auto;padding:0 22px;height:48px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center}.logo-img{height:28px;width:auto}.logo-dark{display:block}.logo-light{display:none}:root.light .logo-dark{display:none}:root.light .logo-light{display:block}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:12px;font-weight:400;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:12px;margin-left:28px}.lang-switcher{position:relative}.lang-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.lang-btn:hover{background:var(--glass)}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:8px;width:200px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .2s;z-index:2000;box-shadow:0 10px 40px #0003}.lang-dropdown.show{opacity:1;transform:translateY(0);pointer-events:auto}.lang-grid{display:grid;grid-template-columns:1fr;gap:4px;max-height:300px;overflow-y:auto}.lang-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;width:100%}.lang-item:hover{background:var(--glass);color:var(--text-primary)}.lang-item.active{color:var(--accent);font-weight:600}:focus-visible{outline:2px solid rgba(41,151,255,.75);outline-offset:3px;border-radius:10px}:root.light :focus-visible{outline-color:#0071e3a6}.nav-toggle{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--glass);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.16,1,.3,1)}.nav-toggle:hover{transform:translateY(-1px)}.nav-toggle .bar{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:99px;position:relative}.nav-toggle .bar:before,.nav-toggle .bar:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text-primary);border-radius:99px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.nav-toggle .bar:before{top:-6px}.nav-toggle .bar:after{top:6px}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1500}:root.light .nav-overlay{background:#ffffff8c}.nav-drawer{position:fixed;top:0;right:0;width:min(86vw,360px);height:100vh;background:#111111d9;border-left:1px solid var(--border);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);transform:translate3d(100%,0,0);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:1600;padding:18px;display:flex;flex-direction:column;gap:14px}:root.light .nav-drawer{background:#f5f5f7e6}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 10px}.nav-drawer-title{font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.nav-close{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--glass);color:var(--text-primary);cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.16,1,.3,1)}.nav-close:hover{transform:translateY(-1px)}.nav-drawer-links{list-style:none;display:flex;flex-direction:column;gap:10px;padding:8px 6px}.nav-drawer-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-radius:14px;text-decoration:none;color:var(--text-primary);border:1px solid var(--border);background:#ffffff08;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s;font-weight:600}.nav-drawer-links a span{color:var(--text-muted);font-weight:700}.nav-drawer-links a:hover{transform:translateY(-2px);border-color:#2997ff59}body.nav-open{overflow:hidden}body.nav-open .nav-overlay{opacity:1;pointer-events:auto}body.nav-open .nav-drawer{transform:translateZ(0)}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:inline-flex}}.toast{position:fixed;left:50%;bottom:24px;transform:translate3d(-50%,16px,0);z-index:2500;background:#111111c7;border:1px solid var(--border);border-radius:16px;padding:12px 14px;min-width:min(92vw,520px);display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:0;pointer-events:none;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}:root.light .toast{background:#ffffffc7}.toast.show{opacity:1;pointer-events:auto;transform:translate3d(-50%,0,0)}.toast strong{font-size:13px;font-weight:700}.toast p{font-size:12px;color:var(--text-secondary)}.toast-actions{display:inline-flex;gap:8px;align-items:center}.toast-btn{border:1px solid var(--border);background:#ffffff08;color:var(--text-primary);border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1)}.toast-btn:hover{transform:translateY(-1px)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px 60px;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.95}:root.light .hero-particles{opacity:.85}.hero-bg>.glow-blob{position:absolute}.hero-content{position:relative;z-index:1;max-width:980px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:17px;font-weight:600;margin-bottom:12px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.hero h1{font-size:clamp(56px,10vw,96px);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-bottom:20px;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease .1s forwards}.hero-subtitle{font-size:clamp(21px,3vw,28px);font-weight:400;color:var(--text-secondary);max-width:700px;margin:0 auto 40px;line-height:1.4;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .2s forwards}.hero-cta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .3s forwards}.hero-cta a{font-size:21px;font-weight:400;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .3s}.hero-cta a.primary{color:var(--accent)}.hero-cta a.primary:hover{text-decoration:underline}.hero-cta a.secondary{color:var(--text-secondary)}.hero-cta a.secondary:hover{color:var(--text-primary)}.hero-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;opacity:0;animation:fadeIn 1s ease 1s forwards}.scroll-arrow{width:24px;height:24px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translateY(0);opacity:1}50%{transform:rotate(45deg) translateY(10px);opacity:.5}}.showcase{padding:0;background:var(--bg-primary)}.showcase-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px;position:relative;overflow:hidden}.showcase-section:nth-child(2n){background:var(--bg-secondary)}.showcase-container{max-width:1200px;margin:0 auto;width:100%}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.showcase-section:nth-child(2n) .showcase-grid{direction:rtl}.showcase-section:nth-child(2n) .showcase-grid>*{direction:ltr}@media(max-width:900px){.showcase-grid{grid-template-columns:1fr;gap:48px;text-align:center}.showcase-section:nth-child(2n) .showcase-grid{direction:ltr}}.showcase-content{opacity:0;transform:translateY(60px);transition:all .8s cubic-bezier(.16,1,.3,1)}.showcase-content.visible{opacity:1;transform:translateY(0)}.showcase-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.badge-new{background:var(--accent-green);color:#000}.badge-premium{background:var(--gradient-premium);color:#000}.showcase-content h2{font-size:clamp(40px,5vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.showcase-content h2 .gradient-blue{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.showcase-content h2 .gradient-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.showcase-content h2 .gradient-premium{background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.showcase-content p{font-size:17px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.showcase-features{list-style:none;display:flex;flex-direction:column;gap:12px}.showcase-features li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-secondary)}.showcase-features .icon{width:20px;height:20px;background:var(--accent-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.showcase-visual{opacity:0;transform:translateY(60px) scale(.95);transition:all .8s cubic-bezier(.16,1,.3,1);transition-delay:.1s}.showcase-visual.visible{opacity:1;transform:translateY(0) scale(1)}.visual-card{background:var(--glass);border:1px solid var(--border);border-radius:24px;padding:48px;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;position:relative;overflow:hidden}.visual-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(41,151,255,.1) 0%,transparent 70%)}.visual-icon{font-size:120px;opacity:.9;--ags: 1;transition:transform .5s cubic-bezier(.16,1,.3,1)}.showcase-section:hover .visual-icon{--ags: 1.1}.visual-card .feature-img-container{display:flex;align-items:center;justify-content:center}.showcase-section:hover .feature-img-container{--ags: 1.05}.specs{padding:120px 24px;background:var(--bg-primary)}.specs-header{text-align:center;margin-bottom:80px}.specs-header h2{font-size:clamp(40px,5vw,64px);font-weight:700;letter-spacing:-.03em;margin-bottom:16px}.specs-header p{font-size:21px;color:var(--text-secondary)}.specs-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border-radius:24px;overflow:hidden}@media(max-width:768px){.specs-grid{grid-template-columns:1fr}}.spec-item{background:var(--bg-secondary);padding:48px 32px;text-align:center;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.spec-item.visible{opacity:1;transform:translateY(0)}.spec-item:nth-child(1){transition-delay:0s}.spec-item:nth-child(2){transition-delay:.1s}.spec-item:nth-child(3){transition-delay:.2s}.spec-item:nth-child(4){transition-delay:.3s}.spec-item:nth-child(5){transition-delay:.4s}.spec-item:nth-child(6){transition-delay:.5s}.spec-value{font-size:48px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.spec-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.premium-section{min-height:100vh;padding:120px 24px;background:var(--bg-secondary);position:relative;overflow:hidden}.premium-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;height:400px;background:radial-gradient(ellipse at center,rgba(255,214,10,.1) 0%,transparent 60%);pointer-events:none}.premium-header{text-align:center;margin-bottom:80px;position:relative;z-index:1}.premium-header h2{font-size:clamp(48px,7vw,80px);font-weight:700;letter-spacing:-.04em;margin-bottom:16px}.premium-header h2 span{background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-header p{font-size:21px;color:var(--text-secondary)}.pricing-cards{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:700px){.pricing-cards{grid-template-columns:1fr}}@keyframes border-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.star-border{--border-size: 2px;--border-radius: 24px;--star-color-1: #FFD60A;--star-color-2: #FF9F0A;--star-color-3: #FF375F;--star-speed: 4s;position:relative;z-index:0}.star-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--border-radius);padding:var(--border-size);background:conic-gradient(from 0deg,var(--star-color-1),var(--star-color-2),var(--star-color-3),var(--star-color-2),var(--star-color-1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-rotate var(--star-speed) linear infinite}.star-border:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;border-radius:var(--border-radius);background:var(--bg-secondary)}.pricing-card{position:relative;background:#141419f2;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;text-align:center;transition:all .6s cubic-bezier(.16,1,.3,1);color:#fff}.pricing-card.featured{background:transparent;border:none}.pricing-card.featured.star-border:after{background:#0f0f14fa}.spotlight-card{--spotlight-color: rgba(255, 214, 10, .08);--spotlight-size: 400px;position:relative;overflow:visible}.pricing-card.spotlight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(var(--spotlight-size) circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.pricing-card.spotlight-card:hover:before{opacity:1}.pricing-card:not(.featured).spotlight-card{--spotlight-color: rgba(41, 151, 255, .08)}.pricing-card h3{font-size:24px;font-weight:600;margin-bottom:24px;position:relative;z-index:10}.pricing-card.featured h3{background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price{font-size:56px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px;position:relative;z-index:10}.pricing-card.featured .price{background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-period{color:#ffffffb3;font-size:15px;margin-bottom:32px;position:relative;z-index:10}.price-discount{display:inline-block;background:var(--accent-green);color:#000;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:700;margin-bottom:32px;position:relative;z-index:10}.save-badge{position:absolute;top:-16px;right:-16px;background:linear-gradient(135deg,#ff6b6b,#ff375f);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 4px 15px #ff375f66;animation:badgePulse 2s ease-in-out infinite;z-index:10;transform:rotate(12deg)}.save-badge:before{content:"🔥";margin-right:6px}@keyframes badgePulse{0%,to{transform:rotate(12deg) scale(1)}50%{transform:rotate(12deg) scale(1.05)}}.price-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;position:relative;z-index:10}.price-original{font-size:20px;color:var(--text-muted);text-decoration:line-through;opacity:.6}.best-value{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffd60a26,#ffb74d26);border:1px solid rgba(255,214,10,.3);color:#ffd60a;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:24px;animation:shimmer 3s ease-in-out infinite;position:relative;z-index:10}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.limited-offer{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-top:16px;position:relative;z-index:10}.limited-offer .dot{width:6px;height:6px;background:var(--accent-green);border-radius:50%;animation:dotBlink 1.5s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.pricing-cta{display:block;width:100%;padding:16px;border-radius:14px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;border:none;font-family:inherit}.pricing-card .pricing-cta{background:var(--accent);color:#fff}.pricing-card.featured .pricing-cta{background:var(--gradient-premium);color:#000}.pricing-cta:hover{--ms: 1.02}.comparison{padding:120px 24px;background:var(--bg-primary)}.comparison-container{max-width:800px;margin:0 auto}.comparison-header{text-align:center;margin-bottom:64px}.comparison-header h2{font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.02em}.comparison-table{background:var(--bg-secondary);border-radius:20px;overflow:hidden;border:1px solid var(--border)}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:1px solid var(--border)}.comparison-row:last-child{border-bottom:none}.comparison-row.header{background:#ffffff05}.comparison-cell{padding:20px 24px;font-size:15px}.comparison-row.header .comparison-cell{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.comparison-cell:nth-child(3){background:#ffd60a08}.comparison-row.header .comparison-cell:nth-child(3){background:#ffd60a14;color:var(--accent-orange)}.check{color:var(--accent-green);font-size:18px}.cross{color:var(--text-muted)}.quickstart{padding:120px 24px;background:var(--bg-primary)}.quickstart-container{max-width:900px;margin:0 auto}.quickstart-header{text-align:center;margin-bottom:64px}.quickstart-header h2{font-size:clamp(32px,5vw,48px);margin-bottom:16px}.quickstart-header p{color:var(--text-secondary);font-size:18px}.quickstart-steps{display:flex;flex-direction:column;gap:32px;margin-bottom:80px}.quickstart-step{display:flex;gap:24px;align-items:flex-start;padding:24px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border)}.step-number{flex-shrink:0;width:48px;height:48px;background:var(--gradient-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.step-content h3{font-size:20px;margin-bottom:8px}.step-content p{color:var(--text-secondary);margin-bottom:12px}.step-content code{background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;font-family:monospace;font-size:14px}.step-note{font-size:14px;color:var(--text-muted);padding:8px 12px;background:var(--glass);border-radius:8px;border-left:3px solid var(--accent)}.quickstart-advanced h3{font-size:24px;text-align:center;margin-bottom:32px}.advanced-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.advanced-card{padding:24px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);text-align:center}.advanced-card .card-icon{font-size:32px;display:block;margin-bottom:12px}.advanced-card h4{font-size:16px;margin-bottom:8px}.advanced-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.api-docs{padding:120px 24px;background:var(--bg-secondary)}.api-container{max-width:1000px;margin:0 auto}.api-header{text-align:center;margin-bottom:64px}.api-header h2{font-size:clamp(32px,5vw,48px);margin-bottom:16px}.api-header p{color:var(--text-secondary);font-size:18px}.api-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:48px}.api-category{padding:24px;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border)}.api-category h3{font-size:18px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.api-list{display:flex;flex-direction:column;gap:12px}.api-item{display:flex;flex-direction:column;gap:4px}.api-item code{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:var(--accent);background:var(--glass);padding:4px 8px;border-radius:6px;display:inline-block}.api-item span{font-size:12px;color:var(--text-muted)}.api-example{background:var(--bg-primary);border-radius:16px;padding:32px;border:1px solid var(--border)}.api-example h3{font-size:18px;margin-bottom:16px}.api-example pre{background:var(--bg-tertiary);padding:24px;border-radius:12px;overflow-x:auto}.api-example code{font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;color:var(--text-primary)}.faq{padding:120px 24px;background:var(--bg-secondary)}.faq-container{max-width:700px;margin:0 auto}.faq-header{text-align:center;margin-bottom:64px}.faq-header h2{font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.02em}.faq-item{border-bottom:1px solid var(--border);opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.16,1,.3,1)}.faq-item.visible{opacity:1;transform:translateY(0)}.faq-question{width:100%;padding:24px 0;background:transparent;border:none;color:var(--text-primary);font-size:17px;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit}.faq-question:after{content:"+";font-size:24px;color:var(--accent);transition:transform .3s}.faq-item.active .faq-question:after{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{padding-bottom:24px;color:var(--text-secondary);line-height:1.7;font-size:15px}.cta{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px;background:var(--bg-primary);position:relative;overflow:hidden}.cta>.glow-blob{position:absolute}.cta h2{font-size:clamp(40px,6vw,64px);font-weight:700;letter-spacing:-.03em;margin-bottom:16px;position:relative;z-index:1}.cta p{font-size:21px;color:var(--text-secondary);margin-bottom:40px;position:relative;z-index:1}.cta-button{display:inline-flex;align-items:center;gap:8px;padding:18px 36px;background:var(--gradient-blue);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:30px;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.cta-button:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2997ff4d}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shiny-text{animation:none}.star-border:before{animation:none}.gradient-animate,.glow-blob,.float-icon{animation:none}.tilt-card{transition:none}.feature-img-container:before{transition:none}.feature-img-container:after{animation:none}.feature-img{transition:none}}footer{background:var(--bg-secondary);padding:48px 24px;border-top:1px solid var(--border)}.footer-container{max-width:1024px;margin:0 auto}.footer-top{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}@media(max-width:768px){.footer-top{grid-template-columns:repeat(2,1fr)}}.footer-section h4{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section ul a{color:var(--text-muted);text-decoration:none;font-size:12px;transition:color .2s}.footer-section ul a:hover{color:var(--text-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:16px}.footer-bottom p{color:var(--text-muted);font-size:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.nav-links{display:none}.feature-img-container{width:140px;height:140px;border-radius:24px}.feature-img-container:after{border-radius:28px}}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:2000;align-items:center;justify-content:center;padding:2rem}.modal.active{display:flex}.modal-content{background:var(--bg-tertiary);border-radius:20px;max-width:800px;width:100%;max-height:80vh;overflow-y:auto;border:1px solid var(--border)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg-tertiary)}.modal-header h3{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;transition:color .3s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:2rem}.modal-body pre{white-space:pre-wrap;word-wrap:break-word;font-family:Inter,Noto Sans KR,sans-serif;font-size:.9rem;line-height:1.8;color:var(--text-secondary)}.modal-body h4{color:var(--text-primary);margin:1.5rem 0 1rem;font-size:1rem;font-weight:600}.modal-body h4:first-child{margin-top:0}.modal-body p,.modal-body ul{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.7}.modal-body ul{padding-left:1.5rem}.modal-body ul li{margin-bottom:.5rem}.screenshots{padding:120px 24px;background:var(--bg-secondary)}.screenshots-header{text-align:center;margin-bottom:60px}.screenshots-header h2{font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-.03em;margin-bottom:16px}.screenshots-header p{color:var(--text-secondary);font-size:17px}.screenshot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.screenshot-item{background:var(--bg-tertiary);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative}.screenshot-item:hover{--hoverY: -8px;--hoverS: 1.02;border-color:var(--accent);box-shadow:0 20px 40px #2997ff26}.screenshot-item img{width:100%;height:auto;display:block}.screenshot-caption{padding:16px 20px;text-align:center}.screenshot-caption h4{font-size:15px;font-weight:600;margin-bottom:4px}.screenshot-caption p{font-size:13px;color:var(--text-muted)}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:3000;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.lightbox.active{display:flex}.lightbox img{max-width:95%;max-height:95%;object-fit:contain;border-radius:12px;box-shadow:0 25px 80px #00000080}.theme-toggle{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);transition:all .4s cubic-bezier(.16,1,.3,1)}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 8px 30px #2997ff4d}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position:absolute;transition:all .4s cubic-bezier(.16,1,.3,1)}.theme-toggle .icon-sun{opacity:0;transform:scale(.5) rotate(-90deg)}.theme-toggle .icon-moon{opacity:1;transform:scale(1) rotate(0)}:root.light .theme-toggle .icon-sun{opacity:1;transform:scale(1) rotate(0)}:root.light .theme-toggle .icon-moon{opacity:0;transform:scale(.5) rotate(90deg)}.screenshot-item img{transition:opacity .3s ease}:root.light .glow-blob{opacity:.25}:root.light .glow-blob.blue{background:radial-gradient(circle,rgba(0,113,227,.5),transparent 70%)}:root.light .glow-blob.purple{background:radial-gradient(circle,rgba(168,85,247,.4),transparent 70%)}:root.light .lightbox{background:#fffffff2}:root.light .screenshot-item:hover{box-shadow:0 20px 40px #0071e326}.spa-page{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:var(--bg-primary);overflow-y:auto;opacity:0;transform:translateY(20px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.spa-page.active{display:block;opacity:1;transform:translateY(0)}.page-back-btn-container{position:fixed;top:24px;left:24px;z-index:9999}.page-back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.page-back-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translate(-4px)}.spa-page-content{max-width:1200px;margin:0 auto;padding:100px 24px 60px}.spa-page-header{text-align:center;margin-bottom:60px}.spa-page-header h1{font-size:clamp(36px,6vw,56px);font-weight:800;margin-bottom:16px;background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.spa-page-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.api-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px;padding:16px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border)}.api-tab{padding:10px 20px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.api-tab:hover{color:var(--text-primary);background:var(--glass)}.api-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.api-full-list{display:flex;flex-direction:column;gap:16px}.api-section{display:none}.api-section.active{display:block}.api-section-title{font-size:24px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--accent);color:var(--text-primary)}.api-function{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);margin-bottom:12px;overflow:hidden;transition:all .3s ease}.api-function:hover{border-color:var(--accent);box-shadow:0 4px 20px #2997ff1a}.api-function-header{padding:16px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .3s ease}.api-function-header:hover{background:var(--glass)}.api-function-name{display:flex;align-items:center;gap:12px;flex:1}.api-function-name code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:15px;font-weight:600;color:var(--accent);background:#2997ff1a;padding:6px 12px;border-radius:6px}.api-function-name span{color:var(--text-secondary);font-size:14px}.api-function-toggle{font-size:18px;color:var(--text-muted);transition:transform .3s ease}.api-function.open .api-function-toggle{transform:rotate(180deg)}.api-function-detail{display:none;padding:0 20px 20px;border-top:1px solid var(--border);background:var(--bg-tertiary)}.api-function.open .api-function-detail{display:block}.api-params{margin:20px 0}.api-params h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.api-params ul{list-style:none;display:flex;flex-direction:column;gap:8px}.api-params li{display:flex;align-items:flex-start;gap:8px;font-size:14px}.api-params li code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;color:var(--accent-purple);background:#bf5af21a;padding:2px 8px;border-radius:4px;white-space:nowrap}.api-params li span{color:var(--text-secondary)}.api-examples h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.api-example-tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--bg-secondary);padding:4px;border-radius:8px;width:fit-content}.example-tab{padding:6px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.example-tab:hover{color:var(--text-primary)}.example-tab.active{background:var(--accent);color:#fff}.api-code{display:none;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);overflow:hidden}.api-code.active{display:block}.api-code pre{margin:0;padding:16px;overflow-x:auto}.api-code code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text-primary)}.quickstart-steps{display:flex;flex-direction:column;gap:40px}.quickstart-step{display:grid;grid-template-columns:60px 1fr;gap:24px;align-items:start}.step-number{width:60px;height:60px;background:var(--gradient-blue);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;flex-shrink:0}.step-content h3{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.step-content p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:16px}.step-content code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;background:var(--bg-secondary);padding:2px 8px;border-radius:4px;color:var(--accent)}.step-content a{color:var(--accent);text-decoration:none;font-weight:500}.step-content a:hover{text-decoration:underline}.step-content .code-block{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border);margin-top:12px}.step-content .code-block pre{margin:0;overflow-x:auto}.step-content .code-block code{background:transparent;padding:0}@media(max-width:600px){.quickstart-step{grid-template-columns:1fr;gap:16px}.step-number{width:48px;height:48px;font-size:20px;border-radius:12px}.page-back-btn-container{top:16px;left:16px}.page-back-btn{padding:10px 16px;font-size:13px}.api-tabs{padding:12px}.api-tab{padding:8px 14px;font-size:13px}.api-function-name code{font-size:13px;padding:4px 8px}.api-function-name span{display:none}}