*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Inter,sans-serif;
    background:#050505;
}

/* HEADER */

.header{
    padding:20px;
}

.navbar{
    max-width:1400px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

    background:#090909;

    border-radius:70px;

    padding:22px 35px;

    box-shadow:
    0 0 40px rgba(0,255,85,.35);
}

/* LOGO */

.logo{
    color:#fff;
    text-decoration:none;
    font-size:40px;
    font-weight:800;
    letter-spacing:1px;
    max-width:100px;
    height:auto;
    display:flex;
    align-items:center;
}

.logo img{
    max-width:100%;
    height:auto;
    object-fit:contain;
}

/* DESKTOP NAV */

.desktop-nav{
    display:flex;
    align-items:center;
    gap:55px;
}

.desktop-nav a,
.drop-btn{
    color:#fff;
    text-decoration:none;
    background:none;
    border:none;
    font-size:22px;
    font-weight:600;
    cursor:pointer;
}

.dropdown{
    position:relative;
}

.drop-btn span{
    color:#4382DF;
    margin-left:8px;
}

.dropdown-menu{
    position:absolute;
    top:60px;
    left:0;

    width:280px;

    background:#121212;
    border-radius:15px;

    padding:15px 0;

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:.3s;
    
    z-index:1001;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.dropdown-menu a{
    display:block;
    padding:14px 25px;
    font-size:17px;
}

.dropdown-menu a:hover{
    background:#1b1b1b;
}

/* CTA */

.cta-btn{
    background:#4382DF;
    color:#000;

    text-decoration:none;

    padding:20px 42px;

    border-radius:50px;

    font-size:20px;
    font-weight:700;

    transition:.3s;
}

.cta-btn:hover{
    transform:translateY(-2px);
}

/* MOBILE MENU BUTTON */

.menu-btn{
    display:none;

    width:58px;
    height:58px;

    border:none;
    border-radius:50%;

    background:#4382DF;

    font-size:26px;
    cursor:pointer;
}

/* SIDEBAR */

.sidebar{
    position:fixed;

    top:0;
    left:-100%;

    width:320px;
    height:100vh;

    background:#2d2d2d;

    padding:30px;

    transition:.35s ease;

    z-index:1000;
}

.sidebar.active{
    left:0;
}

.sidebar-top{
    display:flex;
    justify-content:flex-end;
    margin-bottom:40px;
}

.close-btn{
    width:48px;
    height:48px;

    border:none;

    background:#4382DF;

    font-size:24px;
    font-weight:700;

    cursor:pointer;
}

.sidebar a{
    display:block;

    color:#fff;

    text-decoration:none;

    margin:22px 0;

    font-size:26px;
    font-weight:700;
}

/* MOBILE DROPDOWN */

.mobile-drop-btn{
    width:100%;

    display:flex;
    justify-content:space-between;
    align-items:center;

    background:none;
    border:none;

    color:#fff;

    font-size:26px;
    font-weight:700;

    cursor:pointer;

    margin-top:20px;
}

.mobile-drop-btn span{
    color:#4382DF;
}

.mobile-submenu{
    display:none;
    padding-left:18px;
}

.mobile-submenu.active{
    display:block;
}

.mobile-submenu a{
    font-size:18px;
    margin:16px 0;
}

/* OVERLAY */

.overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;
    visibility:hidden;

    transition:.3s;

    z-index:999;
}

.overlay.active{
    opacity:1;
    visibility:visible;
}

/* RESPONSIVE */

@media(max-width:991px){

    .desktop-nav{
        display:none;
    }

    .menu-btn{
        display:block;
    }

    .logo{
        font-size:24px;
        max-width:80px;
    }

    .navbar{
        padding:18px 22px;
    }

    .cta-btn{
        padding:15px 30px;
        font-size:16px;
    }
}

@media(max-width:576px){

    .navbar{
        gap:15px;
    }

    .logo{
        font-size:18px;
        max-width:60px;
    }

    .cta-btn{
        padding:14px 24px;
        font-size:15px;
    }

    .sidebar{
        width:100%;
    }
}

:root{
    --green:#4382DF;
    --black:#060606;
    --white:#ffffff;
}

/* HERO */

.hero{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;

    min-height:700px;

    background:#050505;

    overflow:hidden;

    padding:80px 5%;
}

/* Glow Top */

.hero::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:var(--green);

    box-shadow:0 0 25px var(--green);
}

/* CONTENT */

.hero-content{
    max-width:950px;
    z-index:2;
}

.hero-tag{
    display:inline-block;

    color:#fff;

    font-size:18px;
    font-weight:700;

    margin-bottom:20px;
}

.hero-title{
    color:#fff;

    font-size:32px;
    font-weight:800;

    line-height:1.05;

    margin-bottom:30px;
}

.hero-title span{
    color:var(--green);
}

.hero-description{
    max-width:900px;

    color:#f1f1f1;

    font-size:18px;
    line-height:1.7;

    margin-bottom:45px;
}

/* OFFER BAR */

.hero-offer{
    width:100%;

    border:2px solid var(--green);

    border-radius:100px;

    padding:22px 40px;

    font-size:18px;
    font-weight:800;

    color:#fff;

    text-align:center;

    margin-bottom:40px;
}

.hero-offer span{
    color:var(--green);
}

/* BUTTONS */

.hero-buttons{
    display:flex;
    gap:25px;
}

.btn-primary{
    background:var(--green);

    color:#000;

    text-decoration:none;

    padding:22px 50px;

    border-radius:60px;

    font-size:18px;
    font-weight:700;

    transition:.3s;
}

.btn-primary:hover{
    transform:translateY(-3px);
}

.btn-secondary{
    background:#fff;

    color:#000;

    text-decoration:none;

    padding:22px 50px;

    border-radius:60px;

    font-size:18px;
    font-weight:700;
}

/* IMAGE */

.hero-image{
    position:absolute;

    right:0;
    bottom:0;

    height:100%;
    width:auto;
}

.hero-image img{
    height:100%;
    max-height:750px;
    width:auto;
    object-fit:contain;
}

/* LAPTOP */

@media(max-width:1400px){

    .hero-title{
        font-size:32px;
    }

    .hero-offer{
        font-size:18px;
    }

    .hero-image img{
        max-height:650px;
    }
}

/* TABLET */

@media(max-width:992px){

    .hero{
        min-height:auto;

        text-align:center;

        padding:70px 25px;
    }

    .hero-image{
        opacity:.25;
    }

    .hero-title{
        font: size 18px;
    }

    .hero-description{
        font-size:18px;
    }

    .hero-offer{
        font-size:18px;
        padding:18px 20px;
    }

    .hero-buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .btn-primary,
    .btn-secondary{
        font-size:18px;
    }
}

/* MOBILE */

@media(max-width:768px){

    .hero{
        padding:60px 20px;
    }

    .hero-tag{
        font-size:18px;
    }

    .hero-title{
        font-size:18px;
        line-height:1.15;
    }

    .hero-description{
        font-size:18px;
        line-height:1.6;
    }

    .hero-offer{
        font-size:18px;
        line-height:1.4;
    }

    .hero-buttons{
        flex-direction:column;
        align-items:center;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        max-width:320px;

        text-align:center;

        padding:18px;
        font-size:18px;
    }

    .hero-image{
        opacity:.18;
    }
}

/* SMALL MOBILE */

@media(max-width:480px){

    .hero-title{
        font-size:18px;
    }

    .hero-description{
        font-size:16px;
    }

    .hero-offer{
        font-size:18px;
        padding:15px;
    }
}

/* SECTION */

.about-section{
    padding:100px 20px;
    background:#050505;
}

.about-container{
    max-width:1280px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:80px;
}

@media(max-width:1200px){
    .about-container{
        gap:60px;
    }
}

/* LEFT */

.about-content{
    max-width:560px;
}

.section-tag{
    display:flex;
    align-items:center;
    gap:12px;

    color:var(--green);

    font-size:clamp(16px,2vw,18px);
    font-weight:700;

    margin-bottom:25px;
}

.tag-circle{
    width:16px;
    height:16px;

    border:2px solid var(--green);
    border-radius:50%;
}

.about-content h2{
    color:#fff;

    font-size:clamp(24px,4vw,32px);

    line-height:1.25;
    font-weight:800;

    margin-bottom:24px;
}

.about-content p{
    color:#fff;

    font-size:clamp(16px,2vw,18px);

    line-height:1.8;

    margin-bottom:35px;
}

/* BUTTON */

.about-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:180px;
    height:56px;

    background:var(--green);
    color:#000;

    border-radius:999px;

    text-decoration:none;

    font-size:18px;
    font-weight:700;

    transition:.3s;
}

.about-btn:hover{
    transform:translateY(-3px);
}

/* IMAGE AREA */

.about-image-wrapper{
    position:relative;
}

.about-image-wrapper img{
    width:100%;
    display:block;

    border-radius:28px;

    object-fit:cover;
}

/* CARD */

.traffic-card{
    position:absolute;

    left:-40px;
    bottom:-50px;

    width:120px;

    background:linear-gradient(135deg, rgba(23,241,75,.05) 0%, rgba(23,241,75,.02) 100%);

    border:1px solid rgba(23,241,75,.2);

    border-radius:20px;

    padding:30px 25px;

    backdrop-filter:blur(16px);

    box-shadow:
    0 20px 50px rgba(0,0,0,.5),
    0 0 20px rgba(23,241,75,.1);

    transition:.3s ease;
}

.traffic-card:hover{
    border-color:rgba(23,241,75,.4);
    box-shadow:
    0 25px 60px rgba(0,0,0,.6),
    0 0 30px rgba(23,241,75,.2);
}

.traffic-icon{
    width:55px;
    height:55px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(23,241,75,.1);

    border-radius:14px;

    margin-bottom:20px;

    font-size:28px;
    color:var(--green);

    transition:.3s ease;
}

.traffic-card:hover .traffic-icon{
    background:rgba(23,241,75,.15);
    transform:translateY(-3px);
}

.traffic-label{
    display:block;

    color:#ccc;

    font-size:clamp(14px,2vw,16px);
    font-weight:500;

    margin-bottom:12px;

    letter-spacing:.5px;
}

.traffic-card h3{
    color:#fff;

    font-size:clamp(36px,6vw,48px);
    font-weight:800;

    margin-bottom:8px;

    letter-spacing:-1px;
}

.traffic-growth{
    display:flex;
    align-items:center;
    gap:8px;

    color:var(--green);

    font-size:clamp(14px,2vw,16px);
    font-weight:700;
}

.traffic-growth i{
    font-size:clamp(12px,2vw,14px);
}

.traffic-growth span{
    display:inline;
    
}

.traffic-growth{
    color:var(--green);

    font-size:24px;
    font-weight:700;
}

/* TABLET */

@media(max-width:1024px){
    .about-container{
        gap:50px;
    }

    .about-content h2{
        font-size:clamp(22px,4vw,28px);
    }
}

@media(max-width:991px){

    .about-section{
        padding:80px 20px;
    }

    .about-container{
        grid-template-columns:1fr;
        gap:60px;
    }

    .about-content{
        max-width:100%;
    }

    .about-image-wrapper{
        max-width:700px;
        margin:0 auto;
    }

    .traffic-card{
        left:20px;
        bottom:-40px;
    }

    .about-btn{
        min-width:160px;
        height:52px;
        font-size:16px;
    }
}

