:root{--brand-main: #7C5CFC;--brand-mid: #A78BFA;--brand-light: #DDD6FE;--brand-dark: #1E1147;--brand-gradient: linear-gradient(135deg, #7C5CFC 0%, #6366F1 50%, #818CF8 100%);--brand-gradient-hover: linear-gradient(135deg, #6D4DE8 0%, #5558E3 50%, #7280F0 100%);--brand-gradient-vertical: linear-gradient(180deg, #7C5CFC 0%, #818CF8 100%);--bg-primary: #FAFAFE;--bg-secondary: #F3F2F8;--bg-tertiary: #ECEAF4;--bg-card: rgba(255, 255, 255, .72);--bg-nav: rgba(250, 250, 254, .72);--text-primary: #1A1A2E;--text-secondary: #5A5A7A;--text-tertiary: #9090AB;--text-disabled: #C0C0D0;--text-on-brand: #FFFFFF;--success: #34D399;--error: #F87171;--warning: #FBBF24;--info: #38BDF8;--border-color: rgba(124, 92, 252, .08);--shadow-sm: 0 1px 4px rgba(30, 17, 71, .05);--shadow-md: 0 8px 30px rgba(30, 17, 71, .08);--shadow-lg: 0 16px 48px rgba(30, 17, 71, .1);--shadow-brand: 0 8px 32px rgba(124, 92, 252, .2);--glass-border: 1px solid rgba(255, 255, 255, .3);--glass-bg: rgba(255, 255, 255, .5);--particle-color: #7C5CFC;--particle-link-color: rgba(124, 92, 252, .15);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", "Noto Sans KR", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--brand-main: #A78BFA;--brand-mid: #C4B5FD;--brand-light: #DDD6FE;--brand-dark: #312E81;--brand-gradient: linear-gradient(135deg, #A78BFA 0%, #818CF8 50%, #6366F1 100%);--brand-gradient-hover: linear-gradient(135deg, #9B7AEE 0%, #737AEE 50%, #5558E3 100%);--brand-gradient-vertical: linear-gradient(180deg, #A78BFA 0%, #818CF8 100%);--bg-primary: #0F0D1A;--bg-secondary: #181626;--bg-tertiary: #221F35;--bg-card: rgba(24, 22, 38, .7);--bg-nav: rgba(15, 13, 26, .8);--text-primary: #F5F3FF;--text-secondary: #C4C0D8;--text-tertiary: #8E8AAC;--text-disabled: #5C5880;--border-color: rgba(167, 139, 250, .12);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .3);--shadow-md: 0 8px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--shadow-brand: 0 8px 32px rgba(167, 139, 250, .2);--glass-border: 1px solid rgba(255, 255, 255, .06);--glass-bg: rgba(255, 255, 255, .04);--particle-color: #A78BFA;--particle-link-color: rgba(167, 139, 250, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.65;transition:background var(--transition),color var(--transition);overflow-x:hidden;font-feature-settings:"cv02","cv03","cv04","cv11"}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 32px;height:68px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-nav);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid transparent;transition:all var(--transition)}.landing-nav.scrolled{border-bottom-color:var(--border-color);box-shadow:var(--shadow-md)}.nav-logo{height:30px;width:auto;cursor:pointer;transition:opacity var(--transition)}.nav-logo:hover{opacity:.8}.nav-links{display:flex;gap:32px;list-style:none;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.02em;transition:color var(--transition);position:relative;padding-bottom:4px}.nav-links a:hover,.nav-links a.active{color:var(--brand-main)}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--brand-gradient);transition:width var(--transition),left var(--transition);border-radius:1px}.nav-links a:hover:after,.nav-links a.active:after{width:100%;left:0}.nav-actions{display:flex;align-items:center;gap:10px}.lang-selector{display:flex;gap:2px;background:var(--bg-secondary);border-radius:10px;padding:3px}.lang-btn{padding:5px 10px;border:none;border-radius:8px;background:transparent;color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all var(--transition);font-family:var(--font-family)}.lang-btn:hover{color:var(--text-primary)}.lang-btn.active{background:var(--brand-main);color:var(--text-on-brand);box-shadow:0 2px 8px #7c5cfc40}.theme-toggle{width:36px;height:36px;border-radius:10px;border:var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--transition);line-height:1;color:var(--text-secondary)}.theme-toggle:hover{border-color:var(--brand-main);background:var(--brand-main);color:var(--text-on-brand);transform:scale(1.05)}.mobile-menu-btn{display:none;width:40px;height:40px;border:none;background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.mobile-menu-btn span{display:block;width:20px;height:1.5px;background:var(--text-primary);border-radius:1px;transition:all var(--transition)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:140px 32px 100px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:var(--brand-gradient-vertical);opacity:.04;z-index:0}[data-theme=dark] .hero-bg{opacity:.12}.hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:1140px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-text{max-width:540px}.hero-title{font-size:56px;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:24px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:17px;line-height:1.75;color:var(--text-secondary);margin-bottom:40px;white-space:pre-line;font-weight:400}.hero-cta-group{display:flex;gap:14px;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--radius-md);font-size:14px;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:all var(--transition);cursor:pointer;border:none;font-family:var(--font-family)}.cta-btn-primary{background:var(--brand-gradient);color:var(--text-on-brand);box-shadow:var(--shadow-brand)}.cta-btn-primary:hover{background:var(--brand-gradient-hover);transform:translateY(-3px);box-shadow:0 12px 36px #7c5cfc4d}.cta-btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cta-btn-secondary:hover{border-color:var(--brand-main);color:var(--brand-main);transform:translateY(-3px);box-shadow:var(--shadow-md)}.hero-mockup{display:flex;justify-content:center;position:relative}.hero-phone{width:280px;height:auto;border-radius:36px;box-shadow:var(--shadow-lg);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .6s cubic-bezier(.4,0,.2,1)}.hero-phone:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;animation:bounce 2.5s infinite;opacity:.5}.scroll-indicator svg{width:24px;height:24px;color:var(--text-tertiary)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.section{padding:120px 32px;max-width:1140px;margin:0 auto}.section-alt{background:var(--bg-secondary)}.section-full{padding:120px 32px}.section-header{text-align:center;margin-bottom:72px}.section-title{font-size:38px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:15px;color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.7;font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{background:var(--bg-card);border:var(--glass-border);border-radius:var(--radius-lg);padding:40px;transition:all var(--transition);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--brand-gradient);opacity:0;transition:opacity var(--transition)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#7c5cfc26}.feature-card:hover:before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px;color:var(--text-on-brand);box-shadow:0 4px 16px #7c5cfc33}.feature-title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px;color:var(--text-primary)}.feature-desc{font-size:14px;color:var(--text-secondary);line-height:1.75}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.steps-container:before{content:"";position:absolute;top:44px;left:16.67%;right:16.67%;height:1px;background:var(--brand-gradient);opacity:.2}.step-card{text-align:center;position:relative}.step-number{width:80px;height:80px;border-radius:50%;background:var(--brand-gradient);color:var(--text-on-brand);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;margin:0 auto 28px;box-shadow:var(--shadow-brand);position:relative;z-index:1}.step-title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px;color:var(--text-primary)}.step-desc{font-size:14px;color:var(--text-secondary);line-height:1.7}.screenshots-wrapper{position:relative;padding:20px 0 8px}.screenshots-stage{position:relative;height:560px;display:flex;align-items:center;justify-content:center;perspective:1200px;overflow:hidden}.screenshot-item{--offset: 0;--abs-offset: 0;--tilt-y: 0px;position:absolute;width:280px;height:500px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-md);padding:0;cursor:pointer;transform:translate(calc(var(--offset) * 190px)) translateY(calc((var(--abs-offset) * 16px) + var(--tilt-y))) rotate(calc(var(--offset) * -5deg)) scale(calc(1 - (var(--abs-offset) * .08)));opacity:calc(1 - (var(--abs-offset) * .22));z-index:calc(20 - var(--abs-offset));transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border-color .35s ease,opacity .35s ease}.screenshot-item.active{transform:translate(0) translateY(0) rotate(0) scale(1.04);border-color:var(--brand-main);box-shadow:var(--shadow-brand);opacity:1;z-index:30}.screenshot-item img{width:100%;height:100%;object-fit:cover;display:block}.screenshot-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.screenshot-dot{width:8px;height:8px;border-radius:50%;background:var(--text-disabled);border:none;cursor:pointer;transition:all var(--transition);padding:0}.screenshot-dot.active{background:var(--brand-main);width:28px;border-radius:4px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1140px;margin:0 auto}.proof-card{text-align:center;padding:36px 16px;background:var(--bg-card);border-radius:var(--radius-lg);border:var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all var(--transition)}.proof-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.proof-number{font-size:36px;font-weight:800;letter-spacing:-.02em;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.proof-label{font-size:13px;color:var(--text-secondary);font-weight:500}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all var(--transition)}.faq-item.open{border-color:#7c5cfc33;box-shadow:var(--shadow-sm);background:var(--glass-bg)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border:none;background:transparent;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);text-align:left;transition:color var(--transition);font-family:var(--font-family);gap:16px}.faq-question:hover{color:var(--brand-main)}.faq-chevron{width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--text-tertiary);flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--brand-main)}.faq-answer-inner{padding:0 24px 20px;font-size:14px;color:var(--text-secondary);line-height:1.85}.cta-section{position:relative;padding:120px 32px;text-align:center;overflow:hidden}.cta-bg{position:absolute;inset:0;background:var(--brand-gradient);z-index:0}.cta-particles{position:absolute;inset:0;z-index:1;pointer-events:none}.cta-content{position:relative;z-index:2}.cta-title{font-size:42px;font-weight:800;letter-spacing:-.02em;color:var(--text-on-brand);margin-bottom:14px}.cta-subtitle{font-size:16px;color:#ffffffbf;margin-bottom:40px;font-weight:400}.cta-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.cta-btn-white{background:#fffffff2;color:#7c5cfc;padding:14px 28px;border-radius:var(--radius-md);font-weight:600;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all var(--transition);border:none;cursor:pointer;font-family:var(--font-family);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta-btn-white:hover{background:#fff;transform:translateY(-3px);box-shadow:0 12px 36px #00000026}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:48px 32px 32px}.footer-content{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-logo{height:26px;width:auto;opacity:.7;transition:opacity var(--transition)}.footer-logo:hover{opacity:1}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:color var(--transition)}.footer-links a:hover{color:var(--brand-main)}.footer-copyright{width:100%;text-align:center;padding-top:24px;margin-top:24px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-tertiary)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}@media(max-width:960px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{max-width:100%}.hero-cta-group{justify-content:center}.hero-mockup{margin-top:48px}.hero-title{font-size:42px}.features-grid{grid-template-columns:1fr}.steps-container{grid-template-columns:1fr;gap:40px}.steps-container:before{display:none}.proof-grid{grid-template-columns:repeat(2,1fr)}.screenshots-stage{height:500px}.screenshot-item{width:248px;height:440px;transform:translate(calc(var(--offset) * 150px)) translateY(calc((var(--abs-offset) * 12px) + var(--tilt-y))) rotate(calc(var(--offset) * -4deg)) scale(calc(1 - (var(--abs-offset) * .08)))}.nav-links{display:none}.mobile-menu-btn{display:flex}}@media(max-width:600px){.landing-nav{padding:0 16px}.hero-section{padding:110px 20px 60px}.hero-title{font-size:32px}.hero-subtitle{font-size:15px}.hero-cta-group{flex-direction:column;align-items:center}.cta-btn{width:100%;justify-content:center}.section,.section-full{padding:80px 20px}.section-title{font-size:28px}.section-header{margin-bottom:48px}.cta-section{padding:80px 20px}.cta-title{font-size:28px}.cta-subtitle{font-size:14px}.cta-buttons{flex-direction:column;align-items:center}.cta-btn-white{width:100%;justify-content:center}.proof-grid{grid-template-columns:1fr 1fr}.proof-number{font-size:28px}.screenshots-wrapper{padding:8px 0 0}.screenshots-stage{height:430px}.screenshot-item{width:206px;height:366px;transform:translate(calc(var(--offset) * 108px)) translateY(calc((var(--abs-offset) * 10px) + var(--tilt-y))) rotate(calc(var(--offset) * -3deg)) scale(calc(1 - (var(--abs-offset) * .08)))}.screenshot-item.active{transform:translate(0) translateY(0) rotate(0) scale(1.03)}.screenshot-dots{margin-top:8px}.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.lang-selector{display:none}}.mobile-menu-overlay{position:fixed;inset:0;background:var(--bg-primary);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;pointer-events:none;transition:opacity var(--transition);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mobile-menu-overlay.open{opacity:1;pointer-events:all}.mobile-menu-overlay a{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);text-decoration:none;transition:color var(--transition)}.mobile-menu-overlay a:hover{color:var(--brand-main)}.mobile-menu-close{position:absolute;top:16px;right:20px;width:40px;height:40px;border:none;background:transparent;font-size:24px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.mobile-menu-lang{display:flex;gap:6px;margin-top:16px}