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

.sm27-hero-final{
    position:relative!important;
    width:100%!important;
    min-height:calc(100vh - var(--ks27ph-header-h,92px))!important;
    height:auto!important;
    padding:72px 0 82px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 12% 64%,rgba(66,133,244,.12),transparent 36%),
        radial-gradient(circle at 94% 16%,rgba(52,168,83,.08),transparent 30%),
        linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    color:#0f172a!important;
    font-family:Arial,Helvetica,sans-serif!important;
}

.sm27-hero-final::before{
    content:""!important;
    position:absolute!important;
    left:-260px!important;
    bottom:-420px!important;
    width:820px!important;
    height:820px!important;
    border-radius:50%!important;
    border:1px solid rgba(66,133,244,.085)!important;
    box-shadow:
        0 0 0 38px rgba(66,133,244,.026),
        0 0 0 82px rgba(66,133,244,.018),
        0 0 0 126px rgba(66,133,244,.012)!important;
    pointer-events:none!important;
}

.sm27-hero-final::after{
    content:""!important;
    position:absolute!important;
    right:-340px!important;
    top:54px!important;
    width:690px!important;
    height:690px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(66,133,244,.095),transparent 64%)!important;
    pointer-events:none!important;
}

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

.sm27-hero-dot,
.sm27-float-dot{
    position:absolute!important;
    width:12px!important;
    height:12px!important;
    border-radius:50%!important;
    box-shadow:0 10px 26px rgba(15,23,42,.16)!important;
}

.sm27-hero-dot-blue{
    right:49.4%!important;
    top:45%!important;
    background:#4285f4!important;
}

.sm27-hero-dot-green{
    left:56.2%!important;
    bottom:16%!important;
    background:#34a853!important;
}

.sm27-hero-dot-red{
    right:2.6%!important;
    bottom:25%!important;
    background:#ea4335!important;
}

.sm27-hero-dot-yellow{
    right:9.6%!important;
    top:54%!important;
    background:#fbbc05!important;
}

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

.sm27-hero-final-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(520px,690px)!important;
    align-items:center!important;
    gap:54px!important;
}

.sm27-hero-final-left{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
}

.sm27-hero-final-copy{
    width:100%!important;
    max-width:760px!important;
    margin:0!important;
    padding:0!important;
}

.sm27-hero-final-title{
    max-width:760px!important;
    margin:0!important;
    color:#0f172a!important;
    font-size:clamp(50px,4.05vw,74px)!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-.078em!important;
    text-wrap:balance!important;
}

.sm27-google-word{
    display:inline-flex!important;
    align-items:baseline!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-weight:950!important;
    letter-spacing:-.075em!important;
    white-space:nowrap!important;
}

.sm27-google-word span,
.sm27-hero-google-brand span{
    display:inline-block!important;
}

.sm27-google-word .g-blue,
.sm27-hero-google-brand .g-blue{
    color:#4285f4!important;
}

.sm27-google-word .g-red,
.sm27-hero-google-brand .g-red{
    color:#ea4335!important;
}

.sm27-google-word .g-yellow,
.sm27-hero-google-brand .g-yellow{
    color:#fbbc05!important;
}

.sm27-google-word .g-green,
.sm27-hero-google-brand .g-green{
    color:#34a853!important;
}

.sm27-google-after{
    color:#0f172a!important;
    font-weight:950!important;
    letter-spacing:-.07em!important;
}

.sm27-hero-final-line{
    width:280px!important;
    height:5px!important;
    margin:24px 0 24px!important;
    display:flex!important;
    overflow:hidden!important;
    border-radius:999px!important;
    background:#e5e7eb!important;
}

.sm27-hero-final-line span{
    height:100%!important;
    display:block!important;
}

.sm27-hero-final-line .b1{
    width:25%!important;
    background:#4285f4!important;
}

.sm27-hero-final-line .b2{
    width:22%!important;
    background:#ea4335!important;
}

.sm27-hero-final-line .b3{
    width:23%!important;
    background:#fbbc05!important;
}

.sm27-hero-final-line .b4{
    width:30%!important;
    background:#34a853!important;
}

.sm27-hero-final-desc{
    max-width:720px!important;
    margin:0!important;
    color:#526078!important;
    font-size:18px!important;
    line-height:1.62!important;
    font-weight:500!important;
    letter-spacing:-.018em!important;
}

.sm27-hero-final-actions{
    margin-top:30px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:18px!important;
}

.sm27-hero-btn{
    min-width:224px!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:15px!important;
    text-decoration:none!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}

