:root{--navy: #0B1E3D;--navy-mid: #1B3460;--navy-light: #2B4A80;--green: #1A8A45;--green-dark: #146836;--green-pale: #E5F4EC;--white: #FFFFFF;--off-white: #F7F9FC;--gray-light: #EEF1F7;--gray: #D1DCF0;--text: #1A1F36;--text-sub: #4B5878;--text-muted: #8898AA;--danger: #C0392B;--warning: #D97706;--amber: #F59E0B;--shadow-xs: 0 1px 2px rgba(11,30,61,0.06);--shadow-sm: 0 2px 6px rgba(11,30,61,0.08);--shadow-md: 0 4px 16px rgba(11,30,61,0.10);--shadow-lg: 0 8px 32px rgba(11,30,61,0.14);--shadow-xl: 0 16px 48px rgba(11,30,61,0.18);--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--radius-xl: 16px;--transition: all 0.22s ease;--font: 'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 16px;scroll-behavior: smooth}body{font-family: var(--font);color: var(--text);background: var(--white);line-height: 1.6;-webkit-font-smoothing: antialiased;animation: pageFadeIn 0.3s ease both}@keyframes pageFadeIn{from{opacity: 0}to{opacity: 1}}img{max-width: 100%;display: block}a{text-decoration: none;color: inherit}ul,ol{list-style: none}input,button,select,textarea{font-family: inherit}button{cursor: pointer;border: none;background: none}h1,h2,h3,h4,h5,h6{font-weight: 700;line-height: 1.25;color: var(--text)}h1{font-size: clamp(1.875rem,4vw,2.875rem)}h2{font-size: clamp(1.5rem,3vw,2.125rem)}h3{font-size: clamp(1.125rem,2vw,1.375rem)}h4{font-size: 1.0625rem}h5{font-size: 0.9375rem}p{color: var(--text-sub);line-height: 1.75}.container{max-width: 1200px;margin: 0 auto;padding: 0 24px}.container-wide{max-width: 1400px;margin: 0 auto;padding: 0 24px}.section{padding: 80px 0}.section-sm{padding: 56px 0}.section-lg{padding: 100px 0}.section-alt{background: var(--off-white)}.section-navy{background: var(--navy)}.section-gray{background: var(--gray-light)}.text-center{text-align: center}.text-white{color: var(--white) !important}.text-navy{color: var(--navy) !important}.text-green{color: var(--green) !important}.text-muted{color: var(--text-muted) !important}.fw-700{font-weight: 700}.fw-600{font-weight: 600}.d-flex{display: flex}.align-center{align-items: center}.gap-2{gap: 8px}.mt-4{margin-top: 16px}.mt-6{margin-top: 24px}.mt-8{margin-top: 32px}.section-header{text-align: center;max-width: 640px;margin: 0 auto 56px}.section-header h2{margin-bottom: 14px}.section-header p{font-size: 1.0625rem}.section-tag{display: inline-block;background: var(--green-pale);color: var(--green-dark);font-size: 0.6875rem;font-weight: 700;letter-spacing: 1.2px;text-transform: uppercase;padding: 4px 12px;border-radius: 20px;margin-bottom: 14px}.section-tag.tag-white{background: rgba(255,255,255,0.15);color: rgba(255,255,255,0.9)}.section-tag.tag-navy{background: rgba(27,52,96,0.12);color: var(--navy-mid)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;font-size: 0.9375rem;font-weight: 600;border-radius: var(--radius);transition: var(--transition);cursor: pointer;border: 2px solid transparent;white-space: nowrap;line-height: 1.4}.btn-sm{padding: 8px 18px;font-size: 0.8125rem}.btn-lg{padding: 15px 34px;font-size: 1rem}.btn-xl{padding: 18px 40px;font-size: 1.0625rem}.btn-block{width: 100%}.btn-green{background: var(--green);color: var(--white);border-color: var(--green)}.btn-green:hover{background: var(--green-dark);border-color: var(--green-dark)}.btn-navy{background: var(--navy);color: var(--white);border-color: var(--navy)}.btn-navy:hover{background: var(--navy-mid);border-color: var(--navy-mid)}.btn-white{background: var(--white);color: var(--navy);border-color: var(--white)}.btn-white:hover{background: var(--off-white);border-color: var(--off-white)}.btn-outline-white{background: transparent;color: var(--white);border-color: rgba(255,255,255,0.55)}.btn-outline-white:hover{background: var(--white);color: var(--navy);border-color: var(--white)}.btn-outline-green{background: transparent;color: var(--green);border-color: var(--green)}.btn-outline-green:hover{background: var(--green);color: var(--white)}.btn-outline-navy{background: transparent;color: var(--navy);border-color: var(--navy)}.btn-outline-navy:hover{background: var(--navy);color: var(--white)}.announcement-bar{background: var(--green);color: var(--white);padding: 10px 24px;position: relative;z-index: 1100}.announcement-content{display: flex;align-items: center;justify-content: center;gap: 8px;font-size: 0.8125rem;font-weight: 500;text-align: center}.announcement-content a{color: var(--white);font-weight: 700;text-decoration: underline;margin-left: 6px}.announcement-content a:hover{opacity: 0.85}.announcement-close{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);width: 26px;height: 26px;border-radius: 50%;background: rgba(255,255,255,0.2);color: var(--white);font-size: 0.75rem;display: flex;align-items: center;justify-content: center;transition: var(--transition);flex-shrink: 0}.announcement-close:hover{background: rgba(255,255,255,0.35)}.site-header{background: var(--navy);position: sticky;top: 0;z-index: 1000;box-shadow: 0 2px 12px rgba(11,30,61,0.25)}.header-inner{display: flex;align-items: center;height: 70px;gap: 24px}.logo{display: flex;align-items: center;gap: 10px;flex-shrink: 0}.logo-icon{width: 40px;height: 40px;background: var(--green);border-radius: var(--radius);display: flex;align-items: center;justify-content: center}.logo-icon i{color: var(--white);font-size: 1.125rem}.logo-text{font-size: 1.375rem;font-weight: 800;color: var(--white);letter-spacing: -0.5px}.logo-text span{color: var(--green)}.main-nav{flex: 1;display: flex;align-items: center}.nav-list{display: flex;align-items: center;height: 70px}.nav-item{position: relative;height: 100%;display: flex;align-items: center}.nav-link{display: flex;align-items: center;gap: 5px;padding: 0 15px;height: 100%;color: rgba(255,255,255,0.82);font-size: 0.875rem;font-weight: 500;transition: var(--transition);white-space: nowrap}.nav-link:hover,.nav-link.active{color: var(--white);background: rgba(255,255,255,0.07)}.nav-link i.chevron{font-size: 0.6rem;transition: var(--transition)}.nav-item:hover .nav-link i.chevron{transform: rotate(180deg)}.dropdown{position: absolute;top: 100%;left: 0;background: var(--white);box-shadow: var(--shadow-xl);border-top: 3px solid var(--green);border-radius: 0 0 var(--radius-lg) var(--radius-lg);min-width: 230px;padding: 8px 0;opacity: 0;visibility: hidden;transform: translateY(6px);transition: var(--transition);z-index: 200}.nav-item:hover .dropdown{opacity: 1;visibility: visible;transform: translateY(0)}.dropdown a{display: flex;align-items: center;gap: 10px;padding: 10px 20px;color: var(--text);font-size: 0.875rem;font-weight: 500;transition: var(--transition)}.dropdown a i{width: 18px;text-align: center;color: var(--green);font-size: 0.875rem}.dropdown a:hover{background: var(--off-white);color: var(--navy);padding-left: 24px}.dropdown-divider{height: 1px;background: var(--gray);margin: 6px 0}.mega-menu{position: absolute;top: 100%;left: -100px;background: var(--white);box-shadow: var(--shadow-xl);border-top: 3px solid var(--green);border-radius: 0 0 var(--radius-lg) var(--radius-lg);padding: 28px 32px;display: grid;grid-template-columns: repeat(3,1fr);gap: 0 40px;min-width: 720px;opacity: 0;visibility: hidden;transform: translateY(6px);transition: var(--transition);z-index: 200}.nav-item:hover .mega-menu{opacity: 1;visibility: visible;transform: translateY(0)}.mega-col-title{font-size: 0.65rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1.2px;color: var(--text-muted);margin-bottom: 12px;padding-bottom: 8px;border-bottom: 1px solid var(--gray)}.mega-link{display: flex !important;align-items: flex-start !important;gap: 12px !important;padding: 10px 0 !important;border-bottom: 1px solid var(--gray-light) !important;transition: var(--transition)}.mega-link:last-child{border-bottom: none !important}.mega-link-icon{width: 34px;height: 34px;background: var(--gray-light);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: var(--transition)}.mega-link-icon i{font-size: 0.8125rem;color: var(--navy);transition: var(--transition)}.mega-link:hover .mega-link-icon{background: var(--green-pale)}.mega-link:hover .mega-link-icon i{color: var(--green)}.mega-link-text strong{display: block;font-size: 0.875rem;color: var(--text);font-weight: 600}.mega-link:hover .mega-link-text strong{color: var(--green-dark)}.mega-link-text span{font-size: 0.75rem;color: var(--text-muted)}.header-right{display: flex;align-items: center;gap: 10px;flex-shrink: 0}.nav-toggle{display: none;flex-direction: column;gap: 5px;padding: 8px;cursor: pointer;margin-left: auto}.nav-toggle span{display: block;width: 24px;height: 2px;background: var(--white);border-radius: 2px;transition: var(--transition)}.nav-toggle.open span:nth-child(1){transform: translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity: 0}.nav-toggle.open span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.mobile-nav{display: none;position: fixed;top: 70px;left: 0;right: 0;bottom: 0;background: var(--navy);overflow-y: auto;z-index: 999;padding: 16px 0 32px}.mobile-nav.open{display: block}.mobile-nav-list{padding: 0}.mobile-nav-item{border-bottom: 1px solid rgba(255,255,255,0.07)}.mobile-nav-link{display: flex;justify-content: space-between;align-items: center;padding: 15px 24px;color: rgba(255,255,255,0.85);font-size: 0.9375rem;font-weight: 500;cursor: pointer}.mobile-nav-link i.chevron{font-size: 0.7rem;transition: var(--transition)}.mobile-nav-item.sub-open .mobile-nav-link i.chevron{transform: rotate(180deg)}.mobile-sub{display: none;background: rgba(0,0,0,0.15);padding: 8px 0}.mobile-nav-item.sub-open .mobile-sub{display: block}.mobile-sub a{display: flex;align-items: center;gap: 10px;padding: 10px 28px;color: rgba(255,255,255,0.65);font-size: 0.875rem}.mobile-sub a i{color: var(--green);width: 16px;text-align: center}.mobile-sub a:hover{color: var(--white);background: rgba(255,255,255,0.05)}.mobile-nav-btns{padding: 20px 24px;display: flex;flex-direction: column;gap: 12px}.mobile-nav-btns .btn{width: 100%;justify-content: center}.hero-carousel{position: relative;overflow: hidden;background: var(--navy)}.carousel-slides{display: flex;transition: transform 0.55s cubic-bezier(0.4,0,0.2,1);will-change: transform}.carousel-slide{min-width: 100%;padding: 96px 0 88px}.slide-navy{background: var(--navy)}.slide-mid{background: var(--navy-mid)}.slide-green{background: var(--green-dark)}.carousel-slide .container{display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 48px}.slide-content{max-width: 580px}.slide-eyebrow{display: inline-block;background: rgba(26,138,69,0.22);color: #7EEAA6;font-size: 0.6875rem;font-weight: 700;letter-spacing: 1.2px;text-transform: uppercase;padding: 4px 14px;border-radius: 20px;margin-bottom: 18px}.slide-green .slide-eyebrow{background: rgba(255,255,255,0.15);color: rgba(255,255,255,0.9)}.slide-content h1{color: var(--white);font-size: clamp(1.875rem,3.5vw,2.625rem);font-weight: 800;line-height: 1.2;margin-bottom: 18px}.slide-content > p{font-size: 1.0625rem;color: rgba(255,255,255,0.78);margin-bottom: 32px;line-height: 1.75}.slide-ctas{display: flex;gap: 14px;flex-wrap: wrap}.slide-badges{display: flex;gap: 24px;margin-top: 36px;flex-wrap: wrap}.slide-badge{display: flex;align-items: center;gap: 8px;color: rgba(255,255,255,0.72);font-size: 0.8125rem;font-weight: 500}.slide-badge i{color: #5DD08F;font-size: 0.875rem}.slide-green .slide-badge i{color: rgba(255,255,255,0.8)}.slide-visual{display: flex;justify-content: flex-end}.slide-panel{background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.12);border-radius: var(--radius-xl);padding: 28px;min-width: 290px;max-width: 320px}.panel-header{display: flex;align-items: center;gap: 12px;margin-bottom: 20px;padding-bottom: 16px;border-bottom: 1px solid rgba(255,255,255,0.1)}.panel-icon{width: 40px;height: 40px;background: var(--green);border-radius: var(--radius);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.panel-icon i{color: var(--white);font-size: 1rem}.panel-title{color: var(--white);font-size: 0.9375rem;font-weight: 700}.panel-sub{color: rgba(255,255,255,0.55);font-size: 0.75rem}.panel-stats{display: grid;grid-template-columns: 1fr 1fr;gap: 14px}.p-stat{background: rgba(255,255,255,0.06);border-radius: var(--radius);padding: 14px 12px;text-align: center}.p-stat-val{font-size: 1.375rem;font-weight: 800;color: var(--white);line-height: 1}.p-stat-lbl{font-size: 0.6875rem;color: rgba(255,255,255,0.5);margin-top: 3px}.p-stat-note{font-size: 0.6875rem;font-weight: 700;color: #7EEAA6;margin-top: 2px}.panel-list{display: flex;flex-direction: column;gap: 10px}.panel-list-item{display: flex;align-items: center;gap: 10px;color: rgba(255,255,255,0.75);font-size: 0.8125rem}.panel-list-item i{color: #5DD08F;font-size: 0.875rem;width: 14px}.carousel-controls{position: absolute;bottom: 28px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;gap: 14px}.carousel-dots{display: flex;gap: 8px;align-items: center}.dot{width: 8px;height: 8px;border-radius: 50%;background: rgba(255,255,255,0.3);border: none;cursor: pointer;transition: var(--transition);padding: 0}.dot.active{background: var(--green);width: 22px;border-radius: 4px}.carousel-arrow{width: 36px;height: 36px;border-radius: 50%;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.18);color: var(--white);font-size: 0.8125rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition)}.carousel-arrow:hover{background: var(--green);border-color: var(--green)}.stats-bar{background: var(--white);border-bottom: 1px solid var(--gray);padding: 0}.stats-grid{display: grid;grid-template-columns: repeat(4,1fr)}.stats-item{display: flex;align-items: center;gap: 16px;padding: 22px 28px;border-right: 1px solid var(--gray)}.stats-item:last-child{border-right: none}.stats-icon{width: 46px;height: 46px;background: var(--green-pale);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.stats-icon i{color: var(--green);font-size: 1.125rem}.stats-num{font-size: 1.5rem;font-weight: 800;color: var(--navy);line-height: 1}.stats-desc{font-size: 0.75rem;color: var(--text-muted);margin-top: 2px;font-weight: 500}.hosting-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px}.hosting-card{background: var(--white);border: 1px solid var(--gray);border-top: 4px solid var(--navy);border-radius: 0 0 var(--radius-lg) var(--radius-lg);padding: 32px 28px;transition: var(--transition);display: flex;flex-direction: column}.hosting-card:hover{border-top-color: var(--green);box-shadow: var(--shadow-lg);transform: translateY(-4px)}.hosting-icon{width: 52px;height: 52px;background: var(--off-white);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;margin-bottom: 20px;transition: var(--transition)}.hosting-icon i{font-size: 1.375rem;color: var(--navy);transition: var(--transition)}.hosting-card:hover .hosting-icon{background: var(--navy)}.hosting-card:hover .hosting-icon i{color: var(--white)}.hosting-card h3{font-size: 1.125rem;margin-bottom: 10px}.hosting-card > p{font-size: 0.875rem;line-height: 1.65;margin-bottom: 18px}.card-price{margin-bottom: 18px}.card-price .from{font-size: 0.75rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;display: block;margin-bottom: 2px}.card-price .price-val{font-size: 1.5rem;font-weight: 800;color: var(--green)}.card-price .price-per{font-size: 0.8125rem;color: var(--text-muted)}.hosting-features{flex: 1;display: flex;flex-direction: column;gap: 7px;margin-bottom: 24px}.hosting-features li{display: flex;align-items: center;gap: 8px;font-size: 0.8125rem;color: var(--text-sub)}.hosting-features li i{color: var(--green);font-size: 0.75rem;flex-shrink: 0}.card-cta{display: flex;align-items: center;gap: 6px;color: var(--navy);font-size: 0.875rem;font-weight: 700;margin-top: auto;transition: var(--transition)}.card-cta:hover{color: var(--green);gap: 10px}.domain-section{background: var(--navy);padding: 72px 0}.domain-section .section-header h2{color: var(--white)}.domain-section .section-header p{color: rgba(255,255,255,0.7)}.domain-search-wrap{max-width: 700px;margin: 0 auto 28px}.domain-form{display: flex;background: var(--white);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-xl)}.domain-form input{flex: 1;padding: 18px 20px;font-size: 1rem;border: none;outline: none;color: var(--text);min-width: 0}.domain-form select{padding: 0 16px;border: none;border-left: 1px solid var(--gray);border-right: 1px solid var(--gray);outline: none;color: var(--text);font-size: 0.9375rem;background: var(--white);cursor: pointer;min-width: 90px}.domain-form .btn{border-radius: 0;padding: 18px 28px;flex-shrink: 0}.popular-tlds{display: flex;gap: 8px;flex-wrap: wrap;justify-content: center}.tld-pill{background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.78);padding: 5px 14px;border-radius: 20px;font-size: 0.8rem;font-weight: 500;border: 1px solid rgba(255,255,255,0.12);transition: var(--transition);cursor: pointer}.tld-pill:hover{background: var(--green);border-color: var(--green);color: var(--white)}.tld-pill .tld-price{font-size: 0.7rem;opacity: 0.75;margin-left: 4px}.domain-results{margin-top: 24px}.domain-results-inner{background: var(--white);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-xl)}.domain-result-row{display: flex;align-items: center;gap: 16px;padding: 14px 20px;border-bottom: 1px solid var(--gray-light);flex-wrap: wrap}.domain-result-row:last-child{border-bottom: none}.result-name{flex: 1;font-size: 0.9375rem;font-weight: 600;color: var(--navy);min-width: 160px}.result-taken .result-name{color: var(--text-muted);text-decoration: line-through}.result-status{font-size: 0.8rem;font-weight: 700;display: flex;align-items: center;gap: 5px}.result-available .result-status{color: var(--green)}.result-taken .result-status{color: var(--danger)}.result-price{font-size: 0.9375rem;font-weight: 700;color: var(--navy);min-width: 80px;text-align: right}.features-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 28px}.feature-card{background: var(--white);border: 1px solid var(--gray);border-radius: var(--radius-lg);padding: 36px 28px;text-align: center;transition: var(--transition)}.feature-card:hover{border-color: var(--green);box-shadow: var(--shadow-md);transform: translateY(-3px)}.feature-icon{width: 64px;height: 64px;background: var(--green-pale);border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;transition: var(--transition)}.feature-icon i{font-size: 1.5rem;color: var(--green);transition: var(--transition)}.feature-card:hover .feature-icon{background: var(--green)}.feature-card:hover .feature-icon i{color: var(--white)}.feature-card h3{font-size: 1.0625rem;margin-bottom: 10px}.feature-card p{font-size: 0.875rem}.pricing-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 28px;align-items: start}.pricing-card{background: var(--white);border: 2px solid var(--gray);border-radius: var(--radius-xl);padding: 36px 30px;position: relative;transition: var(--transition)}.pricing-card.featured{border-color: var(--green);box-shadow: var(--shadow-lg)}.pricing-card.featured::before{content: 'Most Popular';position: absolute;top: -13px;left: 50%;transform: translateX(-50%);background: var(--green);color: var(--white);font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.5px;padding: 4px 16px;border-radius: 20px;white-space: nowrap}.pricing-card:hover{box-shadow: var(--shadow-lg)}.pricing-card.featured:hover{border-color: var(--green)}.plan-name{font-size: 0.75rem;font-weight: 700;color: var(--text-muted);text-transform: uppercase;letter-spacing: 1.2px;margin-bottom: 16px}.plan-price{margin-bottom: 4px}.plan-price .currency{font-size: 1.375rem;font-weight: 700;color: var(--navy);vertical-align: top;line-height: 2}.plan-price .amount{font-size: 2.625rem;font-weight: 900;color: var(--navy);line-height: 1}.plan-price .period{font-size: 0.875rem;color: var(--text-muted)}.plan-renew{font-size: 0.8rem;color: var(--text-muted);margin-bottom: 24px}.plan-divider{height: 1px;background: var(--gray);margin-bottom: 20px}.plan-features{display: flex;flex-direction: column;gap: 0;margin-bottom: 28px}.plan-feat{display: flex;align-items: center;gap: 10px;padding: 9px 0;font-size: 0.875rem;color: var(--text-sub);border-bottom: 1px solid var(--gray-light)}.plan-feat:last-child{border-bottom: none}.plan-feat i.fa-check{color: var(--green);flex-shrink: 0}.plan-feat i.fa-xmark{color: #CBD5E1;flex-shrink: 0}.plan-feat .feat-label{flex: 1}.plan-feat strong{color: var(--text);font-weight: 600}.plan-cta{display: block;text-align: center;width: 100%}.pricing-note{text-align: center;font-size: 0.8125rem;color: var(--text-muted);margin-top: 20px}.pricing-note a{color: var(--green);font-weight: 600}.plan-tabs{display: flex;background: var(--gray-light);border-radius: var(--radius-lg);padding: 4px;gap: 2px;margin-bottom: 48px;max-width: 360px;margin-left: auto;margin-right: auto}.plan-tab{flex: 1;padding: 9px 16px;text-align: center;font-size: 0.875rem;font-weight: 600;color: var(--text-muted);border-radius: var(--radius);cursor: pointer;transition: var(--transition)}.plan-tab.active{background: var(--white);color: var(--navy);box-shadow: var(--shadow-sm)}.testimonials-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 28px}.testimonial-card{background: var(--white);border: 1px solid var(--gray);border-radius: var(--radius-lg);padding: 32px 28px;transition: var(--transition)}.testimonial-card:hover{border-color: var(--green);box-shadow: var(--shadow-md)}.t-stars{display: flex;gap: 3px;margin-bottom: 16px}.t-stars i{color: var(--amber);font-size: 0.875rem}.t-quote{font-size: 0.9375rem;color: var(--text-sub);line-height: 1.75;margin-bottom: 24px;font-style: italic}.t-author{display: flex;align-items: center;gap: 12px;padding-top: 20px;border-top: 1px solid var(--gray-light)}.t-avatar{width: 42px;height: 42px;border-radius: 50%;background: var(--navy);display: flex;align-items: center;justify-content: center;font-size: 1rem;font-weight: 700;color: var(--white);flex-shrink: 0}.t-avatar.green{background: var(--green)}.t-name{font-size: 0.9375rem;font-weight: 700;color: var(--text)}.t-role{font-size: 0.75rem;color: var(--text-muted)}.why-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center}.why-list{display: flex;flex-direction: column;gap: 20px}.why-item{display: flex;gap: 18px;padding: 20px;border-radius: var(--radius-lg);background: var(--white);border: 1px solid var(--gray);transition: var(--transition)}.why-item:hover{border-color: var(--green);box-shadow: var(--shadow-sm)}.why-num{width: 42px;height: 42px;background: var(--navy);color: var(--white);border-radius: var(--radius);display: flex;align-items: center;justify-content: center;font-size: 0.9375rem;font-weight: 800;flex-shrink: 0}.why-body h4{font-size: 1rem;margin-bottom: 6px}.why-body p{font-size: 0.875rem}.why-visual{background: var(--navy);border-radius: var(--radius-xl);padding: 40px 36px}.uptime-display{text-align: center;margin-bottom: 28px;padding-bottom: 28px;border-bottom: 1px solid rgba(255,255,255,0.1)}.uptime-big{font-size: 4.5rem;font-weight: 900;color: var(--white);line-height: 1}.uptime-lbl{font-size: 0.9375rem;color: rgba(255,255,255,0.65);margin-top: 6px}.uptime-lbl strong{color: var(--green)}.server-stats{display: grid;grid-template-columns: 1fr 1fr;gap: 14px}.srv-stat{background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.08);border-radius: var(--radius);padding: 16px 12px;text-align: center}.srv-val{font-size: 1.375rem;font-weight: 800;color: var(--white)}.srv-lbl{font-size: 0.6875rem;color: rgba(255,255,255,0.5);margin-top: 3px}.cta-banner{background: var(--green);padding: 72px 0}.cta-inner{text-align: center;max-width: 680px;margin: 0 auto}.cta-inner h2{color: var(--white);font-size: 2rem;margin-bottom: 16px}.cta-inner p{color: rgba(255,255,255,0.85);font-size: 1.0625rem;margin-bottom: 32px}.cta-btns{display: flex;gap: 14px;justify-content: center;flex-wrap: wrap}.partners-bar{padding: 36px 0;border-bottom: 1px solid var(--gray)}.partners-label{text-align: center;font-size: 0.6875rem;font-weight: 700;letter-spacing: 1.2px;text-transform: uppercase;color: var(--text-muted);margin-bottom: 24px}.partners-logos{display: flex;justify-content: center;align-items: center;gap: 48px;flex-wrap: wrap}.partner-logo{display: flex;align-items: center;gap: 8px;color: var(--text-muted);font-size: 0.9375rem;font-weight: 700;opacity: 0.5;transition: var(--transition)}.partner-logo:hover{opacity: 1;color: var(--navy)}.partner-logo i{font-size: 1.25rem}.site-footer{background: var(--navy)}.footer-top{display: grid;grid-template-columns: 1.6fr 1fr 1fr 1fr;gap: 48px;padding: 64px 0 48px;border-bottom: 1px solid rgba(255,255,255,0.08)}.footer-brand .logo{margin-bottom: 16px}.footer-brand p{color: rgba(255,255,255,0.58);font-size: 0.875rem;line-height: 1.75;margin-bottom: 24px}.footer-contacts{display: flex;flex-direction: column;gap: 10px;margin-bottom: 20px}.footer-contact{display: flex;align-items: center;gap: 10px;color: rgba(255,255,255,0.6);font-size: 0.8125rem}.footer-contact i{color: var(--green);width: 16px;text-align: center}.socials{display: flex;gap: 8px}.social-btn{width: 36px;height: 36px;background: rgba(255,255,255,0.07);border-radius: var(--radius);display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.65);font-size: 0.875rem;transition: var(--transition)}.social-btn:hover{background: var(--green);color: var(--white)}.footer-col h4{font-size: 0.75rem;font-weight: 700;color: var(--white);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 20px}.footer-links{display: flex;flex-direction: column;gap: 10px}.footer-links a{color: rgba(255,255,255,0.58);font-size: 0.875rem;transition: var(--transition);display: flex;align-items: center;gap: 6px}.footer-links a:hover{color: var(--white);padding-left: 4px}.footer-links a i{font-size: 0.5rem;color: var(--green)}.footer-bottom{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;font-size: 0.8rem;color: rgba(255,255,255,0.4)}.footer-bottom-links{display: flex;gap: 20px}.footer-bottom-links a{color: rgba(255,255,255,0.4);transition: var(--transition)}.footer-bottom-links a:hover{color: rgba(255,255,255,0.75)}.page-hero{background: var(--navy);padding: 72px 0 64px}.page-hero-inner{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: center}.page-hero h1{color: var(--white);margin-bottom: 16px}.page-hero p{color: rgba(255,255,255,0.72);font-size: 1.0625rem;margin-bottom: 28px}.page-hero-ctas{display: flex;gap: 12px;flex-wrap: wrap}.hero-spec-panel{background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--radius-xl);padding: 28px}.spec-panel-title{font-size: 0.6875rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1.2px;color: rgba(255,255,255,0.45);margin-bottom: 16px}.spec-row{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-bottom: 1px solid rgba(255,255,255,0.07);font-size: 0.875rem}.spec-row:last-child{border-bottom: none}.spec-key{color: rgba(255,255,255,0.55)}.spec-val{color: var(--white);font-weight: 600}.spec-val.good{color: #7EEAA6}.breadcrumb{background: var(--off-white);padding: 12px 0;border-bottom: 1px solid var(--gray)}.breadcrumb ol{display: flex;align-items: center;gap: 8px;font-size: 0.8125rem}.breadcrumb ol a{color: var(--text-sub);transition: var(--transition)}.breadcrumb ol a:hover{color: var(--green)}.breadcrumb ol li{color: var(--text-muted);display: flex;align-items: center;gap: 8px}.breadcrumb ol li i{font-size: 0.5rem}.faq-wrap{max-width: 760px;margin: 0 auto}.faq-item{border: 1px solid var(--gray);border-radius: var(--radius);margin-bottom: 10px;overflow: hidden}.faq-item.open{border-color: var(--navy)}.faq-q{display: flex;justify-content: space-between;align-items: center;padding: 18px 22px;cursor: pointer;background: var(--white);-webkit-user-select: none;user-select: none}.faq-q span{font-size: 0.9375rem;font-weight: 600;color: var(--text);flex: 1;padding-right: 16px}.faq-toggle{width: 26px;height: 26px;border-radius: 50%;background: var(--off-white);display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: var(--transition)}.faq-toggle i{font-size: 0.75rem;color: var(--navy);transition: var(--transition)}.faq-item.open .faq-toggle{background: var(--navy)}.faq-item.open .faq-toggle i{color: var(--white);transform: rotate(45deg)}.faq-a{max-height: 0;overflow: hidden;transition: max-height 0.3s ease}.faq-a-inner{padding: 0 22px 18px;font-size: 0.875rem;color: var(--text-sub);line-height: 1.75}.check-list{display: flex;flex-direction: column;gap: 10px}.check-list li{display: flex;align-items: flex-start;gap: 10px;font-size: 0.9375rem;color: var(--text-sub)}.check-list li i{color: var(--green);margin-top: 2px;flex-shrink: 0}.check-list.lg li{font-size: 1rem;gap: 12px}.check-list.lg li i{font-size: 1rem}.table-wrap{border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);border: 1px solid var(--gray)}.comp-table{width: 100%;border-collapse: collapse}.comp-table th{background: var(--navy);color: var(--white);padding: 15px 20px;font-size: 0.875rem;font-weight: 600;text-align: left}.comp-table th.featured-col{background: var(--green)}.comp-table td{padding: 13px 20px;font-size: 0.875rem;border-bottom: 1px solid var(--gray-light);color: var(--text-sub)}.comp-table tr:last-child td{border-bottom: none}.comp-table tr:nth-child(even) td{background: var(--off-white)}.comp-table td:first-child{font-weight: 600;color: var(--text)}.comp-table td i.fa-check{color: var(--green)}.comp-table td i.fa-xmark{color: #CBD5E1}.info-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.info-card{background: var(--white);border: 1px solid var(--gray);border-radius: var(--radius-lg);padding: 28px 22px;text-align: center;transition: var(--transition)}.info-card:hover{border-color: var(--green);box-shadow: var(--shadow-md)}.info-card .ic-icon{font-size: 2rem;color: var(--navy);margin-bottom: 14px}.info-card h4{font-size: 0.9375rem;margin-bottom: 8px}.info-card p{font-size: 0.8125rem}.contact-wrap{display: grid;grid-template-columns: 1fr 1.5fr;gap: 56px}.contact-info-card{display: flex;gap: 16px;margin-bottom: 28px}.ci-icon{width: 46px;height: 46px;background: var(--green-pale);border-radius: var(--radius);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.ci-icon i{color: var(--green);font-size: 1rem}.ci-title{font-size: 0.9375rem;font-weight: 700;color: var(--text);margin-bottom: 4px}.ci-val{font-size: 0.875rem;color: var(--text-sub)}.form-label{display: block;font-size: 0.875rem;font-weight: 600;color: var(--text);margin-bottom: 6px}.form-input,.form-select,.form-textarea{width: 100%;padding: 12px 16px;border: 1.5px solid var(--gray);border-radius: var(--radius);font-size: 0.9375rem;color: var(--text);background: var(--white);transition: var(--transition);outline: none;display: block}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color: var(--navy);box-shadow: 0 0 0 3px rgba(11,30,61,0.07)}.form-textarea{resize: vertical;min-height: 120px}.form-group{margin-bottom: 18px}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.trust-badges{display: flex;justify-content: center;gap: 36px;flex-wrap: wrap;padding: 40px 0;border-top: 1px solid var(--gray);border-bottom: 1px solid var(--gray)}.trust-badge{display: flex;align-items: center;gap: 10px;font-size: 0.875rem;font-weight: 500;color: var(--text-sub)}.trust-badge i{font-size: 1.375rem;color: var(--green)}.guarantee-box{background: var(--green-pale);border: 1px solid rgba(26,138,69,0.25);border-radius: var(--radius-xl);padding: 32px;display: flex;gap: 20px;align-items: flex-start}.guarantee-icon{width: 56px;height: 56px;background: var(--green);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.guarantee-icon i{color: var(--white);font-size: 1.375rem}.guarantee-box h4{font-size: 1.125rem;color: var(--green-dark);margin-bottom: 8px}.guarantee-box p{font-size: 0.875rem;color: var(--text-sub)}.animate-in{opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease,transform 0.5s ease;will-change: opacity,transform}.animate-in.visible{opacity: 1;transform: translateY(0);will-change: auto}.sticky-offer{position: fixed;bottom: 0;left: 0;right: 0;background: var(--navy);border-top: 3px solid var(--green);padding: 14px 0;z-index: 900;transform: translateY(100%);transition: transform 0.3s ease}.sticky-offer.show{transform: translateY(0)}.sticky-offer-inner{display: flex;justify-content: space-between;align-items: center;gap: 16px}.sticky-offer-text{color: var(--white);font-size: 0.9375rem;font-weight: 600}.sticky-offer-text span{color: #7EEAA6}.sticky-offer-right{display: flex;align-items: center;gap: 12px}.sticky-close{width: 28px;height: 28px;border-radius: 50%;background: rgba(255,255,255,0.1);color: rgba(255,255,255,0.7);display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 0.75rem;transition: var(--transition);flex-shrink: 0}.sticky-close:hover{background: rgba(255,255,255,0.2)}.team-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px}.team-card{background: var(--white);border: 1px solid var(--gray);border-radius: var(--radius-lg);overflow: hidden;transition: var(--transition);text-align: center}.team-card:hover{box-shadow: var(--shadow-md);border-color: var(--navy)}.team-photo{height: 180px;background: var(--gray-light);display: flex;align-items: center;justify-content: center}.team-photo i{font-size: 4rem;color: var(--navy)}.team-info{padding: 20px 16px}.team-info h4{font-size: 1rem;margin-bottom: 4px}.team-info .role{font-size: 0.8125rem;color: var(--green);font-weight: 600;margin-bottom: 8px}.team-info p{font-size: 0.8125rem}.values-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px}.value-card{background: var(--white);border: 1px solid var(--gray);border-radius: var(--radius-lg);padding: 28px;transition: var(--transition)}.value-card:hover{border-color: var(--navy);box-shadow: var(--shadow-sm)}.value-icon{width: 48px;height: 48px;background: var(--navy);border-radius: var(--radius);display: flex;align-items: center;justify-content: center;margin-bottom: 16px}.value-icon i{color: var(--white);font-size: 1.125rem}.value-card h4{margin-bottom: 10px}.milestones{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px}.milestone{text-align: center}.milestone-year{font-size: 1.0625rem;font-weight: 800;color: var(--green);margin-bottom: 6px}.milestone-title{font-size: 0.9375rem;font-weight: 700;color: var(--white);margin-bottom: 6px}.milestone-desc{font-size: 0.8125rem;color: rgba(255,255,255,0.6)}.ssl-types-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px}.ssl-type-card{background: var(--white);border: 2px solid var(--gray);border-radius: var(--radius-xl);padding: 32px 28px;text-align: center;transition: var(--transition);position: relative}.ssl-type-card.recommended{border-color: var(--green)}.ssl-type-card.recommended::before{content: 'Recommended';position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background: var(--green);color: var(--white);font-size: 0.6875rem;font-weight: 700;padding: 3px 14px;border-radius: 20px}.ssl-badge{width: 64px;height: 64px;background: var(--navy);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 16px}.ssl-badge i{color: var(--white);font-size: 1.5rem}.email-plans{display: grid;grid-template-columns: repeat(3,1fr);gap: 28px}@media (max-width: 1100px){.hosting-grid{grid-template-columns: repeat(2,1fr)}.info-grid{grid-template-columns: repeat(2,1fr)}.team-grid{grid-template-columns: repeat(2,1fr)}.milestones{grid-template-columns: repeat(2,1fr)}.footer-top{grid-template-columns: 1fr 1fr;gap: 32px}}@media (max-width: 900px){.carousel-slide .container{grid-template-columns: 1fr}.slide-visual{display: none}.features-grid{grid-template-columns: repeat(2,1fr)}.pricing-grid{grid-template-columns: 1fr;max-width: 420px;margin-left: auto;margin-right: auto}.testimonials-grid{grid-template-columns: 1fr}.why-grid{grid-template-columns: 1fr}.stats-grid{grid-template-columns: repeat(2,1fr)}.contact-wrap{grid-template-columns: 1fr}.page-hero-inner{grid-template-columns: 1fr}.hero-spec-panel{display: none}.ssl-types-grid{grid-template-columns: 1fr;max-width: 420px;margin: 0 auto}.values-grid{grid-template-columns: 1fr 1fr}.email-plans{grid-template-columns: 1fr;max-width: 420px;margin: 0 auto}}@media (max-width: 768px){.main-nav,.header-right{display: none}.nav-toggle{display: flex}.section{padding: 56px 0}.section-lg{padding: 72px 0}.hosting-grid{grid-template-columns: 1fr}.features-grid{grid-template-columns: 1fr}.footer-top{grid-template-columns: 1fr;gap: 28px}.footer-bottom{flex-direction: column;gap: 12px;text-align: center}.domain-form{flex-direction: column}.domain-form input{border-radius: var(--radius) var(--radius) 0 0}.domain-form select{border: none;border-top: 1px solid var(--gray);border-bottom: 1px solid var(--gray)}.domain-form .btn{border-radius: 0 0 var(--radius) var(--radius);width: 100%}.form-row{grid-template-columns: 1fr}.team-grid{grid-template-columns: 1fr 1fr}.values-grid{grid-template-columns: 1fr}.milestones{grid-template-columns: 1fr 1fr}.info-grid{grid-template-columns: 1fr 1fr}.why-visual{display: none}}@media (max-width: 480px){.stats-grid{grid-template-columns: 1fr 1fr}.team-grid{grid-template-columns: 1fr}.milestones{grid-template-columns: 1fr}.info-grid{grid-template-columns: 1fr}.pricing-grid{max-width: 100%}.partners-logos{gap: 24px}.trust-badges{flex-direction: column;align-items: flex-start;gap: 16px}.cta-btns{flex-direction: column}.slide-badges{flex-direction: column;gap: 8px}}.reading-progress{position: fixed;top: 0;left: 0;height: 3px;width: 0%;background: var(--green);z-index: 9999;pointer-events: none;transition: width 0.08s linear}.pricing-card:hover{transform: translateY(-5px)}.pricing-card.featured{transform: translateY(-5px)}.pricing-card.featured:hover{transform: translateY(-9px)}.btn-green:hover,.btn-navy:hover,.btn-white:hover{transform: translateY(-1px);box-shadow: var(--shadow-md)}.btn-xl:hover{transform: translateY(-2px)}.back-to-top{position: fixed;right: 24px;width: 44px;height: 44px;background: var(--navy);color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.875rem;cursor: pointer;box-shadow: var(--shadow-lg);opacity: 0;pointer-events: none;transition: opacity 0.28s ease,background 0.2s ease,bottom 0.3s ease;z-index: 810}.back-to-top.visible{opacity: 1;pointer-events: auto}.back-to-top:hover{background: var(--green)}.chat-widget{position: fixed;right: 24px;z-index: 950;transition: bottom 0.3s ease}.chat-btn{width: 56px;height: 56px;background: var(--green);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 1.375rem;cursor: pointer;box-shadow: var(--shadow-xl);transition: background 0.2s ease,transform 0.22s ease;position: relative;margin-left: auto}.chat-btn:hover{background: var(--green-dark);transform: scale(1.07)}.chat-badge{position: absolute;top: -3px;right: -3px;width: 20px;height: 20px;background: var(--amber);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.625rem;font-weight: 800;color: var(--white);border: 2px solid var(--white)}.chat-panel{position: absolute;bottom: 68px;right: 0;width: 300px;background: var(--white);border-radius: var(--radius-xl);box-shadow: var(--shadow-xl);overflow: hidden;transform-origin: bottom right;transform: scale(0.9) translateY(12px);opacity: 0;visibility: hidden;transition: opacity 0.22s ease,transform 0.22s ease,visibility 0s linear 0.22s}.chat-panel.open{opacity: 1;visibility: visible;transform: scale(1) translateY(0);transition: opacity 0.22s ease,transform 0.22s ease}.chat-ph{background: var(--navy);padding: 16px 18px;display: flex;align-items: center;gap: 12px}.chat-ph-av{width: 38px;height: 38px;background: var(--green);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.chat-ph-av i{color: var(--white);font-size: 0.9375rem}.chat-ph-info{flex: 1}.chat-ph-name{color: var(--white);font-size: 0.9375rem;font-weight: 700}.chat-ph-status{font-size: 0.6875rem;color: rgba(255,255,255,0.65);display: flex;align-items: center;gap: 5px;margin-top: 2px}.chat-status-dot{width: 6px;height: 6px;background: #5DD08F;border-radius: 50%;flex-shrink: 0}.chat-ph-x{background: none;color: rgba(255,255,255,0.5);font-size: 0.9375rem;cursor: pointer;padding: 4px;transition: color 0.2s ease}.chat-ph-x:hover{color: var(--white)}.chat-pb{padding: 18px}.chat-bubble{background: var(--off-white);border-radius: 0 10px 10px 10px;padding: 11px 14px;font-size: 0.875rem;color: var(--text-sub);line-height: 1.6;margin-bottom: 14px}.chat-opts{display: flex;flex-direction: column;gap: 7px}.chat-opt{width: 100%;padding: 9px 13px;background: var(--white);border: 1.5px solid var(--gray);border-radius: var(--radius);font-size: 0.8125rem;font-weight: 600;color: var(--navy);text-align: left;cursor: pointer;transition: var(--transition)}.chat-opt:hover{border-color: var(--green);color: var(--green);background: var(--green-pale)}.chat-pf{display: flex;gap: 8px;padding: 10px 14px;border-top: 1px solid var(--gray)}.chat-input{flex: 1;padding: 8px 12px;border: 1.5px solid var(--gray);border-radius: var(--radius);font-size: 0.8125rem;outline: none;transition: border-color 0.2s ease;font-family: inherit}.chat-input:focus{border-color: var(--navy)}.chat-send{width: 34px;height: 34px;background: var(--green);border-radius: var(--radius);display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 0.8125rem;cursor: pointer;transition: background 0.2s ease;flex-shrink: 0}.chat-send:hover{background: var(--green-dark)}.cookie-bar{position: fixed;bottom: 0;left: 0;right: 0;background: var(--navy);border-top: 3px solid var(--green);padding: 14px 0;z-index: 1050;transform: translateY(100%);transition: transform 0.4s ease}.cookie-bar.show{transform: translateY(0)}.cookie-inner{display: flex;align-items: center;gap: 20px;flex-wrap: wrap}.cookie-text{color: rgba(255,255,255,0.8);font-size: 0.8125rem;flex: 1;min-width: 200px;line-height: 1.65}.cookie-text a{color: var(--green);text-decoration: underline}.cookie-btns{display: flex;gap: 10px;flex-shrink: 0}@media (max-width: 480px){.chat-panel{width: calc(100vw - 32px);right: 0}.cookie-inner{flex-direction: column;align-items: flex-start}}