:root{--bg-main: #0b0f19;--bg-surface: #111827;--bg-surface-elevated: #1e293b;--bg-subtle: #1f293d;--bg-glass: rgba(17, 24, 39, .75);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(56, 189, 248, .25);--primary: #0284c7;--primary-hover: #0369a1;--primary-light: rgba(2, 132, 199, .15);--primary-glow: rgba(56, 189, 248, .35);--accent-emerald: #10b981;--accent-emerald-light: rgba(16, 185, 129, .15);--accent-cyan: #06b6d4;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 40px -15px rgba(0, 0, 0, .7);--shadow-glow: 0 0 40px rgba(2, 132, 199, .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Pretendard", sans-serif;--transition: all .3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.6}body{overflow-x:hidden;position:relative}.bg-mesh-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 15%,rgba(2,132,199,.12) 0%,transparent 45%),radial-gradient(circle at 85% 25%,rgba(16,185,129,.08) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(6,182,212,.08) 0%,transparent 50%),#0b0f19}.global-header{position:sticky;top:0;z-index:1000;width:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0b0f19d1;border-bottom:1px solid var(--border-color);transition:var(--transition)}.global-header.scrolled{background:#0b0f19f0;box-shadow:0 10px 30px #0006;border-bottom-color:#ffffff1f}.nav-container{max-width:1380px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-main);font-weight:700;font-size:19px;letter-spacing:-.02em}.brand-logo svg,.brand-logo img{width:34px;height:34px}.brand-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent-cyan));color:#fff;letter-spacing:.04em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:14px;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:6px}.nav-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:14px}.nav-status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg-surface-elevated);border:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}.status-dot-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald);animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-section{padding:80px 24px 70px;max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.hero-badge-wrap{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#0284c71f;border:1px solid rgba(56,189,248,.25);color:#38bdf8;font-size:13px;font-weight:600;margin-bottom:24px}.hero-title{font-size:52px;font-weight:800;line-height:1.18;letter-spacing:-.035em;color:#fff;margin-bottom:22px}.hero-title .gradient-text{background:linear-gradient(135deg,#38bdf8,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:18px;line-height:1.65;color:var(--text-muted);margin-bottom:36px;max-width:580px}.hero-cta-group{display:flex;align-items:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.hero-visual-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-glow);box-shadow:var(--shadow-glow),var(--shadow-lg);background:var(--bg-surface);transition:transform .4s ease,box-shadow .4s ease}.hero-visual-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 25px 50px -10px #0284c759}.hero-visual-card img{width:100%;height:auto;display:block;object-fit:cover}.hero-floating-tag{position:absolute;bottom:20px;left:20px;right:20px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.trust-metrics-strip{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#11182766;padding:30px 24px}.trust-metrics-container{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.metric-card{text-align:center;padding:10px}.metric-num{font-size:36px;font-weight:800;color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.metric-num span{font-size:22px;color:#38bdf8;-webkit-text-fill-color:#38bdf8}.metric-caption{font-size:13px;color:var(--text-muted);font-weight:500}.section-wrap{max-width:1380px;margin:0 auto;padding:90px 24px}.section-head-center{text-align:center;max-width:760px;margin:0 auto 60px}.section-tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#38bdf8;margin-bottom:12px}.section-heading{font-size:38px;font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:16px}.section-subtext{font-size:16px;color:var(--text-muted);line-height:1.6}.feature-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px}.feature-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px 24px;transition:var(--transition);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-6px);border-color:#38bdf866;box-shadow:0 15px 35px -10px #0009}.feature-icon-box{width:52px;height:52px;border-radius:var(--radius-md);background:var(--primary-light);color:#38bdf8;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}.feature-card h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}.feature-card p{font-size:14px;color:var(--text-muted);line-height:1.6}.spotlight-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-top:40px;align-items:center}.spotlight-content{padding:50px 45px}.spotlight-image{height:100%;min-height:380px;position:relative}.spotlight-image img{width:100%;height:100%;object-fit:cover;display:block}.studio-layout{display:grid;grid-template-columns:270px 1fr;gap:28px;background:#11182799;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-lg)}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:var(--transition);width:100%}.nav-item:hover{background:var(--bg-surface-elevated);color:#fff}.nav-item.active{background:linear-gradient(135deg,#0284c740,#06b6d41a);border-color:#38bdf84d;color:#fff}.nav-item svg{width:20px;height:20px}.studio-stage{min-height:600px}.page-section{display:none;animation:fadeIn .3s ease}.page-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:26px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.card-title{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;color:#fff;margin-bottom:18px}.brand-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--primary-light);color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;border:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent-cyan));color:#fff;box-shadow:0 4px 15px #0284c759}.btn-primary:hover{box-shadow:0 6px 22px #0284c78c;transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-subtle);border-color:#fff3}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-danger{background:#dc2626;color:#fff}.btn-sm{padding:8px 14px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:15px 28px;font-size:16px;border-radius:var(--radius-md)}.ai-assistant-card{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-xl);padding:30px;margin-bottom:28px;box-shadow:0 20px 40px #0006}.ai-assistant-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.ai-avatar-wrapper{position:relative;width:72px;height:72px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#38bdf8,#34d399);box-shadow:0 0 20px #38bdf866}.ai-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0f172a}.ai-chat-bubble{background:#111827e6;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:16px 20px;flex:1;position:relative}.ai-chat-bubble:before{content:"";position:absolute;left:-8px;top:24px;width:16px;height:16px;background:#111827e6;border-left:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);transform:rotate(45deg)}.smart-dropzone{border:2px dashed rgba(56,189,248,.4);background:#0284c70a;border-radius:var(--radius-lg);padding:45px 24px;text-align:center;cursor:pointer;transition:var(--transition)}.smart-dropzone:hover,.smart-dropzone.dragover{border-color:#38bdf8;background:#0284c714;box-shadow:0 0 30px #38bdf833}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 14px;background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;font-size:14px;font-family:inherit;transition:var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric-box{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 20px}.metric-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.metric-val{font-size:24px;font-weight:700;color:#fff}.scopes-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.scope-badge{font-size:11px;padding:3px 8px;border-radius:4px;background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:#94a3b8}.alert{padding:14px 18px;border-radius:var(--radius-md);font-size:13px;margin-bottom:18px;display:flex;align-items:center;gap:10px}.alert-success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399}.alert-info{background:#0284c71f;border:1px solid rgba(2,132,199,.3);color:#38bdf8}.alert-warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.global-footer{border-top:1px solid var(--border-color);background:#080c14;padding:70px 24px 40px;margin-top:100px}.footer-container{max-width:1380px;margin:0 auto 50px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px}.footer-brand h4{font-size:20px;font-weight:700;color:#fff;margin-bottom:14px}.footer-brand p{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:360px}.footer-col h5{font-size:15px;font-weight:700;color:#fff;margin-bottom:18px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col a{text-decoration:none;color:var(--text-muted);font-size:14px;transition:var(--transition)}.footer-col a:hover{color:#fff}.footer-bottom{max-width:1380px;margin:0 auto;padding-top:30px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-dim)}.reveal-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.workflow-stepper-wrap{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px 30px;margin-bottom:32px;box-shadow:var(--shadow-md)}.stepper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stepper-title{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.stepper-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.step-card{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 14px;position:relative;transition:var(--transition)}.step-card.active{border-color:#38bdf8;background:#0284c71f;box-shadow:0 0 20px #38bdf833}.step-card.completed{border-color:#10b981;background:#10b98114}.step-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.step-num-badge{width:24px;height:24px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.step-card.active .step-num-badge{background:#38bdf8;color:#0b0f19;border-color:#38bdf8}.step-card.completed .step-num-badge{background:#10b981;color:#fff;border-color:#10b981}.step-title{font-size:13px;font-weight:700;color:#fff}.step-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.studio-locked-overlay{background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-xl);padding:50px 30px;text-align:center;margin-bottom:28px;box-shadow:var(--shadow-lg)}.locked-icon{font-size:48px;margin-bottom:14px}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;text-align:center}.hero-desc{margin:0 auto 36px}.hero-cta-group{justify-content:center}.trust-metrics-container,.feature-grid-4{grid-template-columns:repeat(2,1fr)}.spotlight-card,.studio-layout{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr 1fr}}@media(max-width:640px){.nav-links{display:none}.hero-title{font-size:38px}.trust-metrics-container,.feature-grid-4,.footer-container{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}