/* Index CTA başlangıcı */

.sm27-cta-final{
    position:relative!important;
    width:100%!important;
    padding:92px 0 104px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 10% 15%,rgba(66,133,244,.085),transparent 32%),
        radial-gradient(circle at 88% 22%,rgba(52,168,83,.070),transparent 30%),
        radial-gradient(circle at 50% 100%,rgba(251,188,5,.060),transparent 34%),
        linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    color:#0f172a!important;
    font-family:Arial,Helvetica,sans-serif!important;
    scroll-margin-top:130px!important;
}

.sm27-cta-final::before{
    content:""!important;
    position:absolute!important;
    left:-330px!important;
    top:-390px!important;
    width:780px!important;
    height:780px!important;
    border-radius:50%!important;
    border:1px solid rgba(66,133,244,.070)!important;
    box-shadow:
        0 0 0 48px rgba(66,133,244,.020),
        0 0 0 98px rgba(66,133,244,.014),
        0 0 0 154px rgba(66,133,244,.010)!important;
    pointer-events:none!important;
}

.sm27-cta-final::after{
    content:""!important;
    position:absolute!important;
    right:-380px!important;
    bottom:-470px!important;
    width:820px!important;
    height:820px!important;
    border-radius:50%!important;
    border:1px solid rgba(52,168,83,.065)!important;
    box-shadow:
        0 0 0 48px rgba(52,168,83,.018),
        0 0 0 98px rgba(52,168,83,.013),
        0 0 0 154px rgba(52,168,83,.009)!important;
    pointer-events:none!important;
}

.sm27-cta-final-bg{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
}

.sm27-cta-final-container{
    position:relative!important;
    z-index:2!important;
    width:min(100% - 64px,1320px)!important;
    margin:0 auto!important;
}

.sm27-cta-box,
.sm27-cta-card,
.sm27-cta-wrap{
    position:relative!important;
    width:100%!important;
    min-height:420px!important;
    padding:58px 60px!important;
    border-radius:36px!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:42px!important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.97) 0%,rgba(248,251,255,.97) 100%)!important;
    border:1px solid rgba(218,220,224,.92)!important;
    box-shadow:0 28px 90px rgba(60,64,67,.105)!important;
}

.sm27-cta-box::before,
.sm27-cta-card::before,
.sm27-cta-wrap::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:5px!important;
    background:linear-gradient(90deg,#4285f4 0%,#ea4335 28%,#fbbc05 56%,#34a853 100%)!important;
    z-index:2!important;
}

.sm27-cta-box::after,
.sm27-cta-card::after,
.sm27-cta-wrap::after{
    content:""!important;
    position:absolute!important;
    right:-170px!important;
    top:-210px!important;
    width:520px!important;
    height:520px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(66,133,244,.13),transparent 68%)!important;
    pointer-events:none!important;
}

.sm27-cta-copy,
.sm27-cta-content{
    position:relative!important;
    z-index:3!important;
    max-width:760px!important;
}

.sm27-cta-kicker{
    min-height:42px!important;
    padding:0 19px!important;
    margin:0 0 22px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    color:#0b63ce!important;
    background:rgba(66,133,244,.095)!important;
    border:1px solid rgba(66,133,244,.22)!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.020em!important;
}

.sm27-cta-kicker i{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    border-radius:50%!important;
    display:inline-block!important;
    background:#4285f4!important;
    box-shadow:0 0 0 6px rgba(66,133,244,.14)!important;
}

.sm27-cta-final h2,
.sm27-cta-copy h2,
.sm27-cta-content h2{
    margin:0!important;
    color:#0f172a!important;
    font-size:clamp(42px,4.05vw,66px)!important;
    line-height:1.03!important;
    font-weight:950!important;
    letter-spacing:-.072em!important;
    text-wrap:balance!important;
}

.sm27-cta-final p,
.sm27-cta-copy p,
.sm27-cta-content p{
    max-width:690px!important;
    margin:18px 0 0!important;
    color:#526078!important;
    font-size:17px!important;
    line-height:1.62!important;
    font-weight:500!important;
    letter-spacing:-.015em!important;
}

