:root{
    --marketing-pink:#ff5f8f;
    --marketing-purple:#8a6cff;
    --marketing-blue:#3aa7ff;
    --marketing-soft:#fff2f7;
}

.marketing-hero{
    position:relative;
    overflow:hidden;
    padding:155px 0 95px;
    background:linear-gradient(135deg,#061326 0%,#0a2140 54%,#40204d 100%);
    color:#fff;
}
.marketing-grid-lines{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:36px 36px;
    mask-image:linear-gradient(to bottom,#000 35%,transparent);
}
.marketing-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(20px);
}
.marketing-orb-one{
    width:360px;
    height:360px;
    right:3%;
    top:8%;
    background:rgba(255,95,143,.18);
}
.marketing-orb-two{
    width:430px;
    height:430px;
    left:-13%;
    bottom:-25%;
    background:rgba(138,108,255,.16);
}
.marketing-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}
.marketing-hero-copy h1{
    font-size:clamp(2.9rem,5vw,5rem);
    line-height:1.02;
    letter-spacing:-.05em;
    margin:0 0 24px;
}
.marketing-hero-copy h1 span{color:#ff9fbd}
.marketing-hero-copy p{
    max-width:660px;
    margin:0 0 32px;
    color:#e0e5ef;
    font-size:1.13rem;
}
.marketing-trust{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
}
.marketing-trust span{
    position:relative;
    padding:8px 12px 8px 28px;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.055);
    border-radius:999px;
    color:#e6e9ef;
    font-size:.84rem;
}
.marketing-trust span:before{
    content:"";
    position:absolute;
    left:11px;
    top:50%;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff9fbd;
    transform:translateY(-50%);
}
.marketing-hero-visual img{
    width:100%;
    filter:drop-shadow(0 40px 55px rgba(0,0,0,.4));
    animation:marketingFloat 6s ease-in-out infinite;
}
@keyframes marketingFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-10px)}
}

.marketing-message{
    padding:58px 0;
    border-bottom:1px solid var(--line);
    background:#fff;
}
.marketing-message-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}
.marketing-message h2{
    font-size:clamp(2rem,4vw,3rem);
    line-height:1.08;
    letter-spacing:-.04em;
    margin:0;
}
.marketing-message p{
    margin:0;
    color:var(--muted);
    font-size:1.04rem;
}

.marketing-services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}
.marketing-service-card{
    padding:30px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:#fff;
    box-shadow:0 12px 34px rgba(7,22,43,.055);
    transition:.25s;
}
.marketing-service-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow);
    border-color:rgba(255,95,143,.45);
}
.marketing-icon{
    display:flex;
    width:50px;
    height:50px;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:linear-gradient(145deg,#17244c,#542552);
    color:#ff9fbd;
    font-weight:900;
}
.marketing-service-card h3{
    margin:20px 0 9px;
    font-size:1.28rem;
}
.marketing-service-card p{
    margin:0;
    color:var(--muted);
}

.marketing-problems-section{
    background:linear-gradient(135deg,#f7f8fc,#fff2f7);
}
.marketing-problems-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:40px;
    align-items:center;
}
.marketing-problems-grid h2{
    font-size:clamp(2rem,4vw,3.15rem);
    line-height:1.08;
    letter-spacing:-.04em;
    margin:0 0 24px;
}
.marketing-problem-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.marketing-problem-list span{
    position:relative;
    padding:14px 15px 14px 38px;
    border:1px solid #e6e8ef;
    border-radius:14px;
    background:#fff;
    color:#4c5b6d;
}
.marketing-problem-list span:before{
    content:"!";
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:#d9507c;
    font-weight:900;
}
.marketing-result-card{
    padding:38px;
    border-radius:28px;
    background:linear-gradient(135deg,#0b2946,#4a244c);
    color:#fff;
    box-shadow:0 22px 55px rgba(7,22,43,.17);
}
.marketing-badge{
    display:inline-flex;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,95,143,.17);
    color:#ffb2ca;
    font-weight:900;
}
.marketing-result-card h3{
    margin:20px 0 16px;
    font-size:2rem;
    line-height:1.1;
}
.marketing-result-card ul{
    margin:0;
    padding-left:20px;
    color:#e3e8ee;
}
.marketing-result-card li{margin:8px 0}

.marketing-process-section .section-heading h2{color:#fff}
.marketing-process{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
    position:relative;
}
.marketing-process:before{
    content:"";
    position:absolute;
    top:27px;
    left:10%;
    right:10%;
    height:2px;
    background:linear-gradient(90deg,var(--marketing-pink),var(--marketing-blue));
}
.marketing-step{
    position:relative;
    text-align:center;
    padding:0 10px;
}
.marketing-step span{
    position:relative;
    z-index:2;
    display:flex;
    width:56px;
    height:56px;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--marketing-pink),var(--marketing-blue));
    color:#fff;
    font-weight:900;
    box-shadow:0 12px 28px rgba(255,95,143,.22);
}
.marketing-step h3{
    color:#fff;
    margin:0 0 8px;
    font-size:1.08rem;
}
.marketing-step p{
    margin:0;
    color:#cbd5e4;
    font-size:.9rem;
}

