/* Hero Section */
/* .hero-section-bg{background-image:url('/customer/images/trusted-upgrade-bg.webp');background-repeat:no-repeat;background-position: bottom;height: 700px;background-size:auto 100%;position: relative;overflow:hidden;}
.hero-section{text-align:center;padding:30px 0 0;position:relative;}
.hero-section *{color: #fff;font-weight: bold;}
.hero-section h2{font-size: 28px;margin: 10px 0 0;}
.hero-section h1{font-size: 48px;margin: 0;font-weight: bold;}
.hero-section .hero-description{font-size:22px;}
.hero-section a{display: block;width: fit-content;margin: 30px auto 0;}
.hero-img{position: absolute;top: 200px;right: 180px;z-index: 10;animation:flyingCat 4s ease-in-out infinite;}
.hero-img img{display: block;width: 500px;} */

.hero-section-bg{background-image:url('/customer/images/trusted-upgrade-bg.webp');background-repeat:repeat-x;background-position:top center;height: 900px;background-size:auto 100%;overflow:hidden;}
.hero-section-bg .max-width{position: relative;}
.hero-section{text-align:center;padding:50px 0 0;position:relative;}
.hero-section *{color: #fff;}
.hero-section h2{font-size: 32px;}
.hero-section h1{font-size: 52px;margin: 10px 0;font-weight: bold;}
.hero-section .hero-description{font-size:25px;}
.hero-section a{display: block;width: fit-content;margin: 30px auto 0;}
.hero-img{position: absolute;top: 235px;right: 60px;z-index: 10;animation:flyingCat 4s ease-in-out infinite;}
.hero-img img{display: block;width: 600px;}

@keyframes flyingCat{
0%{transform:translateY(0px) translateX(0px) rotate(-15deg);}
25%{transform:translateY(-25px) translateX(15px) rotate(-12deg);}
50%{transform:translateY(-10px) translateX(-15px) rotate(-18deg);}
75%{transform:translateY(-30px) translateX(10px) rotate(-13deg);}
100%{transform:translateY(0px) translateX(0px) rotate(-15deg);}
}

/* Features Grid */
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0;}
.feature-item{background:#ffffff;padding:20px;text-align:center;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.feature-item h3{font-size:16px;color:#000000;font-weight:bold;margin:10px 0;}
.feature-item p{font-size:14px;color:#666666;margin:0;}
.feature-icon{font-size:30px;margin-bottom:10px;}

.feature-section .feature-item{box-shadow: none;}
.feature-section .features-grid{margin-bottom: 0;grid-template-columns: repeat(3,1fr);}

/* Callout Box */
.callout-box{background:#ffffff;text-align:center;}
.callout-box p{font-size:14px;color:#000;margin:0;}

/* Comparison Table */
.comparison-table{background:#ffffff;overflow:hidden;margin:30px 0 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr;background:#f1f1f1;}
.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:1px solid #ccc;}
.comparison-row:last-child{border-bottom:none;}
.comparison-cell{padding:10px 0;text-align:center;font-size:14px;color:#000000;display:flex;align-items:center;justify-content:center;}
.comparison-header .comparison-cell{font-weight:bold;background:#000;color: #fff;}
.icann-badge{display:flex;align-items:center;gap:5px;justify-content:center;}

/* Testimonials Grid */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 0;}
.testimonial-item{background:#fff;padding:20px;display:flex;flex-direction:column;}
.testimonial-avatar{display:flex;align-items:center;gap:15px;margin-bottom:20px;}
.avatar-circle{width:60px;height:60px;border-radius:50%;background:#FF3500;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;flex-shrink:0;}
.testimonial-author{font-size:14px;color:#000000;text-align:left;}
.testimonial-author strong{display:block;margin-bottom:3px;font-size:16px;}
.testimonial-author span{color:#666666;font-size:12px;display:block;}
.testimonial-content{flex:1;text-align:left;}
.testimonial-content p{font-size:14px;color:#666666;margin:0;font-style:italic;line-height:1.6;}
.testimonial-author{font-size:14px;color:#000000;}

/* CTA Section */
.cta-section{text-align:center;color:#fff;}
.cta-section .cta-box{padding: 0 0 30px;}
.cta-section h2{margin-bottom:30px;color:#fff;font-size:28px;line-height:1.4;max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:30px;}
.cta-section a{display:block;margin:0 auto;width:fit-content;background:#ff3500;color:#fff;transition:all 0.3s ease;font-size:20px;padding:0 20px;height:55px;line-height:55px;width: 30%;}
.cta-section a:hover{background:#e62f00;color:#fff;transform:translateY(-2px);}

/* Upgrade Notice */
.upgrade-notice{text-align:center;margin-top: 60px;}
.upgrade-notice .upgrade-notice-title{font-size:32px;color:#000000;margin-bottom: 10px;}
.upgrade-notice-text{font-size:16px;color:#000000;margin:0;}
/* .upgrade-notice-text:first-child{margin-bottom: 5px;} */

/* Upgrade Details Section */
.upgrade-details-section{padding:60px 0 !important;}
.upgrade-block{display:flex;align-items:center;gap:20px;justify-content: space-between;margin-bottom: 100px;}
.upgrade-block:last-child{margin-bottom:0;}
.upgrade-block.reverse{flex-direction:row-reverse;}

.upgrade-content{flex: 1;}
.upgrade-content h2{line-height:1.2;text-align: left;margin-bottom: 50px;font-size: 36px;}
.upgrade-content h2 .highlight-word{font-size: 64px;}
.upgrade-list{list-style:none;padding:0;margin:0;}
.upgrade-list li{font-size:16px;color:#333;margin-bottom:10px;line-height:1.5;padding-left:0;text-align: left;}
.upgrade-list li .upgrade-note {display: block;color: #666;}
.upgrade-list li a{color: #ff3500;}
.upgrade-list li a:hover{text-decoration: underline;}
.upgrade-note{font-size:16px;color:#666;font-style:italic;}

.upgrade-image{text-align:center;width: 400px;background: url("/index/images/20251222/upgrade-bg.webp") no-repeat 0 0;background-size: auto 100%;background-position: center;}
.upgrade-image img{width:auto;height:250px;margin-bottom: 20px;}

/* Mobile Responsive */
@media screen and (max-width:768px){
    .hero-section-bg{background-position:center bottom;background-size:cover;height:auto;min-height: fit-content;}
    .hero-section{padding:20px 0}
    .hero-section h2{font-size:18px;}
    .hero-section h1{font-size:24px;margin: 5px 0;}
    .hero-section .hero-description{font-size: 14px;}
    .hero-section a{margin-top: 20px;}
    .hero-img{position:static;animation:none;text-align:center;margin:0;}
    .hero-img img{width:auto;margin: 0 auto;height: 150px;}

    .features-grid{grid-template-columns:1fr;gap:10px;margin:20px 0 0;}
    .feature-section .features-grid{grid-template-columns:1fr;}
    .feature-item{padding:15px;}
    .feature-item h3{font-size:14px;}
    .feature-item p{font-size:12px;}
    .feature-icon{font-size:24px;}

    .callout-box{margin:20px 0 0;}
    .callout-box p{font-size:12px;}
    .comparison-table{margin:20px 0 0;}
    .comparison-header{grid-template-columns:2fr 1fr 1fr;}
    .comparison-row{grid-template-columns:2fr 1fr 1fr;}
    .comparison-cell{padding:5px 0;font-size:11px;}
    .comparison-header .comparison-cell{font-size:12px;}

    .testimonials-grid{grid-template-columns:1fr;gap:10px;margin:20px 0 0;}
    .testimonial-item{padding:15px;}
    .testimonial-avatar{margin-bottom:10px;}
    .avatar-circle{width:40px;height:40px;font-size:20px;margin-bottom:8px;}
    .testimonial-author{font-size:12px;}
    .testimonial-author strong{font-size:14px;margin-bottom:2px;}
    .testimonial-author span{font-size:11px;}
    .testimonial-content p{font-size:12px;}

    .cta-section{padding: 0 10px 20px;height: auto;}
    .cta-section .cta-box{padding: 0;}
    .cta-section h2{font-size:18px;margin-bottom:10px;}
    .cta-section a{font-size:12px;padding:0 15px;height:35px;line-height:35px;width: fit-content;}
    .icann-badge{font-size:11px;}
    .icann-badge img{height:16px;}

    .upgrade-details-section{padding:20px 0 !important;}
    .upgrade-notice{margin-top: 20px;}
    .upgrade-notice .upgrade-notice-title{font-size: 18px;margin-bottom: 5px;}
    .upgrade-notice-text{font-size: 14px;}
    .upgrade-block{flex-direction:column;gap:10px;margin-bottom:10px;text-align:center;}
    .upgrade-block.reverse{flex-direction:column;}
    .upgrade-block .upgrade-image{order:1;width: 100%;}
    .upgrade-block .upgrade-content{order:2;}
    .upgrade-content{padding:0;width: 100%;}
    .upgrade-content h2{margin-bottom:10px;font-size: 16px;}
    .upgrade-content h2 .highlight-word{font-size: 22px;}
    .upgrade-list li{font-size:14px;}
    .upgrade-note{font-size:14px;margin-top:15px;}
    .upgrade-image img{width: auto;height: 150px;}
    .upgrade-block:last-child .upgrade-list li:last-child{margin-bottom: 0;}
}