.sm27-cta-actions{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:16px!important;
    min-width:360px!important;
}

.sm27-cta-btn,
.sm27-cta-final a[class*="btn"],
.sm27-cta-actions a{
    min-width:230px!important;
    min-height:58px!important;
    padding:0 28px!important;
    border-radius:16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:13px!important;
    text-decoration:none!important;
    font-size:16.5px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.028em!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}

.sm27-cta-btn svg,
.sm27-cta-final a[class*="btn"] svg,
.sm27-cta-actions a svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.4!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.sm27-cta-btn-primary,
.sm27-cta-actions a:first-child{
    color:#ffffff!important;
    background:linear-gradient(135deg,#1a73e8 0%,#0b57d0 100%)!important;
    border:1px solid rgba(255,255,255,.30)!important;
    box-shadow:0 20px 44px rgba(26,115,232,.24)!important;
}

.sm27-cta-btn-primary:hover,
.sm27-cta-actions a:first-child:hover{
    color:#ffffff!important;
    transform:translateY(-3px)!important;
    box-shadow:0 26px 60px rgba(26,115,232,.32)!important;
}

.sm27-cta-btn-light,
.sm27-cta-btn-outline,
.sm27-cta-actions a:last-child{
    color:#0b57d0!important;
    background:#ffffff!important;
    border:2px solid rgba(26,115,232,.32)!important;
    box-shadow:0 16px 36px rgba(15,23,42,.055)!important;
}

.sm27-cta-btn-light:hover,
.sm27-cta-btn-outline:hover,
.sm27-cta-actions a:last-child:hover{
    color:#0b57d0!important;
    transform:translateY(-3px)!important;
    border-color:#1a73e8!important;
    box-shadow:0 22px 48px rgba(26,115,232,.13)!important;
}

.sm27-cta-note,
.sm27-cta-info,
.sm27-cta-mini{
    position:relative!important;
    z-index:3!important;
    margin-top:22px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    color:#5f6f86!important;
    font-size:14.5px!important;
    line-height:1.45!important;
    font-weight:700!important;
    letter-spacing:-.012em!important;
}

.sm27-cta-note span,
.sm27-cta-info span,
.sm27-cta-mini span{
    min-height:32px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    background:#f1f5f9!important;
    border:1px solid rgba(218,220,224,.85)!important;
    color:#42526a!important;
}

.sm27-cta-badges,
.sm27-cta-tags{
    position:relative!important;
    z-index:3!important;
    margin-top:26px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:12px!important;
}

.sm27-cta-badges span,
.sm27-cta-tags span{
    min-height:36px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#0f172a!important;
    background:#ffffff!important;
    border:1px solid rgba(218,220,224,.92)!important;
    box-shadow:0 10px 24px rgba(60,64,67,.045)!important;
    font-size:13.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.015em!important;
}

/* CTA içinde görsel/sağ kutu varsa */

.sm27-cta-visual,
.sm27-cta-panel{
    position:relative!important;
    z-index:3!important;
    width:330px!important;
    min-height:260px!important;
    border-radius:28px!important;
    background:#ffffff!important;
    border:1px solid rgba(218,220,224,.92)!important;
    box-shadow:0 20px 56px rgba(60,64,67,.095)!important;
    overflow:hidden!important;
}

.sm27-cta-visual::before,
.sm27-cta-panel::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:4px!important;
    background:linear-gradient(90deg,#4285f4,#34a853)!important;
}

.sm27-cta-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}

/* Desktop orta ekran */

@media (min-width:1200px) and (max-width:1450px){
    .sm27-cta-final{
        padding:84px 0 94px!important;
    }

    .sm27-cta-final-container{
        width:min(100% - 46px,1240px)!important;
    }

    .sm27-cta-box,
    .sm27-cta-card,
    .sm27-cta-wrap{
        min-height:390px!important;
        padding:48px!important;
        border-radius:32px!important;
        gap:34px!important;
    }

    .sm27-cta-final h2,
    .sm27-cta-copy h2,
    .sm27-cta-content h2{
        font-size:clamp(38px,3.75vw,58px)!important;
    }

    .sm27-cta-final p,
    .sm27-cta-copy p,
    .sm27-cta-content p{
        font-size:16px!important;
        line-height:1.58!important;
    }

    .sm27-cta-actions{
        min-width:330px!important;
    }

    .sm27-cta-btn,
    .sm27-cta-final a[class*="btn"],
    .sm27-cta-actions a{
        min-width:210px!important;
        min-height:56px!important;
        font-size:15.5px!important;
    }
}

