.hero{padding:140px 0 80px;text-align:center;background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);border-bottom:1px solid var(--border);overflow:hidden;}.hero-inner{max-width:1100px;margin:0 auto;padding:0 24px;}.hero-carousel{margin-top:80px;position:relative;width:100%;padding:0 40px;}.carousel-container{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 25px 50px -12px rgba(59,130,246,0.15),0 0 0 1px rgba(0,0,0,0.05),0 50px 100px -20px rgba(0,0,0,0.15);background:linear-gradient(135deg,rgba(59,130,246,0.03),rgba(139,92,246,0.03));padding:4px;}.carousel-container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,0.08) 0%,transparent 50%);pointer-events:none;z-index:-1;}.carousel-track{position:relative;width:100%;}.carousel-slide{width:100%;height:auto;position:absolute;top:0;left:0;opacity:0;transition:opacity 0.6s ease-in-out;pointer-events:none;}.carousel-slide:first-child{position:relative;}.carousel-slide.active{opacity:1;z-index:1;pointer-events:auto;}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}.carousel-dots .dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--border);cursor:pointer;transition:all 0.3s ease;padding:0;}.carousel-dots .dot:hover{background:var(--text-secondary);}.carousel-dots .dot.active{background:var(--accent);transform:scale(1.2);}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:white;color:var(--text-secondary);font-size:24px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;z-index:10;}.carousel-btn:hover{background:var(--bg-secondary);color:var(--accent);box-shadow:0 6px 20px rgba(0,0,0,0.12);transform:translateY(-50%) scale(1.08);}.carousel-btn.prev{left:-24px;}.carousel-btn.next{right:-24px;}@media (max-width:768px){.hero-carousel{padding:0 20px;}.carousel-btn{width:36px;height:36px;font-size:20px;}.carousel-btn.prev{left:25px;}.carousel-btn.next{right:25px;}}@media (max-width:768px){.hero-bg-item{opacity:0.08;}}.hero-badge{display:inline-block;padding:8px 18px;background:var(--accent-light);color:var(--accent);border-radius:24px;font-size:14px;font-weight:600;margin-bottom:28px;letter-spacing:0.02em;}.hero h1{font-size:52px;font-weight:800;line-height:1.15;margin-bottom:20px;background:linear-gradient(135deg,#0F172A 0%,#334155 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero .tagline{font-size:20px;color:var(--text-secondary);max-width:600px;margin:0 auto 36px;line-height:1.7;}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}.hero-actions .btn-primary{padding:14px 28px;font-size:16px;box-shadow:0 4px 14px rgba(59,130,246,0.4);}.hero-actions .btn-secondary{padding:14px 28px;font-size:16px;}@media (max-width:768px){.hero h1{font-size:36px;}.hero .tagline{font-size:17px;}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}@media (max-width:768px){.features-grid{grid-template-columns:1fr;}}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all 0.2s;}.feature:hover{border-color:var(--accent);box-shadow:var(--shadow-md);}.feature-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}.feature-icon.blue{background:linear-gradient(135deg,#3B82F6,#60A5FA);}.feature-icon.green{background:linear-gradient(135deg,#10B981,#34D399);}.feature-icon.purple{background:linear-gradient(135deg,#8B5CF6,#A78BFA);}.feature-icon.orange{background:linear-gradient(135deg,#F59E0B,#FBBF24);}.feature-icon.cyan{background:linear-gradient(135deg,#06B6D4,#67E8F9);}.feature-icon.pink{background:linear-gradient(135deg,#EC4899,#F472B6);}.feature-icon svg{width:20px;height:20px;stroke:white;stroke-width:2;fill:none;}.feature h3{font-size:15px;font-weight:600;margin-bottom:6px;}.feature p{font-size:14px;color:var(--text-secondary);line-height:1.5;}.feature-with-preview{position:relative;}.feature-preview{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);width:400px;max-width:90vw;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.15);padding:8px;opacity:0;visibility:hidden;transition:all 0.2s ease;z-index:100;pointer-events:none;}.feature-preview img{width:100%;border-radius:8px;display:block;}.feature-with-preview:hover .feature-preview{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-16px);}.deploy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}@media (max-width:768px){.deploy-grid{grid-template-columns:1fr;}}.deploy-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;}.deploy-card ol,.deploy-card ul{flex:1;}.deploy-card .btn{margin-top:auto;}.deploy-card .btn-green{background:linear-gradient(135deg,#10B981,#34D399);color:white;box-shadow:0 2px 8px rgba(16,185,129,0.3);}.deploy-card .btn-green:hover{background:linear-gradient(135deg,#059669,#10B981);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,0.4);}.deploy-card h3{font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:10px;}.deploy-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;}.deploy-icon.win{background:linear-gradient(135deg,#0078D4,#00BCF2);}.deploy-icon.docker{background:linear-gradient(135deg,#2496ED,#0DB7ED);}.deploy-icon.nas{background:linear-gradient(135deg,#6366F1,#818CF8);}.deploy-icon.compose{background:linear-gradient(135deg,#1D63ED,#60A5FA);}.deploy-icon svg{width:14px;height:14px;stroke:white;stroke-width:2;fill:none;}.deploy-card p{font-size:14px;color:var(--text-secondary);margin-bottom:12px;}.deploy-card ol,.deploy-card ul{padding-left:18px;font-size:14px;color:var(--text-secondary);}.deploy-card li{margin-bottom:6px;}.deploy-card code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:13px;font-family:"SF Mono",Monaco,Consolas,monospace;}.code-block{background:#1e1e1e;color:#d4d4d4;border-radius:8px;padding:14px;font-family:"SF Mono",Monaco,Consolas,monospace;font-size:12px;overflow-x:auto;margin:12px 0;line-height:1.5;}.code-block .comment{color:#6a9955;}.trust-section{padding:56px 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border);}.trust-cards{display:flex;justify-content:center;align-items:stretch;gap:24px;flex-wrap:wrap;}.trust-card{text-align:center;padding:28px 32px;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,0.04);min-width:220px;flex:1;max-width:280px;}.trust-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;}.trust-icon.migrate{background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(139,92,246,0.1));}.trust-icon.deploy{background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(59,130,246,0.1));}.trust-icon.free{background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(239,68,68,0.1));}.trust-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:8px;}.trust-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;}.word-cloud-section{padding:80px 0;background:var(--bg-primary);}.word-cloud-title{text-align:center;color:var(--text-muted);font-size:14px;margin-bottom:48px;letter-spacing:0.05em;text-transform:uppercase;}.word-cloud{position:relative;height:280px;max-width:900px;margin:0 auto;}.word-cloud span{position:absolute;}.wc-center{left:50%;top:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:700;color:var(--accent);}.wc-lg{font-size:28px;font-weight:600;color:var(--text-secondary);}.wc-md{font-size:24px;font-weight:600;color:var(--text-secondary);}.wc-sm{font-size:20px;font-weight:500;color:var(--text-muted);}.wc-xs{font-size:16px;font-weight:400;color:rgba(59,130,246,0.25);}.comparison-table-wrapper{overflow-x:auto;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm);}.comparison-table{width:100%;border-collapse:collapse;min-width:600px;}.comparison-table thead tr{background:var(--bg-secondary);border-bottom:1px solid var(--border);}.comparison-table th,.comparison-table td{padding:16px;text-align:left;}.comparison-table th.highlight{color:var(--accent);}.comparison-table tbody tr{border-bottom:1px solid var(--border);}.comparison-table tbody tr:last-child{border-bottom:none;}.check-icon{display:inline-flex;align-items:center;gap:6px;}.cross-icon{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);}.price-free{color:var(--success);}.faq-grid{display:grid;gap:24px;max-width:800px;margin:0 auto;}.faq-item{background:var(--bg-card);padding:24px;border-radius:12px;border:1px solid var(--border);}.faq-question{font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:8px;}.faq-question .q-mark{color:var(--accent);}.faq-answer{color:var(--text-secondary);line-height:1.6;}