/* MOBILE */

@media(max-width:768px){

    .about-section{
        padding:70px 15px;
    }

    .about-container{
        gap:50px;
    }

    .about-content h2{
        font-size:clamp(20px,5vw,26px);
        margin-bottom:20px;
    }

    .about-content p{
        font-size:clamp(15px,2.5vw,16px);
        margin-bottom:30px;
    }

    .section-tag{
        font-size:clamp(14px,2vw,16px);
        margin-bottom:20px;
    }

    .about-btn{
        min-width:150px;
        height:50px;
        font-size:15px;
    }

    .traffic-card{
        width:100px;

        left:10px;
        bottom:-30px;

        padding:25px 20px;
    }

    .traffic-card h3{
        font-size:clamp(32px,5vw,38px);
    }

    .traffic-growth{
        font-size:clamp(14px,2vw,16px);
    }

    .traffic-icon{
        width:48px;
        height:48px;
        font-size:24px;
        margin-bottom:16px;
    }
}

/* SMALL MOBILE */

@media(max-width:640px){
    .about-section{
        padding:60px 15px;
    }

    .about-content h2{
        font-size:clamp(18px,4vw,22px);
    }

    .about-content p{
        font-size:clamp(14px,2vw,15px);
        line-height:1.6;
    }

    .about-image-wrapper{
        max-width:100%;
    }
}

@media(max-width:480px){

    .about-section{
        padding:50px 12px;
    }

    .about-content h2{
        font-size:clamp(16px,4vw,20px);
        margin-bottom:16px;
    }

    .about-content p{
        font-size:clamp(13px,2vw,14px);
        margin-bottom:25px;
        line-height:1.5;
    }

    .section-tag{
        font-size:clamp(12px,2vw,14px);
        margin-bottom:16px;
    }

    .about-btn{
        width:100%;
        max-width:220px;
        min-width:auto;
        height:48px;
        font-size:14px;
    }

    .traffic-card{
        width:100px;
        border-radius:20px;
        left:5px;
        bottom:-25px;
        padding:20px 15px;
    }

    .traffic-label{
        font-size:clamp(12px,2vw,14px);
        margin-bottom:10px;
    }

    .traffic-card h3{
        font-size:clamp(28px,5vw,32px);
        margin-bottom:6px;
    }

    .traffic-growth{
        font-size:clamp(12px,2vw,14px);
    }

    .traffic-icon{
        width:42px;
        height:42px;
        font-size:20px;
        margin-bottom:12px;
    }
}

/* EXTRA SMALL MOBILE */

@media(max-width:360px){
    .traffic-card{
        width:100px;
        padding:18px 14px;
        left:2px;
        bottom:-20px;
    }

    .traffic-card h3{
        font-size:clamp(24px,4vw,28px);
    }

    .traffic-icon{
        width:38px;
        height:38px;
        font-size:18px;
    }
}


/* SECTION */

.mission-section{
    padding:100px 20px;
    background:var(--bg);
}

.mission-container{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1.35fr 1fr 1fr;
    gap:28px;
}

/* CARD */

.mission-card{
    background:var(--card);

    border:1px solid #333;

    border-radius:36px;

    padding:48px;

    min-height:310px;

    transition:.35s ease;
}

.mission-card:hover{
    transform:translateY(-6px);
    border-color:#fff;
}

/* FIRST CARD */

.featured{
    display:flex;
    align-items:center;
    gap:28px;
}

