:root{--bg-main:#090d16;--bg-surface:#0f172abf;--bg-card:#0f172a;--border-color:#6366f138;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#6366f1;--primary-glow:#6366f159;--accent:#818cf8;--hero-gradient:radial-gradient(circle at 50% 20%, #6366f133, #0ea5e91a, transparent 70%);--card-hover-border:#818cf8;--btn-text:#fff;--font-family:"Fira Code", monospace}[data-theme=clean-light]{--bg-main:#f8fafc;--bg-surface:#ffffffd9;--bg-card:#fff;--border-color:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--primary:#4f46e5;--primary-glow:#4f46e52e;--accent:#6366f1;--hero-gradient:radial-gradient(circle at 50% 20%, #4f46e514, #0284c70f, transparent 70%);--card-hover-border:#4f46e5;--btn-text:#fff}[data-theme=cyber-future]{--bg-main:#060713;--bg-surface:#120e26d1;--bg-card:#130f2c;--border-color:#d946ef47;--text-main:#faf5ff;--text-muted:#a78bfa;--primary:#d946ef;--primary-glow:#d946ef66;--accent:#06b6d4;--hero-gradient:radial-gradient(circle at 50% 20%, #d946ef33, #06b6d426, transparent 70%);--card-hover-border:#d946ef;--btn-text:#fff}[data-theme=emerald-saas]{--bg-main:#07130f;--bg-surface:#0c211acc;--bg-card:#0d261c;--border-color:#10b98140;--text-main:#ecfdf5;--text-muted:#6ee7b7;--primary:#10b981;--primary-glow:#10b98159;--accent:#34d399;--hero-gradient:radial-gradient(circle at 50% 20%, #10b9812e, transparent 70%);--card-hover-border:#10b981;--btn-text:#fff}[data-theme=sunset-gold]{--bg-main:#120e0b;--bg-surface:#1c140fd1;--bg-card:#1d1612;--border-color:#f59e0b40;--text-main:#fef3c7;--text-muted:#a8a29e;--primary:#f59e0b;--primary-glow:#f59e0b61;--accent:#fbbf24;--hero-gradient:radial-gradient(circle at 50% 20%, #f59e0b33, #ef44441a, transparent 70%);--card-hover-border:#f59e0b;--btn-text:#000}[data-font=tech-mono]{--font-family:"Fira Code", monospace}[data-font=modern]{--font-family:"Plus Jakarta Sans", sans-serif}[data-font=geometric]{--font-family:"Outfit", sans-serif}[data-font=minimal]{--font-family:"Inter", sans-serif}[data-font=luxury]{--font-family:"Cinzel", serif}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,color .3s}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);min-height:100vh;line-height:1.6;overflow-x:hidden}.bg-glow{background:var(--hero-gradient);pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.theme-studio-btn{background:var(--primary);color:var(--btn-text);cursor:pointer;box-shadow:0 10px 25px var(--primary-glow);z-index:1000;backdrop-filter:blur(8px);border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px}.theme-studio-btn:hover{box-shadow:0 14px 30px var(--primary-glow);transform:translateY(-3px)scale(1.02)}.theme-studio-panel{background:var(--bg-surface);border:1px solid var(--border-color);backdrop-filter:blur(16px);z-index:1000;border-radius:16px;flex-direction:column;gap:16px;width:330px;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) fadeIn;display:none;position:fixed;bottom:85px;right:24px;box-shadow:0 20px 40px #00000080}.theme-studio-panel.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.studio-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.studio-header h4{color:var(--primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.studio-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.studio-section label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.theme-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.theme-pill{cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:38px;font-size:14px;transition:transform .2s,border-color .2s;display:flex}.theme-pill:hover{transform:scale(1.1)}.theme-pill.active{border-color:#fff;box-shadow:0 0 10px #fff6}.font-select{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px}header{background:var(--bg-surface);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;position:sticky;top:0}.nav-wrapper{justify-content:space-between;align-items:center;height:75px;display:flex}.brand{color:var(--text-main);letter-spacing:-.5px;align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.brand-logo{width:32px;height:42px;color:var(--text-main);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand-logo svg{width:100%;height:100%;display:block}.brand-text{letter-spacing:-.5px;font-size:24px;font-weight:800}.brand-dot{color:var(--primary)}.brand-badge{background:var(--primary-glow);color:var(--primary);border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-cta{background:var(--primary);box-shadow:0 4px 15px var(--primary-glow);border-radius:8px;padding:9px 20px;color:var(--btn-text)!important}.nav-cta:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.hero{text-align:center;padding:90px 0 60px}.badge-hero{background:var(--bg-card);border:1px solid var(--border-color);color:var(--primary);letter-spacing:.5px;text-transform:uppercase;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-1px;margin-bottom:20px;font-size:46px;font-weight:800;line-height:1.2}.hero h1 span{color:var(--primary);position:relative}.hero p{color:var(--text-muted);max-width:720px;margin:0 auto 36px;font-size:16.5px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:13px 28px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--btn-text);box-shadow:0 8px 22px var(--primary-glow)}.btn-primary:hover{box-shadow:0 12px 28px var(--primary-glow);transform:translateY(-2px)}.btn-outline{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color)}.btn-outline:hover{background:var(--border-color);border-color:var(--primary);color:var(--primary)}.services{padding:80px 0}.section-header{text-align:center;margin-bottom:50px}.section-header h2{margin-bottom:12px;font-size:30px;font-weight:800}.section-header p{color:var(--text-muted);font-size:15px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;padding:32px 24px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.service-card:hover{border-color:var(--card-hover-border);box-shadow:0 15px 30px var(--primary-glow);transform:translateY(-6px)}.service-icon{background:var(--primary-glow);width:56px;height:56px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:22px;display:flex}.service-card h3{color:var(--text-main);margin-bottom:12px;font-size:18px;font-weight:700}.service-card p{color:var(--text-muted);flex-grow:1;margin-bottom:20px;font-size:13.5px;line-height:1.6}.service-tag{text-transform:uppercase;color:var(--primary);letter-spacing:.5px;font-size:11px;font-weight:700;display:inline-block}.pack-section{padding:30px 0 80px}.pack-box{background:linear-gradient(145deg, var(--bg-card), var(--bg-surface));border:2px solid var(--primary);box-shadow:0 20px 50px var(--primary-glow);border-radius:20px;padding:40px;position:relative;overflow:hidden}.pack-badge{background:var(--primary);color:var(--btn-text);text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:6px 14px;font-size:11px;font-weight:800;position:absolute;top:20px;right:24px}.pack-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:36px;display:grid}.pack-items{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;list-style:none;display:grid}.pack-items li{color:var(--text-main);align-items:flex-start;gap:10px;font-size:13px;display:flex}.pack-items i{color:var(--primary);margin-top:4px}.pack-pricing{background:var(--bg-main);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:30px}.pack-price-num{color:var(--primary);margin:14px 0 6px;font-size:34px;font-weight:800;line-height:1}.pack-price-sub{color:var(--text-muted);margin-bottom:20px;font-size:12px}.contact-section{padding:60px 0 100px}.contact-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;grid-template-columns:1fr 1.2fr;display:grid;overflow:hidden;box-shadow:0 20px 40px #0000004d}.contact-info{background:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;justify-content:space-between;padding:44px 36px;display:flex}.contact-info h3{margin-bottom:12px;font-size:24px;font-weight:800}.contact-info p{color:var(--text-muted);margin-bottom:28px;font-size:13.5px}.contact-list{flex-direction:column;gap:18px;list-style:none;display:flex}.contact-list li{color:var(--text-main);align-items:center;gap:14px;font-size:13.5px;display:flex}.contact-list i{background:var(--primary-glow);width:38px;height:38px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;font-size:15px;display:flex}.contact-form{padding:44px 36px}.form-group{margin-bottom:18px}.form-group label{color:var(--text-main);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.form-control{background:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:12px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}textarea.form-control{resize:vertical;min-height:100px}footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);padding:30px 0;font-size:12.5px}footer a{color:var(--primary);font-weight:600;text-decoration:none}@media (width<=900px){.pack-grid,.pack-items,.contact-box{grid-template-columns:1fr}.contact-info{border-right:none;border-bottom:1px solid var(--border-color)}.hero h1{font-size:34px}.nav-links{display:none}}