.row{width:100%;max-width:1200px}@media (max-width:900px){.row{padding:0 1rem}}nav ul.navigation{display:flex}.navigation>li{float:none;width:auto;border:none}.navigation>li>a{text-align:left}.navigation .submenu{display:block}.navigation .submenu li{width:auto;background:none}.header{position:sticky;top:0;z-index:1000;padding:0.75rem 0;background:var(--color-white);background:color-mix(in srgb,var(--color-white) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo img{max-width:240px;height:auto;display:block}.header nav{font-size:0.95rem}.navigation{display:flex;align-items:center;gap:0.25rem;list-style:none;margin:0;padding:0}.navigation>li{position:relative;float:none}.navigation>li>a{display:block;padding:0.6rem 1rem;border-radius:var(--radius-md);color:var(--color-gray-700);font-weight:600;white-space:nowrap;transition:color var(--transition-base),background var(--transition-base)}.navigation>li>a:hover{color:var(--color-primary);background:var(--color-gray-100)}.navigation .submenu{position:absolute;top:100%;left:0;min-width:260px;list-style:none;margin:0;padding:0.5rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base);z-index:1001}.navigation li:hover>.submenu,.navigation li:focus-within>.submenu{opacity:1;visibility:visible;transform:translateY(0)}.navigation .submenu li{float:none;border:none}.navigation .submenu a{display:flex;flex-direction:column;gap:0.1rem;padding:0.55rem 0.75rem;border-radius:var(--radius-md);color:var(--color-gray-700);font-weight:500}.navigation .submenu a:hover{background:var(--color-gray-100);color:var(--color-primary)}.navigation .submenu a span{font-size:0.78rem;color:var(--color-gray-500);font-weight:400}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer}.nav-toggle span{display:block;height:2px;width:100%;background:var(--color-gray-700);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.nav-toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-active span:nth-child(2){opacity:0}.nav-toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#3f1d1d 130%);color:#fff;padding:4.5rem 0 6.5rem}.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:0.45;pointer-events:none}.hero::before{width:480px;height:480px;background:#ef4444;top:-180px;right:-120px;opacity:0.22}.hero::after{width:380px;height:380px;background:#3b82f6;bottom:-200px;left:-140px;opacity:0.18}.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1.15fr 0.85fr;gap:3rem;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(239,68,68,0.14);border:1px solid rgba(239,68,68,0.4);color:#fca5a5;padding:0.35rem 1rem;border-radius:var(--radius-full);font-size:0.78rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.hero h1{font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.12;color:#fff;margin:1.25rem 0 1rem;letter-spacing:-0.02em}.hero h1 span{background:linear-gradient(90deg,#f87171,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-lead{font-size:1.12rem;line-height:1.7;color:#cbd5e1;max-width:36rem;margin:0}.hero-ctas{display:flex;flex-wrap:wrap;gap:0.9rem;margin:2rem 0 1.5rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:0.9rem 1.9rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:var(--radius-lg);box-shadow:0 10px 24px rgba(239,68,68,0.35);transition:transform var(--transition-base),box-shadow var(--transition-base);text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(239,68,68,0.45);color:#fff}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:0.9rem 1.9rem;font-size:1rem;font-weight:700;color:#fff;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.25);border-radius:var(--radius-lg);transition:background var(--transition-base),transform var(--transition-base);text-decoration:none}.btn-ghost:hover{background:rgba(255,255,255,0.14);transform:translateY(-2px);color:#fff}.hero-trust{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem;list-style:none;margin:0;padding:0}.hero-trust li{display:inline-flex;align-items:center;gap:0.45rem;font-size:0.9rem;color:#94a3b8}.hero-trust svg{color:#4ade80;flex-shrink:0}.hero-visual{display:flex;justify-content:center}.server-card{width:100%;max-width:380px;background:rgba(15,23,42,0.65);border:1px solid rgba(148,163,184,0.25);border-radius:var(--radius-2xl);padding:1.5rem;box-shadow:var(--shadow-2xl);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.server-card-head{display:flex;align-items:center;gap:0.45rem;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(148,163,184,0.2)}.server-dot{width:10px;height:10px;border-radius:50%;background:#475569}.server-dot:nth-child(1){background:#ef4444}.server-dot:nth-child(2){background:#f59e0b}.server-dot:nth-child(3){background:#10b981}.server-name{margin-left:auto;font-family:var(--font-mono);font-size:0.75rem;color:#94a3b8}.server-row{display:grid;grid-template-columns:42px 1fr 44px;align-items:center;gap:0.75rem;margin-bottom:0.9rem}.server-label{font-family:var(--font-mono);font-size:0.72rem;font-weight:700;color:#cbd5e1;letter-spacing:0.05em}.server-bar{height:8px;background:rgba(148,163,184,0.2);border-radius:var(--radius-full);overflow:hidden}.server-bar-fill{display:block;height:100%;width:var(--level,50%);background:linear-gradient(90deg,#3b82f6,#ef4444);border-radius:var(--radius-full);animation:barGrow 1.6s cubic-bezier(0.4,0,0.2,1) both}@keyframes barGrow{from{width:0}to{width:var(--level,50%)}}.server-value{font-family:var(--font-mono);font-size:0.72rem;color:#94a3b8;text-align:right}.server-status{display:flex;align-items:center;gap:0.55rem;margin-top:1.25rem;padding:0.7rem 0.9rem;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.35);border-radius:var(--radius-lg);font-size:0.82rem;font-weight:600;color:#6ee7b7}.status-pulse{width:9px;height:9px;border-radius:50%;background:#10b981;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.5)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}.stats{position:relative;z-index:2;margin-top:-3.5rem;padding-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-gray-200);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.stat{display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:1.75rem 1rem;background:var(--color-white);text-align:center}.stat-number{font-size:2.1rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.stat-label{font-size:0.88rem;font-weight:500;color:var(--color-gray-600)}.section-title{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-0.02em;margin:0 0 0.5rem}.section-sub{font-size:1.05rem;color:var(--color-gray-600);max-width:44rem;margin:0 auto}.pricing{padding:4rem 0 2rem}.pricing .section-sub{margin-bottom:2.5rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.price-card{position:relative;display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:2.25rem 1.75rem 1.75rem;box-shadow:var(--shadow-md);transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow)}.price-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.price-card.blue{border-top:4px solid #3b82f6}.price-card.green{border-top:4px solid #10b981}.price-card.orange{border-top:4px solid #f59e0b}.price-card.popular{border:2px solid #10b981;box-shadow:0 20px 45px rgba(16,185,129,0.18)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:0.72rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:0.35rem 1rem;border-radius:var(--radius-full);box-shadow:var(--shadow-md);white-space:nowrap}.price-title{font-size:1.3rem;margin:0 0 0.75rem;text-align:center}.price-amount{text-align:center;color:var(--color-gray-600);font-size:0.9rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-200)}.price-amount h4{font-size:2.4rem;font-weight:800;color:var(--color-dark);margin:0.25rem 0;letter-spacing:-0.02em}.price-amount span{font-size:0.85rem;color:var(--color-gray-500)}.price-features{list-style:none;margin:0 0 1.75rem;padding:0;flex-grow:1}.price-features li{position:relative;padding:0.45rem 0 0.45rem 1.75rem;font-size:0.93rem;color:var(--color-gray-700);border-bottom:1px dashed var(--color-gray-200)}.price-features li:last-child{border-bottom:none}.price-features li::before{content:"";position:absolute;left:0;top:0.55rem;width:16px;height:16px;border-radius:50%;background:#10b981 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat}.btn-price{display:flex;align-items:center;justify-content:center;padding:0.85rem 1.5rem;font-weight:700;font-size:0.95rem;color:var(--color-primary);background:transparent;border:2px solid var(--color-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);text-align:center}.btn-price:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px rgba(239,68,68,0.3)}.price-card.popular .btn-price{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff}.price-card.popular .btn-price:hover{box-shadow:0 10px 24px rgba(16,185,129,0.4)}.features{padding:4rem 0;background:var(--color-gray-100)}.features .section-sub{margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.75rem 1.5rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(239,68,68,0.12),rgba(239,68,68,0.05));color:var(--color-primary);margin-bottom:1.1rem}.feature-card h3{font-size:1.08rem;margin:0 0 0.6rem}.feature-card p{font-size:0.9rem;line-height:1.65;color:var(--color-gray-600);margin:0}.testimonials{padding:4rem 0}.testimonials .section-title{margin-bottom:2.5rem}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimonial-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.75rem;margin:0;box-shadow:var(--shadow-sm);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.testimonial-stars{display:flex;gap:0.2rem;color:#f59e0b;margin-bottom:1rem}.testimonial-quote{flex-grow:1;font-size:0.93rem;line-height:1.7;color:var(--color-gray-700);margin:0 0 1.25rem;padding:0;border:none;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.testimonial-author{display:flex;align-items:center;gap:0.8rem}.testimonial-avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:0.85rem;font-weight:700;letter-spacing:0.02em}.testimonial-name{font-size:0.95rem;font-weight:700;color:var(--color-dark)}.whyus{padding:4rem 0 2.5rem;background:var(--color-gray-100)}.whyus .section-title{margin-bottom:2.5rem}.whyus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.whyus-item{display:flex;gap:1rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.6rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.whyus-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.whyus-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.whyus-item h3{font-size:1.05rem;margin:0 0 0.5rem}.whyus-item p{font-size:0.9rem;line-height:1.65;color:var(--color-gray-600);margin:0}.whyus .btn-outline{margin:2rem 0 1rem}.btn-outline{display:inline-flex;align-items:center;padding:0.7rem 1.6rem;font-weight:700;font-size:0.95rem;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.btn-outline:hover{background:var(--color-primary);color:#fff}.faq{padding:4rem 0}.faq .section-sub{margin-bottom:2.5rem}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:0.85rem}.faq-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.faq-item[open]{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;font-size:1rem;font-weight:600;color:var(--color-dark);cursor:pointer;list-style:none;transition:color var(--transition-base)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--color-primary)}.faq-chevron{flex-shrink:0;width:12px;height:12px;border-right:2.5px solid var(--color-primary);border-bottom:2.5px solid var(--color-primary);transform:rotate(45deg);transition:transform var(--transition-base);margin-right:4px}.faq-item[open] .faq-chevron{transform:rotate(-135deg)}.faq-answer{padding:0 1.4rem 1.2rem}.faq-answer p{margin:0;font-size:0.94rem;line-height:1.7;color:var(--color-gray-600)}.cta{padding:1rem 0 4.5rem}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border-radius:var(--radius-2xl);padding:3rem;box-shadow:0 25px 50px rgba(239,68,68,0.3);position:relative;overflow:hidden}.cta-inner::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,0.08);top:-140px;right:-80px;pointer-events:none}.cta-copy h2{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 0.5rem;letter-spacing:-0.02em}.cta-copy p{color:rgba(255,255,255,0.88);font-size:1.02rem;margin:0;max-width:34rem}.btn-white{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.2rem;font-size:1.05rem;font-weight:700;color:#dc2626;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative;z-index:1}.btn-white:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-2xl);color:#b91c1c}.footer{background:#0f172a;padding:3.5rem 0 0;border-top:none}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-col h4{color:#fff;font-size:1rem;margin:0 0 1.1rem;padding-bottom:0.6rem;border-bottom:2px solid rgba(239,68,68,0.6);display:inline-block}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:0.55rem;border:none;padding:0;background:none}.footer-links a{color:#94a3b8;font-size:0.92rem;transition:color var(--transition-base),padding-left var(--transition-base)}.footer-links a:hover{color:#fff;padding-left:6px}.footer-bottom{margin-top:2.75rem;border-top:1px solid rgba(148,163,184,0.15);padding:1.25rem 0}.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-copy{margin:0;font-size:0.85rem;color:#64748b}.footer-social{display:flex;gap:0.6rem;list-style:none;margin:0;padding:0}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(148,163,184,0.12);color:#94a3b8;transition:all var(--transition-base)}.footer-social a:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.not-found{text-align:center;padding:5rem 1rem}.not-found h1{font-size:6rem;margin:0;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.not-found p{margin:1.5rem 0 2rem;font-size:1.05rem}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.nav-toggle{display:flex}nav ul.navigation{display:flex;flex-direction:column}.header nav{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-xl);max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.header nav.nav-open{max-height:80vh;overflow-y:auto}.header .header-inner{position:relative}.navigation{flex-direction:column;align-items:stretch;padding:0.75rem;gap:0.15rem}.navigation>li>a{padding:0.8rem 1rem}.navigation .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-left:2px solid var(--color-gray-200);border-radius:0;margin-left:1rem;padding:0.15rem 0 0.15rem 0.5rem;min-width:0}.hero{padding:3.25rem 0 5.5rem}.hero-inner{grid-template-columns:1fr;gap:2.5rem}.hero-visual{order:-1}.server-card{max-width:460px}.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.price-card.popular{order:-1}.whyus-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{padding:2.25rem;text-align:center;justify-content:center}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero-ctas .btn-primary,.hero-ctas .btn-ghost{width:100%}.footer-bottom-inner{justify-content:center;text-align:center}.not-found h1{font-size:4rem}}@media (prefers-reduced-motion:reduce){.server-card,.server-bar-fill,.status-pulse{animation:none}}