.icon-box{
    min-width:135px;
    width:135px;
    height:135px;

    border-radius:50%;

    background:green;

    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-box img{
    width:70px;
    height:70px;
    object-fit:contain;
}

/* CONTENT */

.card-content{
    flex:1;
}

.mission-card h3{
    color:white;

    font-size:clamp(24px,2.3vw,32px);

    font-weight:700;

    line-height:1.2;

    margin-bottom:18px;
}

.mission-card p{
    color:white;

    font-size:18px;

    line-height:1.7;

    font-weight:400;
}

/* TABLET */

@media (max-width:1200px){

    .mission-container{
        grid-template-columns:1fr;
    }

    .mission-card{
        min-height:auto;
        border:1px solid #333;

    }

}

/* MOBILE */

@media (max-width:768px){

    .mission-section{
        padding:70px 15px;
    }

    .mission-card{
        padding:32px;
        border-radius:28px;
        border:1px solid #333;

    }

    .featured{
        flex-direction:column;
        align-items:flex-start;
        gap:24px;
    }

    .icon-box{
        width:110px;
        height:110px;
        min-width:110px;
    }

    .icon-box img{
        width:55px;
        height:55px;
    }

    .mission-card h3{
        font-size:28px;
    }

    .mission-card p{
        font-size:18px;
    }
}

/* SMALL MOBILE */

@media (max-width:480px){

    .mission-card{
        padding:28px;
        border:1px solid #333;

    }

    .mission-card h3{
        font-size:24px;
    }

    .mission-card p{
        font-size:18px;
        line-height:1.6;
    }

    .icon-box{
        width:95px;
        height:95px;
        min-width:95px;
    }
}

.services-section{
    position:relative;
    background:var(--bg);
    padding:100px 20px;
    overflow:hidden;
}

/* TOP GLOW */

.services-section::before{
    content:"";

    position:absolute;
    top:0;
    left:50%;

    transform:translateX(-50%);

    width:70%;
    height:2px;

    background:var(--green);

    box-shadow:
    0 0 20px var(--green),
    0 0 60px var(--green);
}

/* CONTAINER */

.services-container{
    max-width:1400px;
    margin:auto;
}

/* TAG */

.section-tag{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;

    color:var(--green);

    font-size:18px;
    font-weight:700;

    margin-bottom:20px;
}

.tag-circle{
    width:16px;
    height:16px;

    border-radius:50%;
    border:2px solid var(--green);
}

/* TITLE */

.section-title{
    text-align:center;

    color:#fff;

    font-size:clamp(24px,4vw,32px);

    font-weight:800;

    line-height:1.25;

    max-width:900px;

    margin:0 auto 70px;
}

/* GRID */

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

/* CARD */

.service-card{
    background:var(--card);

    border:1px solid #333;

    border-radius:32px;

    padding:45px 35px;

    min-height:420px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    transition:.35s ease;
}

.service-card:hover{
    transform:translateY(-8px);

    border-color:#333;
}

/* FEATURED CARD */

.featured{
    position:relative;
    overflow:hidden;
}

.featured::before{
    content:"";

    position:absolute;
    inset:0;

    background:url("images/service-bg.jpg");
    background-size:cover;
    background-position:center;

    opacity:.35;
}

.featured > *{
    position:relative;
    z-index:2;
}

/* ICON */

.service-icon{
    width:110px;
    height:110px;

    border-radius:50%;

    background:var(--green);

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:30px;
}

.service-icon i{
    font-size:50px;
    color:#000;
}

.service-icon img{
    width:52px;
    height:52px;
}

/* HEADING */

.service-card h3{
    color:#fff;

    font-size:clamp(24px,3vw,32px);

    font-weight:700;

    margin-bottom:18px;
}

/* TEXT */

.service-card p{
    color:#fff;

    font-size:18px;

    line-height:1.7;

    margin-bottom:30px;
}

/* LINK */

.service-link{
    color:var(--green);

    text-decoration:none;

    font-size:18px;
    font-weight:700;

    display:inline-flex;
    align-items:center;
    gap:10px;
}

.service-link span{
    transition:.3s;
}

.service-link:hover span{
    transform:translate(4px,-4px);
}

/* TABLET */

@media(max-width:991px){

    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* MOBILE */

@media(max-width:768px){

    .services-section{
        padding:80px 15px;
    }

    .services-grid{
        grid-template-columns:1fr;
    }

    .service-card{
        min-height:auto;
        padding:40px 25px;
            border:1px solid #333;

    }

    .service-icon{
        width:95px;
        height:95px;
    }

    .service-icon i{
        font-size:45px;
    }

    .service-icon img{
        width:45px;
        height:45px;
    }

    .section-title{
        margin-bottom:50px;
    }
}

:root{
    --green:#4382DF;
    --bg:#050505;
    --card:#080808;
    --border:#242424;
    --white:#ffffff;
    --text:#f1f1f1;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.process-section{
    position:relative;
    background:var(--bg);
    padding:100px 20px;
    overflow:hidden;
}

/* TOP GLOW */

.process-section::before{
    content:"";

    position:absolute;
    top:0;
    left:50%;

    transform:translateX(-50%);

    width:70%;
    height:2px;

    background:var(--green);

    box-shadow:
    0 0 20px var(--green),
    0 0 60px var(--green);
}

/* CONTAINER */

.container{
    max-width:1400px;
    margin:auto;
}

/* TAG */

.section-tag{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;

    color:var(--green);

    font-size:18px;
    font-weight:700;

    margin-bottom:25px;
}

.circle{
    width:16px;
    height:16px;

    border-radius:50%;
    border:2px solid var(--green);
}

/* TITLE */

.section-title{
    text-align:center;

    color:#fff;

    font-size:clamp(24px,4vw,32px);

    font-weight:800;

    line-height:1.3;

    margin-bottom:90px;
}

/* TIMELINE */

.process-timeline{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-bottom:45px;
}

.timeline-item{
    display:flex;
    align-items:center;
}

.line{
    flex:1;
    height:1px;
    background:#2a2a2a;
}

.number{
    color:#fff;

    font-size:72px;
    font-weight:800;

    padding:0 25px;

    line-height:1;
}

/* CARDS */

.process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:28px;
}

.process-card{
    background:var(--card);

    border:1px solid var(--border);

    border-radius:32px;

    padding:55px 35px;

    text-align:center;

    transition:.35s ease;
}

.process-card:hover{
    transform:translateY(-8px);
    border-color:#333;
}

/* ICON */

.icon{
    margin-bottom:30px;
}

.icon img{
    width:70px;
    height:70px;
    object-fit:contain;
}

/* HEADING */

.process-card h3{
    color:#fff;

    font-size:clamp(24px,3vw,32px);

    font-weight:700;

    margin-bottom:22px;

    line-height:1.3;
}

/* TEXT */

.process-card p{
    color:var(--text);

    font-size:18px;

    line-height:1.8;
}

/* TABLET */

@media(max-width:992px){

    .process-grid{
        grid-template-columns:1fr;
    }

    .process-timeline{
        grid-template-columns:1fr;
        gap:20px;
    }

    .number{
        font-size:56px;
    }
}

/* MOBILE */

@media(max-width:768px){

    .process-section{
        padding:80px 15px;
    }

    .section-title{
        margin-bottom:60px;
    }

    .process-card{
        padding:40px 25px;
        border-radius:28px;
    }

    .icon img{
        width:60px;
        height:60px;
    }

    .number{
        font-size:48px;
        padding:0 15px;
    }

    .process-card p{
        font-size:18px;
    }
}

/* SMALL MOBILE */

@media(max-width:480px){

    .process-card h3{
        font-size:24px;
    }

    .process-card{
        padding:35px 22px;
    }

    .number{
        font-size:42px;
    }
}

:root{
    --green:#4382DF;
    --bg:#050505;
    --card:#0b0b0b;
    --border:#242424;
    --white:#ffffff;
}



.why-choose-section{
    background:var(--bg);
    padding:100px 20px;
}

.container1{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

/* IMAGE */

.image-wrapper{
    position:relative;
}

.image-wrapper img{
    width:100%;
    display:block;

    border-radius:28px;
}

/* RATING CARD */

.rating-card{
    position:absolute;

    right:-20px;
    bottom:-40px;

    width:260px;

    background:#080808;

    border:1px solid var(--border);

    border-radius:24px;

    padding:30px;

    text-align:center;

    backdrop-filter:blur(15px);
}

.rating-card h3{
    color:#fff;
    font-size:64px;
    font-weight:800;
    margin-bottom:10px;
}

.stars{
    color:var(--green);
    font-size:20px;
    letter-spacing:3px;
    margin-bottom:12px;
}

.rating-card h4{
    color:#fff;
    font-size:22px;
    margin-bottom:10px;
}

.rating-card p{
    color:#fff;
    font-size:16px;
    line-height:1.6;
}

/* TAG */

.section-tag{
    display:flex;
    align-items:center;
    gap:12px;

    color:var(--green);

    font-size:18px;
    font-weight:700;

    margin-bottom:25px;
}

.circle{
    width:16px;
    height:16px;

    border:2px solid var(--green);
    border-radius:50%;
}

/* CONTENT */

.content-column h2{
    color:#fff;

    font-size:clamp(24px,4vw,32px);

    line-height:1.3;
    font-weight:800;

    margin-bottom:20px;
}

.intro-text{
    color:#fff;

    font-size:18px;
    line-height:1.8;

    margin-bottom:35px;
}

/* FEATURES */

.feature-item{
    display:flex;
    gap:25px;

    padding:24px 0;

    border-bottom:1px solid #252525;
}

.feature-icon{
    width:60px;
    height:60px;

    min-width:60px;

    border-radius:50%;

    background:var(--green);

    display:flex;
    align-items:center;
    justify-content:center;
}

.feature-icon svg{
    width:28px;
    height:28px;
}

.feature-content h3{
    color:#fff;

    font-size:24px;
    font-weight:700;

    margin-bottom:10px;
}

.feature-content p{
    color:#fff;

    font-size:18px;
    line-height:1.7;
}

/* TABLET */

@media(max-width:992px){

    .container{
        grid-template-columns:1fr;
    }

    .image-column{
        order:2;
    }

    .content-column{
        order:1;
    }

    .rating-card{
        right:20px;
    }
}

/* MOBILE */

@media(max-width:768px){

    .why-choose-section{
        padding:80px 15px;
    }

    .feature-item{
        gap:18px;
    }

    .feature-content h3{
        font-size:24px;
    }

    .feature-content p{
        font-size:18px;
    }

    .rating-card{
        position:relative;

        right:auto;
        bottom:auto;

        width:100%;

        margin-top:20px;
    }
}

/* SMALL MOBILE */

@media(max-width:480px){

    .feature-item{
        flex-direction:column;
    }

    .feature-icon{
        width:55px;
        height:55px;
    }

    .rating-card h3{
        font-size:48px;
    }
}

:root{
    --green:#4382DF;
    --bg:#050505;
    --card:#080808;
    --border:#242424;
    --white:#ffffff;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.contact-info-section{
    background:var(--bg);
    padding:100px 20px;
}

.contact-container{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.info-card{
    background:var(--card);

    border:1px solid var(--border);

    border-radius:32px;

    min-height:330px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    padding:40px 30px;

    transition:.35s ease;
}

.info-card:hover{
    transform:translateY(-8px);

    border-color:#3a3a3a;

    box-shadow:
    0 15px 40px rgba(0,0,0,.25);
}

/* ICON */

.icon-circle{
    width:96px;
    height:96px;

    border-radius:50%;

    background:var(--green);

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:28px;
}

.icon-circle svg{
    width:42px;
    height:42px;
}

/* TITLE */

.info-card h3{
    color:var(--green);

    font-size:clamp(22px,3vw,24px);

    font-weight:600;

    margin-bottom:14px;
}

/* TEXT */

.info-card p{
    color:var(--white);

    font-size:18px;

    line-height:1.6;

    font-weight:400;
}

/* TABLET */

@media(max-width:1100px){

    .contact-container{
        grid-template-columns:repeat(2,1fr);
    }
}

/* MOBILE */

@media(max-width:768px){

    .contact-info-section{
        padding:80px 15px;
    }

    .contact-container{
        grid-template-columns:1fr;
        gap:20px;
    }

    .info-card{
        min-height:260px;
        padding:35px 25px;
    }

    .icon-circle{
        width:85px;
        height:85px;
    }

    .icon-circle svg{
        width:36px;
        height:36px;
    }

    .info-card p{
        font-size:18px;
    }
}

/* SMALL MOBILE */

@media(max-width:480px){

    .info-card{
        border-radius:28px;
    }

    .icon-circle{
        width:80px;
        height:80px;
    }

    .info-card h3{
        font-size:24px;
    }
}

:root{
    --green:#4382DF;
    --bg:#050505;
    --card:#080808;
    --border:#232323;
    --white:#ffffff;
}



.footer{
    background:var(--bg);
    color:#fff;
    padding:90px 20px 0;
    position:relative;
}

/* TOP GLOW */

.footer::before{
    content:"";

    position:absolute;
    top:0;
    left:50%;

    transform:translateX(-50%);

    width:60%;
    height:2px;

    background:var(--green);

    box-shadow:
    0 0 20px var(--green),
    0 0 60px var(--green);
}

/* CONTAINER */

.footer-container{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:
    1.3fr
    .8fr
    1fr
    1.1fr;

    gap:60px;
}

/* LOGO */

.footer-logo{
    color:var(--green);

    font-size:clamp(24px,4vw,32px);

    margin-bottom:25px;

    font-weight:800;
}

/* DESCRIPTION */

.footer-description{
    font-size:18px;

    line-height:1.8;

    color:#e8e8e8;

    margin-bottom:35px;

    max-width:430px;
}

/* CONTACT */

.contact-list{
    list-style:none;
}

.contact-list li{
    display:flex;
    gap:15px;

    margin-bottom:18px;

    font-size:18px;
}

/* HEADINGS */

.footer-col h3{
    color:var(--green);

    font-size:clamp(24px,3vw,32px);

    margin-bottom:30px;
}

/* LINKS */

.footer-col ul{
    list-style:none;
}

.footer-col ul li{
    margin-bottom:18px;
}

.footer-col a{
    color:#fff;

    text-decoration:none;

    font-size:18px;

    transition:.3s;
}

.footer-col a:hover{
    color:var(--green);
}

/* WORK HOURS */

.working-hours li{
    font-size:18px;

    line-height:1.7;

    margin-bottom:20px;
}

.working-hours span{
    display:block;
    color:#d8d8d8;
}

/* NEWSLETTER */

.newsletter{
    margin-top:30px;

    display:flex;
    gap:15px;
}

.newsletter input{
    flex:1;

    height:70px;

    background:transparent;

    border:1px solid #666;

    border-radius:50px;

    color:#fff;

    padding:0 25px;

    font-size:18px;
}

.newsletter button{
    width:180px;

    border:none;

    border-radius:50px;

    background:#e8e8e8;

    color:#000;

    font-size:18px;

    font-weight:700;

    cursor:pointer;
}

/* BOTTOM */

.footer-bottom{
    margin-top:80px;

    border-top:1px solid var(--border);

    padding:30px 0;

    max-width:1400px;
    margin-left:auto;
    margin-right:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}

/* PAYMENTS */

.payment-methods{
    display:flex;
    gap:15px;
}

.payment-methods img{
    width:85px;
    height:40px;
    object-fit:contain;
    background:#fff;
}

/* COPYRIGHT */

.copyright{
    color:var(--green);

    font-size:18px;
}

/* POLICY LINKS */

.footer-links{
    display:flex;
    gap:25px;
}

.footer-links a{
    color:#fff;

    text-decoration:none;

    font-size:18px;
}

/* TABLET */

@media(max-width:1100px){

    .footer-container{
        grid-template-columns:1fr 1fr;
    }

    .footer-bottom{
        flex-direction:column;
        text-align:center;
    }
}

/* MOBILE */

@media(max-width:768px){

    .footer{
        padding:70px 15px 0;
    }

    .footer-container{
        grid-template-columns:1fr;
        gap:45px;
    }

    .newsletter{
        flex-direction:column;
    }

    .newsletter button{
        width:100%;
        height:60px;
    }

    .footer-links{
        flex-wrap:wrap;
        justify-content:center;
    }

    .payment-methods{
        flex-wrap:wrap;
        justify-content:center;
    }
}

/* =====================================
ABOUT HERO
===================================== */

.about-hero{
    background:var(--bg);
    padding:120px 20px;
    text-align:center;
}

.about-hero .container{
    max-width:900px;
    margin:auto;
}

.about-hero h1{
    color:#fff;
    font-size:clamp(36px,5vw,64px);
    line-height:1.15;
    font-weight:800;
    margin-bottom:30px;
}

.about-hero p{
    color:var(--text);
    font-size:18px;
    line-height:1.8;
}


/* =====================================
WHO WE ARE
===================================== */

.about-company{
    padding:100px 20px;
    background:var(--bg);
}

.about-company .container{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.about-left img{
    width:100%;
    border-radius:32px;
    display:block;
}

.about-right h2{
    color:#fff;
    font-size:clamp(30px,4vw,50px);
    margin-bottom:25px;
    line-height:1.3;
}

.about-right p{
    color:var(--text);
    font-size:18px;
    line-height:1.9;
    margin-bottom:25px;
}


/* =====================================
OUR STORY
===================================== */

.story-section{
    padding:100px 20px;
    background:var(--bg);
}

.story-section .container{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.story-section h2{
    color:#fff;
    font-size:clamp(30px,4vw,50px);
    margin-bottom:30px;
}

.story-section p{
    color:var(--text);
    font-size:18px;
    line-height:1.9;
}


/* =====================================
MISSION VISION
===================================== */

.mission-vision{
    padding:100px 20px;
    background:var(--bg);
}

.mission-vision .container{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.mv-card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:30px;
    padding:50px 35px;
    transition:.4s;
}

.mv-card:hover{
    transform:translateY(-8px);
    border-color:var(--green);
}

.mv-icon{
    width:90px;
    height:90px;

    background:var(--green);

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:30px;
}

.mv-icon i{
    color:#000;
    font-size:40px;
}

.mv-card h3{
    color:#fff;
    font-size:30px;
    margin-bottom:20px;
}

.mv-card p{
    color:var(--text);
    font-size:18px;
    line-height:1.8;
}


/* =====================================
WHY CHOOSE US
===================================== */

.why-section{
    padding:100px 20px;
    background:var(--bg);
}

.why-section .container{
    max-width:1400px;
    margin:auto;
}

.why-section h2{
    color:#fff;
    font-size:clamp(30px,4vw,50px);
    margin-bottom:60px;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.why-card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:30px;
    padding:40px;
    transition:.4s;
}

.why-card:hover{
    transform:translateY(-8px);
}

.why-card i{
    color:var(--green);
    font-size:55px;
    margin-bottom:25px;
}

.why-card h3{
    color:#fff;
    font-size:28px;
    margin-bottom:18px;
}

.why-card p{
    color:var(--text);
    line-height:1.8;
    font-size:18px;
}


/* =====================================
PROCESS
===================================== */

.process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.process-card span{
    display:inline-block;

    color:var(--green);

    font-size:42px;
    font-weight:800;

    margin-bottom:25px;
}


/* =====================================
STATS
===================================== */

.stats-section{
    padding:100px 20px;
    background:var(--bg);
}

.stats-section .container{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.stat-box{
    background:var(--card);

    border:1px solid var(--border);

    border-radius:30px;

    text-align:center;

    padding:50px 20px;
}

.stat-box h2{
    color:var(--green);

    font-size:64px;

    margin-bottom:15px;
}

.stat-box p{
    color:#fff;

    font-size:20px;
}


/* =====================================
CTA SECTION
===================================== */

.cta-section{
    background:var(--bg);
    padding:120px 20px;
    text-align:center;
}

.cta-section .container{
    max-width:900px;
    margin:auto;
}

.cta-section h2{
    color:#fff;
    font-size:clamp(32px,4vw,60px);
    margin-bottom:25px;
}

.cta-section p{
    color:var(--text);
    font-size:18px;
    line-height:1.8;
    margin-bottom:40px;
}


/* =====================================
TABLET
===================================== */

@media(max-width:992px){

    .about-company .container{
        grid-template-columns:1fr;
    }

    .mission-vision .container{
        grid-template-columns:1fr;
    }

    .why-grid{
        grid-template-columns:1fr;
    }

    .process-grid{
        grid-template-columns:1fr;
    }

    .stats-section .container{
        grid-template-columns:repeat(2,1fr);
    }
}


/* =====================================
MOBILE
===================================== */

@media(max-width:768px){

    .about-hero,
    .about-company,
    .story-section,
    .mission-vision,
    .why-section,
    .stats-section,
    .cta-section{
        padding:80px 15px;
    }

    .about-right h2,
    .story-section h2,
    .why-section h2,
    .cta-section h2{
        font-size:36px;
    }

    .mv-card,
    .why-card,
    .stat-box{
        padding:35px 25px;
        border-radius:25px;
    }

    .mv-card h3,
    .why-card h3{
        font-size:24px;
    }

    .mv-card p,
    .why-card p,
    .about-right p,
    .story-section p,
    .cta-section p{
        font-size:17px;
    }

    .stat-box h2{
        font-size:50px;
    }
}


/* =====================================
SMALL MOBILE
===================================== */

@media(max-width:480px){

    .stats-section .container{
        grid-template-columns:1fr;
    }

    .about-hero h1{
        font-size:32px;
    }

    .about-right h2,
    .story-section h2,
    .why-section h2,
    .cta-section h2{
        font-size:30px;
    }

    .mv-icon{
        width:75px;
        height:75px;
    }

    .mv-icon i{
        font-size:32px;
    }

    .why-card i{
        font-size:45px;
    }

    .stat-box h2{
        font-size:42px;
    }

    .stat-box p{
        font-size:18px;
    }
}

/* =====================================
HOMEPAGE REDESIGN
===================================== */

.home-redesign > .hero,
.home-redesign > .about-section,
.home-redesign > .mission-section,
.home-redesign > .services-section,
.home-redesign > .process-section,
.home-redesign > .why-choose-section,
.home-redesign > .contact-info-section{
    display:none;
}

.home-main{
    background:
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%);
    color:#fff;
}

.home-hero-new{
    padding:90px 20px 70px;
}

.home-hero-inner{
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
    gap:48px;
    align-items:center;
}

.home-hero-copy{
    max-width:760px;
}

.home-eyebrow,
.home-section-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#7fb0fa;
    font-size:15px;
    font-weight:800;
    letter-spacing:0;
    text-transform:uppercase;
}

.home-section-label span{
    width:14px;
    height:14px;
    border:2px solid #4382DF;
    border-radius:50%;
}

.home-hero-copy h1{
    margin:22px 0 24px;
    font-size:clamp(42px, 6vw, 82px);
    line-height:1.02;
    letter-spacing:0;
    max-width:930px;
}

.home-hero-copy p,
.home-intro-grid p,
.home-process-head p,
.home-proof-copy p{
    color:#e9eef7;
    font-size:18px;
    line-height:1.8;
}

.home-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.home-btn{
    min-height:56px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border-radius:999px;
    text-decoration:none;
    font-size:17px;
    font-weight:800;
    transition:.25s ease;
}

.home-btn:hover{
    transform:translateY(-2px);
}

.home-btn-primary{
    background:#4382DF;
    color:#030303;
}

.home-btn-secondary{
    background:#f3f6fb;
    color:#060606;
}

.home-hero-panel{
    border:1px solid #273142;
    border-radius:8px;
    background:#0d1016;
    padding:18px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.home-panel-image{
    width:100%;
    aspect-ratio:16/7;
    overflow:hidden;
    border-radius:8px;
    background:#fff;
    margin-bottom:20px;
}

.home-panel-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.home-panel-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#f4f8ff;
    font-size:17px;
    font-weight:800;
    padding-bottom:18px;
    border-bottom:1px solid #273142;
}

.home-panel-top i{
    color:#47d38b;
    font-size:24px;
}

.home-metric-large{
    padding:34px 0;
    border-bottom:1px solid #273142;
}

.home-metric-large strong{
    display:block;
    color:#47d38b;
    font-size:clamp(58px, 7vw, 96px);
    line-height:1;
}

.home-metric-large span{
    display:block;
    color:#f4f8ff;
    font-size:18px;
    line-height:1.6;
    max-width:360px;
    margin-top:10px;
}

.home-mini-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    border:1px solid #273142;
    border-bottom:none;
    border-right:none;
    margin-top:20px;
}

.home-mini-grid div{
    min-height:100px;
    padding:20px;
    border-right:1px solid #273142;
    border-bottom:1px solid #273142;
}

.home-mini-grid span{
    display:block;
    color:#9fb0c8;
    font-size:14px;
    font-weight:700;
    margin-bottom:8px;
}

.home-mini-grid strong{
    color:#fff;
    font-size:22px;
}

.home-intro-new,
.home-services-new,
.home-process-new,
.home-proof-new,
.home-cta-new{
    max-width:1400px;
    margin:0 auto;
    padding:90px 20px;
}

.home-intro-grid{
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(320px, .75fr);
    gap:50px;
    align-items:start;
    margin-top:24px;
}

.home-intro-grid h2,
.home-process-head h2,
.home-proof-copy h2,
.home-cta-new h2{
    color:#fff;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.12;
    letter-spacing:0;
}

.home-services-new{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.home-service-card{
    min-height:310px;
    border:1px solid #273142;
    border-radius:8px;
    background:#0b0d12;
    padding:34px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    transition:.25s ease;
}

.home-service-card:hover{
    transform:translateY(-5px);
    border-color:#4382DF;
}

.home-service-featured{
    background:#111927;
    border-color:#4382DF;
}

.home-service-card i{
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#4382DF;
    color:#030303;
    font-size:25px;
    margin-bottom:26px;
}

.home-service-card h3{
    color:#fff;
    font-size:26px;
    line-height:1.2;
    margin-bottom:14px;
}

.home-service-card p{
    color:#dfe7f3;
    font-size:17px;
    line-height:1.7;
    margin-bottom:28px;
}

.home-service-card a{
    color:#47d38b;
    text-decoration:none;
    font-size:16px;
    font-weight:800;
    margin-top:auto;
}

.home-process-new{
    border-top:1px solid #202734;
    border-bottom:1px solid #202734;
}

.home-process-head{
    display:grid;
    grid-template-columns:minmax(0, .85fr) minmax(320px, .7fr);
    gap:48px;
    align-items:end;
    margin:24px 0 42px;
}

.home-process-list{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.home-process-item{
    border-left:3px solid #4382DF;
    background:#0b0d12;
    padding:30px;
}

.home-process-item span{
    color:#47d38b;
    font-size:42px;
    font-weight:900;
}

.home-process-item h3{
    color:#fff;
    font-size:25px;
    margin:18px 0 12px;
}

.home-process-item p{
    color:#dfe7f3;
    font-size:17px;
    line-height:1.7;
}

.home-proof-new{
    display:grid;
    grid-template-columns:280px minmax(0, 1fr) 360px;
    gap:34px;
    align-items:center;
}

.home-proof-card{
    min-height:250px;
    border:1px solid #273142;
    border-radius:8px;
    background:#f4f8ff;
    color:#050505;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.home-proof-card strong{
    font-size:82px;
    line-height:1;
}

.home-proof-card span{
    color:#263244;
    font-size:19px;
    font-weight:800;
    text-transform:uppercase;
}

.home-proof-copy .home-section-label{
    margin-bottom:22px;
}

.home-proof-copy p{
    margin-top:18px;
}

.home-proof-points{
    display:grid;
    gap:12px;
}

.home-proof-points div{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:20px;
    font-size:18px;
    font-weight:800;
}

.home-cta-new{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding-top:60px;
}

.home-cta-new h2{
    max-width:780px;
    margin-top:14px;
}

@media(max-width:1100px){

    .home-hero-inner,
    .home-intro-grid,
    .home-process-head,
    .home-proof-new{
        grid-template-columns:1fr;
    }

    .home-services-new,
    .home-process-list{
        grid-template-columns:repeat(2, 1fr);
    }

    .home-proof-new{
        align-items:stretch;
    }
}

@media(max-width:768px){

    .home-hero-new{
        padding:64px 15px 48px;
    }

    .home-hero-inner{
        gap:30px;
    }

    .home-actions{
        flex-direction:column;
    }

    .home-btn{
        width:100%;
    }

    .home-intro-new,
    .home-services-new,
    .home-process-new,
    .home-proof-new,
    .home-cta-new{
        padding:64px 15px;
    }

    .home-services-new,
    .home-process-list,
    .home-mini-grid{
        grid-template-columns:1fr;
    }

    .home-service-card{
        min-height:auto;
        padding:28px;
    }

    .home-cta-new{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media(max-width:480px){

    .home-hero-copy h1{
        font-size:38px;
    }

    .home-hero-copy p,
    .home-intro-grid p,
    .home-process-head p,
    .home-proof-copy p{
        font-size:16px;
    }

    .home-hero-panel,
    .home-service-card,
    .home-proof-card,
    .home-proof-points div{
        border-radius:8px;
    }

    .home-panel-image{
        aspect-ratio:4/3;
    }

    .home-proof-card strong{
        font-size:64px;
    }
}

/* =====================================
ABOUT PAGE REDESIGN
===================================== */

.home-redesign{
    color:#fff;
}

.about-redesign > .process-section{
    display:block;
}

.home-redesign .about-hero,
.home-redesign .about-company,
.home-redesign .story-section,
.home-redesign .mission-vision,
.home-redesign .why-section,
.home-redesign .process-section,
.home-redesign .stats-section,
.home-redesign .cta-section{
    background:
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%);
}

.home-redesign .about-hero{
    padding:90px 20px 70px;
    text-align:left;
}

.home-redesign .about-hero .container{
    max-width:1400px;
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
    gap:48px;
    align-items:center;
    position:relative;
}

.home-redesign .about-hero .container > *{
    grid-column:1;
}

.home-redesign .about-hero .container::after{
    content:"";
    grid-column:2;
    grid-row:1 / span 3;
    min-height:430px;
    border:1px solid #273142;
    border-radius:8px;
    background:
    linear-gradient(180deg, rgba(5,5,5,.02), rgba(5,5,5,.22)),
    url("techpromotionllc.png") center/cover no-repeat;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.home-redesign .section-tag{
    display:inline-flex;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
    color:#7fb0fa;
    font-size:15px;
    font-weight:800;
    letter-spacing:0;
    text-transform:uppercase;
    margin-bottom:22px;
}

.home-redesign .circle,
.home-redesign .tag-circle{
    width:14px;
    height:14px;
    border:2px solid #4382DF;
    border-radius:50%;
}

.home-redesign .about-hero h1{
    color:#fff;
    font-size:clamp(42px, 6vw, 82px);
    line-height:1.02;
    letter-spacing:0;
    max-width:930px;
    margin:0 0 24px;
}

.home-redesign .about-hero p,
.home-redesign .about-right p,
.home-redesign .story-section p,
.home-redesign .mv-card p,
.home-redesign .why-card p,
.home-redesign .process-card p,
.home-redesign .cta-section p{
    color:#e9eef7;
    font-size:18px;
    line-height:1.8;
}

.home-redesign .about-company,
.home-redesign .story-section,
.home-redesign .mission-vision,
.home-redesign .why-section,
.home-redesign .process-section,
.home-redesign .stats-section,
.home-redesign .cta-section{
    padding:90px 20px;
}

.home-redesign .about-company .container{
    max-width:1400px;
    gap:48px;
}

.home-redesign .about-left{
    border:1px solid #273142;
    border-radius:8px;
    background:#0d1016;
    padding:18px;
    box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.home-redesign .about-left img{
    border-radius:8px;
    aspect-ratio:16/11;
    object-fit:cover;
}

.home-redesign .about-right h2,
.home-redesign .story-section h2,
.home-redesign .why-section h2,
.home-redesign .cta-section h2{
    color:#fff;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.12;
    letter-spacing:0;
}

.home-redesign .story-section{
    border-top:1px solid #202734;
    border-bottom:1px solid #202734;
}

.home-redesign .story-section .container{
    max-width:1400px;
    display:grid;
    grid-template-columns:minmax(0, .9fr) minmax(320px, .8fr);
    gap:48px;
    text-align:left;
    align-items:start;
}

.home-redesign .story-section .section-tag{
    grid-column:1 / -1;
    margin-bottom:0;
}

.home-redesign .story-section h2{
    margin:0;
}

.home-redesign .story-section p{
    margin:0;
}

.home-redesign .mission-vision .container,
.home-redesign .why-grid,
.home-redesign .process-grid{
    gap:18px;
}

.home-redesign .mv-card,
.home-redesign .why-card{
    min-height:300px;
    border:1px solid #273142;
    border-radius:8px;
    background:#0b0d12;
    padding:34px;
}

.home-redesign .mv-card:hover,
.home-redesign .why-card:hover,
.home-redesign .process-card:hover,
.home-redesign .stat-box:hover{
    transform:translateY(-5px);
    border-color:#4382DF;
}

.home-redesign .mv-icon{
    width:58px;
    height:58px;
    background:#4382DF;
    margin-bottom:26px;
}

.home-redesign .mv-icon i{
    color:#030303;
    font-size:25px;
}

.home-redesign .mv-card h3,
.home-redesign .why-card h3,
.home-redesign .process-card h3{
    color:#fff;
    font-size:26px;
    line-height:1.2;
    margin-bottom:14px;
}

.home-redesign .why-section .container{
    max-width:1400px;
}

.home-redesign .why-section h2{
    max-width:820px;
    margin-bottom:42px;
}

.home-redesign .why-card i{
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#4382DF;
    color:#030303;
    font-size:25px;
    margin-bottom:26px;
}

.home-redesign .process-section{
    border-top:1px solid #202734;
    border-bottom:1px solid #202734;
}

.home-redesign .process-section::before{
    display:none;
}

.home-redesign .process-section .section-tag{
    justify-content:flex-start;
}

.home-redesign .process-section > .container > h2{
    color:#fff;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.12;
    text-align:left;
    max-width:780px;
    margin-bottom:42px;
}

.home-redesign .process-card{
    border-left:3px solid #4382DF;
    border-top:0;
    border-right:0;
    border-bottom:0;
    border-radius:0;
    background:#0b0d12;
    padding:30px;
    text-align:left;
}

.home-redesign .process-card span{
    color:#47d38b;
    font-size:42px;
    margin-bottom:18px;
}

.home-redesign .stats-section .container{
    max-width:1400px;
    gap:18px;
}

.home-redesign .stat-box{
    border:1px solid #273142;
    border-radius:8px;
    background:#f4f8ff;
    color:#050505;
    padding:34px 24px;
}

.home-redesign .stat-box h2{
    color:#050505;
    font-size:clamp(52px, 6vw, 82px);
    line-height:1;
}

.home-redesign .stat-box p{
    color:#263244;
    font-size:18px;
    font-weight:800;
    text-transform:uppercase;
}

.home-redesign .cta-section{
    text-align:left;
}

.home-redesign .cta-section .container{
    max-width:1400px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:30px;
    align-items:center;
}

.home-redesign .cta-section .section-tag,
.home-redesign .cta-section h2,
.home-redesign .cta-section p{
    grid-column:1;
}

.home-redesign .cta-section h2{
    max-width:780px;
    margin-bottom:0;
}

.home-redesign .cta-section p{
    max-width:680px;
    margin-bottom:0;
}

.home-redesign .cta-section .cta-btn{
    grid-column:2;
    grid-row:1 / span 3;
    min-height:56px;
    align-self:center;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border-radius:999px;
    font-size:17px;
}

@media(max-width:1100px){

    .home-redesign .about-hero .container,
    .home-redesign .story-section .container,
    .home-redesign .cta-section .container{
        grid-template-columns:1fr;
    }

    .home-redesign .about-hero .container::after,
    .home-redesign .cta-section .cta-btn{
        grid-column:1;
        grid-row:auto;
    }

    .home-redesign .mission-vision .container,
    .home-redesign .process-grid{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media(max-width:768px){

    .home-redesign .about-hero{
        padding:64px 15px 48px;
    }

    .home-redesign .about-company,
    .home-redesign .story-section,
    .home-redesign .mission-vision,
    .home-redesign .why-section,
    .home-redesign .process-section,
    .home-redesign .stats-section,
    .home-redesign .cta-section{
        padding:64px 15px;
    }

    .home-redesign .about-hero .container{
        gap:30px;
    }

    .home-redesign .about-hero .container::after{
        min-height:280px;
    }

    .home-redesign .about-hero h1{
        font-size:38px;
    }

    .home-redesign .mission-vision .container,
    .home-redesign .why-grid,
    .home-redesign .process-grid,
    .home-redesign .stats-section .container{
        grid-template-columns:1fr;
    }

    .home-redesign .mv-card,
    .home-redesign .why-card,
    .home-redesign .process-card,
    .home-redesign .stat-box{
        min-height:auto;
        padding:28px;
    }

    .home-redesign .cta-section .cta-btn{
        width:100%;
    }
}

/* =====================================
CONTACT PAGE REDESIGN
===================================== */

.contact-redesign > .contact-section,
.contact-redesign > .cta-section{
    display:none;
}

.contact-main{
    background:
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%);
    color:#fff;
}

.contact-hero-new{
    padding:90px 20px 70px;
}

.contact-hero-inner{
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
    gap:48px;
    align-items:center;
}

.contact-hero-copy{
    max-width:820px;
}

.contact-hero-copy h1{
    margin:22px 0 24px;
    color:#fff;
    font-size:clamp(42px, 6vw, 82px);
    line-height:1.02;
    letter-spacing:0;
}

.contact-hero-copy p,
.contact-info-panel p,
.contact-steps-grid p,
.contact-hero-card p{
    color:#e9eef7;
    font-size:18px;
    line-height:1.8;
}

.contact-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.contact-hero-card{
    border:1px solid #273142;
    border-radius:8px;
    background:#0d1016;
    padding:34px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.contact-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#f4f8ff;
    font-size:17px;
    font-weight:800;
    padding-bottom:18px;
    border-bottom:1px solid #273142;
}

.contact-card-top i{
    color:#47d38b;
    font-size:24px;
}

.contact-hero-card strong{
    display:block;
    color:#47d38b;
    font-size:clamp(48px, 6vw, 78px);
    line-height:1;
    margin:34px 0 16px;
}

.contact-card-points{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:12px;
    margin-top:28px;
}

.contact-card-points span{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:16px;
    font-size:16px;
    font-weight:800;
}

.contact-workspace,
.contact-next-steps{
    max-width:1400px;
    margin:0 auto;
    padding:90px 20px;
}

.contact-workspace{
    display:grid;
    grid-template-columns:minmax(320px, .8fr) minmax(0, 1.2fr);
    gap:18px;
}

.contact-info-panel,
.contact-form-panel,
.contact-steps-grid article{
    border:1px solid #273142;
    border-radius:8px;
    background:#0b0d12;
    padding:34px;
}

.contact-info-panel h2,
.contact-form-panel h2{
    color:#fff;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.12;
    letter-spacing:0;
    margin:18px 0;
}

.contact-detail-list{
    display:grid;
    gap:14px;
    margin-top:32px;
}

.contact-detail-item{
    display:grid;
    grid-template-columns:58px minmax(0, 1fr);
    gap:16px;
    align-items:center;
    border:1px solid #273142;
    border-radius:8px;
    padding:18px;
    background:#111927;
}

.contact-detail-item i{
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#4382DF;
    color:#030303;
    font-size:22px;
}

.contact-detail-item span{
    display:block;
    color:#9fb0c8;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:6px;
}

.contact-detail-item strong{
    display:block;
    color:#fff;
    font-size:17px;
    line-height:1.5;
    overflow-wrap:anywhere;
}

.contact-form-panel form{
    display:grid;
    gap:18px;
    margin-top:26px;
}

.contact-field-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:18px;
}

.contact-form-panel label{
    display:grid;
    gap:9px;
    color:#e9eef7;
    font-size:15px;
    font-weight:800;
}

.contact-form-panel input,
.contact-form-panel select,
.contact-form-panel textarea{
    width:100%;
    border:1px solid #273142;
    border-radius:8px;
    background:#080a0f;
    color:#fff;
    padding:16px 18px;
    font:inherit;
    outline:none;
    transition:.25s ease;
}

.contact-form-panel input:focus,
.contact-form-panel select:focus,
.contact-form-panel textarea:focus{
    border-color:#4382DF;
    box-shadow:0 0 0 3px rgba(67,130,223,.16);
}

.contact-form-panel textarea{
    min-height:160px;
    resize:vertical;
}

.contact-submit-btn{
    min-height:56px;
    border:0;
    border-radius:999px;
    background:#4382DF;
    color:#030303;
    font-size:17px;
    font-weight:800;
    cursor:pointer;
    transition:.25s ease;
}

.contact-submit-btn:hover{
    transform:translateY(-2px);
}

.contact-next-steps{
    border-top:1px solid #202734;
}

.contact-steps-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
    margin-top:28px;
}

.contact-steps-grid article{
    min-height:250px;
    border-left:3px solid #4382DF;
    border-radius:0;
}

.contact-steps-grid span{
    color:#47d38b;
    font-size:42px;
    font-weight:900;
}

.contact-steps-grid h3{
    color:#fff;
    font-size:25px;
    margin:18px 0 12px;
}

@media(max-width:1100px){

    .contact-hero-inner,
    .contact-workspace{
        grid-template-columns:1fr;
    }

    .contact-steps-grid{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media(max-width:768px){

    .contact-hero-new{
        padding:64px 15px 48px;
    }

    .contact-workspace,
    .contact-next-steps{
        padding:64px 15px;
    }

    .contact-hero-copy h1{
        font-size:38px;
    }

    .contact-hero-actions,
    .contact-card-points,
    .contact-field-grid,
    .contact-steps-grid{
        grid-template-columns:1fr;
    }

    .contact-hero-actions{
        flex-direction:column;
    }

    .contact-hero-actions .home-btn{
        width:100%;
    }

    .contact-info-panel,
    .contact-form-panel,
    .contact-hero-card,
    .contact-steps-grid article{
        padding:28px;
    }
}

/* =====================================
PORTFOLIO PAGE REDESIGN
===================================== */

.portfolio-redesign > .portfolio-page,
.portfolio-redesign > .stats-section,
.portfolio-redesign > .cta-section{
    display:none;
}

.portfolio-main{
    background:
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%);
    color:#fff;
}

.portfolio-hero-new{
    padding:90px 20px 70px;
}

.portfolio-hero-inner{
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
    gap:48px;
    align-items:center;
}

.portfolio-hero-copy{
    max-width:820px;
}

.portfolio-hero-copy h1{
    margin:22px 0 24px;
    color:#fff;
    font-size:clamp(42px, 6vw, 82px);
    line-height:1.02;
    letter-spacing:0;
}

.portfolio-hero-copy p,
.portfolio-intro-grid p,
.portfolio-case-copy p,
.portfolio-capability-grid p,
.portfolio-proof-copy p{
    color:#e9eef7;
    font-size:18px;
    line-height:1.8;
}

.portfolio-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.portfolio-hero-panel{
    border:1px solid #273142;
    border-radius:8px;
    background:#0d1016;
    padding:34px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.portfolio-panel-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#f4f8ff;
    font-size:17px;
    font-weight:800;
    padding-bottom:18px;
    border-bottom:1px solid #273142;
}

.portfolio-panel-top i{
    color:#47d38b;
    font-size:24px;
}

.portfolio-panel-metric{
    padding:34px 0;
    border-bottom:1px solid #273142;
}

.portfolio-panel-metric strong{
    display:block;
    color:#47d38b;
    font-size:clamp(58px, 7vw, 96px);
    line-height:1;
}

.portfolio-panel-metric span{
    display:block;
    color:#f4f8ff;
    font-size:18px;
    line-height:1.6;
    max-width:420px;
    margin-top:10px;
}

.portfolio-mini-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    border:1px solid #273142;
    border-bottom:none;
    border-right:none;
    margin-top:20px;
}

.portfolio-mini-grid div{
    min-height:100px;
    padding:20px;
    border-right:1px solid #273142;
    border-bottom:1px solid #273142;
}

.portfolio-mini-grid span{
    display:block;
    color:#9fb0c8;
    font-size:14px;
    font-weight:700;
    margin-bottom:8px;
}

.portfolio-mini-grid strong{
    color:#fff;
    font-size:22px;
}

.portfolio-intro-new,
.portfolio-work-new,
.portfolio-capabilities-new,
.portfolio-proof-new,
.portfolio-cta-new{
    max-width:1400px;
    margin:0 auto;
    padding:90px 20px;
}

.portfolio-intro-grid{
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(320px, .75fr);
    gap:50px;
    align-items:start;
    margin-top:24px;
}

.portfolio-intro-grid h2,
.portfolio-proof-copy h2,
.portfolio-cta-new h2{
    color:#fff;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.12;
    letter-spacing:0;
}

.portfolio-work-new{
    display:grid;
    gap:18px;
    border-top:1px solid #202734;
    border-bottom:1px solid #202734;
}

.portfolio-case-card{
    display:grid;
    grid-template-columns:minmax(280px, .65fr) minmax(0, 1fr);
    gap:28px;
    border:1px solid #273142;
    border-radius:8px;
    background:#0b0d12;
    padding:18px;
}

.portfolio-case-featured{
    background:#111927;
    border-color:#4382DF;
}

.portfolio-case-visual{
    min-height:320px;
    border-radius:8px;
    background:#f4f8ff;
    color:#050505;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.portfolio-case-visual i{
    width:68px;
    height:68px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#4382DF;
    color:#030303;
    font-size:28px;
}

.portfolio-case-visual span{
    color:#263244;
    font-size:20px;
    font-weight:900;
    text-transform:uppercase;
}

.portfolio-case-copy{
    padding:22px;
}

.portfolio-case-copy > span{
    color:#7fb0fa;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
}

.portfolio-case-copy h3{
    color:#fff;
    font-size:clamp(28px, 3vw, 42px);
    line-height:1.12;
    margin:16px 0;
}

.portfolio-case-copy ul{
    list-style:none;
    display:grid;
    gap:12px;
    margin-top:24px;
}

.portfolio-case-copy li{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#080a0f;
    padding:16px 18px;
    font-size:17px;
    font-weight:800;
}

.portfolio-capability-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
    margin-top:28px;
}

.portfolio-capability-grid article{
    min-height:280px;
    border:1px solid #273142;
    border-radius:8px;
    background:#0b0d12;
    padding:30px;
}

.portfolio-capability-grid i{
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#4382DF;
    color:#030303;
    font-size:25px;
    margin-bottom:24px;
}

.portfolio-capability-grid h3{
    color:#fff;
    font-size:25px;
    margin-bottom:12px;
}

.portfolio-proof-new{
    display:grid;
    grid-template-columns:280px minmax(0, 1fr) 360px;
    gap:34px;
    align-items:center;
    border-top:1px solid #202734;
}

.portfolio-proof-card{
    min-height:250px;
    border:1px solid #273142;
    border-radius:8px;
    background:#f4f8ff;
    color:#050505;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.portfolio-proof-card strong{
    font-size:82px;
    line-height:1;
}

.portfolio-proof-card span{
    color:#263244;
    font-size:19px;
    font-weight:800;
    text-transform:uppercase;
}

.portfolio-proof-copy .home-section-label{
    margin-bottom:22px;
}

.portfolio-proof-copy p{
    margin-top:18px;
}

.portfolio-proof-points{
    display:grid;
    gap:12px;
}

.portfolio-proof-points div{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:20px;
    font-size:18px;
    font-weight:800;
}

.portfolio-cta-new{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding-top:60px;
}

.portfolio-cta-new h2{
    max-width:780px;
    margin-top:14px;
}

@media(max-width:1100px){

    .portfolio-hero-inner,
    .portfolio-intro-grid,
    .portfolio-case-card,
    .portfolio-proof-new{
        grid-template-columns:1fr;
    }

    .portfolio-capability-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .portfolio-proof-new{
        align-items:stretch;
    }
}

@media(max-width:768px){

    .portfolio-hero-new{
        padding:64px 15px 48px;
    }

    .portfolio-hero-copy h1{
        font-size:38px;
    }

    .portfolio-actions,
    .portfolio-cta-new{
        flex-direction:column;
        align-items:flex-start;
    }

    .portfolio-actions .home-btn,
    .portfolio-cta-new .home-btn{
        width:100%;
    }

    .portfolio-intro-new,
    .portfolio-work-new,
    .portfolio-capabilities-new,
    .portfolio-proof-new,
    .portfolio-cta-new{
        padding:64px 15px;
    }

    .portfolio-mini-grid,
    .portfolio-capability-grid{
        grid-template-columns:1fr;
    }

    .portfolio-hero-panel,
    .portfolio-case-card,
    .portfolio-capability-grid article,
    .portfolio-proof-card,
    .portfolio-proof-points div{
        border-radius:8px;
    }
}

/* =====================================
WEBSITE DEVELOPMENT PAGE REDESIGN
===================================== */

.webdev-redesign > .webdev-section,
.webdev-redesign > .stats-section,
.webdev-redesign > .cta-section{
    display:none;
}

.webdev-main{
    background:
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%);
    color:#fff;
}

.webdev-hero-new{
    padding:90px 20px 70px;
}

.webdev-hero-inner{
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
    gap:48px;
    align-items:center;
}

.webdev-hero-copy{
    max-width:820px;
}

.webdev-hero-copy h1{
    margin:22px 0 24px;
    color:#fff;
    font-size:clamp(42px, 6vw, 82px);
    line-height:1.02;
    letter-spacing:0;
}

.webdev-hero-copy p,
.webdev-intro-grid p,
.webdev-package-card p,
.webdev-process-head p,
.webdev-process-item p,
.webdev-proof-copy p{
    color:#e9eef7;
    font-size:18px;
    line-height:1.8;
}

.webdev-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.webdev-hero-panel{
    border:1px solid #273142;
    border-radius:8px;
    background:#0d1016;
    padding:18px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.webdev-panel-image{
    width:100%;
    aspect-ratio:16/7;
    overflow:hidden;
    border-radius:8px;
    background:#fff;
    margin-bottom:20px;
}

.webdev-panel-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.webdev-panel-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#f4f8ff;
    font-size:17px;
    font-weight:800;
    padding-bottom:18px;
    border-bottom:1px solid #273142;
}

.webdev-panel-top i{
    color:#47d38b;
    font-size:24px;
}

.webdev-panel-metric{
    padding:34px 0;
    border-bottom:1px solid #273142;
}

.webdev-panel-metric strong{
    display:block;
    color:#47d38b;
    font-size:clamp(58px, 7vw, 96px);
    line-height:1;
}

.webdev-panel-metric span{
    display:block;
    color:#f4f8ff;
    font-size:18px;
    line-height:1.6;
    max-width:420px;
    margin-top:10px;
}

.webdev-mini-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    border:1px solid #273142;
    border-bottom:none;
    border-right:none;
    margin-top:20px;
}

.webdev-mini-grid div{
    min-height:100px;
    padding:20px;
    border-right:1px solid #273142;
    border-bottom:1px solid #273142;
}

.webdev-mini-grid span{
    display:block;
    color:#9fb0c8;
    font-size:14px;
    font-weight:700;
    margin-bottom:8px;
}

.webdev-mini-grid strong{
    color:#fff;
    font-size:22px;
}

.webdev-intro-new,
.webdev-packages-new,
.webdev-process-new,
.webdev-proof-new,
.webdev-cta-new{
    max-width:1400px;
    margin:0 auto;
    padding:90px 20px;
}

.webdev-intro-grid{
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(320px, .75fr);
    gap:50px;
    align-items:start;
    margin-top:24px;
}

.webdev-intro-grid h2,
.webdev-process-head h2,
.webdev-proof-copy h2,
.webdev-cta-new h2{
    color:#fff;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.12;
    letter-spacing:0;
}

.webdev-packages-new{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.webdev-package-card{
    min-height:310px;
    border:1px solid #273142;
    border-radius:8px;
    background:#0b0d12;
    padding:34px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    transition:.25s ease;
}

.webdev-package-card:hover{
    transform:translateY(-5px);
    border-color:#4382DF;
}

.webdev-package-featured{
    background:#111927;
    border-color:#4382DF;
}

.webdev-package-card i{
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#4382DF;
    color:#030303;
    font-size:25px;
    margin-bottom:26px;
}

.webdev-package-card span{
    color:#47d38b;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:12px;
}

.webdev-package-card h3{
    color:#fff;
    font-size:26px;
    line-height:1.2;
    margin-bottom:14px;
}

.webdev-process-new{
    border-top:1px solid #202734;
    border-bottom:1px solid #202734;
}

.webdev-process-head{
    display:grid;
    grid-template-columns:minmax(0, .85fr) minmax(320px, .7fr);
    gap:48px;
    align-items:end;
    margin:24px 0 42px;
}

.webdev-process-list{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
}

.webdev-process-item{
    border-left:3px solid #4382DF;
    background:#0b0d12;
    padding:30px;
}

.webdev-process-item span{
    color:#47d38b;
    font-size:42px;
    font-weight:900;
}

.webdev-process-item h3{
    color:#fff;
    font-size:25px;
    margin:18px 0 12px;
}

.webdev-proof-new{
    display:grid;
    grid-template-columns:280px minmax(0, 1fr) 360px;
    gap:34px;
    align-items:center;
}

.webdev-proof-card{
    min-height:250px;
    border:1px solid #273142;
    border-radius:8px;
    background:#f4f8ff;
    color:#050505;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.webdev-proof-card strong{
    font-size:82px;
    line-height:1;
}

.webdev-proof-card span{
    color:#263244;
    font-size:19px;
    font-weight:800;
    text-transform:uppercase;
}

.webdev-proof-copy .home-section-label{
    margin-bottom:22px;
}

.webdev-proof-copy p{
    margin-top:18px;
}

.webdev-proof-points{
    display:grid;
    gap:12px;
}

.webdev-proof-points div{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:20px;
    font-size:18px;
    font-weight:800;
}

.webdev-cta-new{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding-top:60px;
}

.webdev-cta-new h2{
    max-width:780px;
    margin-top:14px;
}

@media(max-width:1100px){

    .webdev-hero-inner,
    .webdev-intro-grid,
    .webdev-process-head,
    .webdev-proof-new{
        grid-template-columns:1fr;
    }

    .webdev-packages-new,
    .webdev-process-list{
        grid-template-columns:repeat(2, 1fr);
    }

    .webdev-proof-new{
        align-items:stretch;
    }
}

@media(max-width:768px){

    .webdev-hero-new{
        padding:64px 15px 48px;
    }

    .webdev-hero-copy h1{
        font-size:38px;
    }

    .webdev-actions,
    .webdev-cta-new{
        flex-direction:column;
        align-items:flex-start;
    }

    .webdev-actions .home-btn,
    .webdev-cta-new .home-btn{
        width:100%;
    }

    .webdev-intro-new,
    .webdev-packages-new,
    .webdev-process-new,
    .webdev-proof-new,
    .webdev-cta-new{
        padding:64px 15px;
    }

    .webdev-packages-new,
    .webdev-process-list,
    .webdev-mini-grid{
        grid-template-columns:1fr;
    }

    .webdev-package-card{
        min-height:auto;
        padding:28px;
    }

    .webdev-panel-image{
        aspect-ratio:4/3;
    }
}

/* =====================================
SOCIAL MEDIA MARKETING PAGE REDESIGN
===================================== */

.smm-redesign > .smm-service-page,
.smm-redesign > .stats-section,
.smm-redesign > .cta-section{
    display:none;
}

.smm-main{
    background:
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%);
    color:#fff;
}

.smm-hero-new{
    padding:90px 20px 70px;
}

.smm-hero-inner{
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
    gap:48px;
    align-items:center;
}

.smm-hero-copy{
    max-width:820px;
}

.smm-hero-copy h1{
    margin:22px 0 24px;
    color:#fff;
    font-size:clamp(42px, 6vw, 82px);
    line-height:1.02;
    letter-spacing:0;
}

.smm-hero-copy p,
.smm-intro-grid p,
.smm-service-card p,
.smm-platform-head p,
.smm-process-item p,
.smm-proof-copy p{
    color:#e9eef7;
    font-size:18px;
    line-height:1.8;
}

.smm-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.smm-hero-panel{
    border:1px solid #273142;
    border-radius:8px;
    background:#0d1016;
    padding:34px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.smm-panel-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#f4f8ff;
    font-size:17px;
    font-weight:800;
    padding-bottom:18px;
    border-bottom:1px solid #273142;
}

.smm-panel-top i{
    color:#47d38b;
    font-size:24px;
}

.smm-panel-metric{
    padding:34px 0;
    border-bottom:1px solid #273142;
}

.smm-panel-metric strong{
    display:block;
    color:#47d38b;
    font-size:clamp(58px, 7vw, 96px);
    line-height:1;
}

.smm-panel-metric span{
    display:block;
    color:#f4f8ff;
    font-size:18px;
    line-height:1.6;
    max-width:420px;
    margin-top:10px;
}

.smm-mini-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    border:1px solid #273142;
    border-bottom:none;
    border-right:none;
    margin-top:20px;
}

.smm-mini-grid div{
    min-height:100px;
    padding:20px;
    border-right:1px solid #273142;
    border-bottom:1px solid #273142;
}

.smm-mini-grid span{
    display:block;
    color:#9fb0c8;
    font-size:14px;
    font-weight:700;
    margin-bottom:8px;
}

.smm-mini-grid strong{
    color:#fff;
    font-size:22px;
}

.smm-intro-new,
.smm-services-new,
.smm-platforms-new,
.smm-process-new,
.smm-proof-new,
.smm-cta-new{
    max-width:1400px;
    margin:0 auto;
    padding:90px 20px;
}

.smm-intro-grid,
.smm-platform-head{
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(320px, .75fr);
    gap:50px;
    align-items:start;
    margin-top:24px;
}

.smm-intro-grid h2,
.smm-platform-head h2,
.smm-proof-copy h2,
.smm-cta-new h2{
    color:#fff;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.12;
    letter-spacing:0;
}

.smm-services-new{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.smm-service-card{
    min-height:310px;
    border:1px solid #273142;
    border-radius:8px;
    background:#0b0d12;
    padding:34px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    transition:.25s ease;
}

.smm-service-card:hover{
    transform:translateY(-5px);
    border-color:#4382DF;
}

.smm-service-featured{
    background:#111927;
    border-color:#4382DF;
}

.smm-service-card i{
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#4382DF;
    color:#030303;
    font-size:25px;
    margin-bottom:26px;
}

.smm-service-card span{
    color:#47d38b;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:12px;
}

.smm-service-card h3{
    color:#fff;
    font-size:26px;
    line-height:1.2;
    margin-bottom:14px;
}

.smm-platforms-new,
.smm-process-new{
    border-top:1px solid #202734;
}

.smm-platform-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
    margin-top:42px;
}

.smm-platform-grid div{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:22px;
    font-size:18px;
    font-weight:800;
    text-align:center;
}

.smm-process-list{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
    margin-top:28px;
}

.smm-process-item{
    border-left:3px solid #4382DF;
    background:#0b0d12;
    padding:30px;
}

.smm-process-item span{
    color:#47d38b;
    font-size:42px;
    font-weight:900;
}

.smm-process-item h3{
    color:#fff;
    font-size:25px;
    margin:18px 0 12px;
}

.smm-proof-new{
    display:grid;
    grid-template-columns:280px minmax(0, 1fr) 360px;
    gap:34px;
    align-items:center;
    border-top:1px solid #202734;
}

.smm-proof-card{
    min-height:250px;
    border:1px solid #273142;
    border-radius:8px;
    background:#f4f8ff;
    color:#050505;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.smm-proof-card strong{
    font-size:82px;
    line-height:1;
}

.smm-proof-card span{
    color:#263244;
    font-size:19px;
    font-weight:800;
    text-transform:uppercase;
}

.smm-proof-copy .home-section-label{
    margin-bottom:22px;
}

.smm-proof-copy p{
    margin-top:18px;
}

.smm-proof-points{
    display:grid;
    gap:12px;
}

.smm-proof-points div{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:20px;
    font-size:18px;
    font-weight:800;
}

.smm-cta-new{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding-top:60px;
}

.smm-cta-new h2{
    max-width:780px;
    margin-top:14px;
}

@media(max-width:1100px){

    .smm-hero-inner,
    .smm-intro-grid,
    .smm-platform-head,
    .smm-proof-new{
        grid-template-columns:1fr;
    }

    .smm-services-new,
    .smm-platform-grid,
    .smm-process-list{
        grid-template-columns:repeat(2, 1fr);
    }

    .smm-proof-new{
        align-items:stretch;
    }
}

@media(max-width:768px){

    .smm-hero-new{
        padding:64px 15px 48px;
    }

    .smm-hero-copy h1{
        font-size:38px;
    }

    .smm-actions,
    .smm-cta-new{
        flex-direction:column;
        align-items:flex-start;
    }

    .smm-actions .home-btn,
    .smm-cta-new .home-btn{
        width:100%;
    }

    .smm-intro-new,
    .smm-services-new,
    .smm-platforms-new,
    .smm-process-new,
    .smm-proof-new,
    .smm-cta-new{
        padding:64px 15px;
    }

    .smm-services-new,
    .smm-platform-grid,
    .smm-process-list,
    .smm-mini-grid{
        grid-template-columns:1fr;
    }

    .smm-service-card{
        min-height:auto;
        padding:28px;
    }
}

/* =====================================
PPC ADVERTISING PAGE REDESIGN
===================================== */

.ppc-redesign > .ppc-page,
.ppc-redesign > .stats-section,
.ppc-redesign > .cta-section{
    display:none;
}

.ppc-main{
    background:
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%);
    color:#fff;
}

.ppc-hero-new{
    padding:90px 20px 70px;
}

.ppc-hero-inner{
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
    gap:48px;
    align-items:center;
}

.ppc-hero-copy{
    max-width:820px;
}

.ppc-hero-copy h1{
    margin:22px 0 24px;
    color:#fff;
    font-size:clamp(42px, 6vw, 82px);
    line-height:1.02;
    letter-spacing:0;
}

.ppc-hero-copy p,
.ppc-intro-grid p,
.ppc-service-card p,
.ppc-platform-head p,
.ppc-process-item p,
.ppc-proof-copy p{
    color:#e9eef7;
    font-size:18px;
    line-height:1.8;
}

.ppc-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.ppc-hero-panel{
    border:1px solid #273142;
    border-radius:8px;
    background:#0d1016;
    padding:34px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.ppc-panel-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#f4f8ff;
    font-size:17px;
    font-weight:800;
    padding-bottom:18px;
    border-bottom:1px solid #273142;
}

.ppc-panel-top i{
    color:#47d38b;
    font-size:24px;
}

.ppc-panel-metric{
    padding:34px 0;
    border-bottom:1px solid #273142;
}

.ppc-panel-metric strong{
    display:block;
    color:#47d38b;
    font-size:clamp(58px, 7vw, 96px);
    line-height:1;
}

.ppc-panel-metric span{
    display:block;
    color:#f4f8ff;
    font-size:18px;
    line-height:1.6;
    max-width:440px;
    margin-top:10px;
}

.ppc-mini-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    border:1px solid #273142;
    border-bottom:none;
    border-right:none;
    margin-top:20px;
}

.ppc-mini-grid div{
    min-height:100px;
    padding:20px;
    border-right:1px solid #273142;
    border-bottom:1px solid #273142;
}

.ppc-mini-grid span{
    display:block;
    color:#9fb0c8;
    font-size:14px;
    font-weight:700;
    margin-bottom:8px;
}

.ppc-mini-grid strong{
    color:#fff;
    font-size:22px;
}

.ppc-intro-new,
.ppc-services-new,
.ppc-platforms-new,
.ppc-process-new,
.ppc-proof-new,
.ppc-cta-new{
    max-width:1400px;
    margin:0 auto;
    padding:90px 20px;
}

.ppc-intro-grid,
.ppc-platform-head{
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(320px, .75fr);
    gap:50px;
    align-items:start;
    margin-top:24px;
}

.ppc-intro-grid h2,
.ppc-platform-head h2,
.ppc-proof-copy h2,
.ppc-cta-new h2{
    color:#fff;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.12;
    letter-spacing:0;
}

.ppc-services-new{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.ppc-service-card{
    min-height:310px;
    border:1px solid #273142;
    border-radius:8px;
    background:#0b0d12;
    padding:34px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    transition:.25s ease;
}

.ppc-service-card:hover{
    transform:translateY(-5px);
    border-color:#4382DF;
}

.ppc-service-featured{
    background:#111927;
    border-color:#4382DF;
}

.ppc-service-card i{
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#4382DF;
    color:#030303;
    font-size:25px;
    margin-bottom:26px;
}

.ppc-service-card span{
    color:#47d38b;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:12px;
}

.ppc-service-card h3{
    color:#fff;
    font-size:26px;
    line-height:1.2;
    margin-bottom:14px;
}

.ppc-platforms-new,
.ppc-process-new{
    border-top:1px solid #202734;
}

.ppc-platform-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
    margin-top:42px;
}

.ppc-platform-grid div{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:22px;
    font-size:18px;
    font-weight:800;
    text-align:center;
}

.ppc-process-list{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
    margin-top:28px;
}

.ppc-process-item{
    border-left:3px solid #4382DF;
    background:#0b0d12;
    padding:30px;
}

.ppc-process-item span{
    color:#47d38b;
    font-size:42px;
    font-weight:900;
}

.ppc-process-item h3{
    color:#fff;
    font-size:25px;
    margin:18px 0 12px;
}

.ppc-proof-new{
    display:grid;
    grid-template-columns:280px minmax(0, 1fr) 360px;
    gap:34px;
    align-items:center;
    border-top:1px solid #202734;
}

.ppc-proof-card{
    min-height:250px;
    border:1px solid #273142;
    border-radius:8px;
    background:#f4f8ff;
    color:#050505;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ppc-proof-card strong{
    font-size:82px;
    line-height:1;
}

.ppc-proof-card span{
    color:#263244;
    font-size:19px;
    font-weight:800;
    text-transform:uppercase;
}

.ppc-proof-copy .home-section-label{
    margin-bottom:22px;
}

.ppc-proof-copy p{
    margin-top:18px;
}

.ppc-proof-points{
    display:grid;
    gap:12px;
}

.ppc-proof-points div{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:20px;
    font-size:18px;
    font-weight:800;
}

.ppc-cta-new{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding-top:60px;
}

.ppc-cta-new h2{
    max-width:780px;
    margin-top:14px;
}

@media(max-width:1100px){

    .ppc-hero-inner,
    .ppc-intro-grid,
    .ppc-platform-head,
    .ppc-proof-new{
        grid-template-columns:1fr;
    }

    .ppc-services-new,
    .ppc-platform-grid,
    .ppc-process-list{
        grid-template-columns:repeat(2, 1fr);
    }

    .ppc-proof-new{
        align-items:stretch;
    }
}

@media(max-width:768px){

    .ppc-hero-new{
        padding:64px 15px 48px;
    }

    .ppc-hero-copy h1{
        font-size:38px;
    }

    .ppc-actions,
    .ppc-cta-new{
        flex-direction:column;
        align-items:flex-start;
    }

    .ppc-actions .home-btn,
    .ppc-cta-new .home-btn{
        width:100%;
    }

    .ppc-intro-new,
    .ppc-services-new,
    .ppc-platforms-new,
    .ppc-process-new,
    .ppc-proof-new,
    .ppc-cta-new{
        padding:64px 15px;
    }

    .ppc-services-new,
    .ppc-platform-grid,
    .ppc-process-list,
    .ppc-mini-grid{
        grid-template-columns:1fr;
    }

    .ppc-service-card{
        min-height:auto;
        padding:28px;
    }
}

/* =====================================
EMAIL MARKETING PAGE REDESIGN
===================================== */

.email-redesign > .email-marketing-page,
.email-redesign > .stats-section,
.email-redesign > .cta-section{
    display:none;
}

.email-main{
    background:
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%);
    color:#fff;
}