.marketing-channels-section{
    padding-top:85px;
    padding-bottom:85px;
}
.marketing-channels{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:13px;
}
.marketing-channels span{
    padding:12px 17px;
    border-radius:999px;
    border:1px solid var(--line);
    background:#fff;
    color:#6a3d86;
    font-weight:900;
    box-shadow:0 8px 24px rgba(7,22,43,.05);
}

.marketing-differentials-section{
    background:linear-gradient(135deg,#f7f9fc,#fff);
}
.marketing-benefits-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.marketing-benefits-grid div{
    padding:22px;
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff;
    box-shadow:0 10px 28px rgba(7,22,43,.05);
}
.marketing-benefits-grid strong{
    display:block;
    margin-bottom:6px;
    color:#8a4c8e;
}
.marketing-benefits-grid span{
    color:var(--muted);
    font-size:.92rem;
}

.marketing-cta{padding-top:30px}
.marketing-cta-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:48px;
    border-radius:28px;
    background:linear-gradient(135deg,var(--marketing-pink),var(--marketing-purple),var(--marketing-blue));
    color:#fff;
    box-shadow:0 22px 55px rgba(113,80,180,.25);
}
.marketing-cta-box .eyebrow{color:#ffe3ed}
.marketing-cta-box h2{
    margin:0 0 12px;
    font-size:clamp(2rem,4vw,3.2rem);
    line-height:1.08;
    letter-spacing:-.04em;
}
.marketing-cta-box p{
    margin:0;
    color:#f3efff;
}

@media(max-width:980px){
    .marketing-hero-grid,
    .marketing-message-grid,
    .marketing-problems-grid{
        grid-template-columns:1fr;
    }
    .marketing-hero-copy{text-align:center}
    .marketing-hero-copy p{margin-left:auto;margin-right:auto}
    .marketing-hero-copy .hero-actions,
    .marketing-trust{justify-content:center}
    .marketing-hero-visual{max-width:720px;margin:auto}
    .marketing-services-grid{grid-template-columns:repeat(2,1fr)}
    .marketing-process{grid-template-columns:repeat(2,1fr)}
    .marketing-process:before{display:none}
}
@media(max-width:680px){
    .marketing-hero{padding:120px 0 70px}
    .marketing-hero-copy h1{font-size:2.55rem}
    .marketing-message{padding:48px 0}
    .marketing-services-grid,
    .marketing-problem-list,
    .marketing-process,
    .marketing-benefits-grid{
        grid-template-columns:1fr;
    }
    .marketing-result-card{padding:30px}
    .marketing-cta-box{
        flex-direction:column;
        align-items:flex-start;
        padding:31px;
    }
    .marketing-cta-box .btn{width:100%}
}