*{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body{font-family:'Poppins', sans-serif;color:#2c3e50; background-color:#ffffff;line-height:1.6;} :root{ --navy:#1a2744;--navy-dark:#1a3c5a;--yellow:#edd25f;--green:#25d366;--green-hover:#1fb855; --red:#ef4444;--red-hover:#f12929;--teal:#edd25f;--white:#ffffff;--gray-light:#f1f5f9;--gray-muted:#64748b;--red:#ef4444; --green-check:#22c55e;--text-primary:#2c3e50;}  .container-custom{max-width:90%;margin:0 auto;padding:0 1.5rem;} #custom-text{max-width:1200px;margin:20px;padding:0 1.5rem;} @media (min-width:768px){.container-custom{padding:0 2rem;}} @media (min-width:1024px){.container-custom{padding:0 3rem;}}  .section-white{background-color:var(--white);padding:3rem 0;} .section-navy{background-color:var(--navy);padding:3rem 0;} .section-navy-dark{background-color:var(--navy-dark);padding:3rem 0;} .section-white-clients{background-color:var(--white);padding:3rem 0 3rem 0;} .border-top{border-top:1px solid #e2e8f0;} @media (min-width:768px){.section-white, .section-navy, .section-navy-dark, .section-white-clients{padding:4rem 0;}} @media (min-width:1024px){.section-white, .section-navy, .section-navy-dark{padding:5rem 0;} .section-white-clients{padding:4rem 0 4rem 0;}}  .section-divider{height:1px;background:linear-gradient(to right, transparent, #e2e8f0, transparent);margin:3rem 0;} .section-divider-navy{height:1px;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);margin:3rem 0;} @media (min-width:768px){.section-divider, .section-divider-navy{margin:4rem 0;}}  .hero-section{background-image:linear-gradient(to right, rgba(26, 39, 68, 0.92), rgba(26, 39, 68, 0.7)), url('../public/img/server/bulk/banner.png');background-size:cover;background-position:center;min-height:450px;display:flex;align-items:center;padding:3rem 0;width:100%;} @media (min-width:768px){.hero-section{min-height:500px;background-attachment:fixed;padding:4rem 0;}} @media (min-width:1024px){.hero-section{min-height:600px;}}  .hero-content{margin-top:5%;margin-left:5%;max-width:95%;animation:fadeInUp 0.6s ease-out;} @media (min-width:768px){.hero-content{margin-top:6%;margin-left:5%;max-width:85%;}} @media (min-width:1024px){.hero-content{margin-top:7%;margin-left:10%;max-width:1100px;}} @media (min-width:1280px){.hero-content{margin-left:10%;max-width:1100px;}}  .hero-content h2{font-size:1.75rem;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:1.25rem;} @media (min-width:768px){.hero-content h2{font-size:2.75rem; line-height:1.25;margin-bottom:1.5rem;}} @media (min-width:1024px){.hero-content h2{font-size:3.75rem; line-height:1.2;margin-bottom:1.75rem;}} @media (min-width:1280px){.hero-content h2{font-size:3.3rem;}}  .hero-content p{color:rgba(255, 255, 255, 0.9);font-size:0.95rem;margin-bottom:1.5rem;max-width:100%;line-height:1.7;} @media (min-width:768px){.hero-content p{font-size:1.1rem; max-width:700px; line-height:1.75;margin-bottom:1.75rem;}} @media (min-width:1024px){.hero-content p{font-size:1.25rem; max-width:800px; line-height:1.8;margin-bottom:2rem;}} @media (min-width:1280px){.hero-content p{font-size:1.3rem;max-width:850px;}} .highlight{color:var(--yellow);font-weight:700;} .highlight-text{color:var(--yellow);font-weight:600;} .highlight-navy{color:var(--navy);font-weight:600;}  .highlight-red{color:var(--red);font-weight:600;font-size:0.9em;} .highlight-green-bold{color:var(--green);font-weight:700;}   .btn-green{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background-color:var(--green);color:var(--white);font-weight:600;padding:0.75rem 1.25rem;border-radius:0.375rem;text-decoration:none;transition:all 0.3s ease;font-size:0.9rem;box-shadow:0 2px 4px rgba(37, 211, 102, 0.2);} .btn-green:hover{background-color:var(--green-hover);transform:translateY(-2px);box-shadow:0 4px 8px rgba(37, 211, 102, 0.3);color:var(--white);} .btn-green:active{transform:translateY(0);box-shadow:0 2px 4px rgba(37, 211, 102, 0.2);} @media (min-width:768px){.btn-green{padding:0.75rem 1.5rem;font-size:1rem;}} .btn-red{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background-color:var(--red);color:var(--white);font-weight:600;padding:0.75rem 1.25rem;border-radius:0.375rem;text-decoration:none;transition:all 0.3s ease;font-size:0.9rem;box-shadow:0 2px 4px rgba(37, 211, 102, 0.2);} .btn-red:hover{background-color:var(--red-hover);transform:translateY(-2px);box-shadow:0 4px 8px rgba(37, 211, 102, 0.3);color:var(--white);} .btn-red:active{transform:translateY(0);box-shadow:0 2px 4px rgba(37, 211, 102, 0.2);} @media (min-width:768px){.btn-red{padding:0.75rem 1.5rem;font-size:1rem;}}  .two-column{display:flex;flex-direction:column;gap:1.5rem;align-items:center;} @media (min-width:768px){.two-column{flex-direction:row;gap:2rem;align-items:center;}} @media (min-width:1024px){.two-column{gap:3rem;}} .column{width:100%;} @media (min-width:768px){.column{flex:1;} .column-image{flex:0 0 40%;max-width:400px;} .column-content{flex:1;}}  @media (min-width:768px){.two-column-reverse{flex-direction:row-reverse;}} .section-image{width:100%;max-width:100%;height:auto;border-radius:0.5rem;box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);object-fit:cover;} @media (min-width:768px){.section-image{max-width:400px;}}  .section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;line-height:1.3;} @media (min-width:768px){.section-title{font-size:1.75rem;margin-bottom:1.5rem;}} @media (min-width:1024px){.section-title{font-size:3rem;}} .section-title-center{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:2rem;line-height:1.3;color:var(--text-primary);} @media (min-width:768px){.section-title-center{font-size:2.25rem;margin-bottom:2.5rem;}} @media (min-width:1024px){.section-title-center{font-size:3rem;}} .section-title-center-large{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1rem;line-height:1.3;color:var(--text-primary);} @media (min-width:768px){.section-title-center-large{font-size:2.5rem;}} @media (min-width:1024px){.section-title-center-large{font-size:3rem;}} .section-title.text-white, .section-title-center.text-white{color:var(--white);} .text-teal{color:var(--teal);} .text-white{color:var(--white);}  .problem-list{margin-bottom:1.5rem;} .problem-item{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.875rem;margin-bottom:0.75rem;color:var(--text-primary);} @media (min-width:768px){.problem-item{font-size:0.95rem;}} .icon-x{color:var(--red);font-weight:700;flex-shrink:0;}  .solution-list{margin-bottom:1.5rem;}  .solution-item{display:flex;align-items:center;gap:0.5rem;font-size:1rem; margin-bottom:0.5rem;color:var(--text-primary);} .solution-item-white{color:var(--white);} @media (min-width:768px){.solution-item{font-size:1.15rem;}} @media (min-width:1024px){.solution-item{font-size:1.25rem;}} .icon-check{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;background-color:var(--green-check);color:var(--white);border-radius:0.125rem;font-size:0.75rem;font-weight:700;flex-shrink:0;}  .text-muted{color:var(--gray-muted);font-size:0.875rem;margin-bottom:1.5rem;}  .text-muted-white{color:rgba(255, 255, 255, 0.8);font-size:1rem; margin-bottom:1.5rem;} @media (min-width:768px){.text-muted-white{font-size:1.1rem;}} @media (min-width:1024px){.text-muted-white{font-size:1.2rem;}} .text-muted-large{color:var(--gray-muted);font-size:1rem;margin-bottom:2rem;} @media (min-width:768px){.text-muted, .text-muted-large{font-size:0.95rem;} .text-muted-large{font-size:1.1rem;margin-bottom:2.5rem;}} @media (min-width:1024px){.text-muted-large{font-size:1.2rem;}} .text-center{text-align:center;}  .reasons-list-white{max-width:800px;margin:0 auto 2rem;} @media (min-width:768px){.reasons-list-white{margin-bottom:2.5rem;}} .reason-item-white{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:1rem;} .reason-number-white{color:var(--navy);font-weight:600;flex-shrink:0;}  .reason-item-white p{color:var(--text-primary);font-size:1rem; line-height:1.6;} @media (min-width:768px){.reason-item-white p{font-size:1.1rem;}} @media (min-width:1024px){.reason-item-white p{font-size:1.2rem;}}  .steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2.5rem;} @media (min-width:768px){.steps-container{gap:3rem;margin-bottom:3rem;}} @media (min-width:1024px){.steps-container{gap:4rem;margin-bottom:3.5rem;}} .step-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 calc(33.333% - 2rem);min-width:140px;max-width:200px;} @media (max-width:767px){.step-item{flex:0 0 calc(33.333% - 1.5rem);min-width:100px;}} .step-icon{width:5rem;height:5rem;border-radius:50%;background-color:var(--gray-light);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;} @media (min-width:768px){.step-icon{width:5.5rem;height:5.5rem;}} @media (min-width:1024px){.step-icon{width:6rem;height:6rem;}} .step-icon-navy{background-color:rgba(255, 255, 255, 0.15);} .step-icon svg{color:var(--navy);width:40px;height:40px;} @media (min-width:768px){.step-icon svg{width:44px;height:44px;}} @media (min-width:1024px){.step-icon svg{width:48px;height:48px;}} .step-icon-navy svg{color:var(--white);} .step-title{font-weight:600;font-size:1rem;} @media (min-width:768px){.step-title{font-size:1.1rem;}} @media (min-width:1024px){.step-title{font-size:1.2rem;}}  .stats-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin-bottom:2.5rem;} @media (min-width:768px){.stats-grid{grid-template-columns:repeat(4, 1fr);margin-bottom:3rem;}} .stat-item{text-align:center;} .stat-value{font-size:2.5rem;font-weight:700;color:var(--navy);} @media (min-width:768px){.stat-value{font-size:3rem;}} @media (min-width:1024px){.stat-value{font-size:3.5rem;}} .stat-label{color:var(--gray-muted);font-weight:bold;font-size:0.875rem;} @media (min-width:768px){.stat-label{font-size:0.95rem;}} @media (min-width:1024px){.stat-label{font-size:1rem;}}  .clients-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;align-items:center;} @media (min-width:768px){.clients-logos{gap:2rem;}} .client-logo{height:80px;opacity:0.7;transition:all 0.3s ease;object-fit:contain;} @media (min-width:768px){.client-logo{height:55px;}} @media (min-width:1024px){.client-logo{height:80px;}} .client-logo:hover{opacity:1;transform:scale(1.1);}  .cta-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;} @media (min-width:768px){.cta-container{flex-direction:row;justify-content:space-between;gap:2rem;}} .cta-content{width:60%;text-align:center;} @media (min-width:768px){.cta-content{text-align:left;}} .cta-title-navy{font-size:1.5rem;font-weight:700;color:var(--navy);margin-bottom:1rem;line-height:1.3;} @media (min-width:768px){.cta-title-navy{font-size:1.75rem;}} @media (min-width:1024px){.cta-title-navy{font-size:2.5rem;}} .cta-text-navy{color:var(--gray-muted);font-size:0.875rem;margin-bottom:1.5rem;} @media (min-width:768px){.cta-text-navy{font-size:0.95rem;}} .cta-mascot{width:25rem;height:auto;margin-right:0px;} @media (min-width:768px){.cta-mascot{width:12rem;}} @media (min-width:1024px){.cta-mascot{width:14rem;}} .cta-mascot img{width:300px;height:auto;border-radius:0.5rem;}  @keyframes fadeInUp{from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:translateY(0);}}   .column-content .btn-green{margin-top:1rem;}