.email-hero-new{
    padding:90px 20px 70px;
}

.email-hero-inner{
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
    gap:48px;
    align-items:center;
}

.email-hero-copy{
    max-width:820px;
}

.email-hero-copy h1{
    margin:22px 0 24px;
    color:#fff;
    font-size:clamp(42px, 6vw, 82px);
    line-height:1.02;
    letter-spacing:0;
}

.email-hero-copy p,
.email-intro-grid p,
.email-service-card p,
.email-automation-head p,
.email-process-item p,
.email-proof-copy p{
    color:#e9eef7;
    font-size:18px;
    line-height:1.8;
}

.email-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.email-hero-panel{
    border:1px solid #273142;
    border-radius:8px;
    background:#0d1016;
    padding:34px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.email-panel-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#f4f8ff;
    font-size:17px;
    font-weight:800;
    padding-bottom:18px;
    border-bottom:1px solid #273142;
}

.email-panel-top i{
    color:#47d38b;
    font-size:24px;
}

.email-panel-metric{
    padding:34px 0;
    border-bottom:1px solid #273142;
}

.email-panel-metric strong{
    display:block;
    color:#47d38b;
    font-size:clamp(58px, 7vw, 96px);
    line-height:1;
}

.email-panel-metric span{
    display:block;
    color:#f4f8ff;
    font-size:18px;
    line-height:1.6;
    max-width:440px;
    margin-top:10px;
}