/* Tablet */

@media (max-width:1199px){
    .sm27-cta-final{
        padding:76px 0 84px!important;
    }

    .sm27-cta-final-container{
        width:min(100% - 40px,980px)!important;
    }

    .sm27-cta-box,
    .sm27-cta-card,
    .sm27-cta-wrap{
        min-height:auto!important;
        padding:44px!important;
        grid-template-columns:1fr!important;
        gap:30px!important;
        text-align:center!important;
        border-radius:30px!important;
    }

    .sm27-cta-copy,
    .sm27-cta-content{
        max-width:820px!important;
        margin:0 auto!important;
    }

    .sm27-cta-final p,
    .sm27-cta-copy p,
    .sm27-cta-content p{
        margin-left:auto!important;
        margin-right:auto!important;
    }

    .sm27-cta-actions{
        min-width:0!important;
        justify-content:center!important;
    }

    .sm27-cta-note,
    .sm27-cta-info,
    .sm27-cta-mini,
    .sm27-cta-badges,
    .sm27-cta-tags{
        justify-content:center!important;
    }

    .sm27-cta-visual,
    .sm27-cta-panel{
        width:100%!important;
        max-width:520px!important;
        margin:0 auto!important;
    }
}

/* Mobil */

@media (max-width:767px){
    .sm27-cta-final{
        padding:62px 0 70px!important;
        scroll-margin-top:120px!important;
    }

    .sm27-cta-final::before{
        left:-420px!important;
        top:-420px!important;
    }

    .sm27-cta-final::after{
        right:-470px!important;
        bottom:-480px!important;
    }

    .sm27-cta-final-container{
        width:min(100% - 24px,560px)!important;
    }

    .sm27-cta-box,
    .sm27-cta-card,
    .sm27-cta-wrap{
        padding:30px 22px!important;
        border-radius:24px!important;
        text-align:left!important;
        gap:24px!important;
    }

    .sm27-cta-kicker{
        min-height:38px!important;
        margin-bottom:18px!important;
        padding:0 16px!important;
        font-size:14px!important;
    }

    .sm27-cta-final h2,
    .sm27-cta-copy h2,
    .sm27-cta-content h2{
        font-size:clamp(34px,9.5vw,46px)!important;
        line-height:1.06!important;
        letter-spacing:-.064em!important;
    }

    .sm27-cta-final p,
    .sm27-cta-copy p,
    .sm27-cta-content p{
        margin-top:15px!important;
        font-size:15.5px!important;
        line-height:1.56!important;
    }

    .sm27-cta-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        justify-content:stretch!important;
    }

    .sm27-cta-btn,
    .sm27-cta-final a[class*="btn"],
    .sm27-cta-actions a{
        width:100%!important;
        min-width:0!important;
        min-height:56px!important;
        padding:0 20px!important;
        border-radius:15px!important;
        font-size:15.5px!important;
    }

    .sm27-cta-note,
    .sm27-cta-info,
    .sm27-cta-mini,
    .sm27-cta-badges,
    .sm27-cta-tags{
        justify-content:flex-start!important;
        margin-top:20px!important;
    }

    .sm27-cta-note span,
    .sm27-cta-info span,
    .sm27-cta-mini span,
    .sm27-cta-badges span,
    .sm27-cta-tags span{
        min-height:34px!important;
        font-size:13px!important;
    }

    .sm27-cta-visual,
    .sm27-cta-panel{
        width:100%!important;
        min-height:220px!important;
        border-radius:22px!important;
    }
}

/* Küçük mobil */

