@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color: #07080b;--bg-alternate: rgba(255, 255, 255, .02);--bg-grid-color: rgba(255, 255, 255, .015);--card-bg: rgba(13, 17, 23, .45);--card-border: rgba(255, 255, 255, .07);--card-border-hover: rgba(102, 252, 241, .3);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--primary-cyan: #66fcf1;--primary-indigo: #8b5cf6;--accent-gold: #f59e0b;--accent-red: #ef4444;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--glow-cyan: 0 0 25px rgba(102, 252, 241, .25);--glow-indigo: 0 0 25px rgba(139, 92, 246, .25);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .4s cubic-bezier(.175, .885, .32, 1.275)}.light-theme{--bg-color: #f8fafc;--bg-alternate: rgba(15, 23, 42, .03);--bg-grid-color: rgba(15, 23, 42, .03);--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(15, 23, 42, .08);--card-border-hover: rgba(99, 102, 241, .4);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--primary-cyan: #0d9488;--primary-indigo: #6366f1;--glow-cyan: 0 0 25px rgba(13, 148, 136, .1);--glow-indigo: 0 0 25px rgba(99, 102, 241, .1);--glass-shadow: 0 8px 32px 0 rgba(15, 23, 42, .06)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--bg-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid-color) 1px,transparent 1px);background-size:40px 40px;background-position:center;z-index:-2;pointer-events:none}.radial-bg{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(102,252,241,.08) 0%,rgba(139,92,246,.05) 50%,transparent 100%);filter:blur(80px);z-index:-1;pointer-events:none;transition:opacity .3s ease}.light-theme .radial-bg{background:radial-gradient(circle,rgba(99,102,241,.06) 0%,rgba(13,148,136,.04) 50%,transparent 100%);opacity:.5}.blob-1{top:-200px;right:-100px}.blob-2{top:800px;left:-200px}.blob-3{bottom:-100px;right:-200px}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}section{padding:96px 0}.section-alternate{position:relative;z-index:1}.section-alternate:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background-color:var(--bg-alternate);z-index:-1}.text-gradient{background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--primary-indigo) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glass-panel{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;border-bottom:1px solid var(--card-border);transition:backdrop-filter .3s ease,box-shadow .3s ease,background .3s ease}.navbar.scrolled{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 4px 30px #0000004d}.light-theme .navbar.scrolled{box-shadow:0 4px 30px #0f172a14}.nav-container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-family:var(--font-heading);font-weight:800;letter-spacing:-.03em}.logo svg{width:32px;height:32px;fill:none;stroke:url(#logo-grad);stroke-width:2.5}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:15px;font-weight:500;color:var(--text-secondary);transition:var(--transition-smooth);position:relative;text-transform:uppercase}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-indigo));transition:width .3s ease;border-radius:1px}.nav-links a:hover{color:var(--primary-cyan)}.nav-links a:hover:after{width:100%}.nav-controls{display:flex;align-items:center;gap:16px}.demo-dropdown{position:relative}.demo-dropdown .demo-btn{display:flex;align-items:center;padding:8px 16px;font-size:14px}.demo-menu{position:absolute;top:100%;right:0;margin-top:12px;background:var(--bg-panel);border:1px solid var(--card-border);box-shadow:0 12px 40px #00000080;border-radius:12px;min-width:180px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;overflow:hidden}.light-theme .demo-menu{box-shadow:0 12px 40px #0f172a1a}.demo-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.demo-menu a{display:block;padding:12px 20px;color:var(--text-primary);font-weight:500;font-size:14px;transition:var(--transition-smooth)}.demo-menu a:hover{background:#66fcf11a;color:var(--primary-cyan)}.light-theme .demo-menu a:hover{background:#6366f114;color:var(--primary-indigo)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px;z-index:110}.hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition-smooth)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.lang-selector{display:flex;background:#ffffff0d;border:1px solid var(--card-border);border-radius:20px;padding:2px}.light-theme .lang-selector{background:#0f172a0d}.lang-btn{background:none;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:12px;font-weight:600;padding:4px 10px;border-radius:18px;cursor:pointer;transition:var(--transition-smooth)}.lang-btn.active{background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--primary-indigo) 100%);color:#0c0f16}.theme-toggle-btn{background:#ffffff0d;border:1px solid var(--card-border);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:var(--transition-spring)}.light-theme .theme-toggle-btn{background:#0f172a0d}.theme-toggle-btn:hover{transform:scale(1.08);border-color:var(--primary-cyan)}.theme-toggle-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.theme-toggle-btn .sun-icon{display:block}.theme-toggle-btn .moon-icon,.light-theme .theme-toggle-btn .sun-icon{display:none}.light-theme .theme-toggle-btn .moon-icon{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition-spring);border:none;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--primary-indigo) 100%);color:#0c0f16;box-shadow:0 4px 20px #66fcf140}.light-theme .btn-primary{color:#fff;box-shadow:0 4px 20px #6366f140}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #66fcf166}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--card-border)}.light-theme .btn-secondary{background:#0f172a08}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.light-theme .btn-secondary:hover{background:#0f172a0f}.btn-icon{width:18px;height:18px;stroke:currentColor;stroke-width:2.5;fill:none}.hero{position:relative;padding-top:160px;padding-bottom:48px;text-align:center;overflow:hidden;background:linear-gradient(#0a0f1eb3,#0a0f1ef2),url(/hero-bg.jpg);background-size:cover;background-position:center}.light-theme .hero{background:linear-gradient(#f8fafcb3,#f8fafcf2),url(/hero-bg.jpg);background-size:cover;background-position:center}.hero-tagline{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#66fcf11a;border:1px solid rgba(102,252,241,.2);border-radius:20px;color:var(--primary-cyan);font-size:13px;font-weight:600;margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em;animation:fadeInDown .8s ease}.light-theme .hero-tagline{background:#0d948814;border-color:#0d948826}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:58px;line-height:1.12;margin-bottom:24px;animation:fadeInUp .8s ease .15s both}.hero p{font-size:19px;color:var(--text-secondary);max-width:760px;margin:0 auto 40px;animation:fadeInUp .8s ease .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-ctas{display:flex;gap:16px;justify-content:center;margin-bottom:0;animation:fadeInUp .8s ease .45s both}.trust-strip{padding:48px 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.trust-inner{display:flex;align-items:center;justify-content:center;gap:64px;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffffff08;border:1px solid var(--card-border);border-radius:12px;transition:var(--transition-smooth)}.light-theme .trust-badge{background:#0f172a05}.trust-badge:hover{border-color:var(--primary-cyan);transform:translateY(-2px)}.trust-badge-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#66fcf126,#8b5cf61a);color:var(--primary-cyan);flex-shrink:0}.trust-badge-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}.trust-badge-content{text-align:left}.trust-badge-value{font-family:var(--font-heading);font-size:26px;font-weight:800;line-height:1;color:var(--text-primary)}.trust-badge-label{font-size:12px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:40px;margin-bottom:16px}.section-header p{color:var(--text-secondary);font-size:18px;max-width:600px;margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border-radius:12px;padding:24px;transition:var(--transition-spring);display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--card-border-hover);transform:scaleX(0);transform-origin:left;transition:var(--transition-smooth)}.product-card:hover{border-color:var(--card-border-hover);box-shadow:0 12px 40px #0009}.light-theme .product-card:hover{box-shadow:0 12px 40px #0f172a14}.product-card:hover:before{transform:scaleX(1)}.product-wglass:hover:before{background:linear-gradient(90deg,#38bdf8,#0284c7)}.product-frame:hover:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.product-wind:hover:before{background:linear-gradient(90deg,#34d399,#059669)}.product-window:hover:before{background:linear-gradient(90deg,#f87171,#dc2626)}.product-icon-wrap{width:56px;height:56px;border-radius:10px;background:#ffffff08;border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--primary-cyan);transition:var(--transition-smooth)}.light-theme .product-icon-wrap{background:#0f172a05}.product-card:hover .product-icon-wrap{background:#66fcf11a;color:var(--primary-cyan);transform:scale(1.05)}.light-theme .product-card:hover .product-icon-wrap{background:#0d94881a}.product-icon{width:28px;height:28px;stroke:currentColor;stroke-width:2;fill:none}.product-box-img{width:100%;max-width:140px;height:auto;margin:0 auto 16px;display:block;filter:drop-shadow(0 10px 15px rgba(0,0,0,.3));transition:var(--transition-spring)}.light-theme .product-box-img{filter:drop-shadow(0 10px 15px rgba(15,23,42,.1))}.product-card:hover .product-box-img{transform:translateY(-8px) scale(1.05)}.product-card h3{font-size:24px;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.product-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:12px;background:#ffffff0d;color:var(--text-secondary)}.light-theme .product-badge{background:#0f172a0d}.product-wglass h3{color:#38bdf8}.product-frame h3{color:#3b82f6}.product-wind h3{color:#10b981}.product-window h3{color:#ef4444}.product-card p{color:var(--text-secondary);font-size:14px;margin-bottom:24px;flex-grow:1}.product-features-list{list-style:none;margin-bottom:32px}.product-features-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary);margin-bottom:8px}.product-features-list li:before{content:"✓";color:var(--primary-cyan);font-size:16px;font-weight:800;line-height:1.2}.product-features-list svg{display:none}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.why-card{text-align:center;padding:40px 24px;border-radius:16px;border:1px solid var(--card-border);background:#ffffff03;transition:var(--transition-spring);position:relative;overflow:hidden}.why-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-indigo));transform:scaleX(0);transition:transform .4s ease}.why-card:hover{transform:translateY(-6px);border-color:#66fcf133}.why-card:hover:after{transform:scaleX(1)}.light-theme .why-card{background:#0f172a03}.light-theme .why-card:hover{border-color:#6366f14d}.why-icon{width:60px;height:60px;border-radius:14px;background:linear-gradient(135deg,#66fcf11a,#8b5cf614);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary-cyan);transition:var(--transition-smooth)}.why-card:hover .why-icon{transform:scale(1.1) rotate(5deg)}.why-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:2;fill:none}.why-card h4{font-size:18px;margin-bottom:10px}.why-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.calculator-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;border-radius:16px;padding:48px}.calc-sliders{display:flex;flex-direction:column;gap:32px}.calc-title h3{font-size:28px;margin-bottom:12px}.calc-title p{color:var(--text-secondary);font-size:16px;margin-bottom:16px}.slider-group{display:flex;flex-direction:column;gap:12px}.slider-header{display:flex;justify-content:space-between;font-weight:500;font-size:15px}.slider-value{color:var(--primary-cyan);font-weight:700;font-family:var(--font-heading)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none}.light-theme input[type=range]{background:#0f172a1a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-cyan);cursor:pointer;box-shadow:0 0 10px #66fcf180;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.calc-results{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff05;border-radius:12px;border:1px solid var(--card-border);padding:40px;text-align:center}.light-theme .calc-results{background:#0f172a03}.result-card{margin-bottom:24px}.result-label{font-size:14px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:8px}.result-price{font-size:48px;font-family:var(--font-heading);font-weight:800;color:var(--primary-cyan);line-height:1}.price span{font-size:15px;color:var(--text-secondary);font-weight:400}.result-savings{font-size:18px;color:#34d399;font-weight:600}.light-theme .result-savings{color:#059669}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-box{padding:32px;border-radius:12px;border:1px solid var(--card-border);transition:var(--transition-smooth)}.feature-box:hover{border-color:#ffffff26;background:#ffffff03}.light-theme .feature-box:hover{border-color:#0f172a26;background:#0f172a03}.feature-box h4{font-size:18px;margin-bottom:12px}.feature-box p{color:var(--text-secondary);font-size:14px}.feature-icon-wrap{width:44px;height:44px;border-radius:8px;background:#ffffff08;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--primary-indigo)}.light-theme .feature-icon-wrap{background:#0f172a05}.feature-box:hover .feature-icon-wrap{color:var(--primary-cyan)}.feature-icon{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}.hero-visual{max-width:950px;margin:0 auto;border-radius:12px;overflow:hidden}.console-header{height:40px;background:#0d1117cc;border-bottom:1px solid var(--card-border);display:flex;align-items:center;padding:0 16px;justify-content:space-between}.light-theme .console-header{background:#f1f5f9}.console-dots{display:flex;gap:8px}.console-dot{width:12px;height:12px;border-radius:50%}.console-dot:nth-child(1){background:#ff5f56}.console-dot:nth-child(2){background:#ffbd2e}.console-dot:nth-child(3){background:#27c93f}.console-title{font-size:12px;font-family:var(--font-heading);color:var(--text-secondary);font-weight:500}.console-body{height:380px;padding:24px;font-family:Courier New,Courier,monospace;font-size:14px;text-align:left;overflow-y:auto;color:#a5b4fc}.light-theme .console-body{background:#fafafa;color:#4338ca}.console-line{margin-bottom:8px;opacity:.9}.console-prompt{color:var(--primary-cyan);font-weight:700;margin-right:8px}.console-success{color:#34d399}.light-theme .console-success{color:#059669}.console-warning{color:#fbbf24}.pricing-toggle-wrap{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:32px}.toggle-label{font-size:16px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth)}.toggle-label.active{color:var(--primary-cyan);font-weight:700;text-shadow:var(--glow-cyan)}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider-switch{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff26;transition:.4s;border-radius:34px}.light-theme .slider-switch{background-color:#0f172a26}.slider-switch:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-primary);transition:.4s;border-radius:50%}input:checked+.slider-switch{background-color:var(--primary-cyan)}input:checked+.slider-switch:before{transform:translate(24px)}.pricing-tabs-wrap{display:flex;justify-content:center;gap:8px;margin-bottom:40px;flex-wrap:wrap}.pricing-tab-btn{padding:10px 24px!important;font-size:14px!important;border-radius:24px!important;transition:var(--transition-smooth)}.pricing-tab-btn.active{background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--primary-indigo) 100%)!important;color:#0c0f16!important;border-color:transparent!important;box-shadow:0 4px 15px #66fcf140!important}.light-theme .pricing-tab-btn.active{color:#fff!important;box-shadow:0 4px 15px #6366f140!important}.pricing-tab-btn:not(.active){background:#ffffff0d!important;color:var(--text-secondary)!important;border:1px solid var(--card-border)!important}.pricing-tab-btn:not(.active):hover{background:#ffffff1a!important;color:var(--text-primary)!important}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:stretch}.pricing-card{border-radius:16px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:var(--transition-spring)}.pricing-card.popular{border-color:var(--primary-cyan);box-shadow:0 8px 30px #66fcf11a}.light-theme .pricing-card.popular{border-color:var(--primary-indigo);box-shadow:0 8px 30px #6366f126}.popular-badge{position:absolute;top:16px;right:16px;background:var(--primary-cyan);color:#0c0f16;font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:12px}.light-theme .popular-badge{background:var(--primary-indigo);color:#fff}.pricing-header h3{font-size:20px;margin-bottom:8px}.pricing-header .price{font-size:48px;font-weight:800;font-family:var(--font-heading);margin:16px 0}.pricing-header p{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.pricing-features svg{width:16px;height:16px;stroke:var(--primary-cyan);stroke-width:3;fill:none}.cta-banner{border-radius:16px;padding:64px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#312e81);color:#fff}.cta-banner h2{font-size:36px;margin-bottom:16px;color:#fff}.cta-banner p{color:#fffc;font-size:18px;max-width:600px;margin:0 auto 32px}.footer{border-top:1px solid rgba(255,255,255,.05);padding:64px 0 32px}.light-theme .footer{border-top-color:#0f172a14}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;margin-bottom:48px}.footer-brand p{color:var(--text-secondary);font-size:14px;margin-top:12px;max-width:280px}.footer-column h5{font-size:16px;margin-bottom:20px}.footer-column ul{list-style:none}.footer-column li{margin-bottom:12px}.footer-column a{font-size:14px;color:var(--text-secondary);transition:var(--transition-smooth)}.footer-column a:hover{color:var(--primary-cyan)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-size:13px}.light-theme .footer-bottom{border-top-color:#0f172a14}.product-actions{display:flex;gap:12px;margin-top:auto;padding-top:20px}.product-actions .btn{flex:1;font-size:13px;padding:10px 14px}.back-nav{margin-bottom:24px;text-align:left}.back-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text-secondary);transition:var(--transition-smooth)}.back-link:hover{color:var(--primary-cyan)}.back-link svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.5;fill:none}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;margin-top:48px;text-align:left}.spec-card{border-radius:12px;padding:32px;height:100%}.spec-card h3{font-size:20px;margin-bottom:20px;color:var(--primary-cyan)}.spec-list{list-style:none}.spec-list li{margin-bottom:12px;color:var(--text-secondary);font-size:15px;padding-left:24px;position:relative}.spec-list li:before{content:"•";color:var(--primary-indigo);font-size:20px;position:absolute;left:0;top:-2px}.diagram-panel{border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;position:relative;overflow:hidden}.diagram-caption{margin-top:20px;font-size:13px;color:var(--text-muted);text-align:center}@media (max-width: 1200px){.products-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 1024px){.why-grid{grid-template-columns:repeat(2,1fr)}.trust-inner{gap:24px}}@media (max-width: 968px){.products-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;gap:24px}.calculator-wrap,.features-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:32px}.hero h1{font-size:40px}.detail-grid{grid-template-columns:1fr;gap:32px}}@media (max-width: 768px){.nav-links{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-color);flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:105}.nav-links.open{display:flex}.nav-links a{font-size:22px}.hamburger{display:flex}.hero h1{font-size:34px}.hero p{font-size:16px}.section-header h2{font-size:30px}.why-grid{grid-template-columns:1fr}.trust-inner{flex-direction:column;gap:16px}.trust-badge{width:100%;justify-content:center}.hero-ctas{flex-direction:column;align-items:center}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 480px){.hero{padding-top:120px}.hero h1{font-size:28px}.container{padding-left:16px;padding-right:16px}section{padding:64px 0}.cta-banner{padding:40px 24px}.cta-banner h2{font-size:26px}}