.email-mini-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    border:1px solid #273142;
    border-bottom:none;
    border-right:none;
    margin-top:20px;
}

.email-mini-grid div{
    min-height:100px;
    padding:20px;
    border-right:1px solid #273142;
    border-bottom:1px solid #273142;
}

.email-mini-grid span{
    display:block;
    color:#9fb0c8;
    font-size:14px;
    font-weight:700;
    margin-bottom:8px;
}

.email-mini-grid strong{
    color:#fff;
    font-size:22px;
}

.email-intro-new,
.email-services-new,
.email-automation-new,
.email-process-new,
.email-proof-new,
.email-cta-new{
    max-width:1400px;
    margin:0 auto;
    padding:90px 20px;
}

.email-intro-grid,
.email-automation-head{
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(320px, .75fr);
    gap:50px;
    align-items:start;
    margin-top:24px;
}

.email-intro-grid h2,
.email-automation-head h2,
.email-proof-copy h2,
.email-cta-new h2{
    color:#fff;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.12;
    letter-spacing:0;
}

.email-services-new{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.email-service-card{
    min-height:310px;
    border:1px solid #273142;
    border-radius:8px;
    background:#0b0d12;
    padding:34px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    transition:.25s ease;
}

.email-service-card:hover{
    transform:translateY(-5px);
    border-color:#4382DF;
}

.email-service-featured{
    background:#111927;
    border-color:#4382DF;
}

.email-service-card i{
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#4382DF;
    color:#030303;
    font-size:25px;
    margin-bottom:26px;
}

.email-service-card span{
    color:#47d38b;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:12px;
}

.email-service-card h3{
    color:#fff;
    font-size:26px;
    line-height:1.2;
    margin-bottom:14px;
}

.email-automation-new,
.email-process-new{
    border-top:1px solid #202734;
}

.email-automation-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
    margin-top:42px;
}

