:root{--color-primary:#DC2626;--color-primary-dark:#B91C1C;--color-primary-light:#FEF2F2;--color-primary-100:#FEE2E2;--color-orange:#F97316;--color-gray-50:#F9FAFB;--color-gray-100:#F3F4F6;--color-gray-200:#E5E7EB;--color-gray-300:#D1D5DB;--color-gray-400:#9CA3AF;--color-gray-500:#6B7280;--color-gray-600:#4A5560;--color-gray-700:#384250;--color-gray-800:#1F2328;--color-gray-900:#0C111D;--color-white:#FFFFFF;--color-black:#000000;--color-green:#22C55E;--font-family:'Inter', system-ui, -apple-system, sans-serif;--container-max:1280px;--container-padding:24px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);--header-height:72px;--transition:all 0.2s ease;--transition-slow:all 0.3s ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--color-gray-800);background:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font-family:inherit}button{cursor:pointer;border:0;background:0 0}input{font-size:inherit}.container{max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}@media (min-width:1024px){:root{--container-padding:48px}}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);height:var(--header-height)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%}.site-logo img{height:36px;width:auto}.main-nav{display:none}.nav-menu{display:flex;list-style:none;gap:32px}.mobile-nav-menu a,.nav-menu a{font-weight:500;color:var(--color-gray-700)}.nav-menu a{font-size:15px;transition:var(--transition);padding:8px 0}.footer-links a:hover,.footer-social a:hover,.mobile-nav-menu a:hover,.nav-menu .current-menu-item a,.nav-menu a:hover,.plan-features li svg{color:var(--color-primary)}.header-buttons{display:none;align-items:center;gap:12px}.mobile-menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px;z-index:60}.hamburger-line{display:block;width:24px;height:2px;background:var(--color-gray-700);border-radius:2px;transition:var(--transition)}.mobile-menu{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-white);padding:24px;transform:translateX(100%);transition:transform .3s ease;z-index:49;overflow-y:auto}.mobile-buttons,.mobile-nav-menu{display:flex;flex-direction:column}.mobile-nav-menu{list-style:none;gap:4px}.mobile-nav-menu a{display:block;padding:12px 0;font-size:16px;border-bottom:1px solid var(--color-gray-100)}.mobile-buttons{gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-gray-200)}@media (min-width:1024px){.main-nav{display:block}.header-buttons{display:flex}.mobile-menu,.mobile-menu-toggle{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--radius);transition:var(--transition);text-align:center;line-height:1.4}.btn-primary{background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-outline,.btn-white{color:var(--color-primary)}.btn-outline{background:#fff0;border:1px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-light)}.btn-white{background:var(--color-white);border:1px solid var(--color-white)}.btn-white:hover{background:var(--color-gray-100)}.btn-full{width:100%}.btn-sm{padding:8px 16px;font-size:13px}.section-header{text-align:center;margin-bottom:48px}.section-label{display:inline-block;font-size:12px;font-weight:500;color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.section-header h2{font-size:28px;font-weight:700;color:var(--color-gray-900);line-height:1.25}.section-header p{margin-top:12px;color:var(--color-gray-700);max-width:640px;margin-left:auto;margin-right:auto}.content-section{padding:80px 0}.bg-light{background:var(--color-gray-50)}@media (min-width:768px){.section-header h2{font-size:32px}}.page-hero{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;padding-top:var(--header-height)}.page-hero-overlay{position:absolute;inset:0;background:rgb(0 0 0/.6)}.page-hero-content{position:relative;z-index:1;text-align:center;padding:48px 0;max-width:700px;margin:0 auto}.page-hero-title{font-size:32px;font-weight:700;color:var(--color-white);line-height:1.1}.page-hero-desc{margin-top:16px;font-size:16px;color:rgb(255 255 255/.85);max-width:560px;margin-left:auto;margin-right:auto}@media (min-width:768px){.page-hero-title{font-size:40px}}@media (min-width:1024px){.page-hero-title{font-size:42px}}.hosting-cards{display:grid;grid-template-columns:1fr;gap:24px}.hosting-card{padding:32px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);position:relative}.hosting-card.featured{background:linear-gradient(135deg,var(--color-primary),var(--color-orange));border:0;color:var(--color-white)}.hosting-card .badge{position:absolute;top:16px;right:16px;padding:4px 12px;background:var(--color-white);color:var(--color-primary);font-size:11px;font-weight:600;border-radius:var(--radius-full)}.feature-item h3,.plan-name,.split-content h2{font-size:20px;font-weight:600;color:var(--color-gray-900);margin-bottom:16px}.hosting-card.featured .plan-name,.plan-price .price.text-white{color:var(--color-white)}.plan-price{margin-bottom:24px}.plan-price .price{font-size:36px;font-weight:700;color:var(--color-primary)}.plan-price .period{font-size:14px;color:var(--color-gray-500);margin-left:4px}.plan-price .period.text-white-80{color:rgb(255 255 255/.8)}.plan-specs{margin-bottom:20px}.spec-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.hosting-card.featured .spec-row{color:rgb(255 255 255/.85);border-color:rgb(255 255 255/.2)}.hosting-card.featured .plan-features li svg,.hosting-card.featured .spec-value{color:var(--color-white)}.plan-features{list-style:none;margin-bottom:24px}.feature-item p,.plan-features li{font-size:14px;color:var(--color-gray-700)}.plan-features li{display:flex;align-items:center;gap:8px;padding:4px 0}.hosting-card.featured .plan-features li{color:rgb(255 255 255/.95)}.plan-features li svg{flex-shrink:0}@media (min-width:768px){.hosting-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.hosting-cards{grid-template-columns:repeat(4,1fr)}}.features-grid{display:grid;grid-template-columns:1fr;gap:32px}.features-grid.three-col{gap:24px}.feature-item{padding:0}.feature-item h3,.split-content h2{font-size:18px;margin-bottom:8px}.feature-item p{line-height:1.6}.features-grid.text-center .feature-item{text-align:center}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid.three-col,.features-grid:not(.four-col){grid-template-columns:repeat(3,1fr)}}.split-layout{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}.split-layout.reverse{direction:rtl}.split-layout.reverse>*{direction:ltr}.split-content{max-width:100%}.split-content .section-label{display:inline-block;margin-bottom:12px}.split-content h2{font-size:28px;font-weight:700;line-height:1.25;margin-bottom:16px}.split-image img{width:100%;border-radius:var(--radius-lg);object-fit:cover}@media (min-width:1024px){.split-layout{grid-template-columns:1fr 1fr}}.specs-table{margin:24px 0}.specs-table .spec-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-gray-200);font-size:14px}.spec-label{color:var(--color-gray-600)}.spec-value{font-weight:500;color:var(--color-gray-900)}.price-display{margin:20px 0}.price-display .price{font-size:30px;font-weight:700;color:var(--color-primary)}.price-display .period{color:var(--color-gray-500)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--color-gray-300);border-radius:var(--radius);font-size:14px;color:var(--color-gray-900);background:var(--color-white);outline:0;transition:var(--transition)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(220 38 38/.1)}.form-input::placeholder{color:var(--color-gray-400)}.site-footer{background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);padding:64px 0 32px}.footer-grid{display:grid;grid-template-columns:1fr;gap:40px}.footer-sub{font-size:13px;color:var(--color-gray-500);margin-top:8px}.footer-company-name,.footer-links-col h4,.footer-newsletter h4{font-size:14px;font-weight:600;color:var(--color-gray-900);margin-bottom:16px}.footer-address{font-size:14px;color:var(--color-gray-600);line-height:1.7;font-style:normal;margin-bottom:12px}.footer-email,.footer-phone{display:block;font-size:14px;color:var(--color-primary);margin-bottom:4px;transition:var(--transition)}.footer-email:hover,.footer-phone:hover{color:var(--color-primary-dark)}.footer-social{display:flex;gap:12px;margin-top:16px}.footer-social a{color:var(--color-gray-500);transition:var(--transition)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a,.footer-newsletter p{font-size:14px;color:var(--color-gray-600)}.footer-links a{transition:var(--transition)}.footer-newsletter h4{margin-bottom:8px}.footer-newsletter p{margin-bottom:12px}.footer-form{display:flex;gap:8px}.footer-form .form-input{flex:1;padding:10px 12px;font-size:13px}.footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.footer-legal{font-size:13px;color:var(--color-gray-500)}.footer-legal p+p{margin-top:4px}.footer-payment{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.payment-badge{padding:6px 12px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--color-gray-700)}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}@media (min-width:1024px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr}}.text-center{text-align:center}