.sm27-hero-btn svg{
    width:21px!important;
    height:21px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.4!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.sm27-hero-btn-primary{
    color:#ffffff!important;
    background:linear-gradient(135deg,#106dff 0%,#0057e7 100%)!important;
    border:1px solid rgba(255,255,255,.30)!important;
    box-shadow:0 20px 44px rgba(16,109,255,.25)!important;
}

.sm27-hero-btn-light{
    color:#075eea!important;
    background:#ffffff!important;
    border:2px solid rgba(16,109,255,.34)!important;
    box-shadow:0 16px 38px rgba(15,23,42,.06)!important;
}

.sm27-hero-btn-primary:hover,
.sm27-hero-btn-light:hover{
    transform:translateY(-3px)!important;
}

.sm27-hero-final-tags{
    width:100%!important;
    max-width:760px!important;
    margin:28px 0 0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:14px!important;
    position:relative!important;
    z-index:20!important;
}

.sm27-hero-final-tags span{
    min-height:52px!important;
    padding:0 23px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    color:#111827!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(15,23,42,.09)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
    font-size:15.2px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
}

.sm27-hero-final-tags i{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
}

.sm27-hero-final-tags .leaf::before{
    content:""!important;
    position:absolute!important;
    left:4px!important;
    top:3px!important;
    width:15px!important;
    height:17px!important;
    border-radius:100% 0 100% 100%!important;
    background:#34a853!important;
    transform:rotate(-20deg)!important;
}

.sm27-hero-final-tags .leaf::after{
    content:""!important;
    position:absolute!important;
    left:11px!important;
    top:6px!important;
    width:2px!important;
    height:12px!important;
    border-radius:999px!important;
    background:#ffffff!important;
    transform:rotate(38deg)!important;
}

.sm27-hero-final-tags .bolt::before{
    content:""!important;
    position:absolute!important;
    left:6px!important;
    top:1px!important;
    width:13px!important;
    height:21px!important;
    background:#1a73e8!important;
    clip-path:polygon(48% 0,18% 52%,45% 52%,35% 100%,82% 40%,54% 40%,68% 0)!important;
}

.sm27-hero-final-tags .target::before{
    content:""!important;
    position:absolute!important;
    inset:1px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,#ea4335 0 20%,transparent 21% 42%,#ea4335 43% 62%,transparent 63% 100%)!important;
}

/* Sağ dashboard başlangıcı */

.sm27-hero-final-right{
    min-width:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    padding-top:56px!important;
}

.sm27-hero-board-wrap{
    position:relative!important;
    width:100%!important;
    max-width:690px!important;
    height:555px!important;
    min-height:0!important;
    margin:0!important;
    transform:none!important;
}

.sm27-hero-board{
    position:relative!important;
    width:100%!important;
    height:488px!important;
    border-radius:28px!important;
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    overflow:hidden!important;
    background:#ffffff!important;
    border:1px solid rgba(218,220,224,.95)!important;
    box-shadow:0 26px 90px rgba(60,64,67,.13)!important;
}

.sm27-hero-board-sidebar{
    padding:24px 12px 18px!important;
    border-right:1px solid rgba(218,220,224,.74)!important;
    background:#ffffff!important;
}

.sm27-hero-board-logo{
    margin:0 0 21px!important;
    color:#0f172a!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
}

.sm27-hero-board-menu{
    display:grid!important;
    gap:6px!important;
}

.sm27-hero-board-menu a{
    min-height:35px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    color:#314155!important;
    text-decoration:none!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.015em!important;
}

.sm27-hero-board-menu a.is-active{
    color:#0b63ce!important;
    background:#eef4ff!important;
}

.sm27-hero-board-menu .ico{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.sm27-hero-board-menu svg{
    width:17px!important;
    height:17px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.sm27-hero-board-main{
    min-width:0!important;
    padding:22px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}

.sm27-hero-board-top{
    margin-bottom:14px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:18px!important;
}

.sm27-hero-board-top h3{
    margin:0 0 5px!important;
    color:#111827!important;
    font-size:18px!important;
    line-height:1.1!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
}

.sm27-hero-board-top p{
    margin:0!important;
    color:#64748b!important;
    font-size:11px!important;
    font-weight:700!important;
}

.sm27-hero-board-select{
    min-width:104px!important;
    min-height:36px!important;
    padding:0 14px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#111827!important;
    background:#ffffff!important;
    border:1px solid rgba(218,220,224,.95)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.035)!important;
    font-size:11px!important;
    font-weight:850!important;
    white-space:nowrap!important;
}

.sm27-hero-board-cards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:13px!important;
}

.sm27-hero-card{
    min-height:126px!important;
    padding:14px!important;
    border-radius:18px!important;
    background:#ffffff!important;
    border:1px solid rgba(218,220,224,.84)!important;
    box-shadow:0 12px 34px rgba(60,64,67,.07)!important;
    overflow:hidden!important;
}

.sm27-hero-card-head{
    margin-bottom:7px!important;
}

.sm27-hero-card-head strong{
    color:#111827!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
}

.sm27-hero-metric-row{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
}

.sm27-hero-metric-big{
    color:#0f172a!important;
    font-size:26px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
}

.sm27-hero-metric-up{
    min-height:21px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    color:#16a34a!important;
    background:#dcfce7!important;
    font-size:10px!important;
    font-weight:900!important;
}

.sm27-hero-metric-label{
    margin-top:6px!important;
    color:#64748b!important;
    font-size:10.3px!important;
    font-weight:700!important;
}

.sm27-hero-chart{
    height:36px!important;
    margin-top:8px!important;
    overflow:hidden!important;
}

.sm27-hero-chart svg{
    width:100%!important;
    height:100%!important;
    display:block!important;
}

.sm27-hero-chart-dates{
    margin-top:5px!important;
    display:flex!important;
    justify-content:space-between!important;
    gap:5px!important;
    color:#64748b!important;
    font-size:9px!important;
    font-weight:800!important;
}

.sm27-hero-index-box{
    margin-top:6px!important;
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
}

.sm27-hero-index-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ffffff!important;
    background:#22c55e!important;
    font-size:17px!important;
    font-weight:950!important;
}

.sm27-hero-index-text strong{
    display:block!important;
    color:#0f172a!important;
    font-size:15px!important;
    line-height:1.1!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
}

.sm27-hero-index-text p{
    margin:4px 0 0!important;
    color:#64748b!important;
    font-size:10px!important;
    line-height:1.25!important;
    font-weight:700!important;
}

.sm27-hero-progress{
    height:6px!important;
    margin-top:11px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:#e5e7eb!important;
}

.sm27-hero-progress span{
    height:100%!important;
    display:block!important;
    border-radius:999px!important;
    background:#22c55e!important;
}

.sm27-hero-progress-meta{
    margin-top:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    color:#64748b!important;
    font-size:9px!important;
    font-weight:800!important;
}

.sm27-hero-progress-meta strong{
    color:#111827!important;
}

.sm27-hero-gmb-row{
    margin-top:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
}

.sm27-hero-gmb-score{
    display:flex!important;
    align-items:flex-end!important;
    gap:4px!important;
}

.sm27-hero-gmb-score .score-big{
    color:#0f172a!important;
    font-size:40px!important;
    line-height:.9!important;
    font-weight:950!important;
    letter-spacing:-.055em!important;
}

.sm27-hero-gmb-score .score-small{
    color:#64748b!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:900!important;
}

.sm27-hero-gmb-score .score-up{
    margin-left:6px!important;
    color:#16a34a!important;
    font-size:10.5px!important;
    font-weight:900!important;
}

.sm27-hero-donut{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    border-radius:50%!important;
    background:conic-gradient(#4285f4 0 26%,#ea4335 26% 40%,#fbbc05 40% 62%,#34a853 62% 100%)!important;
    position:relative!important;
}

.sm27-hero-donut span{
    position:absolute!important;
    inset:12px!important;
    border-radius:50%!important;
    background:#ffffff!important;
    box-shadow:inset 0 0 0 1px rgba(218,220,224,.8)!important;
}

.sm27-hero-google-card{
    position:absolute!important;
    left:86px!important;
    right:24px!important;
    bottom:0!important;
    min-height:104px!important;
    padding:14px 18px!important;
    border-radius:22px!important;
    background:#ffffff!important;
    border:1px solid rgba(218,220,224,.95)!important;
    box-shadow:0 22px 70px rgba(60,64,67,.16)!important;
    z-index:4!important;
}

.sm27-hero-google-top{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin-bottom:10px!important;
}

.sm27-hero-google-brand{
    min-width:76px!important;
    font-size:21px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.055em!important;
}

.sm27-hero-google-search{
    flex:1 1 auto!important;
    min-height:36px!important;
    padding:0 17px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    color:#374151!important;
    background:#ffffff!important;
    border:1px solid rgba(218,220,224,.95)!important;
    font-size:11.5px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.sm27-hero-serp{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
}

.sm27-hero-serp-left{
    min-width:0!important;
}

.sm27-hero-serp-site{
    color:#111827!important;
    font-size:10.5px!important;
    font-weight:900!important;
}

.sm27-hero-serp-url{
    margin-top:3px!important;
    color:#64748b!important;
    font-size:9.5px!important;
    font-weight:700!important;
}

.sm27-hero-serp-title{
    margin-top:5px!important;
    color:#075eea!important;
    font-size:12.6px!important;
    line-height:1.25!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.sm27-hero-serp-desc{
    display:none!important;
}

.sm27-hero-rank-badge{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    color:#16a34a!important;
    background:#dcfce7!important;
    text-align:center!important;
}

.sm27-hero-rank-badge strong{
    color:#16a34a!important;
    font-size:26px!important;
    line-height:.9!important;
    font-weight:950!important;
}

.sm27-hero-rank-badge span{
    margin-top:4px!important;
    color:#166534!important;
    font-size:10px!important;
    font-weight:850!important;
}

.sm27-float-dot.blue{
    left:-18px!important;
    top:39%!important;
    background:#4285f4!important;
}

.sm27-float-dot.green{
    left:78px!important;
    bottom:98px!important;
    background:#34a853!important;
}

.sm27-float-dot.red{
    right:0!important;
    bottom:126px!important;
    background:#ea4335!important;
}

/* Masaüstü orta ekran */

@media (max-width:1400px){
    .sm27-hero-final{
        padding:64px 0 76px!important;
    }

    .sm27-hero-final-container{
        width:min(100% - 44px,1360px)!important;
    }

    .sm27-hero-final-grid{
        grid-template-columns:minmax(0,.98fr) minmax(500px,640px)!important;
        gap:36px!important;
    }

    .sm27-hero-final-title{
        font-size:clamp(44px,3.68vw,62px)!important;
        line-height:1.03!important;
    }

    .sm27-hero-final-desc{
        max-width:680px!important;
        font-size:16px!important;
        line-height:1.56!important;
    }

    .sm27-hero-final-right{
        padding-top:50px!important;
    }

    .sm27-hero-board-wrap{
        max-width:640px!important;
        height:530px!important;
    }

    .sm27-hero-board{
        height:464px!important;
    }

    .sm27-hero-google-card{
        left:76px!important;
        right:18px!important;
    }
}

/* Kısa laptop ekran */

@media (min-width:1200px) and (max-height:820px){
    .sm27-hero-final{
        padding:48px 0 68px!important;
    }

    .sm27-hero-final-grid{
        gap:34px!important;
    }

    .sm27-hero-final-title{
        font-size:clamp(40px,3.35vw,56px)!important;
        line-height:1.03!important;
    }

    .sm27-hero-final-line{
        margin:17px 0 18px!important;
    }

    .sm27-hero-final-desc{
        font-size:15px!important;
        line-height:1.5!important;
    }

    .sm27-hero-final-actions{
        margin-top:22px!important;
    }

    .sm27-hero-btn{
        min-height:51px!important;
        font-size:15.5px!important;
    }

    .sm27-hero-final-tags{
        margin-top:20px!important;
    }

    .sm27-hero-final-tags span{
        min-height:45px!important;
        padding:0 18px!important;
        font-size:13.8px!important;
    }

    .sm27-hero-final-right{
        padding-top:38px!important;
    }

    .sm27-hero-board-wrap{
        width:min(100%,640px)!important;
        height:492px!important;
    }

    .sm27-hero-board{
        height:428px!important;
        grid-template-columns:136px minmax(0,1fr)!important;
    }

    .sm27-hero-board-menu a{
        min-height:30px!important;
        font-size:9.8px!important;
    }

    .sm27-hero-board-main{
        padding:17px!important;
    }

    .sm27-hero-card{
        min-height:108px!important;
        padding:11px!important;
    }

    .sm27-hero-chart{
        height:30px!important;
    }

    .sm27-hero-google-card{
        left:70px!important;
        right:18px!important;
        bottom:0!important;
        min-height:88px!important;
        padding:11px 14px!important;
    }

    .sm27-hero-google-search{
        min-height:32px!important;
        font-size:10.5px!important;
    }

    .sm27-hero-serp-title{
        font-size:11.5px!important;
    }

    .sm27-hero-rank-badge{
        width:50px!important;
        height:50px!important;
        min-width:50px!important;
    }
}

/* Tablet */

@media (min-width:768px) and (max-width:1199px){
    .sm27-hero-final{
        min-height:auto!important;
        height:auto!important;
        padding:72px 0 76px!important;
        align-items:flex-start!important;
    }

    .sm27-hero-final-container{
        width:min(100% - 36px,960px)!important;
    }

    .sm27-hero-final-grid{
        grid-template-columns:1fr!important;
        gap:44px!important;
    }

    .sm27-hero-final-left,
    .sm27-hero-final-right{
        justify-content:center!important;
    }

    .sm27-hero-final-copy{
        max-width:850px!important;
        margin:0 auto!important;
        text-align:center!important;
    }

    .sm27-hero-final-title{
        max-width:850px!important;
        margin:0 auto!important;
        font-size:clamp(44px,7vw,66px)!important;
        line-height:1.04!important;
    }

    .sm27-hero-final-line,
    .sm27-hero-final-desc{
        margin-left:auto!important;
        margin-right:auto!important;
    }

    .sm27-hero-final-actions,
    .sm27-hero-final-tags{
        justify-content:center!important;
    }

    .sm27-hero-final-right{
        padding-top:0!important;
    }

    .sm27-hero-board-wrap{
        width:min(100%,760px)!important;
        max-width:760px!important;
        height:535px!important;
    }

    .sm27-hero-board{
        height:468px!important;
    }

    .sm27-hero-google-card{
        left:86px!important;
        right:26px!important;
    }
}

/* Mobil */

@media (max-width:767px){
    .sm27-hero-final{
        min-height:auto!important;
        height:auto!important;
        padding:58px 0 58px!important;
        align-items:flex-start!important;
        overflow:hidden!important;
    }

    .sm27-hero-final::before{
        left:-360px!important;
        bottom:auto!important;
        top:40px!important;
        width:620px!important;
        height:620px!important;
    }

    .sm27-hero-final::after{
        right:-380px!important;
        top:120px!important;
        width:600px!important;
        height:600px!important;
    }

    .sm27-hero-final-container{
        width:min(100% - 28px,560px)!important;
        margin:0 auto!important;
    }

    .sm27-hero-final-grid{
        grid-template-columns:1fr!important;
        gap:28px!important;
        align-items:start!important;
    }

    .sm27-hero-final-copy{
        max-width:100%!important;
        margin:0 auto!important;
        padding-top:0!important;
        text-align:left!important;
    }

    .sm27-hero-final-title{
        max-width:100%!important;
        margin:0!important;
        font-size:clamp(34px,9.15vw,44px)!important;
        line-height:1.08!important;
        letter-spacing:-.06em!important;
        text-wrap:balance!important;
    }

    .sm27-google-word{
        display:inline!important;
        white-space:nowrap!important;
        letter-spacing:-.058em!important;
    }

    .sm27-google-after{
        letter-spacing:-.052em!important;
    }

    .sm27-hero-final-line{
        width:180px!important;
        height:4px!important;
        margin:18px 0 20px!important;
    }

    .sm27-hero-final-desc{
        max-width:100%!important;
        font-size:15.5px!important;
        line-height:1.62!important;
        letter-spacing:-.012em!important;
    }

    .sm27-hero-final-actions{
        margin-top:26px!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:13px!important;
    }

    .sm27-hero-btn{
        width:100%!important;
        min-width:0!important;
        min-height:56px!important;
        padding:0 20px!important;
        border-radius:15px!important;
        font-size:16px!important;
    }

    .sm27-hero-final-tags{
        width:100%!important;
        max-width:100%!important;
        margin-top:22px!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    .sm27-hero-final-tags span{
        width:100%!important;
        min-height:52px!important;
        padding:0 18px!important;
        justify-content:center!important;
        font-size:15px!important;
    }

    .sm27-hero-final-right{
        display:none!important;
    }

    .sm27-hero-dot,
    .sm27-float-dot{
        display:none!important;
    }
}

/* Küçük mobil */

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

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

    .sm27-hero-final-title{
        font-size:34px!important;
        line-height:1.08!important;
        letter-spacing:-.058em!important;
    }

    .sm27-hero-final-desc{
        font-size:15px!important;
    }

    .sm27-hero-btn{
        min-height:54px!important;
        font-size:15.5px!important;
    }

    .sm27-hero-final-tags span{
        min-height:50px!important;
        font-size:14.5px!important;
    }
}

/* Index Hero bitişi */
/* Mobil hero header alt boşluk düzeltme başlangıcı */

@media (max-width:767px){
    .sm27-hero-final{
        padding-top:128px!important;
    }

    .sm27-hero-final-container{
        padding-top:18px!important;
    }

    .sm27-hero-final h1{
        margin-top:10px!important;
    }
}

@media (max-width:420px){
    .sm27-hero-final{
        padding-top:136px!important;
    }

    .sm27-hero-final-container{
        padding-top:20px!important;
    }

    .sm27-hero-final h1{
        margin-top:12px!important;
    }
}

/* Mobil hero header alt boşluk düzeltme bitişi */