.email-automation-grid div{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:22px;
    font-size:18px;
    font-weight:800;
    text-align:center;
}

.email-process-list{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
    margin-top:28px;
}

.email-process-item{
    border-left:3px solid #4382DF;
    background:#0b0d12;
    padding:30px;
}

.email-process-item span{
    color:#47d38b;
    font-size:42px;
    font-weight:900;
}

.email-process-item h3{
    color:#fff;
    font-size:25px;
    margin:18px 0 12px;
}

.email-proof-new{
    display:grid;
    grid-template-columns:280px minmax(0, 1fr) 360px;
    gap:34px;
    align-items:center;
    border-top:1px solid #202734;
}

.email-proof-card{
    min-height:250px;
    border:1px solid #273142;
    border-radius:8px;
    background:#f4f8ff;
    color:#050505;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.email-proof-card strong{
    font-size:82px;
    line-height:1;
}

.email-proof-card span{
    color:#263244;
    font-size:19px;
    font-weight:800;
    text-transform:uppercase;
}

.email-proof-copy .home-section-label{
    margin-bottom:22px;
}

.email-proof-copy p{
    margin-top:18px;
}

.email-proof-points{
    display:grid;
    gap:12px;
}

.email-proof-points div{
    border:1px solid #273142;
    border-radius:8px;
    color:#fff;
    background:#0b0d12;
    padding:20px;
    font-size:18px;
    font-weight:800;
}

.email-cta-new{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding-top:60px;
}

.email-cta-new h2{
    max-width:780px;
    margin-top:14px;
}

@media(max-width:1100px){

    .email-hero-inner,
    .email-intro-grid,
    .email-automation-head,
    .email-proof-new{
        grid-template-columns:1fr;
    }

    .email-services-new,
    .email-automation-grid,
    .email-process-list{
        grid-template-columns:repeat(2, 1fr);
    }

    .email-proof-new{
        align-items:stretch;
    }
}

@media(max-width:768px){

    .email-hero-new{
        padding:64px 15px 48px;
    }

    .email-hero-copy h1{
        font-size:38px;
    }

    .email-actions,
    .email-cta-new{
        flex-direction:column;
        align-items:flex-start;
    }

    .email-actions .home-btn,
    .email-cta-new .home-btn{
        width:100%;
    }

    .email-intro-new,
    .email-services-new,
    .email-automation-new,
    .email-process-new,
    .email-proof-new,
    .email-cta-new{
        padding:64px 15px;
    }

    .email-services-new,
    .email-automation-grid,
    .email-process-list,
    .email-mini-grid{
        grid-template-columns:1fr;
    }

    .email-service-card{
        min-height:auto;
        padding:28px;
    }
}