@media (max-width:420px){
    .sm27-cta-final{
        padding:58px 0 66px!important;
    }

    .sm27-cta-final-container{
        width:min(100% - 22px,420px)!important;
    }

    .sm27-cta-box,
    .sm27-cta-card,
    .sm27-cta-wrap{
        padding:28px 20px!important;
    }

    .sm27-cta-final h2,
    .sm27-cta-copy h2,
    .sm27-cta-content h2{
        font-size:32px!important;
    }

    .sm27-cta-final p,
    .sm27-cta-copy p,
    .sm27-cta-content p{
        font-size:14.6px!important;
    }

    .sm27-cta-btn,
    .sm27-cta-final a[class*="btn"],
    .sm27-cta-actions a{
        min-height:54px!important;
        font-size:15px!important;
    }
}

/* Index CTA bitişi */
/* CTA final inceltme ve hero uyumu başlangıcı */

.sm27-cta-final{
    padding:76px 0 86px!important;
}

.sm27-cta-box,
.sm27-cta-card,
.sm27-cta-wrap{
    min-height:340px!important;
    padding:46px 52px!important;
    border-radius:30px!important;
    gap:36px!important;
    box-shadow:0 22px 64px rgba(60,64,67,.085)!important;
}

.sm27-cta-kicker{
    min-height:38px!important;
    margin-bottom:18px!important;
    padding:0 17px!important;
    font-size:14px!important;
    font-weight:900!important;
}

.sm27-cta-final h2,
.sm27-cta-copy h2,
.sm27-cta-content h2{
    max-width:760px!important;
    font-size:clamp(42px,3.75vw,58px)!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.066em!important;
}

.sm27-cta-final p,
.sm27-cta-copy p,
.sm27-cta-content p{
    max-width:660px!important;
    margin-top:16px!important;
    font-size:16.5px!important;
    line-height:1.58!important;
    font-weight:500!important;
}

.sm27-cta-actions{
    min-width:340px!important;
    gap:14px!important;
}

.sm27-cta-btn,
.sm27-cta-final a[class*="btn"],
.sm27-cta-actions a{
    min-width:218px!important;
    min-height:54px!important;
    padding:0 24px!important;
    border-radius:15px!important;
    font-size:15.5px!important;
    font-weight:950!important;
}

@media (min-width:1200px) and (max-width:1450px){
    .sm27-cta-final{
        padding:70px 0 80px!important;
    }

    .sm27-cta-box,
    .sm27-cta-card,
    .sm27-cta-wrap{
        min-height:320px!important;
        padding:42px 46px!important;
        border-radius:28px!important;
        gap:30px!important;
    }

    .sm27-cta-final h2,
    .sm27-cta-copy h2,
    .sm27-cta-content h2{
        font-size:clamp(38px,3.55vw,52px)!important;
        line-height:1.06!important;
    }

    .sm27-cta-final p,
    .sm27-cta-copy p,
    .sm27-cta-content p{
        font-size:15.8px!important;
        line-height:1.55!important;
    }

    .sm27-cta-actions{
        min-width:320px!important;
    }

    .sm27-cta-btn,
    .sm27-cta-final a[class*="btn"],
    .sm27-cta-actions a{
        min-width:200px!important;
        min-height:52px!important;
        font-size:15px!important;
    }
}

@media (max-width:1199px){
    .sm27-cta-box,
    .sm27-cta-card,
    .sm27-cta-wrap{
        padding:40px 34px!important;
        text-align:center!important;
    }

    .sm27-cta-final h2,
    .sm27-cta-copy h2,
    .sm27-cta-content h2{
        max-width:760px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
}

@media (max-width:767px){
    .sm27-cta-final{
        padding:58px 0 66px!important;
    }

    .sm27-cta-box,
    .sm27-cta-card,
    .sm27-cta-wrap{
        padding:28px 22px!important;
        border-radius:23px!important;
        text-align:left!important;
    }

    .sm27-cta-final h2,
    .sm27-cta-copy h2,
    .sm27-cta-content h2{
        font-size:clamp(32px,9vw,42px)!important;
        line-height:1.07!important;
        letter-spacing:-.060em!important;
    }

    .sm27-cta-final p,
    .sm27-cta-copy p,
    .sm27-cta-content p{
        font-size:15px!important;
        line-height:1.55!important;
    }
}

/* CTA final inceltme ve hero uyumu bitişi */