:root{--a:rgb(2,132,199);--b:rgb(255,255,255);--c:rgb(16, 26, 50);--d:rgb(2,132,199);--e:rgb(234,88,12);--f:rgb(125,211,252);--g:rgb(56,189,248);--h:rgb(249,115,22);--i:rgb(194,65,12);--j:rgb(2,132,199)}@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');:root{--primary: #EA580C;--primary-hover: #C2410C;--primary-muted: rgba(234, 88, 12, 0.12);--accent: #0284C7;--accent-muted: rgba(2, 132, 199, 0.12);--primary-color: #EA580C;--primary-dark: #C2410C;--primary-light: #F97316;--secondary-color: #0284C7;--blue-sky: #7DD3FC;--blue-light: #38BDF8;--blue-medium: #0284C7;--blue-dark: #0369A1;--primary-purple: #EA580C;--primary-purple-light: #F97316;--primary-teal: #0284C7;--primary-teal-light: #38BDF8;--accent-purple: #EA580C;--accent-amber: #F59E0B;--accent-amber-light: #FBBF24;--surface-950: #0F172A;--surface-900: #1E293B;--surface-850: #334155;--surface-800: #475569;--surface-700: #64748B;--surface-600: #64748B;--surface-500: #94A3B8;--surface-400: #94A3B8;--surface-300: #CBD5E1;--surface-200: #E2E8F0;--surface-50: #F8FAFC;--success-500: #10B981;--success-400: #34D399;--error-500: #EF4444;--error-400: #F87171;--warning-500: #F59E0B;--info-500: #0284C7;--orange-blue-gradient: linear-gradient(135deg, #EA580C 0%, #0284C7 100%);--blue-gradient: linear-gradient(135deg, #7DD3FC, #0284C7);--gradient-primary: linear-gradient(135deg, #EA580C 0%, #0284C7 100%);--gradient-secondary: linear-gradient(135deg, #F97316, #38BDF8);--gradient-accent: linear-gradient(135deg, #EA580C, #F97316);--gradient-dark: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);--shadow-sm: 0 1px 2px rgba(0,0,0,0.04);--shadow-md: 0 4px 12px rgba(0,0,0,0.06);--shadow-lg: 0 12px 28px rgba(0,0,0,0.08);--shadow-xl: 0 20px 40px -8px rgba(0,0,0,0.1);--shadow-blue: 0 8px 24px rgba(2, 132, 199, 0.15);--shadow-glow: 0 0 32px rgba(234, 88, 12, 0.2);--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);--transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);--border-radius: 12px;--border-radius-lg: 16px;--text-dark: #0F172A;--text-gray: #475569;--text-light: #64748B;--bg-light: #F8FAFC;--bg-white: var(--b);--border-color: #E2E8F0;} *{margin: 0;padding: 0;box-sizing: border-box;} body{font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 41, 59, 0.88) 50%, rgba(15, 23, 42, 0.92) 100%), radial-gradient(ellipse 80% 50% at 50% 0%, rgba(234, 88, 12, 0.08) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 100% 100%, rgba(2, 132, 199, 0.08) 0%, transparent 50%), var(--surface-900);background-attachment: fixed;color: #F8FAFC;line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;min-height: 100vh;font-size: 16px;} ::-webkit-scrollbar{width: 10px;} ::-webkit-scrollbar-track{background: var(--surface-900);} ::-webkit-scrollbar-thumb{background: rgba(234, 88, 12, 0.35);border-radius: 6px;border: 2px solid var(--surface-900);} ::-webkit-scrollbar-thumb:hover{background: rgba(234, 88, 12, 0.55);} .nav-container{position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: rgba(15, 23, 42, 0.78);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);border-bottom: 1px solid rgba(234, 88, 12, 0.12);transition: all var(--transition-normal);box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.04) inset;} .nav-container.scrolled{background: rgba(15, 23, 42, 0.85);box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.04) inset, 0 4px 20px rgba(0, 0, 0, 0.14);border-bottom-color: rgba(234, 88, 12, 0.18);} .nav-content{max-width: 1440px;margin: 0 auto;padding: 0 max(2rem, env(safe-area-inset-left)) 0 max(2rem, env(safe-area-inset-right));height: 72px;display: flex;align-items: center;justify-content: space-between;gap: 0.8125rem;} .logo{display: flex;align-items: center;gap: 12px;font-size: 1.75rem;font-weight: 800;text-decoration: none;color: white;} .logo-gradient{background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .logo-icon{width: 48px;height: 48px;border-radius: 10px;background: var(--gradient-primary);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 1.25rem;} .logo-image{width: 48px;height: 48px;object-fit: contain;border-radius: 10px;display: block;flex-shrink: 0;} .nav-menu{display: flex;align-items: center;margin-left: 1.25rem;gap: 1.375rem;} .nav-item{position: relative;} .nav-link{color: var(--surface-300);text-decoration: none;font-weight: 500;font-size: 0.9375rem;padding: 0.5rem 0.75rem;transition: all var(--transition-fast);display: flex;align-items: center;gap: 6px;border-radius: 8px;} .nav-link:hover{color: #F8FAFC;background: var(--primary-muted);} .dropdown{position: absolute;top: 100%;left: -1rem;min-width: 280px;max-width: min(380px, calc(100vw - 2rem));max-height: min(70vh, 520px);overflow-y: auto;-webkit-overflow-scrolling: touch;background: rgba(30, 41, 59, 0.98);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(234, 88, 12, 0.15);border-radius: 12px;padding: 0.75rem;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: all var(--transition-normal);box-shadow: var(--shadow-xl);margin-top: 0.5rem;z-index: 1000;} .nav-item:hover .dropdown{opacity: 1;visibility: visible;transform: translateY(0);} .nav-item:focus-within .dropdown{opacity: 1;visibility: visible;transform: translateY(0);} .dropdown-item{display: block;padding: 0.75rem 1rem;color: var(--surface-300);text-decoration: none;border-radius: 8px;transition: all var(--transition-fast);font-size: 0.9rem;font-weight: 500;} .dropdown-item:hover{background: var(--primary-muted);color: var(--primary);transform: translateX(4px);} .dropdown-item__title{display: block;font-weight: 600;font-size: 0.9rem;line-height: 1.25;} .dropdown-item:not(.dropdown-item--rich) .dropdown-item__title{font-weight: 500;} .dropdown-item__desc{display: block;margin-top: 0.3rem;font-size: 0.76rem;font-weight: 400;line-height: 1.4;color: var(--surface-500);} .dropdown-item--rich{padding: 0.65rem 1rem;} .dropdown-item--rich:hover .dropdown-item__desc{color: var(--surface-400);} .dropdown-divider{height: 1px;background: rgba(255, 255, 255, 0.1);margin: 0.5rem 0;} .dropdown-label{font-size: 0.8rem;color: var(--surface-400);padding: 0.5rem 1rem;text-transform: uppercase;letter-spacing: 0.05em;font-weight: 600;} .nav-actions{display: flex;align-items: center;gap: 1rem;flex-shrink: 0;} .nav-actions .btn{min-height: 44px;white-space: nowrap;} .btn{padding: 0.75rem 1.5rem;border-radius: 10px;font-weight: 600;font-size: 0.95rem;border: none;cursor: pointer;transition: all var(--transition-normal);text-decoration: none;display: inline-flex;align-items: center;justify-content: center;gap: 8px;} .btn-primary{background: var(--gradient-primary);color: var(--b);box-shadow: 0 2px 8px rgba(234, 88, 12, 0.3);} .btn-primary:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(234, 88, 12, 0.35);} .btn-secondary{background: var(--primary-muted);color: #F8FAFC;border: 1px solid rgba(234, 88, 12, 0.25);} .btn-secondary:hover{background: rgba(234, 88, 12, 0.2);border-color: rgba(234, 88, 12, 0.35);transform: translateY(-2px);box-shadow: 0 2px 12px rgba(234, 88, 12, 0.2);} .theme-toggle-btn{width: 44px;height: 44px;border-radius: 12px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);color: white;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all var(--transition-normal);position: relative;overflow: hidden;} .theme-toggle-btn:hover{background: var(--primary-muted);border-color: rgba(234, 88, 12, 0.35);transform: translateY(-2px);box-shadow: var(--shadow-glow);} .theme-toggle-btn:active{transform: translateY(0) scale(0.95);} .theme-toggle-btn svg{transition: transform var(--transition-normal);} .theme-toggle-btn:hover svg{transform: rotate(15deg) scale(1.1);} body.light-theme{background: radial-gradient(1000px 560px at 8% -12%, rgba(234, 88, 12, 0.12) 0%, rgba(234, 88, 12, 0.00) 62%), radial-gradient(920px 560px at 92% -6%, rgba(2, 132, 199, 0.12) 0%, rgba(2, 132, 199, 0.00) 62%), radial-gradient(760px 540px at 50% 108%, rgba(99, 102, 241, 0.08) 0%, rgba(99, 102, 241, 0.00) 64%), linear-gradient(180deg, var(--b) 0%, #FCFCFB 40%, #F8FAFC 100%);color: #0F172A;-webkit-font-smoothing: antialiased;position: relative;} body.light-theme::before{content: "";position: fixed;inset: 0;pointer-events: none;z-index: 0;opacity: 0.75;background: radial-gradient(560px 320px at 20% 26%, rgba(255, 255, 255, 0.70) 0%, rgba(255,255,255,0) 72%), radial-gradient(520px 300px at 80% 18%, rgba(255, 255, 255, 0.64) 0%, rgba(255,255,255,0) 72%);} body.light-theme .nav-container, body.light-theme .hero, body.light-theme .section, body.light-theme .footer{position: relative;z-index: 1;} body.light-theme .nav-container{position: fixed;z-index: 100;background: rgba(255, 255, 255, 0.82);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: 1px solid rgba(148, 163, 184, 0.26);box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0 8px 24px rgba(2, 6, 23, 0.06);} body.light-theme .nav-container.scrolled{background: rgba(255, 255, 255, 0.92);box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0 12px 30px rgba(2, 6, 23, 0.08);} body.light-theme .nav-link{color: #475569;} body.light-theme .nav-link:hover{color: var(--primary);background: var(--primary-muted);} body.light-theme .dropdown{background: var(--b);border: 1px solid #E7E5E4;box-shadow: var(--shadow-lg);} body.light-theme .dropdown-item{color: #475569;} body.light-theme .dropdown-item:hover{background: rgba(234, 88, 12, 0.14);color: var(--primary);transform: none;} body.light-theme .dropdown-item__desc{color: #64748b;} body.light-theme .dropdown-item--rich:hover .dropdown-item__desc{color: #475569;} body.light-theme .dropdown-item:focus, body.light-theme .dropdown-item:active{outline: none;background: rgba(234, 88, 12, 0.14);color: var(--primary);} body.light-theme .dropdown-divider{background: rgba(148, 163, 184, 0.45);} body.light-theme .dropdown-label{color: #64748B;} body.light-theme .logo{color: #0F172A;} body.light-theme .logo-gradient{background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;} body.light-theme .theme-toggle-btn{background: #F5F5F4;border: 1px solid #E7E5E4;color: #44403C;} body.light-theme .theme-toggle-btn:hover{background: var(--primary-muted);border-color: rgba(234, 88, 12, 0.35);color: var(--primary);} body.light-theme .btn-secondary{background: #F5F5F4;color: #0F172A;border: 1px solid #E7E5E4;} body.light-theme .btn-secondary:hover{background: #E7E5E4;border-color: #D6D3D1;color: #0F172A;} body.light-theme .hero-title, body.light-theme .section-title, body.light-theme h1, body.light-theme h2, body.light-theme h3{color: #0F172A;} body.light-theme .hero-title{background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} body.light-theme .hero-subtitle, body.light-theme .section-subtitle, body.light-theme p{color: #475569;} body.light-theme .home-kicker{background: rgba(234, 88, 12, 0.1);border-color: rgba(234, 88, 12, 0.22);color: var(--primary);} body.light-theme .home-feature-band{background: radial-gradient(620px 260px at 0% 0%, rgba(234, 88, 12, 0.16), transparent 60%), radial-gradient(540px 260px at 100% 20%, rgba(2, 132, 199, 0.14), transparent 62%), rgba(255, 255, 255, 0.78);border-color: rgba(148, 163, 184, 0.26);box-shadow: 0 18px 42px rgba(2, 6, 23, 0.07);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);} body.light-theme .home-simulation-wrap{background: radial-gradient(520px 280px at 20% 20%, rgba(234, 88, 12, 0.12), transparent 62%), radial-gradient(560px 300px at 86% 70%, rgba(2, 132, 199, 0.13), transparent 64%), rgba(255, 255, 255, 0.76);border-color: rgba(148, 163, 184, 0.26);box-shadow: 0 18px 42px rgba(2, 6, 23, 0.07);} body.light-theme .home-orbit-wrap, body.light-theme .home-launch-wrap{background: radial-gradient(560px 300px at 16% 54%, rgba(2, 132, 199, 0.12), transparent 64%), radial-gradient(520px 280px at 88% 18%, rgba(234, 88, 12, 0.11), transparent 62%), rgba(255, 255, 255, 0.76);border-color: rgba(148, 163, 184, 0.26);box-shadow: 0 18px 42px rgba(2, 6, 23, 0.07);} body.light-theme .ecosystem-simulation{background: linear-gradient(rgba(15, 23, 42, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.045) 1px, transparent 1px), radial-gradient(circle at center, rgba(234, 88, 12, 0.12), transparent 34%), rgba(255, 255, 255, 0.58);border-color: rgba(148, 163, 184, 0.22);} body.light-theme .orbit-simulation, body.light-theme .launch-simulation{background: radial-gradient(circle at 50% 50%, rgba(234, 88, 12, 0.1), transparent 38%), radial-gradient(circle at 16% 24%, rgba(56, 189, 248, 0.1), transparent 26%), rgba(255, 255, 255, 0.58);border-color: rgba(148, 163, 184, 0.22);} body.light-theme .orbit-ring{border-color: rgba(2, 132, 199, 0.18);} body.light-theme .orbit-satellite, body.light-theme .launch-stage{background: rgba(255, 255, 255, 0.78);border-color: rgba(148, 163, 184, 0.24);box-shadow: 0 12px 28px rgba(2, 6, 23, 0.08);} body.light-theme .launch-device{background: linear-gradient(160deg, rgba(255, 255, 255, 0.9), rgba(226, 232, 240, 0.78));border-color: rgba(148, 163, 184, 0.24);box-shadow: 0 18px 34px rgba(2, 6, 23, 0.1);} body.light-theme .orbit-satellite, body.light-theme .launch-stage{color: #0F172A;} body.light-theme .ecosystem-cable{stroke: rgba(71, 85, 105, 0.22);} body.light-theme .ecosystem-node{background: rgba(255, 255, 255, 0.78);border-color: rgba(148, 163, 184, 0.24);box-shadow: 0 12px 28px rgba(2, 6, 23, 0.08);} body.light-theme .ecosystem-node strong{color: #0F172A;} body.light-theme .ecosystem-node span{color: #64748B;} body.light-theme .home-badge{background: rgba(16, 185, 129, 0.12);color: #047857;} body.light-theme .home-band-title, body.light-theme .home-nav-card h3, body.light-theme .home-directory-item, body.light-theme .home-directory-item strong{color: #0F172A;} body.light-theme .home-band-copy, body.light-theme .home-nav-card p, body.light-theme .home-directory-item span:not(.home-directory-badge){color: #475569;} body.light-theme .home-nav-card, body.light-theme .home-directory-item{background: linear-gradient(160deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.78));border-color: rgba(148, 163, 184, 0.24);box-shadow: 0 12px 30px rgba(2, 6, 23, 0.06);} body.light-theme .home-nav-label, body.light-theme .home-directory-badge{color: var(--primary);} body.light-theme .home-text-link{color: var(--accent);} body.light-theme .home-text-link:hover{color: var(--primary);} body.light-theme .feature-card{background: radial-gradient(800px 320px at 10% 0%, rgba(234, 88, 12, 0.22) 0%, rgba(234, 88, 12, 0) 55%), radial-gradient(760px 280px at 90% 10%, rgba(2, 132, 199, 0.22) 0%, rgba(2, 132, 199, 0) 55%), linear-gradient(180deg, rgba(255,255,255,0.78) 0%, rgba(248,250,252,0.55) 100%);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);} body.light-theme .feature-card:hover{border-color: rgba(234, 88, 12, 0.55);box-shadow: 0 0 40px rgba(234, 88, 12, 0.18), 0 0 80px rgba(2, 132, 199, 0.14), 0 8px 32px rgba(234, 88, 12, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.18);} body.light-theme .feature-title{color: #0F172A;} body.light-theme .feature-description{color: #64748B;} body.light-theme .cta-card{background: linear-gradient(135deg, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.35) 35%, rgba(255,255,255,0.15) 100%), var(--gradient-primary);} body.light-theme .cta-title{color: #0F172A;} body.light-theme .cta-description{color: #475569;} body.light-theme .footer{background: linear-gradient(180deg, rgba(248,250,252,0.7) 0%, rgba(241,245,249,0.85) 100%);border-top: 1px solid rgba(148, 163, 184, 0.24);} body.light-theme .footer-column-title{color: #0F172A;} body.light-theme .footer-link{color: #64748B;} body.light-theme .footer-link:hover{color: var(--primary);} body.light-theme ::-webkit-scrollbar-track{background: #F5F5F4;} body.light-theme ::-webkit-scrollbar-thumb{background: #D6D3D1;border-radius: 6px;} body.light-theme ::-webkit-scrollbar-thumb:hover{background: #A8A29E;} body.light-theme .accordion-item{background: var(--b);border: 1px solid #E7E5E4;} body.light-theme .accordion-header{color: #0F172A;} body.light-theme .accordion-header:hover{background: var(--primary-muted);} body.light-theme .accordion-header.active{background: var(--primary-muted);border-bottom-color: rgba(234, 88, 12, 0.25);} body.light-theme .accordion-title{color: #0F172A;} body.light-theme .accordion-body{color: #475569;} body.light-theme .accordion-body h4{color: #0F172A;} body.light-theme .hero{background: transparent;} body.light-theme .hero-bg{opacity: 1;background: radial-gradient(900px 520px at 12% 0%, rgba(234, 88, 12, 0.18) 0%, rgba(234, 88, 12, 0.00) 62%), radial-gradient(860px 520px at 88% 8%, rgba(2, 132, 199, 0.18) 0%, rgba(2, 132, 199, 0.00) 62%), radial-gradient(740px 520px at 52% 95%, rgba(99, 102, 241, 0.10) 0%, rgba(99, 102, 241, 0.00) 64%), linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,249,0.88) 40%, rgba(248,250,252,0.82) 100%);animation: gradientShift 18s ease-in-out infinite;filter: saturate(110%);} body.light-theme .section{background: transparent;} body.light-theme .section::before{content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: min(1100px, 92vw);height: 1px;background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.28), transparent);opacity: 0.9;} body.light-theme .hero + .section::before{opacity: 0;} body.light-theme .hero-stats{background: rgba(255, 255, 255, 0.78);border: 1px solid rgba(148, 163, 184, 0.26);box-shadow: 0 10px 30px rgba(2, 6, 23, 0.06);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);} body.light-theme .section .feature-grid, body.light-theme .section .accordion, body.light-theme .hero-stats{position: relative;z-index: 1;} body.light-theme .platform-preview{background: var(--b);border: 1px solid #E7E5E4;box-shadow: var(--shadow-md);} body.light-theme .preview-header{background: #F5F5F4;} body.light-theme .preview-dot{background: #A8A29E;} body.light-theme .preview-content{color: #475569;} body.light-theme .stat-item{background: var(--b);border: 1px solid #E7E5E4;} body.light-theme .stat-number{background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} body.light-theme .stat-label{color: #64748B;} body.light-theme .btn-primary{background: var(--gradient-primary);color: var(--b);box-shadow: 0 2px 8px rgba(234, 88, 12, 0.25);} body.light-theme .btn-primary:hover{box-shadow: 0 6px 16px rgba(234, 88, 12, 0.35);} body.light-theme .hero-stats{background: var(--b);border: 1px solid #E7E5E4;box-shadow: var(--shadow-sm);} body.light-theme .dropdown-label{color: #64748B;} body.light-theme .dropdown-divider{background: #E7E5E4;} .hero{padding-top: 160px;padding-bottom: 2.5rem;position: relative;overflow: hidden;} .hero-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(ellipse at top, rgba(76, 29, 149, 0.15) 0%, transparent 60%), radial-gradient(ellipse at bottom right, rgba(30, 144, 255, 0.2) 0%, transparent 60%);z-index: -1;animation: gradientShift 15s ease infinite;} @keyframes gradientShift{0%, 100%{opacity: 1;} 50%{opacity: 0.8;}} .hero-content{max-width: 1440px;margin: 0 auto;padding: 0 2rem;position: relative;} .hero-content--centered{text-align: center;} .hero-content--centered .hero-title{margin-left: auto;margin-right: auto;} .hero-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;} .hero-title{font-size: 4rem;font-weight: 800;line-height: 1.1;margin-bottom: 1.5rem;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;letter-spacing: -0.02em;} .hero-subtitle{font-size: 1.25rem;color: var(--surface-300);margin-bottom: 2.5rem;max-width: 500px;} .home-kicker{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.45rem 0.75rem;margin-bottom: 1.25rem;border: 1px solid rgba(234, 88, 12, 0.24);border-radius: 999px;background: rgba(234, 88, 12, 0.1);color: #FDBA74;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;} .home-hero-actions{display: flex;flex-wrap: wrap;gap: 1rem;margin-bottom: 1.75rem;} .hero-stats{display: flex;gap: 3rem;margin-top: 3rem;} .stat-item{display: flex;flex-direction: column;} .stat-number{font-size: 2.5rem;font-weight: 800;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .stat-label{font-size: 0.9rem;color: var(--surface-400);margin-top: 0.25rem;} .platform-preview{background: var(--gradient-dark);border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.1);padding: 2rem;position: relative;overflow: hidden;box-shadow: var(--shadow-xl);} .preview-header{display: flex;gap: 0.5rem;margin-bottom: 1.5rem;} .preview-dot{width: 12px;height: 12px;border-radius: 50%;background: var(--error-500);} .preview-dot:nth-child(2){background: var(--warning-500);} .preview-dot:nth-child(3){background: var(--success-500);} .preview-content a[href*="/products/"]{transition: all 0.2s ease;} .preview-content a[href*="/products/"]:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255, 114, 0, 0.3);background: rgba(255, 114, 0, 0.25) !important;} .preview-content a[href*="/products/ide"]:hover{box-shadow: 0 4px 12px rgba(30, 144, 255, 0.3);background: rgba(30, 144, 255, 0.25) !important;} .preview-content{background: var(--surface-900);border-radius: 12px;padding: 1.5rem;min-height: 300px;} .section{padding: 100px 0;position: relative;} .hero + .section{padding-top: 2.5rem;} .section-title{font-size: 3rem;font-weight: 800;text-align: center;margin-bottom: 1rem;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .section-subtitle{font-size: 1.25rem;color: var(--surface-400);text-align: center;max-width: 600px;margin: 0 auto 4rem;} .home-app-spotlight{padding-top: 3.5rem;} .home-orbit-section{padding-top: 2rem;padding-bottom: 3.5rem;} .home-orbit-wrap, .home-launch-wrap{max-width: 1180px;margin: 0 auto;padding: 2rem;display: grid;align-items: center;gap: 2rem;border: 1px solid rgba(167, 139, 250, 0.2);border-radius: 32px;background: radial-gradient(560px 300px at 12% 54%, rgba(2, 132, 199, 0.16), transparent 64%), radial-gradient(520px 280px at 88% 18%, rgba(234, 88, 12, 0.13), transparent 62%), linear-gradient(160deg, rgba(15, 23, 42, 0.9), rgba(30, 26, 48, 0.76));box-shadow: 0 24px 58px rgba(2, 6, 23, 0.24);overflow: hidden;} .home-orbit-wrap{grid-template-columns: minmax(360px, 1fr) minmax(260px, 0.78fr);} .orbit-simulation{position: relative;min-height: 360px;border-radius: 28px;background: radial-gradient(circle at 50% 50%, rgba(234, 88, 12, 0.12), transparent 38%), radial-gradient(circle at 16% 24%, rgba(56, 189, 248, 0.12), transparent 26%), rgba(2, 6, 23, 0.28);border: 1px solid rgba(255, 255, 255, 0.08);overflow: hidden;} .orbit-ring{position: absolute;left: 50%;top: 50%;border: 1px solid rgba(125, 211, 252, 0.18);border-radius: 50%;transform: translate(-50%, -50%) rotateX(62deg) rotateZ(0deg);animation: orbit-spin 16s linear infinite;} .orbit-ring--outer{width: 78%;height: 78%;} .orbit-ring--middle{width: 58%;height: 58%;border-color: rgba(234, 88, 12, 0.2);animation-duration: 12s;animation-direction: reverse;} .orbit-ring--inner{width: 38%;height: 38%;border-color: rgba(16, 185, 129, 0.2);animation-duration: 9s;} .orbit-core{position: absolute;left: 50%;top: 50%;width: 120px;height: 120px;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 32px;background: radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.28), transparent 34%), var(--gradient-primary);color: var(--b);box-shadow: 0 0 48px rgba(234, 88, 12, 0.34), 0 0 72px rgba(2, 132, 199, 0.22);animation: orbit-core-tilt 5.5s ease-in-out infinite;z-index: 4;} .orbit-core span{font-size: 2.35rem;font-weight: 900;line-height: 1;} .orbit-core small{margin-top: 0.3rem;font-size: 0.72rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;} .orbit-satellite{position: absolute;z-index: 5;min-width: 62px;padding: 0.48rem 0.68rem;border-radius: 999px;background: rgba(15, 23, 42, 0.82);border: 1px solid rgba(255, 255, 255, 0.12);color: var(--b);font-size: 0.78rem;font-weight: 800;text-align: center;box-shadow: 0 12px 28px rgba(2, 6, 23, 0.28);animation: satellite-float 5s ease-in-out infinite;} .orbit-satellite--one{left: 14%;top: 22%;color: #7DD3FC;} .orbit-satellite--two{right: 16%;top: 20%;color: #FDBA74;animation-delay: -1s;} .orbit-satellite--three{left: 10%;bottom: 22%;color: #6EE7B7;animation-delay: -2s;} .orbit-satellite--four{right: 12%;bottom: 23%;color: #FCA5A5;animation-delay: -3s;} .orbit-satellite--five{left: 50%;top: 7%;transform: translateX(-50%);color: #C4B5FD;animation-delay: -4s;} .orbit-comet{position: absolute;width: 9px;height: 9px;border-radius: 999px;background: #38BDF8;box-shadow: 0 0 18px rgba(56, 189, 248, 0.78);z-index: 6;animation: comet-sweep-one 6.8s linear infinite;} .orbit-comet::after{content: "";position: absolute;right: 7px;top: 3px;width: 64px;height: 2px;border-radius: 999px;background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.72));} .orbit-comet--one{left: 16%;top: 54%;} .orbit-comet--two{left: 70%;top: 38%;background: #F97316;box-shadow: 0 0 18px rgba(249, 115, 22, 0.74);animation-name: comet-sweep-two;animation-duration: 8.5s;animation-delay: -3s;} .orbit-comet--two::after{background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.72));} .home-simulation-section{padding-top: 3.5rem;padding-bottom: 3.5rem;} .home-simulation-wrap{max-width: 1180px;margin: 0 auto;padding: 2rem;display: grid;grid-template-columns: minmax(260px, 0.82fr) minmax(420px, 1.18fr);gap: 2rem;align-items: center;border: 1px solid rgba(167, 139, 250, 0.2);border-radius: 32px;background: radial-gradient(520px 280px at 20% 20%, rgba(234, 88, 12, 0.14), transparent 62%), radial-gradient(560px 300px at 86% 70%, rgba(2, 132, 199, 0.17), transparent 64%), linear-gradient(160deg, rgba(15, 23, 42, 0.9), rgba(30, 26, 48, 0.76));box-shadow: 0 24px 58px rgba(2, 6, 23, 0.26);overflow: hidden;} .home-simulation-copy{position: relative;z-index: 2;} .ecosystem-simulation{position: relative;min-height: 440px;border-radius: 28px;background: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px), radial-gradient(circle at center, rgba(234, 88, 12, 0.14), transparent 34%), rgba(2, 6, 23, 0.28);background-size: 34px 34px, 34px 34px, auto, auto;border: 1px solid rgba(255, 255, 255, 0.08);overflow: hidden;isolation: isolate;} .ecosystem-simulation::before, .ecosystem-simulation::after{content: "";position: absolute;inset: 12%;border-radius: 50%;border: 1px solid rgba(125, 211, 252, 0.14);animation: ecosystem-breathe 8s ease-in-out infinite;z-index: 0;} .ecosystem-simulation::after{inset: 23%;border-color: rgba(234, 88, 12, 0.16);animation-delay: -3s;} .ecosystem-lines{position: absolute;inset: 0;width: 100%;height: 100%;z-index: 1;} .ecosystem-cable, .ecosystem-pulse{fill: none;stroke-linecap: round;stroke-linejoin: round;} .ecosystem-cable{stroke: rgba(148, 163, 184, 0.24);stroke-width: 2;} .ecosystem-pulse{stroke: url(#ecosystemPulseGradient);stroke-width: 3;stroke-dasharray: 18 260;filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.45));animation: ecosystem-signal 4.8s linear infinite;} .ecosystem-pulse--two{animation-delay: -1s;} .ecosystem-pulse--three{animation-delay: -2s;} .ecosystem-pulse--four{animation-delay: -3s;} .ecosystem-pulse--five{animation-delay: -4s;} .ecosystem-core{position: absolute;left: 50%;top: 50%;width: 132px;height: 132px;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 999px;background: radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.28), transparent 32%), var(--gradient-primary);color: var(--b);box-shadow: 0 0 0 12px rgba(234, 88, 12, 0.08), 0 0 44px rgba(234, 88, 12, 0.34), 0 0 70px rgba(2, 132, 199, 0.28);z-index: 4;animation: ecosystem-core-pulse 4s ease-in-out infinite;} .ecosystem-core__ring{position: absolute;inset: -18px;border: 1px solid rgba(255, 255, 255, 0.24);border-radius: inherit;animation: ecosystem-ring-spin 14s linear infinite;} .ecosystem-core__ring::before, .ecosystem-core__ring::after{content: "";position: absolute;width: 8px;height: 8px;border-radius: 999px;background: #7DD3FC;box-shadow: 0 0 16px rgba(125, 211, 252, 0.82);} .ecosystem-core__ring::before{top: 18px;right: 18px;} .ecosystem-core__ring::after{bottom: 22px;left: 12px;background: #FDBA74;box-shadow: 0 0 16px rgba(253, 186, 116, 0.78);} .ecosystem-core__label{font-size: 1.1rem;font-weight: 850;letter-spacing: -0.02em;} .ecosystem-core__sub{font-size: 0.72rem;font-weight: 700;letter-spacing: 0.1em;opacity: 0.86;text-transform: uppercase;} .ecosystem-node{position: absolute;z-index: 3;min-width: 116px;padding: 0.82rem 0.92rem;border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 16px;background: rgba(15, 23, 42, 0.78);box-shadow: 0 14px 32px rgba(2, 6, 23, 0.28);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);animation: ecosystem-float 6s ease-in-out infinite;} .ecosystem-node strong, .ecosystem-node span{display: block;} .ecosystem-node strong{color: var(--b);font-size: 0.96rem;line-height: 1.2;} .ecosystem-node span{margin-top: 0.22rem;color: var(--surface-400);font-size: 0.76rem;} .ecosystem-node--learn{left: 5%;top: 14%;} .ecosystem-node--ai{right: 7%;top: 16%;animation-delay: -1.4s;} .ecosystem-node--build{left: 4%;bottom: 17%;animation-delay: -2.2s;} .ecosystem-node--apps{right: 4%;bottom: 20%;animation-delay: -3.1s;} .ecosystem-node--services{left: 50%;bottom: 5%;transform: translateX(-50%);animation-delay: -4s;} .ecosystem-orb{position: absolute;width: 11px;height: 11px;border-radius: 999px;background: #38BDF8;box-shadow: 0 0 20px rgba(56, 189, 248, 0.75);z-index: 5;animation: ecosystem-orbit-one 8s linear infinite;} .ecosystem-orb--one{left: 50%;top: 50%;transform-origin: -112px -32px;} .ecosystem-orb--two{left: 50%;top: 50%;background: #F97316;box-shadow: 0 0 20px rgba(249, 115, 22, 0.75);animation-name: ecosystem-orbit-two;animation-duration: 10s;animation-delay: -2s;} .ecosystem-orb--three{left: 50%;top: 50%;background: #10B981;box-shadow: 0 0 20px rgba(16, 185, 129, 0.72);animation-name: ecosystem-orbit-three;animation-duration: 12s;animation-delay: -5s;} @keyframes ecosystem-signal{to{stroke-dashoffset: -278;}} @keyframes ecosystem-breathe{0%, 100%{transform: scale(0.94);opacity: 0.48;} 50%{transform: scale(1.08);opacity: 0.9;}} @keyframes ecosystem-core-pulse{0%, 100%{transform: translate(-50%, -50%) scale(1);} 50%{transform: translate(-50%, -50%) scale(1.04);}} @keyframes ecosystem-ring-spin{to{transform: rotate(360deg);}} @keyframes ecosystem-float{0%, 100%{translate: 0 0;} 50%{translate: 0 -9px;}} @keyframes ecosystem-orbit-one{from{transform: rotate(0deg) translateX(118px) rotate(0deg);} to{transform: rotate(360deg) translateX(118px) rotate(-360deg);}} @keyframes ecosystem-orbit-two{from{transform: rotate(120deg) translateX(160px) rotate(-120deg);} to{transform: rotate(480deg) translateX(160px) rotate(-480deg);}} @keyframes ecosystem-orbit-three{from{transform: rotate(240deg) translateX(92px) rotate(-240deg);} to{transform: rotate(600deg) translateX(92px) rotate(-600deg);}} @keyframes orbit-spin{to{transform: translate(-50%, -50%) rotateX(62deg) rotateZ(360deg);}} @keyframes orbit-core-tilt{0%, 100%{transform: translate(-50%, -50%) rotate(0deg) scale(1);} 50%{transform: translate(-50%, -50%) rotate(3deg) scale(1.04);}} @keyframes satellite-float{0%, 100%{translate: 0 0;} 50%{translate: 0 -10px;}} @keyframes comet-sweep-one{0%{transform: translate(-60px, 68px) rotate(16deg);opacity: 0;} 16%, 76%{opacity: 1;} 100%{transform: translate(390px, -106px) rotate(16deg);opacity: 0;}} @keyframes comet-sweep-two{0%{transform: translate(90px, -70px) rotate(-156deg);opacity: 0;} 16%, 76%{opacity: 1;} 100%{transform: translate(-430px, 120px) rotate(-156deg);opacity: 0;}} @keyframes launch-stage-glow{0%, 100%{border-color: rgba(255, 255, 255, 0.12);box-shadow: 0 12px 26px rgba(2, 6, 23, 0.24);} 50%{border-color: rgba(20, 184, 166, 0.44);box-shadow: 0 12px 30px rgba(20, 184, 166, 0.2);}} @keyframes launch-beam-run{0%{clip-path: inset(0 100% 0 0);opacity: 0.2;} 45%{clip-path: inset(0 0 0 0);opacity: 1;} 100%{clip-path: inset(0 0 0 100%);opacity: 0.2;}} @keyframes device-bar{0%, 100%{transform: scaleX(0.72);transform-origin: left;opacity: 0.74;} 50%{transform: scaleX(1);opacity: 1;}} @keyframes rocket-hover{0%, 100%{translate: 0 0;} 50%{translate: 0 -14px;}} @keyframes flame-flicker{from{transform: translateX(-50%) scaleY(0.86);opacity: 0.74;} to{transform: translateX(-50%) scaleY(1.14);opacity: 1;}} @keyframes spark-rise{0%{transform: translateY(32px) scale(0.7);opacity: 0;} 35%, 76%{opacity: 1;} 100%{transform: translateY(-78px) scale(1.1);opacity: 0;}} .home-feature-band{max-width: 1180px;margin: 0 auto;padding: 2.25rem;display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 2rem;align-items: center;border-radius: 28px;border: 1px solid rgba(234, 88, 12, 0.24);background: radial-gradient(600px 240px at 0% 0%, rgba(234, 88, 12, 0.2), transparent 60%), radial-gradient(520px 240px at 100% 20%, rgba(2, 132, 199, 0.18), transparent 62%), rgba(15, 23, 42, 0.72);box-shadow: 0 20px 50px rgba(2, 6, 23, 0.22);} .home-badge{display: inline-flex;margin-bottom: 1rem;padding: 0.38rem 0.72rem;border-radius: 999px;background: rgba(16, 185, 129, 0.16);color: #6EE7B7;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;} .home-band-title{margin-bottom: 0.75rem;font-size: clamp(1.8rem, 3vw, 2.65rem);line-height: 1.08;letter-spacing: -0.03em;color: var(--b);} .home-band-copy{max-width: 760px;color: var(--surface-300);font-size: 1.05rem;} .home-band-actions, .home-card-actions{display: flex;flex-wrap: wrap;gap: 0.85rem;} .home-band-actions{justify-content: flex-end;} .home-nav-grid{max-width: 1180px;margin: 0 auto;padding: 0 2rem;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem;} .home-nav-card{min-height: 100%;padding: 1.6rem;border-radius: 22px;border: 1px solid rgba(167, 139, 250, 0.22);background: linear-gradient(160deg, rgba(20, 20, 28, 0.95), rgba(30, 26, 48, 0.9));box-shadow: 0 20px 35px rgba(0, 0, 0, 0.24);position: relative;overflow: hidden;} .home-nav-card::before, .home-directory-item::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #14B8A6, #8B5CF6, #22D3EE);} .home-nav-label{display: inline-flex;margin-bottom: 0.9rem;color: #FDBA74;font-size: 0.78rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;} .home-nav-card h3{margin-bottom: 0.75rem;color: var(--b);font-size: 1.2rem;line-height: 1.24;} .home-nav-card p{margin-bottom: 1.35rem;color: var(--surface-400);font-size: 0.95rem;} .home-text-link{color: #7DD3FC;text-decoration: none;font-weight: 700;font-size: 0.92rem;} .home-text-link:hover{color: #FDBA74;} .home-directory-section{padding-top: 80px;} .home-directory{max-width: 1180px;margin: 0 auto;padding: 0 2rem;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1rem;} .home-directory-item{display: flex;flex-direction: column;min-height: 100%;padding: 1.25rem;border-radius: 18px;border: 1px solid rgba(167, 139, 250, 0.22);background: linear-gradient(160deg, rgba(20, 20, 28, 0.95), rgba(30, 26, 48, 0.9));color: var(--b);text-decoration: none;font-weight: 700;position: relative;overflow: hidden;box-shadow: 0 20px 35px rgba(0, 0, 0, 0.24);transition: all var(--transition-normal);} .home-directory-badge{display: inline-block;margin-bottom: 0.75rem;color: #5EEAD4;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;} .home-directory-item strong{display: block;margin-bottom: 0.5rem;color: var(--b);font-size: 1.18rem;line-height: 1.25;} .home-directory-item span:not(.home-directory-badge){display: block;min-height: 3.9rem;color: var(--surface-400);font-size: 0.9rem;font-weight: 400;line-height: 1.45;} .home-directory-item em{display: inline-flex;align-items: center;width: fit-content;margin-top: 1rem;padding: 0.64rem 0.95rem;border-radius: 10px;background: var(--gradient-primary);color: var(--b);font-size: 0.88rem;font-style: normal;font-weight: 700;box-shadow: 0 2px 8px rgba(234, 88, 12, 0.28);} .home-directory-item:hover{transform: translateY(-4px);border-color: rgba(167, 139, 250, 0.38);box-shadow: 0 24px 42px rgba(0, 0, 0, 0.3);} .jumy-hero-panel{margin: 0;align-self: stretch;} .jumy-app-grid{grid-template-columns: repeat(3, minmax(0, 1fr));} .home-launch-section{padding-top: 3.5rem;padding-bottom: 3.5rem;} .home-launch-wrap{grid-template-columns: minmax(260px, 0.82fr) minmax(420px, 1.18fr);background: radial-gradient(560px 300px at 78% 52%, rgba(234, 88, 12, 0.16), transparent 64%), radial-gradient(520px 280px at 22% 18%, rgba(2, 132, 199, 0.14), transparent 62%), linear-gradient(160deg, rgba(15, 23, 42, 0.9), rgba(30, 26, 48, 0.76));} .launch-simulation{position: relative;min-height: 380px;border-radius: 28px;border: 1px solid rgba(255, 255, 255, 0.08);background: linear-gradient(120deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 44px), radial-gradient(circle at 78% 18%, rgba(234, 88, 12, 0.16), transparent 24%), rgba(2, 6, 23, 0.3);overflow: hidden;isolation: isolate;} .launch-stage{position: absolute;left: 7%;width: 128px;height: 54px;display: flex;align-items: center;justify-content: center;border-radius: 14px;border: 1px solid rgba(255, 255, 255, 0.12);background: rgba(15, 23, 42, 0.78);color: var(--b);font-weight: 800;box-shadow: 0 12px 26px rgba(2, 6, 23, 0.24);animation: launch-stage-glow 4.8s ease-in-out infinite;z-index: 3;} .launch-stage--one{top: 12%;} .launch-stage--two{top: 32%;animation-delay: -1.2s;} .launch-stage--three{top: 52%;animation-delay: -2.4s;} .launch-stage--four{top: 72%;animation-delay: -3.6s;} .launch-beam{position: absolute;left: 28%;width: 42%;height: 2px;border-radius: 999px;background: linear-gradient(90deg, rgba(20, 184, 166, 0), rgba(20, 184, 166, 0.85), rgba(234, 88, 12, 0));box-shadow: 0 0 16px rgba(20, 184, 166, 0.42);transform-origin: left center;animation: launch-beam-run 3s linear infinite;z-index: 2;} .launch-beam--one{top: 25%;transform: rotate(12deg);} .launch-beam--two{top: 48%;transform: rotate(0deg);animation-delay: -1s;} .launch-beam--three{top: 70%;transform: rotate(-13deg);animation-delay: -2s;} .launch-device{position: absolute;right: 14%;bottom: 13%;width: 178px;height: 124px;border-radius: 22px;border: 1px solid rgba(255, 255, 255, 0.14);background: linear-gradient(160deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.8));box-shadow: 0 22px 40px rgba(2, 6, 23, 0.32);transform: perspective(900px) rotateY(-14deg) rotateX(8deg);z-index: 4;} .launch-device__screen{position: absolute;inset: 14px;padding: 18px;border-radius: 16px;background: radial-gradient(circle at 70% 35%, rgba(56, 189, 248, 0.18), transparent 32%), rgba(2, 6, 23, 0.64);} .launch-device__bar{display: block;height: 8px;margin-bottom: 12px;border-radius: 999px;background: linear-gradient(90deg, #14B8A6, #38BDF8);animation: device-bar 3.4s ease-in-out infinite;} .launch-device__bar:nth-child(2){width: 68%;background: linear-gradient(90deg, #EA580C, #FBBF24);animation-delay: -1s;} .launch-device__bar:nth-child(3){width: 84%;background: linear-gradient(90deg, #8B5CF6, #38BDF8);animation-delay: -2s;} .launch-rocket{position: absolute;right: 18%;top: 10%;width: 46px;height: 92px;border-radius: 28px 28px 12px 12px;background: linear-gradient(180deg, var(--b), #CBD5E1);box-shadow: 0 0 34px rgba(56, 189, 248, 0.28);transform: rotate(24deg);animation: rocket-hover 4.2s ease-in-out infinite;z-index: 5;} .launch-rocket::before, .launch-rocket::after{content: "";position: absolute;bottom: 12px;width: 18px;height: 32px;background: #EA580C;border-radius: 10px 10px 4px 4px;} .launch-rocket::before{left: -11px;transform: rotate(-18deg);} .launch-rocket::after{right: -11px;transform: rotate(18deg);} .launch-rocket__window{position: absolute;left: 50%;top: 22px;width: 18px;height: 18px;border: 3px solid #0284C7;border-radius: 999px;background: #7DD3FC;transform: translateX(-50%);} .launch-rocket__flame{position: absolute;left: 50%;bottom: -34px;width: 24px;height: 42px;border-radius: 999px 999px 14px 14px;background: linear-gradient(180deg, #FBBF24, #EA580C, transparent);transform: translateX(-50%);filter: blur(0.3px);animation: flame-flicker 0.42s ease-in-out infinite alternate;} .launch-spark{position: absolute;width: 8px;height: 8px;border-radius: 999px;background: #7DD3FC;box-shadow: 0 0 16px rgba(125, 211, 252, 0.78);animation: spark-rise 4s ease-in-out infinite;z-index: 6;} .launch-spark--one{right: 35%;bottom: 20%;} .launch-spark--two{right: 20%;bottom: 38%;animation-delay: -1.4s;background: #FDBA74;} .launch-spark--three{right: 46%;bottom: 34%;animation-delay: -2.6s;background: #6EE7B7;} .features-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;max-width: 1440px;margin: 0 auto;padding: 0 2rem;} @keyframes borderGlow{0%, 100%{border-color: rgba(255, 114, 0, 0.8);box-shadow: 0 0 25px rgba(255, 114, 0, 0.4), 0 0 50px rgba(255, 114, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.08);} 33%{border-color: rgba(30, 144, 255, 0.8);box-shadow: 0 0 25px rgba(30, 144, 255, 0.4), 0 0 50px rgba(30, 144, 255, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.08);} 66%{border-color: rgba(135, 206, 235, 0.8);box-shadow: 0 0 25px rgba(135, 206, 235, 0.4), 0 0 50px rgba(135, 206, 235, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.08);}} .feature-card{background: rgba(255, 114, 0, 0.08);border: 2px solid rgba(255, 114, 0, 0.8);border-radius: 20px;padding: 2rem;position: relative;transition: all var(--transition-normal);overflow: visible;animation: borderGlow 4s ease infinite;box-shadow: 0 0 25px rgba(255, 114, 0, 0.4), 0 0 50px rgba(255, 114, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.08);opacity: 1 !important;transform: translateY(0) !important;display: block !important;visibility: visible !important;} .feature-card.slide-in-bottom{opacity: 1 !important;transform: translateY(0) !important;display: block !important;visibility: visible !important;transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .feature-card:hover{transform: translateY(-12px) scale(1.03);animation: borderGlow 1.5s ease infinite;box-shadow: 0 0 40px rgba(255, 114, 0, 0.5), 0 0 80px rgba(30, 144, 255, 0.4), 0 8px 32px rgba(255, 114, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1);background: rgba(255, 114, 0, 0.15);border-width: 2px;} @keyframes fadeInUp{to{opacity: 1;transform: translateY(0);}} .feature-icon{width: 60px;height: 60px;border-radius: 12px;background: rgba(255, 114, 0, 0.15);border: 1px solid rgba(255, 114, 0, 0.2);display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;box-shadow: 0 2px 8px rgba(255, 114, 0, 0.2);} .feature-title{font-size: 1.5rem;font-weight: 700;margin-bottom: 1rem;color: white;} .feature-description{color: var(--surface-400);line-height: 1.6;} .cta-section{padding: 120px 0;position: relative;overflow: hidden;background: linear-gradient(135deg, rgba(255, 114, 0, 0.1) 0%, rgba(30, 144, 255, 0.1) 100%);} .cta-container{max-width: 1440px;margin: 0 auto;padding: 0 2rem;position: relative;} .cta-card{background: var(--gradient-primary);border-radius: 24px;padding: 5rem;text-align: center;position: relative;overflow: hidden;box-shadow: 0 20px 60px rgba(255, 114, 0, 0.3), 0 0 80px rgba(30, 144, 255, 0.2);transition: all var(--transition-slow);} .cta-card:hover{transform: translateY(-8px) scale(1.02);box-shadow: 0 30px 80px rgba(255, 114, 0, 0.4), 0 0 100px rgba(30, 144, 255, 0.3);} .cta-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity: 0.3;} .cta-title{font-size: 3rem;font-weight: 800;margin-bottom: 1.5rem;position: relative;} .cta-description{font-size: 1.25rem;color: rgba(255, 255, 255, 0.9);margin-bottom: 2.5rem;max-width: 600px;margin-left: auto;margin-right: auto;position: relative;} .footer{background: linear-gradient(180deg, var(--surface-900) 0%, var(--surface-950) 100%);border-top: 1px solid rgba(255, 255, 255, 0.08);padding: 4rem 0 2rem;} .fade-in{opacity: 1 !important;transform: translateY(0) !important;transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);display: block !important;visibility: visible !important;} .fade-in.visible{opacity: 1 !important;transform: translateY(0) !important;} .slide-in-left{opacity: 0;transform: translateX(-50px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-left.visible{opacity: 1;transform: translateX(0);} .slide-in-right{opacity: 0;transform: translateX(50px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-right.visible{opacity: 1;transform: translateX(0);} .scale-in{opacity: 0;transform: scale(0.9);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .scale-in.visible{opacity: 1;transform: scale(1);} .footer-content{max-width: 1440px;margin: 0 auto;padding: 0 2rem;} .footer-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 3rem;margin-bottom: 3rem;} .footer-column-title{font-size: 1.1rem;font-weight: 700;margin-bottom: 1.5rem;color: white;} .footer-links{list-style: none;} .footer-link{color: var(--surface-400);text-decoration: none;display: block;margin-bottom: 0.75rem;transition: color var(--transition-fast);} .footer-link:hover{color: white;} .footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.08);padding-top: 2rem;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1rem;} .social-links{display: flex;gap: 1rem;} .social-link{width: 40px;height: 40px;border-radius: 10px;background: rgba(255, 255, 255, 0.05);display: flex;align-items: center;justify-content: center;color: var(--surface-400);transition: all var(--transition-fast);} .social-link:hover{background: var(--gradient-primary);color: white;transform: translateY(-2px);} .animate-on-scroll{opacity: 0;transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-bottom{opacity: 0;transform: translateY(60px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-bottom.visible{opacity: 1;transform: translateY(0);} .slide-in-left{opacity: 0;transform: translateX(-60px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-left.visible{opacity: 1;transform: translateX(0);} .slide-in-right{opacity: 0;transform: translateX(60px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-right.visible{opacity: 1;transform: translateX(0);} .fade-in{opacity: 1 !important;transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);display: block !important;visibility: visible !important;} .fade-in.visible{opacity: 1 !important;} .scale-in{opacity: 0;transform: scale(0.9);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .scale-in.visible{opacity: 1;transform: scale(1);} .rotate-in{opacity: 0;transform: rotate(-5deg) scale(0.95);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .rotate-in.visible{opacity: 1;transform: rotate(0deg) scale(1);} .slide-up-fade{opacity: 0;transform: translateY(40px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-up-fade.visible{opacity: 1;transform: translateY(0);} .delay-100{transition-delay: 0.1s;} .delay-200{transition-delay: 0.2s;} .delay-300{transition-delay: 0.3s;} .delay-400{transition-delay: 0.4s;} .delay-500{transition-delay: 0.5s;} .delay-600{transition-delay: 0.6s;} .delay-700{transition-delay: 0.7s;} .delay-800{transition-delay: 0.8s;} .hero-stats{opacity: 0;transform: translateY(30px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .hero-stats.visible{opacity: 1;transform: translateY(0);} .stat-item{opacity: 0;transform: translateY(20px);transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);} .stat-item.visible{opacity: 1;transform: translateY(0);} .footer-links li{opacity: 0;transform: translateX(-20px);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);} .footer-links li.visible{opacity: 1;transform: translateX(0);} @media (max-width: 1440px){.nav-content, .hero-content, .cta-container, .footer-content{padding-left: 2rem;padding-right: 2rem;}} @media (min-width: 1025px) and (max-width: 1440px){.nav-content{padding-left: max(1.625rem, env(safe-area-inset-left));padding-right: max(1.625rem, env(safe-area-inset-right));} .nav-menu{margin-left: 1.375rem;gap: 1.25rem;}} @media (max-width: 1024px){.hero-grid{grid-template-columns: 1fr;gap: 3rem;} .hero-title{font-size: 3rem;} .hero-subtitle{font-size: 1.125rem;} .hero-stats{flex-wrap: wrap;gap: 2rem;} .stat-number{font-size: 2rem;} .section-title{font-size: 2.75rem;} .features-grid{grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 1.5rem;} .home-feature-band{grid-template-columns: 1fr;} .home-simulation-wrap{grid-template-columns: 1fr;} .home-orbit-wrap, .home-launch-wrap{grid-template-columns: 1fr;} .ecosystem-simulation{min-height: 380px;} .orbit-simulation, .launch-simulation{min-height: 350px;} .home-band-actions{justify-content: flex-start;} .home-nav-grid{grid-template-columns: repeat(2, minmax(0, 1fr));} .home-directory{grid-template-columns: repeat(2, minmax(0, 1fr));} .nav-content{padding: 0 1.5rem;} .hero{padding-top: 140px;padding-bottom: 2.5rem;} .hero + .section{padding-top: 2.5rem;} .section{padding: 80px 0;}} @media (max-width: 768px){.nav-content{padding: 0 1.25rem;height: 68px;} .logo{font-size: 1.5rem;gap: 10px;} .logo-image{width: 42px;height: 42px;} .hero-title, .section-title{background: none;-webkit-background-clip: unset;-webkit-text-fill-color: unset;background-clip: unset;color: var(--accent);} body.light-theme .hero-title, body.light-theme .section-title{color: var(--accent);} .hero{padding-top: 120px;padding-bottom: 2.5rem;} .hero + .section{padding-top: 2.5rem;} .hero-content{padding: 0 1.25rem;} .hero-title{font-size: 2.5rem;line-height: 1.2;margin-bottom: 1.25rem;} .hero-subtitle{font-size: 1rem;margin-bottom: 2rem;} .home-hero-actions, .home-band-actions, .home-card-actions{gap: 0.75rem;} .hero-stats{flex-direction: column;align-items: flex-start;gap: 1.5rem;margin-top: 2rem;} .stat-item{width: 100%;} .stat-number{font-size: 1.875rem;} .stat-label{font-size: 0.875rem;} .section{padding: 60px 0;} .section-title{font-size: 2.25rem;margin-bottom: 0.75rem;} .section-subtitle{font-size: 1.125rem;margin-bottom: 3rem;} .features-grid{grid-template-columns: 1fr;gap: 1.5rem;padding: 0 1.25rem;} .home-app-spotlight{padding-top: 2.5rem;} .home-feature-band{margin: 0 1.25rem;padding: 1.5rem;border-radius: 22px;} .home-simulation-section{padding-top: 2.5rem;padding-bottom: 2.5rem;} .home-simulation-wrap{margin: 0 1.25rem;padding: 1.25rem;border-radius: 24px;} .home-orbit-section, .home-launch-section{padding-top: 2.5rem;padding-bottom: 2.5rem;} .home-orbit-wrap, .home-launch-wrap{margin: 0 1.25rem;padding: 1.25rem;border-radius: 24px;} .ecosystem-simulation{min-height: 340px;} .orbit-simulation, .launch-simulation{min-height: 320px;} .orbit-core{width: 104px;height: 104px;} .orbit-satellite{min-width: 54px;font-size: 0.7rem;} .launch-stage{width: 106px;height: 46px;font-size: 0.78rem;} .launch-device{right: 8%;width: 146px;height: 104px;} .launch-rocket{right: 12%;} .ecosystem-core{width: 108px;height: 108px;} .ecosystem-node{min-width: 94px;padding: 0.68rem 0.74rem;} .ecosystem-node strong{font-size: 0.84rem;} .ecosystem-node span{font-size: 0.68rem;} .home-nav-grid, .home-directory{grid-template-columns: 1fr;padding: 0 1.25rem;} .home-directory-section{padding-top: 60px;} .feature-card{padding: 1.5rem;} .feature-icon{width: 50px;height: 50px;margin-bottom: 1.25rem;} .feature-title{font-size: 1.25rem;margin-bottom: 0.75rem;} .feature-description{font-size: 0.9375rem;} .cta-section{padding: 80px 0;} .cta-container{padding: 0 1.25rem;} .cta-card{padding: 3rem 1.5rem;} .cta-title{font-size: 2rem;margin-bottom: 1.25rem;} .cta-description{font-size: 1.125rem;margin-bottom: 2rem;} .footer{padding: 3rem 0 1.5rem;} .footer-content{padding: 0 1.25rem;} .footer-grid{grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 2rem;margin-bottom: 2rem;} .footer-bottom{flex-direction: column;align-items: flex-start;gap: 1.5rem;} .btn{padding: 0.625rem 1.25rem;font-size: 0.875rem;}} @media (max-width: 480px){.nav-content{padding: 0 1rem;height: 64px;} .logo{font-size: 1.375rem;gap: 8px;} .logo-image{width: 36px;height: 36px;} .hero{padding-top: 100px;padding-bottom: 2.5rem;} .hero + .section{padding-top: 2.5rem;} .hero-content{padding: 0 1rem;} .hero-title{font-size: 2rem;margin-bottom: 1rem;} .hero-subtitle{font-size: 0.9375rem;margin-bottom: 1.5rem;} .home-kicker{font-size: 0.72rem;} .home-hero-actions .btn, .home-band-actions .btn{width: 100%;} .hero-stats{gap: 1.25rem;margin-top: 1.5rem;} .stat-number{font-size: 1.75rem;} .stat-label{font-size: 0.8125rem;} .section{padding: 50px 0;} .section-title{font-size: 1.875rem;} .section-subtitle{font-size: 1rem;margin-bottom: 2.5rem;} .features-grid{padding: 0 1rem;gap: 1.25rem;} .home-feature-band{margin: 0 1rem;padding: 1.25rem;} .home-simulation-wrap{margin: 0 1rem;padding: 1rem;} .home-orbit-wrap, .home-launch-wrap{margin: 0 1rem;padding: 1rem;} .ecosystem-simulation{min-height: 300px;} .orbit-simulation, .launch-simulation{min-height: 280px;} .orbit-core{width: 86px;height: 86px;border-radius: 24px;} .orbit-core span{font-size: 1.8rem;} .orbit-core small{font-size: 0.58rem;} .orbit-satellite--one{left: 6%;top: 20%;} .orbit-satellite--two{right: 7%;top: 20%;} .orbit-satellite--three{left: 5%;bottom: 18%;} .orbit-satellite--four{right: 5%;bottom: 18%;} .launch-stage{left: 5%;width: 86px;height: 40px;font-size: 0.68rem;} .launch-device{right: 5%;bottom: 10%;width: 118px;height: 88px;} .launch-device__screen{inset: 10px;padding: 12px;} .launch-rocket{right: 12%;width: 36px;height: 72px;} .ecosystem-node--learn{left: 3%;top: 9%;} .ecosystem-node--ai{right: 3%;top: 9%;} .ecosystem-node--build{left: 3%;bottom: 13%;} .ecosystem-node--apps{right: 3%;bottom: 13%;} .ecosystem-node--services{bottom: 3%;} .ecosystem-core{width: 94px;height: 94px;} .ecosystem-core__label{font-size: 0.92rem;} .ecosystem-core__sub{font-size: 0.62rem;} .home-band-title{font-size: 1.55rem;} .home-nav-grid, .home-directory{padding: 0 1rem;} .feature-card{padding: 1.25rem;border-radius: 16px;} .feature-icon{width: 44px;height: 44px;margin-bottom: 1rem;} .feature-title{font-size: 1.125rem;} .feature-description{font-size: 0.875rem;} .cta-section{padding: 60px 0;} .cta-container{padding: 0 1rem;} .cta-card{padding: 2.5rem 1.25rem;border-radius: 20px;} .cta-title{font-size: 1.75rem;margin-bottom: 1rem;} .cta-description{font-size: 1rem;margin-bottom: 1.5rem;} .footer{padding: 2.5rem 0 1.25rem;} .footer-content{padding: 0 1rem;} .footer-grid{grid-template-columns: 1fr;gap: 1.5rem;} .footer-column-title{font-size: 1rem;margin-bottom: 1rem;} .footer-link{font-size: 0.875rem;margin-bottom: 0.5rem;} .social-links{gap: 0.75rem;} .social-link{width: 36px;height: 36px;} .btn{padding: 0.625rem 1rem;font-size: 0.8125rem;} .platform-preview{padding: 1.5rem;border-radius: 16px;} .preview-content{padding: 1.25rem;min-height: 250px;}} @media (max-width: 360px){.hero-title{font-size: 1.75rem;} .section-title{font-size: 1.625rem;} .cta-title{font-size: 1.5rem;} .nav-content{padding-left: max(0.875rem, env(safe-area-inset-left));padding-right: max(0.875rem, env(safe-area-inset-right));height: 60px;} .hero-content, .cta-container, .footer-content{padding-left: max(0.875rem, env(safe-area-inset-left));padding-right: max(0.875rem, env(safe-area-inset-right));} .logo{font-size: 1.25rem;} .logo-image{width: 32px;height: 32px;}} @media (prefers-reduced-motion: reduce){.mobile-menu, .mobile-menu-overlay, .dropdown{transition-duration: 0.01ms;} .home-watermark .watermark-bubble{animation: none !important;} .ecosystem-simulation::before, .ecosystem-simulation::after, .ecosystem-pulse, .ecosystem-core, .ecosystem-core__ring, .ecosystem-node, .ecosystem-orb, .orbit-ring, .orbit-core, .orbit-satellite, .orbit-comet, .launch-stage, .launch-beam, .launch-device__bar, .launch-rocket, .launch-rocket__flame, .launch-spark{animation: none !important;}} .home-watermark .watermark-bubble{position: fixed;inset: 0;pointer-events: none;z-index: 2;opacity: 0.5;mix-blend-mode: screen;filter: blur(20px) brightness(1.2) saturate(1.2);will-change: transform;animation: watermark-drift 12s linear infinite, watermark-luminance 8s ease-in-out infinite;} .home-watermark .watermark-bubble::before{content: "";position: absolute;width: min(980px, 120vw);height: min(980px, 120vw);left: -45%;top: 10%;border-radius: 999px;background: radial-gradient(circle at 30% 30%, rgba(234, 88, 12, 0.55) 0%, rgba(234, 88, 12, 0.0) 60%), radial-gradient(circle at 70% 60%, rgba(2, 132, 199, 0.50) 0%, rgba(2, 132, 199, 0.0) 62%), radial-gradient(circle at 45% 80%, rgba(124, 58, 237, 0.35) 0%, rgba(124, 58, 237, 0.0) 60%);transform: translate3d(0, 0, 0);} body.light-theme .home-watermark .watermark-bubble{opacity: 0.35;mix-blend-mode: multiply;filter: blur(24px) brightness(1.08) saturate(1.08);} @keyframes watermark-drift{0%{transform: translate3d(-28%, -8%, 0);} 50%{transform: translate3d(24%, 10%, 0);} 100%{transform: translate3d(52%, -6%, 0);}} @keyframes watermark-luminance{0%, 100%{opacity: 0.42;filter: blur(20px) brightness(1.15) saturate(1.15);} 50%{opacity: 0.62;filter: blur(20px) brightness(1.35) saturate(1.3);}} :root{--gradient-start: #EA580C;--gradient-end: #0284C7;--judemy-primary: #EA580C;--judemy-primary-muted: rgba(234, 88, 12, 0.12);} .mobile-menu-toggle{display: none;flex-direction: column;justify-content: center;align-items: center;background: none;border: none;cursor: pointer;padding: 0.5rem;width: 44px;height: 44px;border-radius: 8px;transition: all var(--transition-fast);gap: 4px;z-index: 1001;position: relative;} .mobile-menu-toggle:hover{background: rgba(102, 126, 234, 0.1);} .mobile-menu-toggle .gradient-bg{display: block;width: 24px;height: 2px;background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));border-radius: 2px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform-origin: center;} .mobile-menu-toggle.active .gradient-bg:nth-child(1){transform: rotate(45deg) translate(6px, 6px);} .mobile-menu-toggle.active .gradient-bg:nth-child(2){opacity: 0;transform: scaleX(0);} .mobile-menu-toggle.active .gradient-bg:nth-child(3){transform: rotate(-45deg) translate(7px, -7px);} .mobile-menu-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;min-height: 100vh;min-height: 100dvh;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);z-index: 999;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;pointer-events: none;-webkit-tap-highlight-color: transparent;} .mobile-menu-overlay.active{opacity: 1;visibility: visible;pointer-events: auto;} .mobile-menu{position: fixed;top: 0;right: -100%;width: 100%;max-width: 360px;height: 100%;min-height: 100vh;min-height: 100dvh;background: rgba(18, 18, 26, 0.98);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);z-index: 1000;transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);overflow: hidden;display: flex;flex-direction: column;box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);} body.light-theme .mobile-menu{background: rgba(255, 255, 255, 0.98);box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);} .mobile-menu.show{right: 0;} body.menu-open{overflow: hidden;position: fixed;width: 100%;height: 100%;} .mobile-menu-header{display: flex;align-items: center;justify-content: flex-start;padding: 1.5rem 1.5rem 1rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);flex-shrink: 0;} body.light-theme .mobile-menu-header{border-bottom-color: rgba(0, 0, 0, 0.1);} .mobile-logo{display: flex;align-items: center;gap: 0.75rem;text-decoration: none;font-size: 1.25rem;font-weight: 700;} .mobile-menu-content{padding: 1.5rem;flex: 1 1 0%;min-height: 0;display: flex;flex-direction: column;overflow-y: auto;-webkit-overflow-scrolling: touch;visibility: visible;} .mobile-nav-links{display: flex;flex-direction: column;gap: 0.5rem;flex: 1 1 auto;min-height: 0;overflow-y: auto;} .mobile-nav-item{position: relative;} .mobile-nav-link{display: flex;align-items: center;justify-content: space-between;padding: 1rem;color: var(--surface-300);text-decoration: none;font-weight: 600;font-size: 1rem;width: 100%;background: none;border: none;text-align: left;cursor: pointer;transition: all var(--transition-fast);border-radius: 8px;} .mobile-nav-link:hover{background: rgba(255, 255, 255, 0.05);color: white;} body.light-theme .mobile-nav-link{color: #4B5563;} body.light-theme .mobile-nav-link:hover{background: rgba(0, 0, 0, 0.05);color: #1F2937;} .mobile-nav-arrow{transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);} .mobile-nav-item.active .mobile-nav-arrow{transform: rotate(180deg);} .mobile-dropdown{max-height: 0;overflow: hidden;transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1);padding-left: 0.5rem;} .mobile-nav-item.active .mobile-dropdown{max-height: min(1200px, 85vh);overflow-y: auto;-webkit-overflow-scrolling: touch;} .mobile-dropdown-item{display: block;padding: 0.75rem 1.25rem;color: var(--surface-400);text-decoration: none;font-size: 0.9rem;border-radius: 6px;transition: all var(--transition-fast);margin: 0.25rem 0;} .mobile-dropdown-item--rich{padding-top: 0.65rem;padding-bottom: 0.65rem;} .mobile-dropdown-item__title{display: block;font-weight: 600;font-size: 0.9rem;line-height: 1.25;color: inherit;} .mobile-dropdown-item:not(.mobile-dropdown-item--rich) .mobile-dropdown-item__title{font-weight: 500;} .mobile-dropdown-item__desc{display: block;margin-top: 0.35rem;font-size: 0.8rem;font-weight: 400;line-height: 1.4;color: var(--surface-500);} body.light-theme .mobile-dropdown-item__desc{color: #64748b;} .mobile-dropdown-item:hover{background: rgba(255, 255, 255, 0.05);color: white;padding-left: 1.5rem;} .mobile-dropdown-item--rich:hover .mobile-dropdown-item__desc{color: var(--surface-400);} body.light-theme .mobile-dropdown-item{color: #6B7280;} body.light-theme .mobile-dropdown-item:hover{background: rgba(0, 0, 0, 0.05);color: #1F2937;} .mobile-dropdown-divider{height: 1px;background: rgba(255, 255, 255, 0.1);margin: 0.5rem 1.25rem;} body.light-theme .mobile-dropdown-divider{background: rgba(0, 0, 0, 0.1);} .mobile-dropdown-label{padding: 0.75rem 1.25rem;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--surface-500);margin-top: 0.5rem;} body.light-theme .mobile-dropdown-label{color: #9CA3AF;} .mobile-actions{margin-top: auto;padding-top: 1.5rem;padding-bottom: env(safe-area-inset-bottom, 0);border-top: 1px solid rgba(255, 255, 255, 0.1);} body.light-theme .mobile-actions{border-top-color: rgba(0, 0, 0, 0.08);} .btn-mobile-full{width: 100%;justify-content: center;min-height: 48px;padding: 0.875rem 1rem;} .mobile-user-name{display: block;font-size: 0.875rem;color: var(--surface-400);margin-bottom: 0.75rem;word-break: break-word;} body.light-theme .mobile-user-name{color: #64748B;} .nav-user-name{font-size: 0.875rem;color: var(--surface-300);margin-right: 0.5rem;max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} body.light-theme .nav-user-name{color: #64748B;} .btn-login-nav{display: inline-flex;align-items: center;white-space: nowrap;} .nav-actions .btn-login-nav, .nav-actions .btn-account-nav{padding: 0.5rem 0.85rem;min-height: 40px;font-size: 0.875rem;} .nav-actions{display: flex;align-items: center;gap: 0.75rem;flex-shrink: 0;} .theme-toggle-btn, .mobile-menu-toggle{min-width: 44px;min-height: 44px;padding: 0.5rem;} .theme-toggle-btn{touch-action: manipulation;-webkit-tap-highlight-color: rgba(234, 88, 12, 0.2);} @media (max-width: 1024px){.nav-menu{display: none;} .mobile-menu-toggle{display: flex;} .nav-actions{gap: 0.5rem;} .nav-user-name{max-width: 80px;display: none;}} @media (min-width: 1025px){.nav-user-name{display: inline-block;}} @media (max-width: 768px){.nav-actions{gap: 0.5rem;} .nav-actions .btn-login-nav, .nav-actions .btn-account-nav{padding: 0.45rem 0.75rem;font-size: 0.8125rem;min-height: 40px;} .mobile-menu{max-width: min(360px, 92vw);} .mobile-menu-content{padding: 1.25rem;} .mobile-nav-link{padding: 1rem;font-size: 1rem;min-height: 48px;-webkit-tap-highlight-color: transparent;} .mobile-dropdown-item{padding: 0.75rem 1.25rem;font-size: 0.9375rem;min-height: 44px;display: block;-webkit-tap-highlight-color: transparent;} .mobile-menu-header{padding: 1rem 1.25rem;flex-shrink: 0;}} @media (max-width: 480px){.nav-content{padding-left: max(1rem, env(safe-area-inset-left));padding-right: max(1rem, env(safe-area-inset-right));} .nav-actions .btn-login-nav, .nav-actions .btn-account-nav{padding: 0.4rem 0.65rem;font-size: 0.8125rem;} .mobile-menu{max-width: 100%;width: min(320px, 100%);right: -100%;left: auto;border-radius: 0;} .mobile-menu.show{right: 0;} .mobile-menu-content{padding: 1rem;}} @media (max-width: 360px){.nav-actions{gap: 0.375rem;} .nav-actions .btn-login-nav, .nav-actions .btn-account-nav{padding: 0.35rem 0.55rem;font-size: 0.8125rem;}} .btn-account-nav{white-space: nowrap;} .account-overlay{position: fixed;inset: 0;background: rgba(2, 6, 23, 0.58);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);z-index: 1100;opacity: 0;visibility: hidden;transition: opacity .22s ease, visibility .22s ease;} .account-panel{position: fixed;top: 0;right: -460px;width: min(460px, 96vw);height: 100vh;background: rgba(15, 23, 42, 0.96);border-left: 1px solid rgba(255,255,255,.12);z-index: 1101;display: flex;flex-direction: column;transition: right .28s ease;box-shadow: -16px 0 44px rgba(0,0,0,.35);} body.light-theme .account-panel{background: rgba(255,255,255,.98);border-left-color: rgba(0,0,0,.08);} .account-panel.show{right: 0;} .account-overlay.show{opacity: 1;visibility: visible;} body.account-open{overflow: hidden;} .account-panel__header{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.75rem;padding: 1rem 1.1rem;border-bottom: 1px solid rgba(255,255,255,.08);} body.light-theme .account-panel__header{border-bottom-color: rgba(0,0,0,.08);} .account-panel__header h2{margin: 0;font-size: 1.08rem;color: var(--surface-100);} body.light-theme .account-panel__header h2{color: #0f172a;} .account-close{width: 36px;height: 36px;border-radius: 10px;border: none;background: rgba(255,255,255,.08);color: var(--surface-200);font-size: 1.45rem;line-height: 1;cursor: pointer;} body.light-theme .account-close{background: #f1f5f9;color: #334155;} .account-panel__body{flex: 1;overflow-y: auto;padding: 1rem 1.1rem 1.2rem;display: grid;gap: 1rem;} .account-section{border: 1px solid rgba(255,255,255,.1);border-radius: 14px;padding: .9rem .95rem;background: rgba(30,41,59,.42);} body.light-theme .account-section{border-color: rgba(15,23,42,.09);background: #f8fafc;} .account-section h3{margin: 0 0 .55rem;font-size: .92rem;color: var(--surface-100);} body.light-theme .account-section h3{color: #0f172a;} .account-meta{margin: .2rem 0;color: var(--surface-300);font-size: .92rem;} body.light-theme .account-meta{color: #334155;} .account-muted{margin: 0;color: var(--surface-400);font-size: .88rem;line-height: 1.5;} body.light-theme .account-muted{color: #64748b;} .account-kpis{display: grid;grid-template-columns: repeat(2, minmax(0,1fr));gap: .55rem;} .account-kpi{border: 1px solid rgba(255,255,255,.1);border-radius: 10px;padding: .6rem .65rem;background: rgba(15,23,42,.42);} body.light-theme .account-kpi{border-color: rgba(15,23,42,.09);background: #fff;} .account-kpi span{display: block;font-size: .75rem;color: var(--surface-500);} body.light-theme .account-kpi span{color: #64748b;} .account-kpi strong{display: block;margin-top: .15rem;color: var(--surface-100);font-size: 1rem;} body.light-theme .account-kpi strong{color: #0f172a;} .account-demos{display: grid;gap: .55rem;} .account-wb-item{display: flex;align-items: stretch;gap: .5rem;} .account-wb-item__link{flex: 1;min-width: 0;} .account-wb-drop{flex-shrink: 0;align-self: center;font-size: .72rem !important;padding: .35rem .55rem !important;} .account-demo-item{display: block;text-decoration: none;border: 1px solid rgba(255,255,255,.12);border-radius: 10px;padding: .65rem .7rem;color: inherit;background: rgba(15,23,42,.38);} .account-demo-item:hover{border-color: rgba(234,88,12,.48);} body.light-theme .account-demo-item{border-color: rgba(15,23,42,.08);background: #fff;} .account-demo-title{font-size: .86rem;font-weight: 700;color: var(--surface-100);} body.light-theme .account-demo-title{color: #0f172a;} .account-demo-meta{margin-top: .2rem;font-size: .78rem;color: var(--surface-500);} body.light-theme .account-demo-meta{color: #64748b;} .account-panel__footer{padding: .9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom,0));border-top: 1px solid rgba(255,255,255,.08);display: flex;gap: .55rem;} body.light-theme .account-panel__footer{border-top-color: rgba(0,0,0,.08);} .account-panel__footer{flex-wrap: wrap;} .account-panel__footer .btn{flex: 1 1 auto;min-width: min(100%, 10rem);justify-content: center;} .account-panel__footer-primary{flex: 1 1 100%;} .account-panel__header-text{flex: 1;min-width: 0;} .account-panel__subtitle{margin: 0.2rem 0 0;font-size: 0.8rem;color: var(--surface-400);line-height: 1.35;} body.light-theme .account-panel__subtitle{color: #64748b;} .account-panel__header-actions{display: flex;align-items: center;gap: 0.35rem;flex-shrink: 0;} .account-icon-btn{width: 36px;height: 36px;border-radius: 10px;border: 1px solid rgba(255,255,255,.12);background: rgba(255,255,255,.06);color: var(--surface-200);cursor: pointer;display: inline-flex;align-items: center;justify-content: center;transition: background .15s ease, border-color .15s ease;} .account-icon-btn:hover{background: rgba(255,255,255,.1);border-color: rgba(234,88,12,.45);} body.light-theme .account-icon-btn{background: #f1f5f9;border-color: rgba(15,23,42,.12);color: #334155;} body.light-theme .account-icon-btn:hover{background: #e2e8f0;border-color: rgba(234,88,12,.4);} .account-panel--fullscreen{width: 100% !important;max-width: 100% !important;right: 0 !important;border-left: none;box-shadow: none;} .account-panel--fullscreen .account-panel__body{max-width: min(1120px, 100%);margin-left: auto;margin-right: auto;padding-left: max(1rem, env(safe-area-inset-left));padding-right: max(1rem, env(safe-area-inset-right));} @media (min-width: 900px){.account-panel--fullscreen .account-panel__body{padding-top: 1.25rem;padding-bottom: 1.5rem;}} .account-card{border: 1px solid rgba(255,255,255,.1);border-radius: 16px;padding: 1rem 1.05rem;background: rgba(30,41,59,.42);} body.light-theme .account-card{border-color: rgba(15,23,42,.09);background: #f8fafc;} .account-card__title{margin: 0 0 0.5rem;font-size: 0.95rem;font-weight: 700;letter-spacing: -0.02em;color: var(--surface-100);} body.light-theme .account-card__title{color: #0f172a;} .account-card__lede{margin: 0 0 0.75rem;font-size: 0.84rem;} .account-card--profile{padding-bottom: 1.1rem;} .account-card--dashboard{padding-bottom: 1.15rem;} .account-profile{display: flex;gap: 0.85rem;align-items: flex-start;margin-bottom: 0.85rem;} .account-profile__avatar{width: 52px;height: 52px;border-radius: 14px;background: linear-gradient(135deg, rgba(79,70,229,.85), rgba(234,88,12,.75));color: #fff;font-size: 1.35rem;font-weight: 700;display: flex;align-items: center;justify-content: center;flex-shrink: 0;box-shadow: 0 8px 24px rgba(0,0,0,.2);} .account-profile__fields{flex: 1;min-width: 0;display: grid;gap: 0.55rem;} .account-profile__label{display: block;font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--surface-500);margin-bottom: 0.15rem;} body.light-theme .account-profile__label{color: #64748b;} .account-profile__value{display: block;font-size: 0.95rem;color: var(--surface-100);word-break: break-word;} body.light-theme .account-profile__value{color: #0f172a;} .account-profile__value--muted{font-weight: 400;font-size: 0.88rem;color: var(--surface-300);} body.light-theme .account-profile__value--muted{color: #475569;} .account-profile__actions{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 0.45rem;} .account-profile__btn{font-size: 0.82rem !important;padding: 0.45rem 0.75rem !important;} .account-panel .btn-ghost{background: transparent;border: 1px solid rgba(255,255,255,.18);color: var(--surface-200);} .account-panel .btn-ghost:hover{border-color: rgba(234,88,12,.5);background: rgba(255,255,255,.06);} body.light-theme .account-panel .btn-ghost{border-color: rgba(15,23,42,.15);color: #334155;background: transparent;} body.light-theme .account-panel .btn-ghost:hover{background: rgba(15,23,42,.05);border-color: rgba(234,88,12,.4);} .account-profile__hint{margin: 0;font-size: 0.75rem;color: var(--surface-500);} body.light-theme .account-profile__hint{color: #94a3b8;} .account-subscriptions{display: grid;gap: 0.55rem;} .account-sub-empty{border: 1px dashed rgba(255,255,255,.2);border-radius: 12px;padding: 0.85rem 0.95rem;background: rgba(15,23,42,.25);} body.light-theme .account-sub-empty{border-color: rgba(15,23,42,.12);background: #fff;} .account-sub-row{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.5rem;align-items: flex-start;border: 1px solid rgba(255,255,255,.1);border-radius: 12px;padding: 0.75rem 0.85rem;background: rgba(15,23,42,.35);} body.light-theme .account-sub-row{border-color: rgba(15,23,42,.08);background: #fff;} .account-sub-row__name{font-weight: 600;font-size: 0.88rem;color: var(--surface-100);} body.light-theme .account-sub-row__name{color: #0f172a;} .account-sub-row__meta{font-size: 0.78rem;color: var(--surface-500);margin-top: 0.2rem;} .account-dash__head{margin-bottom: 0.65rem;} .account-dash__stats{margin: 0.5rem 0 0;font-size: 0.8rem;color: var(--surface-400);} body.light-theme .account-dash__stats{color: #64748b;} .account-dash-tabs{display: flex;flex-wrap: wrap;gap: 0.35rem;margin-bottom: 0.85rem;padding: 0.2rem;border-radius: 12px;background: rgba(15,23,42,.45);border: 1px solid rgba(255,255,255,.08);} body.light-theme .account-dash-tabs{background: #e2e8f0;border-color: rgba(15,23,42,.08);} .account-dash-tab{flex: 1 1 auto;min-width: 5.5rem;padding: 0.5rem 0.65rem;border: none;border-radius: 10px;background: transparent;color: var(--surface-400);font-size: 0.82rem;font-weight: 600;cursor: pointer;transition: background .15s ease, color .15s ease;} body.light-theme .account-dash-tab{color: #64748b;} .account-dash-tab:hover{color: var(--surface-200);background: rgba(255,255,255,.06);} body.light-theme .account-dash-tab:hover{color: #0f172a;background: rgba(255,255,255,.5);} .account-dash-tab.is-active{background: rgba(234,88,12,.22);color: var(--surface-100);box-shadow: 0 1px 0 rgba(0,0,0,.15);} body.light-theme .account-dash-tab.is-active{background: #fff;color: #0f172a;box-shadow: 0 2px 8px rgba(15,23,42,.08);} .account-tab-panel{animation: accountFadeIn 0.2s ease;} @keyframes accountFadeIn{from{opacity: 0.65;} to{opacity: 1;}} .account-tab-panel[hidden]{display: none !important;} .account-placeholder{text-align: center;padding: 1.25rem 0.75rem;border: 1px dashed rgba(255,255,255,.15);border-radius: 14px;background: rgba(15,23,42,.3);} body.light-theme .account-placeholder{border-color: rgba(15,23,42,.1);background: #fff;} .account-placeholder__badge{display: inline-block;font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;padding: 0.25rem 0.55rem;border-radius: 999px;background: rgba(234,88,12,.2);color: #fdba74;margin-bottom: 0.5rem;} body.light-theme .account-placeholder__badge{background: rgba(234,88,12,.12);color: #c2410c;} .account-tools-intro{margin: 0 0 1rem;font-size: 0.84rem;} .account-tools-intro strong{color: var(--surface-200);} body.light-theme .account-tools-intro strong{color: #0f172a;} .account-tool-group{margin-bottom: 1.1rem;padding: 0.85rem 0.9rem;border-radius: 14px;border: 1px solid rgba(255,255,255,.1);background: rgba(15,23,42,.38);} body.light-theme .account-tool-group{border-color: rgba(15,23,42,.08);background: #fff;box-shadow: 0 1px 3px rgba(15,23,42,.06);} .account-tool-group:last-child{margin-bottom: 0;} .account-tool-group__header{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem 0.75rem;margin-bottom: 0.35rem;} .account-tool-group__icon{font-size: 0.85rem;opacity: 0.85;color: #a5b4fc;} .account-tool-group__title{margin: 0;flex: 1 1 auto;font-size: 0.92rem;font-weight: 700;color: var(--surface-100);} body.light-theme .account-tool-group__title{color: #0f172a;} .account-tool-group__link{font-size: 0.78rem;font-weight: 600;color: #fdba74;text-decoration: none;white-space: nowrap;} .account-tool-group__link:hover{text-decoration: underline;} body.light-theme .account-tool-group__link{color: #c2410c;} .account-tool-group__desc{margin: 0 0 0.65rem;font-size: 0.8rem;color: var(--surface-500);line-height: 1.45;} body.light-theme .account-tool-group__desc{color: #64748b;} .account-tool-sub{margin-top: 0.55rem;} .account-tool-sub:first-of-type{margin-top: 0.35rem;} .account-tool-sub__title{margin: 0 0 0.4rem;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--surface-500);} body.light-theme .account-tool-sub__title{color: #94a3b8;} @media (max-width: 480px){.account-panel__header{flex-wrap: wrap;} .account-panel__header-actions{width: 100%;justify-content: flex-end;} .account-dash-tab{min-width: calc(33.333% - 0.25rem);}} .footer{position: relative;background: var(--surface-900);color: var(--surface-300);margin-top: auto;overflow: hidden;} body.light-theme .footer{background: #f8fafc;color: #4b5563;} .footer-wave{position: absolute;top: 0;left: 0;right: 0;height: 120px;transform: translateY(-50%);color: var(--surface-800);} body.light-theme .footer-wave{color: #e2e8f0;} .footer-container{position: relative;z-index: 1;max-width: 1200px;margin: 0 auto;padding: 0 1.5rem;} .footer-content{padding: 5rem 0 2rem;} .footer-grid{display: grid;grid-template-columns: 1fr;gap: 3rem;margin: 0 auto 3rem;max-width: 600px;} .footer-divider{height: 1px;background: linear-gradient(90deg, transparent 0%, var(--surface-700) 20%, var(--surface-700) 80%, transparent 100%);margin: 3rem 0;} body.light-theme .footer-divider{background: linear-gradient(90deg, transparent 0%, #e5e7eb 20%, #e5e7eb 80%, transparent 100%);} .footer-bottom{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 2rem;opacity: 1;transform: none;} .footer-copyright{flex: 1 1 220px;min-width: 200px;} .footer-copy-line, .footer-meta{margin: 0.25rem 0;font-size: 0.9rem;color: var(--surface-400);} body.light-theme .footer-copy-line, body.light-theme .footer-meta{color: #6b7280;} .footer-social{flex: 0 1 auto;} .footer-apps{flex: 0 1 auto;} .footer-description{line-height: 1.6;margin-bottom: 2rem;font-size: 0.95rem;} .footer-newsletter h4{font-size: 0.9rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 1rem;} .newsletter-form{display: flex;gap: 0.5rem;} .newsletter-input{flex: 1;padding: 0.75rem 1rem;background: rgba(255,255,255,0.05);border: 1px solid var(--surface-700);border-radius: 8px;color: var(--surface-300);} body.light-theme .newsletter-input{background: #fff;border-color: #e5e7eb;color: #374151;} .newsletter-btn{padding: 0.75rem;background: var(--gradient-button, linear-gradient(135deg, #667eea, #764ba2, #f093fb));border: none;border-radius: 8px;color: #fff;cursor: pointer;box-shadow: var(--button-shadow, 0 4px 18px rgba(102, 126, 234, 0.35));} .newsletter-btn:hover{box-shadow: var(--button-shadow-hover, 0 8px 28px rgba(118, 75, 162, 0.4));} .social-links{display: flex;gap: 1rem;flex-wrap: wrap;justify-content: center;} .social-link{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 10px;text-decoration: none;background: rgba(255,255,255,0.05);color: rgba(255,255,255,0.9);} .social-link .social-icon{display: block;width: 20px;height: 20px;flex-shrink: 0;pointer-events: none;} body.light-theme .social-link{background: #f3f4f6;color: #4b5563;} .footer-apps{display: flex;gap: 1rem;flex-wrap: wrap;} .app-link{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.25rem;border-radius: 10px;text-decoration: none;background: rgba(255,255,255,0.05);border: 1px solid var(--surface-700);color: rgba(255,255,255,0.9);} .app-link .app-link-icon{display: block;flex-shrink: 0;width: 22px;height: 22px;} body.light-theme .app-link{background: #fff;border-color: #e5e7eb;color: #4b5563;} @media (max-width: 768px){.footer-content{padding: 4rem 0 2rem;} .footer-bottom{flex-direction: column;text-align: center;gap: 1.5rem;} .footer-apps{flex-direction: column;width: 100%;} .app-link{justify-content: center;}} @keyframes preview-dot-colors{0%, 100%{background-color: #EF4444;} 33%{background-color: #F59E0B;} 66%{background-color: #10B981;}} @keyframes preview-dot-colors-light{0%, 100%{background-color: #DC2626;} 33%{background-color: #D97706;} 66%{background-color: #059669;}} .platform-preview .preview-dot{animation: preview-dot-colors 2.5s ease-in-out infinite;} .platform-preview .preview-dot:nth-child(2){animation-delay: 0.35s;} .platform-preview .preview-dot:nth-child(3){animation-delay: 0.7s;} body.light-theme .platform-preview .preview-dot{animation-name: preview-dot-colors-light;} .platform-preview{max-width: 600px;margin-left: auto;margin-right: auto;} .preview-content--wide{max-width: 100%;margin-left: auto;margin-right: auto;} .preview-inner{color: var(--surface-400);font-size: 0.9375rem;} .preview-command-center{position: relative;min-height: 260px;margin-bottom: 1.25rem;border-radius: 18px;border: 1px solid rgba(255, 255, 255, 0.08);background: radial-gradient(circle at 50% 50%, rgba(234, 88, 12, 0.13), transparent 36%), radial-gradient(circle at 14% 18%, rgba(56, 189, 248, 0.13), transparent 28%), rgba(2, 6, 23, 0.36);overflow: hidden;isolation: isolate;} .preview-command-grid{position: absolute;inset: 0;background: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);background-size: 28px 28px;mask-image: radial-gradient(circle at 50% 50%, black, transparent 74%);z-index: 0;} .preview-command-lines{position: absolute;inset: 0;width: 100%;height: 100%;z-index: 1;} .preview-command-line, .preview-command-pulse{fill: none;stroke-linecap: round;stroke-linejoin: round;} .preview-command-line{stroke: rgba(148, 163, 184, 0.22);stroke-width: 2;} .preview-command-pulse{stroke: url(#previewCommandGradient);stroke-width: 3;stroke-dasharray: 16 210;animation: preview-command-flow 4s linear infinite;filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.42));} .preview-command-pulse--two{animation-delay: -1.25s;} .preview-command-pulse--three{animation-delay: -2.5s;} .preview-command-core{position: absolute;left: 50%;top: 50%;width: 104px;height: 104px;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 28px;background: radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.28), transparent 34%), var(--gradient-primary);color: var(--b);box-shadow: 0 0 36px rgba(234, 88, 12, 0.32), 0 0 62px rgba(2, 132, 199, 0.22);z-index: 4;animation: preview-core-breathe 4.5s ease-in-out infinite;} .preview-command-core__halo{position: absolute;inset: -16px;border: 1px solid rgba(255, 255, 255, 0.22);border-radius: 34px;animation: preview-halo-spin 12s linear infinite;} .preview-command-core__label{font-size: 0.9rem;font-weight: 850;} .preview-command-core__sub{margin-top: 0.18rem;font-size: 0.62rem;font-weight: 800;letter-spacing: 0.08em;opacity: 0.86;text-transform: uppercase;} .preview-command-node{position: absolute;z-index: 3;min-width: 86px;padding: 0.48rem 0.58rem;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.12);background: rgba(15, 23, 42, 0.78);color: #cbd5e1;font-size: 0.72rem;font-weight: 800;text-align: center;box-shadow: 0 10px 24px rgba(2, 6, 23, 0.26);transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;} .preview-command-node--solutions{left: 6%;top: 14%;} .preview-command-node--products{right: 6%;top: 14%;} .preview-command-node--services{left: 4%;top: 47%;} .preview-command-node--resources{right: 4%;top: 47%;} .preview-command-node--pricing{left: 10%;bottom: 12%;} .preview-command-node--company{right: 10%;bottom: 12%;} .preview-command-node.is-active{transform: translateY(-3px) scale(1.06);border-color: rgba(234, 88, 12, 0.55);color: var(--b);box-shadow: 0 0 22px rgba(234, 88, 12, 0.24), 0 12px 26px rgba(2, 6, 23, 0.28);} .preview-command-scan{position: absolute;inset: 0;z-index: 2;background: linear-gradient(90deg, transparent, rgba(125, 211, 252, 0.13), transparent);transform: translateX(-120%);animation: preview-command-scan 5.5s ease-in-out infinite;pointer-events: none;} .preview-chip.is-active{filter: brightness(1.18);box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18), 0 8px 18px rgba(2, 6, 23, 0.22);transform: translateY(-2px);} @keyframes preview-command-flow{to{stroke-dashoffset: -226;}} @keyframes preview-core-breathe{0%, 100%{transform: translate(-50%, -50%) scale(1);} 50%{transform: translate(-50%, -50%) scale(1.04);}} @keyframes preview-halo-spin{to{transform: rotate(360deg);}} @keyframes preview-command-scan{0%, 18%{transform: translateX(-120%);opacity: 0;} 28%, 68%{opacity: 1;} 82%, 100%{transform: translateX(120%);opacity: 0;}} body.light-theme .preview-command-center{background: radial-gradient(circle at 50% 50%, rgba(234, 88, 12, 0.11), transparent 36%), radial-gradient(circle at 14% 18%, rgba(56, 189, 248, 0.11), transparent 28%), rgba(255, 255, 255, 0.62);border-color: rgba(148, 163, 184, 0.24);} body.light-theme .preview-command-grid{background: linear-gradient(rgba(15, 23, 42, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.045) 1px, transparent 1px);background-size: 28px 28px;} body.light-theme .preview-command-line{stroke: rgba(71, 85, 105, 0.2);} body.light-theme .preview-command-node{background: rgba(255, 255, 255, 0.82);border-color: rgba(148, 163, 184, 0.24);color: #334155;box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);} body.light-theme .preview-command-node.is-active{color: #0f172a;border-color: rgba(234, 88, 12, 0.5);box-shadow: 0 0 22px rgba(234, 88, 12, 0.16), 0 12px 26px rgba(2, 6, 23, 0.1);} .preview-response-wrap{display: none;background: rgba(15, 23, 42, 0.6);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 10px;padding: 0.75rem 1rem;margin-bottom: 1rem;min-height: 2.5rem;max-height: 280px;overflow-y: auto;} .preview-response-wrap.has-response{display: block;} body.light-theme .preview-response-wrap{background: rgba(0, 0, 0, 0.04);border-color: rgba(0, 0, 0, 0.08);} .preview-response-label{font-size: 0.75rem;font-weight: 600;color: var(--primary-teal-light);margin-bottom: 0.35rem;} .preview-chat-response{color: rgba(255, 255, 255, 0.92);white-space: pre-wrap;line-height: 1.5;font-size: 0.875rem;} body.light-theme .preview-chat-response{color: #334155;} .preview-learn-label{font-size: 0.8125rem;font-weight: 600;color: var(--surface-400);margin-bottom: 0.5rem;} body.light-theme .preview-learn-label{color: #64748b;} .preview-chips{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1rem;list-style: none;} .preview-chip{padding: 0.5rem 0.85rem;font-size: 0.8125rem;font-weight: 600;border: none;border-radius: 999px;cursor: pointer;transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;} .preview-chip:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);} .preview-chip:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;} .preview-chip--solutions{background: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.22));color: #a5b4fc;} .preview-chip--products{background: linear-gradient(135deg, rgba(234, 88, 12, 0.25), rgba(2, 132, 199, 0.2));color: #f97316;} .preview-chip--services{background: linear-gradient(135deg, rgba(20, 184, 166, 0.25), rgba(99, 102, 241, 0.2));color: #5eead4;} .preview-chip--resources{background: linear-gradient(135deg, rgba(34, 197, 94, 0.22), rgba(14, 165, 233, 0.2));color: #4ade80;} .preview-chip--pricing{background: linear-gradient(135deg, rgba(236, 72, 153, 0.22), rgba(139, 92, 246, 0.2));color: #f9a8d4;} .preview-chip--company{background: linear-gradient(135deg, rgba(251, 146, 60, 0.25), rgba(234, 88, 12, 0.2));color: #fdba74;} .preview-chip--certifications{background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(236, 72, 153, 0.2));color: #c084fc;} .preview-chip--library{background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(20, 184, 166, 0.2));color: #4ade80;} .preview-chip--tools{background: linear-gradient(135deg, rgba(59, 130, 246, 0.25), rgba(56, 189, 248, 0.2));color: #7dd3fc;} body.light-theme .preview-chip--solutions{background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.12));color: #4f46e5;} body.light-theme .preview-chip--products{background: linear-gradient(135deg, rgba(234, 88, 12, 0.18), rgba(2, 132, 199, 0.12));color: #c2410c;} body.light-theme .preview-chip--services{background: linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(99, 102, 241, 0.12));color: #0d9488;} body.light-theme .preview-chip--resources{background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(14, 165, 233, 0.12));color: #047857;} body.light-theme .preview-chip--pricing{background: linear-gradient(135deg, rgba(236, 72, 153, 0.16), rgba(139, 92, 246, 0.12));color: #be185d;} body.light-theme .preview-chip--company{background: linear-gradient(135deg, rgba(251, 146, 60, 0.18), rgba(234, 88, 12, 0.12));color: #ea580c;} body.light-theme .preview-chip--certifications{background: linear-gradient(135deg, rgba(139, 92, 246, 0.18), rgba(236, 72, 153, 0.12));color: #7c3aed;} body.light-theme .preview-chip--library{background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(20, 184, 166, 0.12));color: #059669;} body.light-theme .preview-chip--tools{background: linear-gradient(135deg, rgba(59, 130, 246, 0.18), rgba(56, 189, 248, 0.12));color: #0284c7;} .preview-cta-buttons{display: flex;gap: 0.75rem;flex-wrap: wrap;} .preview-cta-btn{flex: 1;min-width: 140px;padding: 0.625rem 1rem;border-radius: 8px;font-size: 0.875rem;font-weight: 600;text-align: center;text-decoration: none;transition: transform 0.15s ease, box-shadow 0.15s ease;} .preview-cta-btn--judemind{background: rgba(139, 92, 246, 0.2);border: 1px solid rgba(139, 92, 246, 0.45);color: #a78bfa;} .preview-cta-btn--judemind:hover{background: rgba(139, 92, 246, 0.3);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(139, 92, 246, 0.25);} .preview-cta-btn--ide{background: rgba(56, 189, 248, 0.2);border: 1px solid rgba(56, 189, 248, 0.45);color: #38bdf8;} .preview-cta-btn--ide:hover{background: rgba(56, 189, 248, 0.3);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(56, 189, 248, 0.25);} body.light-theme .preview-cta-btn--judemind{color: #6d28d9;border-color: rgba(109, 40, 217, 0.4);background: rgba(109, 40, 217, 0.1);} body.light-theme .preview-cta-btn--ide{color: #0284c7;border-color: rgba(2, 132, 199, 0.4);background: rgba(2, 132, 199, 0.1);} @media (max-width: 768px){.preview-command-center{min-height: 230px;} .preview-command-core{width: 88px;height: 88px;border-radius: 24px;} .preview-command-core__label{font-size: 0.78rem;} .preview-command-core__sub{font-size: 0.56rem;} .preview-command-node{min-width: 74px;padding: 0.4rem 0.48rem;font-size: 0.64rem;}} @media (max-width: 480px){.preview-command-center{min-height: 210px;border-radius: 16px;} .preview-command-node--solutions{left: 3%;top: 12%;} .preview-command-node--products{right: 3%;top: 12%;} .preview-command-node--services{left: 2%;top: 46%;} .preview-command-node--resources{right: 2%;top: 46%;} .preview-command-node--pricing{left: 5%;bottom: 10%;} .preview-command-node--company{right: 5%;bottom: 10%;}} @media (prefers-reduced-motion: reduce){.platform-preview .preview-dot, .preview-command-pulse, .preview-command-core, .preview-command-core__halo, .preview-command-scan{animation: none !important;}} .wb-picker{max-width: 720px;margin: 0 auto;padding: 0 1.25rem 7rem;} .wb-picker__intro{text-align: center;max-width: 42rem;margin: 0 auto 2rem;} .wb-picker__intro h2{font-size: clamp(1.35rem, 2.5vw, 1.75rem);font-weight: 700;margin-bottom: 0.5rem;color: var(--surface-100);} body.light-theme .wb-picker__intro h2{color: #0f172a;} .wb-picker__intro p{color: var(--surface-400);font-size: 1rem;line-height: 1.6;} body.light-theme .wb-picker__intro p{color: #64748b;} .wb-search-sticky{position: sticky;top: calc(72px + env(safe-area-inset-top, 0));z-index: 40;padding: 0.75rem 0 1rem;margin: 0 -0.5rem 1.25rem;background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0.88) 70%, transparent 100%);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);} body.light-theme .wb-search-sticky{background: linear-gradient(180deg, rgba(248, 250, 252, 0.97) 0%, rgba(248, 250, 252, 0.9) 70%, transparent 100%);} .wb-search-wrap{max-width: 36rem;margin: 0 auto;} .wb-search{display: flex;align-items: center;gap: 0.75rem;padding: 0.65rem 1rem;border-radius: 12px;border: 1px solid rgba(148, 163, 184, 0.35);background: rgba(30, 41, 59, 0.65);box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);transition: border-color 0.2s, box-shadow 0.2s;} body.light-theme .wb-search{background: #fff;border-color: #e2e8f0;} .wb-search:focus-within{border-color: rgba(234, 88, 12, 0.55);box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.15);} .wb-search svg{flex-shrink: 0;opacity: 0.65;} .wb-search input{flex: 1;min-width: 0;border: none;background: transparent;color: var(--surface-100);font-size: 1rem;outline: none;} body.light-theme .wb-search input{color: #0f172a;} .wb-search input::placeholder{color: var(--surface-500);} .wb-meta{text-align: center;font-size: 0.875rem;color: var(--surface-500);margin-top: 0.75rem;} body.light-theme .wb-meta{color: #64748b;} .wb-empty{display: none;text-align: center;padding: 1.5rem 1rem;color: var(--surface-400);font-size: 0.95rem;} .wb-empty.wb-empty--show{display: block;} .wb-select-container{margin-top: 0.5rem;padding: 1.25rem 1.25rem 1.5rem;border-radius: 16px;border: 1px solid rgba(148, 163, 184, 0.25);background: rgba(30, 41, 59, 0.35);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);} body.light-theme .wb-select-container{background: #fff;border-color: #e2e8f0;box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);} .wb-select-label{display: block;font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--surface-400);margin-bottom: 0.35rem;} body.light-theme .wb-select-label{color: #64748b;} .wb-select-hint{font-size: 0.875rem;color: var(--surface-500);margin: 0 0 1rem;line-height: 1.45;} body.light-theme .wb-select-hint{color: #64748b;} .wb-site-select{display: block;width: 100%;min-height: min(360px, 52vh);max-height: 480px;padding: 0.6rem 0.75rem;font-size: 0.9rem;line-height: 1.4;color: var(--surface-200);background: rgba(15, 23, 42, 0.65);border: 1px solid rgba(148, 163, 184, 0.3);border-radius: 12px;cursor: pointer;outline: none;transition: border-color 0.2s, box-shadow 0.2s;} body.light-theme .wb-site-select{background: #f8fafc;color: #1e293b;border-color: #e2e8f0;} .wb-site-select:focus{border-color: rgba(234, 88, 12, 0.55);box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.12);} .wb-site-select option{padding: 0.35rem 0.25rem;} .wb-site-select optgroup{font-weight: 700;font-size: 0.8rem;color: var(--surface-400);padding-top: 0.5rem;} body.light-theme .wb-site-select optgroup{color: #64748b;} .wb-selection-bar{position: fixed;bottom: 0;left: 0;right: 0;z-index: 50;padding: 1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));background: rgba(15, 23, 42, 0.92);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-top: 1px solid rgba(148, 163, 184, 0.2);box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.25);display: none;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap;} body.light-theme .wb-selection-bar{background: rgba(255, 255, 255, 0.95);border-top-color: #e2e8f0;} .wb-selection-bar.wb-selection-bar--visible{display: flex;} .wb-selection-bar__text{font-size: 0.9rem;color: var(--surface-200);flex: 1;min-width: 0;} body.light-theme .wb-selection-bar__text{color: #334155;} .wb-selection-bar__text strong{color: var(--surface-100);} body.light-theme .wb-selection-bar__text strong{color: #0f172a;} .wb-selection-bar .btn{flex-shrink: 0;} body.wb-modal-open{overflow: hidden;} body.wb-build-open{overflow: hidden;} .wb-modal{position: fixed;inset: 0;z-index: 10000;display: none;align-items: center;justify-content: center;padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));} .wb-modal.wb-modal--open{display: flex;} .wb-modal__backdrop{position: absolute;inset: 0;background: rgba(15, 23, 42, 0.72);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);} body.light-theme .wb-modal__backdrop{background: rgba(15, 23, 42, 0.55);} .wb-modal__dialog{position: relative;z-index: 1;width: 100%;max-width: 560px;max-height: min(92vh, 900px);display: flex;flex-direction: column;border-radius: 16px;border: 1px solid rgba(148, 163, 184, 0.35);background: rgba(30, 41, 59, 0.98);box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);overflow: hidden;} body.light-theme .wb-modal__dialog{background: #fff;border-color: #e2e8f0;box-shadow: 0 24px 60px rgba(15, 23, 42, 0.15);} .wb-modal__header{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1rem 1.25rem;border-bottom: 1px solid rgba(148, 163, 184, 0.2);flex-shrink: 0;} body.light-theme .wb-modal__header{border-bottom-color: #e2e8f0;} .wb-modal__header h2{margin: 0;font-size: 1.2rem;font-weight: 700;color: var(--surface-100);} body.light-theme .wb-modal__header h2{color: #0f172a;} .wb-modal__close{flex-shrink: 0;width: 40px;height: 40px;border: none;border-radius: 10px;background: rgba(255, 255, 255, 0.06);color: var(--surface-300);font-size: 1.5rem;line-height: 1;cursor: pointer;transition: background 0.2s;} body.light-theme .wb-modal__close{background: #f1f5f9;color: #475569;} .wb-modal__close:hover{background: rgba(234, 88, 12, 0.2);} .wb-modal__body{padding: 1rem 1.25rem;overflow-y: auto;-webkit-overflow-scrolling: touch;flex: 1 1 auto;min-height: 0;} .wb-modal__selected{margin: 0 0 1.25rem;padding: 0.75rem 1rem;border-radius: 10px;background: rgba(234, 88, 12, 0.12);border: 1px solid rgba(234, 88, 12, 0.25);} body.light-theme .wb-modal__selected{background: #fff7ed;border-color: #fed7aa;} .wb-modal__label{display: block;font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--surface-500);margin-bottom: 0.25rem;} .wb-modal__selected strong{display: block;font-size: 0.95rem;font-weight: 600;color: var(--surface-100);line-height: 1.35;} body.light-theme .wb-modal__selected strong{color: #0f172a;} .wb-field{margin-bottom: 1.15rem;} .wb-fieldset{border: none;padding: 0;margin: 0 0 1.15rem;} .wb-fieldset legend{padding: 0;} .wb-field__label{display: block;font-size: 0.875rem;font-weight: 600;color: var(--surface-200);margin-bottom: 0.35rem;} body.light-theme .wb-field__label{color: #1e293b;} .wb-req{color: #f97316;} .wb-opt{font-weight: 500;color: var(--surface-500);font-size: 0.85rem;} .wb-field__hint{margin: 0 0 0.5rem;font-size: 0.8rem;color: var(--surface-500);line-height: 1.4;} body.light-theme .wb-field__hint{color: #64748b;} .wb-textarea, .wb-input{width: 100%;box-sizing: border-box;padding: 0.65rem 0.85rem;font-size: 0.9rem;line-height: 1.45;color: var(--surface-100);background: rgba(15, 23, 42, 0.55);border: 1px solid rgba(148, 163, 184, 0.3);border-radius: 10px;resize: vertical;outline: none;transition: border-color 0.2s, box-shadow 0.2s;} body.light-theme .wb-textarea, body.light-theme .wb-input{background: #f8fafc;color: #0f172a;border-color: #e2e8f0;} .wb-textarea:focus, .wb-input:focus{border-color: rgba(234, 88, 12, 0.55);box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.12);} .wb-textarea.wb-input--error{border-color: rgba(239, 68, 68, 0.7);} .wb-word-count{margin: 0.4rem 0 0;font-size: 0.8rem;color: var(--surface-500);} .wb-word-count.wb-word-count--warn{color: #f87171;font-weight: 600;} .wb-file{display: block;width: 100%;font-size: 0.85rem;color: var(--surface-400);} .wb-file-name{margin: 0.4rem 0 0;font-size: 0.8rem;color: var(--surface-400);word-break: break-all;} .wb-palette-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.6rem;} @media (min-width: 480px){.wb-palette-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}} .wb-palette-card{display: block;cursor: pointer;margin: 0;} .wb-palette-card input{position: absolute;opacity: 0;width: 0;height: 0;} .wb-palette-card__inner{display: flex;flex-direction: column;gap: 0.35rem;padding: 0.65rem 0.6rem;border-radius: 10px;border: 2px solid rgba(148, 163, 184, 0.25);background: rgba(15, 23, 42, 0.4);transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;min-height: 100%;} body.light-theme .wb-palette-card__inner{background: #f8fafc;border-color: #e2e8f0;} .wb-palette-card:hover .wb-palette-card__inner{border-color: rgba(234, 88, 12, 0.35);} .wb-palette-card input:focus-visible + .wb-palette-card__inner{outline: 2px solid #ea580c;outline-offset: 2px;} .wb-palette-card input:checked + .wb-palette-card__inner{border-color: #ea580c;background: linear-gradient(135deg, rgba(234, 88, 12, 0.15), rgba(2, 132, 199, 0.1));box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.25);} body.light-theme .wb-palette-card input:checked + .wb-palette-card__inner{background: linear-gradient(135deg, #fff7ed, #f0f9ff);} .wb-palette-card__name{font-size: 0.8rem;font-weight: 700;color: var(--surface-100);line-height: 1.25;} body.light-theme .wb-palette-card__name{color: #0f172a;} .wb-palette-card__css{font-size: 0.65rem;line-height: 1.25;color: var(--surface-500);font-family: ui-monospace, monospace;word-break: break-word;} body.light-theme .wb-palette-card__css{color: #64748b;} .wb-palette-card__swatches{display: flex;gap: 4px;margin-top: 0.15rem;} .wb-swatch{flex: 1;height: 10px;border-radius: 4px;min-width: 0;border: 1px solid rgba(255, 255, 255, 0.15);} .wb-modal__footer{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;gap: 0.75rem;padding: 1rem 1.25rem calc(1rem + env(safe-area-inset-bottom, 0));border-top: 1px solid rgba(148, 163, 184, 0.2);flex-shrink: 0;background: rgba(15, 23, 42, 0.5);} body.light-theme .wb-modal__footer{border-top-color: #e2e8f0;background: #f8fafc;} .wb-modal__start:not([hidden]){animation: wb-fade-in 0.25s ease;} @keyframes wb-fade-in{from{opacity: 0;transform: translateY(6px);} to{opacity: 1;transform: none;}} .wb-build-overlay{position: fixed;inset: 0;z-index: 12000;display: grid;place-items: center;padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));} .wb-build-overlay[hidden]{display: none;} .wb-build-overlay__backdrop{position: absolute;inset: 0;background: rgba(2, 6, 23, 0.78);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);} .wb-build-overlay__card{position: relative;z-index: 1;width: min(540px, 92vw);border-radius: 18px;border: 1px solid rgba(148, 163, 184, 0.28);background: linear-gradient(180deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.92));box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);padding: 26px 24px;text-align: center;overflow: hidden;} body.light-theme .wb-build-overlay__card{background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.96));border-color: #e2e8f0;box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);} .wb-spinner{width: 56px;height: 56px;margin: 6px auto 18px;border-radius: 50%;border: 4px solid rgba(148, 163, 184, 0.25);border-top-color: rgba(234, 88, 12, 0.95);animation: wb-spin 0.9s linear infinite;} @keyframes wb-spin{to{transform: rotate(360deg);}} .wb-build-title{margin: 0 0 6px;font-size: 1.25rem;font-weight: 800;color: var(--surface-100);} body.light-theme .wb-build-title{color: #0f172a;} .wb-build-sub{margin: 0 0 18px;color: var(--surface-400);font-size: 0.95rem;line-height: 1.55;} body.light-theme .wb-build-sub{color: #64748b;} .wb-build-steps{margin-top: 10px;display: grid;gap: 12px;justify-items: center;} .wb-build-step{display: inline-flex;align-items: center;gap: 10px;padding: 10px 14px;border-radius: 999px;border: 1px solid rgba(148, 163, 184, 0.22);background: rgba(15, 23, 42, 0.35);} body.light-theme .wb-build-step{background: #f8fafc;border-color: #e2e8f0;} .wb-dot{width: 10px;height: 10px;border-radius: 50%;background: rgba(234, 88, 12, 0.95);box-shadow: 0 0 0 6px rgba(234, 88, 12, 0.14);animation: wb-pulse 1.6s ease-in-out infinite;} @keyframes wb-pulse{0%, 100%{transform: scale(0.95);opacity: 1;} 50%{transform: scale(1.08);opacity: 0.75;}} .wb-build-step__text{color: var(--surface-200);font-size: 0.95rem;font-weight: 600;} body.light-theme .wb-build-step__text{color: #334155;} .wb-build-typing{display: inline-flex;gap: 6px;align-items: center;justify-content: center;} .wb-build-typing span{width: 7px;height: 7px;border-radius: 50%;background: rgba(148, 163, 184, 0.65);animation: wb-bounce 1.05s infinite ease-in-out;} .wb-build-typing span:nth-child(2){animation-delay: 0.12s;} .wb-build-typing span:nth-child(3){animation-delay: 0.24s;} @keyframes wb-bounce{0%, 100%{transform: translateY(0);opacity: 0.6;} 50%{transform: translateY(-6px);opacity: 1;}} .wbt-page{padding-bottom: 5rem;} .wbt-intro{text-align: center;max-width: 40rem;margin: 0 auto 2.5rem;padding: 0 1.25rem;} .wbt-intro h2{font-size: clamp(1.35rem, 2.5vw, 1.85rem);font-weight: 700;margin: 0 0 0.5rem;color: var(--surface-100);} body.light-theme .wbt-intro h2{color: #0f172a;} .wbt-intro p{color: var(--surface-400);font-size: 1rem;line-height: 1.65;margin: 0;} body.light-theme .wbt-intro p{color: #64748b;} .wbt-hero-options{margin: 1.15rem auto 0;display: flex;gap: 0.85rem;justify-content: center;flex-wrap: wrap;} .wbt-hero-option{min-width: 220px;white-space: nowrap;} .wbt-categories{max-width: 1120px;margin: 0 auto;padding: 0 1.25rem 2rem;display: flex;flex-direction: column;gap: 2.75rem;} .wbt-category{margin: 0;} .wbt-category__title{font-size: clamp(1rem, 2vw, 1.15rem);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;margin: 0 0 1.1rem;padding-bottom: 0.65rem;border-bottom: 1px solid rgba(148, 163, 184, 0.35);color: var(--surface-200);} body.light-theme .wbt-category__title{color: #334155;border-bottom-color: #e2e8f0;} .wbt-grid{display: grid;gap: 1.5rem;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));max-width: 1120px;margin: 0 auto;padding: 0 1.25rem;} .wbt-grid--section{max-width: none;margin: 0;padding: 0;} .wbt-category__empty{margin: 0;padding: 1rem 0 0.25rem;font-size: 0.92rem;color: var(--surface-400);font-style: italic;} body.light-theme .wbt-category__empty{color: #94a3b8;} .wbt-card{border-radius: 16px;overflow: hidden;border: 1px solid rgba(148, 163, 184, 0.25);background: rgba(30, 41, 59, 0.4);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);display: flex;flex-direction: column;transition: border-color 0.2s, transform 0.2s;} body.light-theme .wbt-card{background: #fff;border-color: #e2e8f0;} .wbt-card:hover{border-color: rgba(234, 88, 12, 0.45);transform: translateY(-2px);} .wbt-card__visual{position: relative;height: 220px;background: #0f172a;overflow: hidden;} body.light-theme .wbt-card__visual{background: #e2e8f0;} .wbt-card__name{position: absolute;top: 1.05rem;left: 0.65rem;z-index: 4;max-width: calc(100% - 1.3rem);font-size: 0.78rem;font-weight: 700;line-height: 1.2;color: #f8fafc;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);background: rgba(2, 6, 23, 0.62);border: 1px solid rgba(148, 163, 184, 0.35);backdrop-filter: blur(8px);border-radius: 12px;padding: 0.34rem 0.55rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;pointer-events: none;} body.light-theme .wbt-card__name{color: #0f172a;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);background: rgba(255, 255, 255, 0.78);border-color: rgba(148, 163, 184, 0.55);} .wbt-card__iframe-wrap{position: absolute;inset: 0;overflow: hidden;z-index: 1;} .wbt-card__iframe{width: 100%;height: 260px;min-height: 100%;border: 0;pointer-events: none;display: block;transform: translateY(0);} .wbt-card__site-label{font-size: 0.72rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;color: var(--surface-400);margin: 0 0 0.35rem 0;} .wbt-card__template-name{font-size: 1.05rem;font-weight: 800;color: var(--surface-100);margin: 0 0 0.65rem 0;line-height: 1.2;} .wbt-card__badge{position: absolute;top: 0.75rem;left: 0.75rem;font-size: 0.65rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;padding: 0.25rem 0.6rem;border-radius: 999px;background: rgba(15, 23, 42, 0.65);color: #e2e8f0;} body.light-theme .wbt-card__badge{background: rgba(15, 23, 42, 0.85);} .wbt-card__body{padding: 1.25rem 1.25rem 1.5rem;flex: 1;display: flex;flex-direction: column;} .wbt-card__body h3{margin: 0 0 0.5rem;font-size: 1.15rem;color: var(--surface-100);} body.light-theme .wbt-card__body h3{color: #0f172a;} .wbt-card__body p{margin: 0;font-size: 0.92rem;color: var(--surface-400);line-height: 1.5;} body.light-theme .wbt-card__body p{color: #64748b;} .wbt-card__accent{margin-top: 0.65rem !important;font-size: 0.78rem !important;opacity: 0.85;font-style: italic;} .wbt-card__preview{margin-top: auto;width: 100%;justify-content: center;} .wbt-modal{position: fixed;inset: 0;z-index: 200;display: grid;place-items: stretch;padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);} .wbt-modal--form{z-index: 210;} .wbt-modal[hidden]{display: none !important;} .wbt-modal__backdrop{position: absolute;inset: 0;background: rgba(2, 6, 23, 0.72);backdrop-filter: blur(6px);} .wbt-modal__panel{position: relative;z-index: 1;max-width: 960px;width: 100%;height: min(92vh, 900px);max-height: min(92vh, 900px);margin: auto;display: flex;flex-direction: column;border-radius: 18px;overflow: hidden;border: 1px solid rgba(148, 163, 184, 0.25);box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);background: #0f172a;} .wbt-modal__head{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 0.75rem 1rem;background: rgba(15, 23, 42, 0.95);border-bottom: 1px solid rgba(148, 163, 184, 0.2);} .wbt-modal__head h2{margin: 0;font-size: 1rem;font-weight: 600;color: #f1f5f9;} .wbt-modal__close{width: 40px;height: 40px;border: none;border-radius: 10px;background: rgba(148, 163, 184, 0.15);color: #e2e8f0;font-size: 1.5rem;line-height: 1;cursor: pointer;} .wbt-modal__close:hover{background: rgba(148, 163, 184, 0.28);} .wbt-modal__frame-wrap{flex: 1 1 auto;min-height: 0;background: #020617;display: flex;flex-direction: column;} .wbt-modal__frame{width: 100%;flex: 1 1 auto;min-height: 280px;border: none;display: block;} .wbt-caption{padding: 1.25rem 1.25rem 1.5rem;background: linear-gradient(180deg, rgba(30, 41, 59, 0.98), rgba(15, 23, 42, 0.99));border-top: 1px solid rgba(148, 163, 184, 0.2);} .wbt-caption p{margin: 0 0 0.5rem;font-size: 1rem;font-weight: 600;color: #f8fafc;} .wbt-caption__hint{font-size: 0.88rem !important;font-weight: 400 !important;color: #94a3b8 !important;line-height: 1.55;margin-bottom: 1rem !important;} .wbt-agent-status{display: none;margin: 0 0 1rem !important;padding: 0.75rem 1rem;border-radius: 0.5rem;font-size: 0.9rem !important;font-weight: 400 !important;line-height: 1.55;border: 1px solid rgba(34, 197, 94, 0.45);background: rgba(22, 101, 52, 0.28);color: #bbf7d0 !important;} .wbt-agent-status.is-visible{display: block !important;} .wbt-agent-status.is-error{border-color: rgba(248, 113, 113, 0.55);background: rgba(127, 29, 29, 0.38);color: #fecaca !important;} .wbt-agent-status a{color: #86efac;font-weight: 600;text-decoration: underline;} body.light-theme .wbt-agent-status{border-color: rgba(22, 163, 74, 0.55);background: rgba(220, 252, 231, 0.95);color: #14532d !important;} body.light-theme .wbt-agent-status a{color: #15803d;} body.light-theme .wbt-agent-status.is-error{border-color: rgba(220, 38, 38, 0.45);background: rgba(254, 226, 226, 0.95);color: #7f1d1d !important;} .wbt-caption__actions{display: flex;flex-wrap: wrap;gap: 0.75rem;} body.wbt-modal-open{overflow: hidden;} .wbt-modal--form .wbt-modal__panel{max-width: 520px;max-height: min(92vh, 720px);overflow: auto;} .wbt-form{padding: 1.25rem 1.5rem 1.5rem;display: grid;gap: 1rem;background: rgba(15, 23, 42, 0.96);} .wbt-form label span{display: block;font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: #94a3b8;margin-bottom: 0.35rem;} .wbt-form input[type="text"], .wbt-form input[type="email"], .wbt-form input[type="file"], .wbt-form textarea{width: 100%;padding: 0.65rem 0.85rem;border-radius: 10px;border: 1px solid rgba(148, 163, 184, 0.3);background: rgba(30, 41, 59, 0.65);color: #f1f5f9;font-size: 0.95rem;font-family: inherit;} body.light-theme .wbt-form input[type="text"], body.light-theme .wbt-form input[type="email"], body.light-theme .wbt-form textarea{background: #fff;color: #0f172a;border-color: #e2e8f0;} .wbt-form textarea{min-height: 88px;resize: vertical;} .wbt-opt{font-weight: 400;opacity: 0.75;text-transform: none;letter-spacing: 0;font-size: 0.7rem;} .wbt-palette-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));gap: 0.5rem;} .wbt-palette{cursor: pointer;display: block;border-radius: 10px;border: 2px solid transparent;overflow: hidden;transition: border-color 0.15s;position: relative;} .wbt-palette input{position: absolute;opacity: 0;pointer-events: none;} .wbt-palette-inner{display: block;padding: 0.5rem;background: rgba(30, 41, 59, 0.8);border-radius: 8px;border: 1px solid rgba(148, 163, 184, 0.25);} .wbt-palette-name{display: block;font-size: 0.68rem;font-weight: 600;color: #e2e8f0;margin-bottom: 0.35rem;} .wbt-palette-sw{display: flex;gap: 3px;height: 18px;border-radius: 4px;overflow: hidden;} .wbt-palette-sw span{flex: 1;min-width: 0;} .wbt-palette-preview{display:flex;align-items:center;gap:0.55rem;margin:0.35rem 0 0.15rem;} .wbt-palette-preview__btn{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 0.55rem;border-radius:999px;font-size:0.68rem;font-weight:800;letter-spacing:0.02em;background:transparent;} .wbt-palette-preview__bar{flex: 1 1 auto;height:10px;border-radius:999px;border:1px solid rgba(148,163,184,0.15);} .wbt-palette-preview__card{width:42px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:0.62rem;font-weight:900;padding:0 0.25rem;white-space:nowrap;} .wbt-palette input:focus + .wbt-palette-inner, .wbt-palette:hover .wbt-palette-inner{outline: 2px solid rgba(234, 88, 12, 0.5);outline-offset: 2px;} .wbt-palette input:checked + .wbt-palette-inner{border-color: rgba(234, 88, 12, 0.95);box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.6);} .wbt-form__footer{display: flex;gap: 0.75rem;justify-content: flex-end;padding-top: 0.25rem;} .wbt-clone-privacy{padding: 0 1.5rem 0.75rem 1.5rem;} .wbt-clone-privacy strong{display:block;margin-bottom: 0.35rem;} .wbt-clone-privacy p{margin: 0;color: #94a3b8;line-height: 1.55;font-size: 0.92rem;} .wbt-clone-radio-grid{display:grid;grid-template-columns: 1fr 1fr;gap: 0.75rem;margin-bottom: 0.25rem;} .wbt-clone-radio{display:flex;align-items:center;gap: 0.55rem;padding: 0.75rem 0.85rem;border-radius: 12px;border: 1px solid rgba(148, 163, 184, 0.25);background: rgba(30, 41, 59, 0.45);} .wbt-clone-radio input{width: 18px;height: 18px;accent-color: #38bdf8;} .wbt-clone-radio span{font-weight: 700;color: #f1f5f9;font-size: 0.95rem;} .rcv-page{padding-bottom: 5rem;} .rcv-hero{text-align: center;max-width: 48rem;margin: 0 auto 2.25rem;padding: 0 1.25rem;} .rcv-hero h2{margin: 0.75rem 0 0.5rem;font-size: clamp(1.6rem, 3vw, 2.2rem);} .rcv-hero p{margin: 0;color: var(--surface-400);line-height: 1.65;} body.light-theme .rcv-hero p{color: #64748b;} .rcv-actions{display: flex;flex-wrap: wrap;gap: 0.75rem;justify-content: center;margin-top: 1.25rem;} .rcv-actions .btn{min-width: 180px;justify-content: center;} .rcv-section{max-width: 1100px;margin: 0 auto;padding: 0 1.25rem;} .rcv-surface{border: 1px solid rgba(148, 163, 184, 0.18);background: linear-gradient(180deg, rgba(30, 41, 59, 0.85), rgba(15, 23, 42, 0.9));border-radius: 1rem;padding: 1.25rem;} body.light-theme .rcv-surface{background: var(--b);border-color: rgba(15, 23, 42, 0.12);} .rcv-surface__head{display:flex;align-items: baseline;justify-content: space-between;gap: 1rem;flex-wrap: wrap;} .rcv-surface__head h3{margin: 0;font-size: 1.1rem;} .rcv-surface__head p{margin: 0;font-size: 0.92rem;color: var(--surface-400);} body.light-theme .rcv-surface__head p{color: #64748b;} .rcv-grid{display: grid;gap: 1rem;margin-top: 1rem;grid-template-columns: repeat(3, minmax(0, 1fr));} @media (max-width: 980px){.rcv-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 620px){.rcv-grid{grid-template-columns: 1fr;}} .rcv-card{position: relative;border-radius: 0.9rem;border: 2px solid rgba(148, 163, 184, 0.42);box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 8px 24px -8px rgba(0, 0, 0, 0.2);background: rgba(2, 6, 23, 0.35);overflow: hidden;display: flex;flex-direction: column;min-height: 360px;} body.light-theme .rcv-card{background: rgba(255,255,255,0.95);border-color: rgba(15, 23, 42, 0.2);box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.05), 0 8px 24px -8px rgba(15, 23, 42, 0.12);} .rcv-card__top{padding: 1rem 1rem 0.75rem;} .rcv-card__name{margin: 0;font-size: 1.05rem;font-weight: 650;letter-spacing: -0.01em;color: #e2e8f0;} body.light-theme .rcv-card__name{color: #0f172a;} .rcv-card__meta{margin: 0.3rem 0 0;font-size: 0.9rem;color: var(--surface-400);line-height: 1.45;} body.light-theme .rcv-card__meta{color: #64748b;} .rcv-card__badge{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 0.65rem;padding: 0.25rem 0.55rem;font-size: 0.78rem;border-radius: 999px;border: 1px solid rgba(56, 189, 248, 0.25);background: rgba(56, 189, 248, 0.10);color: #e2f3ff;} body.light-theme .rcv-card__badge{color: #0f172a;} .rcv-card__frame{flex: 1 1 auto;min-height: 240px;border-top: 1px solid rgba(148, 163, 184, 0.14);background: #0b1220;} body.light-theme .rcv-card__frame{background: #f8fafc;} .rcv-card__frame iframe{width: 100%;height: 100%;border: 0;display: block;transform-origin: top left;transform: scale(0.78);width: calc(100% / 0.78);height: calc(100% / 0.78);} .rcv-card__actions{padding: 0.9rem 1rem 1rem;display:flex;gap: 0.75rem;flex-wrap: wrap;} .rcv-card__actions .btn{flex: 1 1 auto;justify-content: center;} .rcv-card__actions .btn.btn-secondary{background: rgba(148, 163, 184, 0.12);border: 1px solid rgba(148, 163, 184, 0.22);} body.light-theme .rcv-card__actions .btn.btn-secondary{background: rgba(2, 6, 23, 0.06);border-color: rgba(2, 6, 23, 0.12);color: #0f172a;} .rcv-modal{position: fixed;inset: 0;z-index: 9999;display: grid;place-items: center;} .rcv-modal[hidden]{display: none !important;} .rcv-modal__backdrop{position: absolute;inset: 0;background: rgba(0,0,0,0.68);} .rcv-modal__panel{position: relative;width: min(980px, calc(100vw - 2rem));max-height: min(92vh, 820px);overflow: auto;border-radius: 1rem;border: 1px solid rgba(148, 163, 184, 0.18);background: rgba(2, 6, 23, 0.96);} body.light-theme .rcv-modal__panel{background: var(--b);border-color: rgba(15, 23, 42, 0.12);} .rcv-modal__panel--chat{overflow-x: hidden;overflow-y: auto;padding: 0;-webkit-overflow-scrolling: touch;} .rcv-modal__panel--chat .rcv-modal__body{padding: 1rem 1.25rem 1.25rem;} .rcv-chat__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;padding: 1rem 1.1rem 1rem 1.25rem;background: linear-gradient(125deg, #1e1b4b 0%, #3730a3 45%, #5b21b6 100%);border-bottom: 1px solid rgba(255, 255, 255, 0.12);} body.light-theme .rcv-chat__head{background: linear-gradient(125deg, #eef2ff 0%, #e0e7ff 55%, #ddd6fe 100%);border-bottom: 1px solid #c7d2fe;} .rcv-chat__head-text{flex: 1;min-width: 0;} .rcv-chat__head #rcv-chat-title{margin: 0;font-size: 1.08rem;font-weight: 700;letter-spacing: -0.02em;color: #f8fafc;} body.light-theme .rcv-chat__head #rcv-chat-title{color: #312e81;} .rcv-chat__head-caption{margin: 0.4rem 0 0;font-size: 0.8rem;line-height: 1.4;color: rgba(224, 231, 255, 0.92);font-weight: 500;} body.light-theme .rcv-chat__head-caption{color: #4f46e5;} .rcv-chat__head-close{color: rgba(255, 255, 255, 0.92) !important;flex-shrink: 0;opacity: 0.95;} .rcv-chat__head-close:hover{opacity: 1;color: #fff !important;} body.light-theme .rcv-chat__head-close{color: #4338ca !important;} .rcv-modal__head{display:flex;align-items:center;justify-content: space-between;padding: 1rem 1.25rem;border-bottom: 1px solid rgba(148, 163, 184, 0.14);} .rcv-modal__head h2{margin: 0;font-size: 1.05rem;} .rcv-modal__close{border: 0;background: transparent;color: inherit;font-size: 1.6rem;line-height: 1;cursor: pointer;padding: 0 0.25rem;} .rcv-modal__body{padding: 1rem 1.25rem 1.25rem;} .rcv-form{display: grid;gap: 1rem;} .rcv-form label span{display: block;font-size: 0.86rem;color: var(--surface-400);margin-bottom: 0.4rem;} body.light-theme .rcv-form label span{color: #64748b;} .rcv-form input[type="file"], .rcv-form input[type="text"], .rcv-form textarea, .rcv-form select{width: 100%;padding: 0.75rem 0.85rem;border-radius: 0.75rem;border: 1px solid rgba(148, 163, 184, 0.22);background: rgba(15, 23, 42, 0.4);color: inherit;outline: none;} body.light-theme .rcv-form input[type="file"], body.light-theme .rcv-form input[type="text"], body.light-theme .rcv-form textarea, body.light-theme .rcv-form select{background: var(--b);border-color: rgba(15, 23, 42, 0.12);} .rcv-form__row{display: grid;gap: 1rem;grid-template-columns: repeat(2, minmax(0, 1fr));} @media (max-width: 720px){.rcv-form__row{grid-template-columns: 1fr;}} .rcv-form__footer{display:flex;gap: 0.75rem;flex-wrap: wrap;justify-content: flex-end;} .rcv-preview-topbar{position: sticky;top: 0;z-index: 50;backdrop-filter: blur(12px);background: rgba(2, 6, 23, 0.88);border-bottom: 1px solid rgba(148, 163, 184, 0.18);} .rcv-preview-topbar__inner{max-width: 1100px;margin: 0 auto;padding: 0.9rem 1rem;display:flex;align-items:center;justify-content: space-between;gap: 1rem;} .rcv-preview-topbar__title{font-size: 0.95rem;} .rcv-preview-topbar__sub{opacity: 0.75;font-weight: 500;margin-left: 0.4rem;} .rcv-btn{border: 1px solid rgba(148, 163, 184, 0.2);background: rgba(148, 163, 184, 0.10);color: #e2e8f0;padding: 0.5rem 0.75rem;border-radius: 0.7rem;cursor: pointer;} .rcv-btn--ghost:hover{background: rgba(148, 163, 184, 0.16);} .rcv-chat__template{margin: 0 0 0.75rem;font-size: 0.88rem;color: var(--surface-400);} body.light-theme .rcv-chat__template{color: #64748b;} .rcv-chat__progress-wrap{margin: 0 0 0.85rem;} .rcv-chat__progress-track{height: 0.45rem;border-radius: 999px;background: rgba(148, 163, 184, 0.2);overflow: hidden;} body.light-theme .rcv-chat__progress-track{background: rgba(15, 23, 42, 0.1);} .rcv-chat__progress-fill{height: 100%;border-radius: 999px;background: linear-gradient(90deg, #38bdf8, #a78bfa);transition: width 0.35s ease;min-width: 4%;} .rcv-chat__progress-meta{margin: 0.45rem 0 0;font-size: 0.82rem;line-height: 1.4;color: var(--surface-400);} body.light-theme .rcv-chat__progress-meta{color: #64748b;} .rcv-chat__log{max-height: min(42vh, 420px);overflow-y: auto;display: flex;flex-direction: column;gap: 0.65rem;margin-bottom: 0.85rem;padding: 0.5rem;border-radius: 0.75rem;border: 1px solid rgba(148, 163, 184, 0.14);background: rgba(2, 6, 23, 0.45);} body.light-theme .rcv-chat__log{background: #f8fafc;border-color: rgba(15, 23, 42, 0.1);} .rcv-chat__bubble{padding: 0.65rem 0.85rem;border-radius: 0.75rem;max-width: 94%;line-height: 1.55;font-size: 0.92rem;white-space: pre-wrap;word-break: break-word;} .rcv-chat__bubble--user{align-self: flex-end;background: rgba(56, 189, 248, 0.22);border: 1px solid rgba(56, 189, 248, 0.35);color: #ecfeff;} .rcv-chat__bubble--ai{align-self: flex-start;background: rgba(99, 102, 241, 0.16);border: 1px solid rgba(129, 140, 248, 0.42);border-left: 4px solid #818cf8;color: #e0e7ff;} body.light-theme .rcv-chat__bubble--user{color: #0c4a6e;background: rgba(56, 189, 248, 0.18);border-color: rgba(14, 165, 233, 0.35);} body.light-theme .rcv-chat__bubble--ai{color: #312e81;background: #eef2ff;border: 1px solid #c7d2fe;border-left: 4px solid #6366f1;} .rcv-chat__form{display: flex;flex-direction: column;gap: 0.65rem;} .rcv-chat__input{width: 100%;min-height: 4.5rem;padding: 0.65rem 0.85rem;border-radius: 0.65rem;border: 1px solid rgba(148, 163, 184, 0.22);background: rgba(2, 6, 23, 0.5);color: inherit;font: inherit;resize: vertical;} body.light-theme .rcv-chat__input{background: #fff;border-color: rgba(15, 23, 42, 0.12);} .rcv-chat__toolbar{display: flex;flex-wrap: wrap;gap: 0.65rem;align-items: center;justify-content: flex-end;} .rcv-chat__status{font-size: 0.82rem;color: var(--surface-400);margin: 0;} body.light-theme .rcv-chat__status{color: #64748b;} .rcv-chat__error{color: #fca5a5;font-size: 0.86rem;margin: 0;}