html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

:focus {
    outline: 0;
}

ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
}

strong,b {
    font-weight: bold;
}

a {
    text-decoration: none;
}

a:hover {
    opacity: 0.9;
    transition: opacity 0.1s ease-in-out;
}

*,*::before,*::after {
    box-sizing: border-box;
}

:root {
    --font-sans: "Plus Jakarta Sans",sans-serif;
}

html {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: var(--body-background,#fff);
    margin: 0!important;
    font-family: var(--font-sans);
    width: 100%;
    max-width: 100%;
    color: var(--body-text-color,#000);
}

button,input,select,textarea,optgroup {
    font-family: inherit;
}

.colored1txt {
    background: linear-gradient(90deg,#2e22e4 0%,#a822e4 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.colored2txt {
    background: linear-gradient(90deg,#ffdd00 0%,#44e422 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* HEADER */
.header {
    display: flex;
    width: 100%;
    justify-content: center;
    position: sticky;
    top: 0;
    flex-wrap: wrap;
    z-index: 1000;
    background: #01062e;
    box-shadow: 0 1px 0 rgba(15,23,42,0.06);
}

.header .group {
    display: flex;
    width: 100%;
    justify-content: space-between;
    max-width: 1430px;
    align-items: center;
    height: 90px;
}

.header .logo {
    display: flex;
    width: 274px;
}

.header .logo a {
    display: flex;
    width: 100%;
}

.header .logo a img {
    width: 100%;
}

.header .menu {
    display: flex;
}

.header .menu ul {
    display: flex;
}

.header .menu ul li {
    position: relative;
}

.header .menu ul li {
}

.header .menu ul li a {
    font-weight: 600;
    display: block;
    font-size: 1.1rem;
    line-height: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
    margin: 0 7px;
    color: #ffffff;
    padding: 16px 7px;
}

.header .demobar {
    display: flex;
    align-items: center;
}

.header .demobar a.header__phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    margin-right: 10px;
    padding: 0 12px;
    border: 1px solid #D9FF00;
    border-radius: 8px;
    background: #D9FF00;
    color: #111827;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    transition: background 0.15s ease,border-color 0.15s ease,color 0.15s ease,filter 0.15s ease;
}

.header .demobar a.header__phone:hover {
    border-color: #c8eb00;
    background: #c8eb00;
    color: #111827;
    opacity: 1;
    filter: brightness(0.97);
}

.header__phone-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.header .demobar a.demover {
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    height: 38px;
    display: flex;
    border-radius: 6px;
    color: #fff;
    align-items: center;
    font-weight: 900;
    width: 136px;
    justify-content: center;
}

.header .demobar a {
    font-weight: 600;
    display: block;
    font-size: 1rem;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none;
    margin: 0 7px;
    color: #ffffff;
    padding: 10px 15px;
}

/* SIMPLE DROPDOWN */
.header .menu ul li.menu-item-dropdown {
    position: relative;
}

.menu-item-dropdown > .menu-dropdown-trigger {
    position: relative;
}

.menu-dropdown {
    position: absolute;
    top: 100%;
    left: 7px;
    display: flex!important;
    flex-direction: column;
    align-items: stretch;
    min-width: 220px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 10px;
    box-shadow: 0 14px 32px -16px rgba(15,23,42,0.28);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity 0.18s ease,transform 0.18s ease,visibility 0.18s ease;
    z-index: 220;
}

.menu-item-dropdown:hover > .menu-dropdown,.menu-item-dropdown:focus-within > .menu-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.header .menu ul.menu-dropdown > li {
    display: block;
    position: static;
    width: 100%;
    float: none;
}

.menu-dropdown a {
    display: block!important;
    width: 100%;
    box-sizing: border-box;
    margin: 0!important;
    padding: 11px 16px!important;
    font-size: 0.95rem!important;
    line-height: 1.35!important;
    font-weight: 600!important;
    color: #353f4f!important;
    border-radius: 0;
    white-space: nowrap;
    text-align: left;
}

.menu-dropdown a:hover {
    background: #f5f7fb;
    color: #2e22e4!important;
    opacity: 1;
}

/* MEGAMENU */
.header .menu ul li.menu-item-megamenu {
    position: relative;
}

.menu-item-megamenu > .menu-paketler {
    position: relative;
    z-index: 201;
}

.menu-item-megamenu:hover > .menu-paketler {
    background: #4F46E5;
    color: #fff;
    border-radius: 8px 8px 0 0;
    opacity: 1;
}

.megamenu {
    position: absolute;
    top: 98%;
    left: 0;
    width: 520px;
    padding-top: 0px;
    z-index: 200;
    pointer-events: none;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.35s ease,opacity 0.25s ease,visibility 0.35s;
}

.menu-item-megamenu:hover .megamenu {
    pointer-events: auto;
    max-height: 560px;
    opacity: 1;
    visibility: visible;
}

.megamenu__panel {
    position: relative;
    background: #fff;
    border: 1px solid #4F46E5;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(79,70,229,0.18);
    overflow: hidden;
    box-shadow: 0px 6px 10px #0000004f,30px 46px 60px #0000004f;
}

.megamenu__tab {
    position: absolute;
    top: -40px;
    left: 0;
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 18px;
    background: #4F46E5;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 8px 8px 0 0;
    line-height: 1;
}

.megamenu__body {
    display: flex;
    align-items: stretch;
    min-height: 300px;
}

.megamenu__left {
    flex: 1 1 58%;
    padding: 26px 18px 18px 24px;
}

.megamenu__links {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.megamenu__links a {
    display: block;
    color: #2e22e4!important;
    font-size: 15px!important;
    font-weight: 600;
    line-height: 6px!important;
    text-decoration: none;
    transition: color 0.15s ease;
    padding: 11px 0px!important;
    margin-left: 0px!important;
}

.megamenu__links a:hover {
    color: #1A202C!important;
    opacity: 1;
}

.megamenu__desc {
    margin-top: 14px;
    color: #718096;
    font-size: 0.78rem;
    line-height: 1.55;
    max-width: 260px;
}

.megamenu__right {
    flex: 0 0 42%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

.megamenu__right img {
    display: block;
    width: 91%;
    height: 87%;
    min-height: 300px;
    object-fit: cover;
    object-position: center bottom;
}

.megamenu__cta {
    display: block;
    width: 100%;
    padding: 16px 20px;
    background: #D9FF00;
    color: #111827 !important;
    font-size: 14px!important;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    margin: 15px!important;
    border-radius: 5px;
    max-width: 94%;
}

.megamenu__cta strong {
    font-weight: 700;
}

.megamenu__cta:hover {
    opacity: 1;
}

@media (max-width: 992px) {
    .megamenu {
        display:none;
    }
}

/* fiyatlar */
.fiyatlar {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px 0 70px;
    margin-top: -185px;
}

.fiyatlar .group {
    width: 100%;
    max-width: 1140px;
    padding: 0 20px;
}

.fiyatlar__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 24px;
    align-items: stretch;
}

.fiyatlar__card {
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg,#0e1f45 0%,#060d1f 55%,#040812 100%);
    border-radius: 18px;
    border: 1px solid rgba(94,184,255,0.22);
    box-shadow: 0 28px 56px -22px rgba(4,8,18,0.65);
    overflow: hidden;
}

.fiyatlar__badge {
    padding: 14px 18px;
    font-size: 0.95rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.01em;
}

.fiyatlar__badge--cyan,.fiyatlar__badge--blue {
    background-color: #060912;
    background-image: url(../image-lib/flow.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    border-bottom: 1px solid rgba(94,184,255,0.22);
}

.fiyatlar__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px 22px 22px;
    position: relative;
}

.fiyatlar__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.fiyatlar__name {
    font-size: 1.99rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
}

.fiyatlar__discount {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(15,35,75,0.9);
    border: 1px solid rgba(94,184,255,0.45);
    color: #7ecbff;
    font-size: 0.72rem;
    font-weight: 800;
    position: absolute;
    right: 13px;
}

.fiyatlar__monthly {
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
    display: none;
}

.fiyatlar__monthly small {
    font-size: 1rem;
    font-weight: 600;
    color: #5eb8ff;
}

.fiyatlar__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.fiyatlar__old {
    font-size: 1.05rem;
    color: rgba(255,255,255,0.4);
    text-decoration: line-through;
    font-weight: 600;
}

.fiyatlar__current {
    font-size: 1.55rem;
    font-weight: 800;
    color: #d9ff00;
}

.fiyatlar__note {
    font-size: 0.82rem;
    line-height: 1.45;
    color: rgba(255,255,255,0.62);
    margin-bottom: 16px;
}

.fiyatlar__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    border-radius: 10px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease;
    margin-bottom: 15px;
}

.fiyatlar__toggle:hover {
    background: rgba(255,255,255,0.14);
    opacity: 1;
}

.fiyatlar__toggle svg {
    width: 18px;
    height: 18px;
    transition: transform 0.25s ease;
}

.fiyatlar__toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.fiyatlar__features {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.35s ease,opacity 0.25s ease,margin 0.25s ease;
    margin-top: 0;
}

.fiyatlar__features.is-open {
    max-height: 900px;
    opacity: 1;
    margin-top: 16px;
}

.fiyatlar__features-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: #5eb8ff;
    margin-bottom: 12px;
}

.fiyatlar__features ul {
    list-style: none;
}

.fiyatlar__features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.88rem;
    line-height: 1.45;
    color: rgba(255,255,255,0.88);
    margin-bottom: 10px;
}

.fiyatlar__features li::before {
    content: "";
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    background: url("data:image/svg+xml,%3Csvg xmlns=!string!viewBox=!string!fill=!string!stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-linejoin=!string!%3E%3Cpath d=!string!/%3E%3C/svg%3E") center/contain no-repeat;
}

.fiyatlar__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: auto;
    padding: 15px 18px;
    border-radius: 12px;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
    box-shadow: 0 10px 24px -8px rgba(0,201,232,0.45);
    transition: background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;
}

.fiyatlar__cta:hover {
    background: linear-gradient(90deg,#2b5fb8 0%,#00b5d4 100%);
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -6px rgba(0,201,232,0.55);
    opacity: 1;
}

@media (max-width: 992px) {
    .fiyatlar__grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 680px) {
    .fiyatlar {
        padding:10px 0 50px;
    }

    .fiyatlar__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .fiyatlar__monthly {
        font-size: 1.75rem;
    }
}

.fiyatlar--services {
    padding-top: 0;
}

.fiyatlar--services + .fiyatlar--services {
    padding-top: 10px;
}

.fiyatlar__section-head {
    margin-bottom: 28px;
    text-align: center;
}

.fiyatlar__section-title {
    margin: 0 0 10px;
    font-size: clamp(1.5rem,3vw,2rem);
    font-weight: 800;
    color: #0e1f45;
    letter-spacing: -0.02em;
}

.fiyatlar__section-desc {
    margin: 0 auto;
    max-width: 720px;
    font-size: 1rem;
    line-height: 1.6;
    color: #5a6a85;
}

.fiyatlar__grid--single {
    grid-template-columns: minmax(0,420px);
    justify-content: center;
}

.fiyatlar__features-text {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.65;
    color: rgba(255,255,255,0.82);
}

.fiyatlar__current--quote {
    font-size: 1.5rem;
}

/* ekhizmet */
.ekhizmet-list {
    width: 100%;
}

.ekhizmet {
    padding: 72px 0;
    background: #fff;
}

.ekhizmet:nth-child(even) {
    background: #f8fafc;
}

.ekhizmet .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.ekhizmet__row {
    display: flex;
    align-items: center;
    gap: 56px;
}

.ekhizmet__row--reverse {
    flex-direction: row-reverse;
}

.ekhizmet__media {
    flex: 0 0 30%;
    min-width: 0;
}

.ekhizmet__content {
    flex: 0 0 calc(70% - 56px);
    min-width: 0;
}

.ekhizmet__visual {
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 12px;
}

.ekhizmet__ring {
    position: absolute;
    inset: 8% 2%;
    border-radius: 50%;
    border: 1px dashed rgba(94,184,255,0.28);
    background: radial-gradient(circle at 30% 30%,rgba(94,184,255,0.12) 0%,transparent 55%),radial-gradient(circle at 70% 70%,rgba(0,201,232,0.08) 0%,transparent 50%);
    pointer-events: none;
}

.ekhizmet__visual img {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 280px;
    height: auto;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 24px 48px -20px rgba(14,31,69,0.35);
}

.ekhizmet__chip {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 30px -12px rgba(14,31,69,0.28);
    font-size: 0.82rem;
    line-height: 1.3;
    color: #5a6a85;
}

.ekhizmet__chip strong {
    color: #0e1f45;
    font-weight: 700;
}

.ekhizmet__chip--top {
    top: 8%;
    right: 0;
}

.ekhizmet__chip--bottom {
    left: 0;
    bottom: 8%;
}

.ekhizmet__chip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: linear-gradient(135deg,#00c9e8 0%,#5eb8ff 100%);
    color: #fff;
    font-size: 0.9rem;
}

.ekhizmet__title {
    margin: 0 0 20px;
    color: #0e1f45;
    font-size: clamp(1.75rem,3vw,2.35rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.ekhizmet__body {
    color: #5a6a85;
    font-size: 1.02rem;
    line-height: 1.75;
}

.ekhizmet__body p {
    margin: 0 0 16px;
}

.ekhizmet__body p:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .ekhizmet {
        padding:52px 0;
    }

    .ekhizmet__row,.ekhizmet__row--reverse {
        flex-direction: column;
        gap: 32px;
    }

    .ekhizmet__media,.ekhizmet__content {
        flex: none;
        width: 100%;
    }

    .ekhizmet__visual {
        min-height: 280px;
    }

    .ekhizmet__visual img {
        max-width: 320px;
    }
}

@media (max-width: 680px) {
    .ekhizmet {
        padding:40px 0;
    }

    .ekhizmet__chip--top {
        right: 8px;
    }

    .ekhizmet__chip--bottom {
        left: 8px;
    }

    .ekhizmet__title {
        font-size: 1.65rem;
    }

    .ekhizmet__body {
        font-size: 0.98rem;
    }
}

/* ozellikler */
.hero--ozellikler .group .top p {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.ozellikler-hero {
    padding: 0 0 24px;
    background: #fff;
}

.ozellikler-hero .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.ozellikler-hero__panel {
    display: grid;
    grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr);
    gap: 32px;
    align-items: center;
    padding: 42px;
    border-radius: 24px;
    background: linear-gradient(135deg,#f7f9ff 0%,#eef4ff 55%,#f8fbff 100%);
    border: 1px solid rgba(94,184,255,0.18);
    box-shadow: 0 24px 48px -28px rgba(14,31,69,0.25);
}

.ozellikler-hero__copy .spectors__video-title {
    font-size: clamp(2rem,4vw,3.4rem);
    text-align: left;
}

.ozellikler-hero__copy .hero-video-title__text {
    color: #0e1f45;
}

.ozellikler-hero__copy p {
    margin: 18px 0 0;
    max-width: 640px;
    color: #5a6a85;
    font-size: 1.08rem;
    line-height: 1.7;
}

.ozellikler-hero__stats {
    display: grid;
    gap: 16px;
}

.ozellikler-hero__stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 20px 22px;
    border-radius: 16px;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(94,184,255,0.16);
    box-shadow: 0 12px 24px -16px rgba(14,31,69,0.2);
}

.ozellikler-hero__stat strong {
    color: #0e1f45;
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.ozellikler-hero__stat span {
    color: #5a6a85;
    font-size: 0.95rem;
}

.ozellikler {
    padding: 72px 0;
}

.ozellikler--core {
    background: #fff;
}

.ozellikler--highlight {
    background: linear-gradient(180deg,#060912 0%,#0e1f45 100%);
}

.ozellikler .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.ozellikler__head {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.ozellikler__eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(94,184,255,0.12);
    color: #336ed0;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ozellikler--highlight .ozellikler__eyebrow {
    background: rgba(0,201,232,0.14);
    color: #7ddfff;
}

.ozellikler__title {
    margin: 16px 0 12px;
    color: #0e1f45;
    font-size: clamp(1.9rem,3.5vw,2.6rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.ozellikler--highlight .ozellikler__title {
    color: #fff;
}

.ozellikler__lead {
    margin: 0;
    color: #5a6a85;
    font-size: 1.05rem;
    line-height: 1.7;
}

.ozellikler--highlight .ozellikler__lead {
    color: rgba(255,255,255,0.72);
}

.ozellikler__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}

.ozellikler__grid--highlight {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

.ozellikler__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 100%;
    padding: 24px 22px 22px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid #e8edf5;
    overflow: hidden;
    transition: transform 0.28s ease,box-shadow 0.28s ease,border-color 0.28s ease;
    animation: ozellikler-rise 0.7s ease both;
    animation-delay: var(--oz-delay,0ms);
}

.ozellikler--highlight .ozellikler__card {
    background: linear-gradient(180deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 100%);
    border-color: rgba(94,184,255,0.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.ozellikler__card:hover {
    transform: translateY(-6px);
    border-color: rgba(94,184,255,0.35);
    box-shadow: 0 22px 40px -24px rgba(14,31,69,0.35);
}

.ozellikler--highlight .ozellikler__card:hover {
    box-shadow: 0 24px 48px -20px rgba(0,201,232,0.28);
}

.ozellikler__card--spotlight {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 120px 1fr;
    align-items: center;
    gap: 24px;
    padding: 28px 30px;
    background: linear-gradient(135deg,rgba(0,201,232,0.12) 0%,rgba(94,184,255,0.08) 100%);
}

.ozellikler__card-glow {
    position: absolute;
    inset: auto -20% -40% auto;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(0,201,232,0.18) 0%,transparent 70%);
    pointer-events: none;
}

.ozellikler__icon-wrap {
    position: relative;
    z-index: 1;
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: linear-gradient(135deg,rgba(51,110,208,0.1) 0%,rgba(0,201,232,0.14) 100%);
    color: #336ed0;
}

.ozellikler--highlight .ozellikler__icon-wrap {
    background: linear-gradient(135deg,rgba(0,201,232,0.18) 0%,rgba(94,184,255,0.12) 100%);
    color: #7ddfff;
}

.ozellikler__card--spotlight .ozellikler__icon-wrap {
    width: 108px;
    height: 108px;
}

.ozellikler__svg {
    width: 72px;
    height: 72px;
    display: block;
}

.ozellikler__card--spotlight .ozellikler__svg {
    width: 88px;
    height: 88px;
}

.ozellikler__svg-draw {
    stroke-dasharray: 180;
    stroke-dashoffset: 180;
    animation: ozellikler-draw 2.4s ease forwards;
}

.ozellikler__svg-draw--delay {
    animation-delay: 0.25s;
}

.ozellikler__svg-draw--delay2 {
    animation-delay: 0.5s;
}

.ozellikler__svg-ring {
    transform-origin: center;
    animation: ozellikler-spin 12s linear infinite;
}

.ozellikler__svg-pulse {
    transform-origin: center;
    animation: ozellikler-pulse 2.2s ease-in-out infinite;
}

.ozellikler__svg-pulse--delay {
    animation-delay: 0.35s;
}

.ozellikler__svg-pulse--delay2 {
    animation-delay: 0.7s;
}

.ozellikler__svg-float {
    animation: ozellikler-float 3.2s ease-in-out infinite;
}

.ozellikler__svg-float--delay {
    animation-delay: 0.45s;
}

.ozellikler__content {
    position: relative;
    z-index: 1;
}

.ozellikler__name {
    margin: 0 0 10px;
    color: #0e1f45;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.ozellikler--highlight .ozellikler__name {
    color: #fff;
}

.ozellikler__card--spotlight .ozellikler__name {
    font-size: 1.45rem;
}

.ozellikler__desc {
    margin: 0;
    color: #5a6a85;
    font-size: 0.95rem;
    line-height: 1.65;
}

.ozellikler--highlight .ozellikler__desc {
    color: rgba(255,255,255,0.74);
}

@keyframes ozellikler-draw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes ozellikler-pulse {
    0%,100% {
        transform: scale(1);
        opacity: 0.75;
    }

    50% {
        transform: scale(1.12);
        opacity: 1;
    }
}

@keyframes ozellikler-float {
    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@keyframes ozellikler-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ozellikler-rise {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 992px) {
    .ozellikler-hero__panel {
        grid-template-columns:1fr;
        padding: 30px;
    }

    .ozellikler-hero__copy .spectors__video-title {
        text-align: center;
    }

    .ozellikler-hero__copy p {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .ozellikler__grid,.ozellikler__grid--highlight {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .ozellikler__card--spotlight {
        grid-column: span 2;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .ozellikler {
        padding:52px 0;
    }

    .ozellikler__grid,.ozellikler__grid--highlight {
        grid-template-columns: 1fr;
    }

    .ozellikler__card--spotlight {
        grid-column: auto;
    }

    .ozellikler-hero__panel {
        padding: 24px 20px;
        border-radius: 18px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .ozellikler__card,.ozellikler__svg-draw,.ozellikler__svg-ring,.ozellikler__svg-pulse,.ozellikler__svg-float {
        animation: none;
    }

    .ozellikler__svg-draw {
        stroke-dashoffset: 0;
    }
}

/* yapayzeka */
.yapayzeka-hero {
    padding: 48px 0 72px;
    background: linear-gradient(180deg,#f8fafc 0%,#fff 100%);
}

.yapayzeka-hero .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.yapayzeka-hero__grid {
    display: grid;
    grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr);
    gap: 48px;
    align-items: center;
}

.yapayzeka-hero__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
    color: #336ed0;
}

.yapayzeka-hero__brain {
    width: 64px;
    height: 64px;
    display: block;
}

.yapayzeka-anim-ring {
    transform-origin: center;
    animation: ozellikler-spin 14s linear infinite;
}

.yapayzeka-anim-draw {
    stroke-dasharray: 120;
    stroke-dashoffset: 120;
    animation: ozellikler-draw 2.4s ease forwards;
}

.yapayzeka-hero__title {
    margin: 0;
    color: #0e1f45;
    font-size: clamp(2.2rem,4.5vw,3.6rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
    max-width: 560px;
}

.yapayzeka-hero__lead {
    margin: 20px 0 0;
    max-width: 520px;
    color: #5a6a85;
    font-size: 1.12rem;
    line-height: 1.7;
}

.yapayzeka-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.yapayzeka-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 28px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;
}

.yapayzeka-btn--primary {
    background: linear-gradient(135deg,#00c9e8 0%,#336ed0 100%);
    color: #fff;
    box-shadow: 0 14px 28px -10px rgba(51,110,208,0.55);
}

.yapayzeka-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px -10px rgba(0,201,232,0.55);
    opacity: 1;
}

.yapayzeka-btn--ghost {
    background: #fff;
    color: #0e1f45;
    border: 1px solid #d8e0ec;
}

.yapayzeka-btn--ghost:hover {
    border-color: #336ed0;
    color: #336ed0;
    opacity: 1;
}

.yapayzeka-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.yapayzeka-hero__tags li {
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(51,110,208,0.08);
    color: #336ed0;
    font-size: 0.86rem;
    font-weight: 600;
}

.yapayzeka-hero__visual {
    position: relative;
    min-height: 420px;
}

.yapayzeka-hero__nodes {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.yapayzeka-hero__node {
    position: absolute;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff;
    color: #336ed0;
    box-shadow: 0 12px 28px -14px rgba(14,31,69,0.35);
    animation: ozellikler-float 4s ease-in-out infinite;
}

.yapayzeka-hero__node svg {
    width: 22px;
    height: 22px;
    display: block;
}

.yapayzeka-hero__node--ai {
    top: 12%;
    left: 4%;
}

.yapayzeka-hero__node--flower {
    top: 42%;
    left: 0;
    animation-delay: 0.5s;
}

.yapayzeka-hero__node--box {
    bottom: 18%;
    left: 8%;
    animation-delay: 1s;
}

.yapayzeka-hero__node--chart {
    top: 8%;
    right: 8%;
    animation-delay: 0.75s;
}

.yapayzeka-hero__mockup {
    position: relative;
    z-index: 1;
    margin-left: auto;
    max-width: 620px;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(94,184,255,0.2);
    box-shadow: 0 32px 64px -28px rgba(14,31,69,0.45);
    animation: yapayzeka-mockup-rise 0.8s ease both;
}

.yapayzeka-hero__mockup-bar {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    background: linear-gradient(90deg,#6d28d9 0%,#7c3aed 100%);
}

.yapayzeka-hero__mockup-bar span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
}

.yapayzeka-hero__mockup img {
    display: block;
    width: 100%;
    height: auto;
}

.yapayzeka-hero__score {
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #22c55e;
    box-shadow: 0 16px 32px -16px rgba(34,197,94,0.45);
    animation: ozellikler-pulse 2.4s ease-in-out infinite;
}

.yapayzeka-hero__score strong {
    color: #16a34a;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
}

.yapayzeka-hero__score span {
    margin-top: 4px;
    color: #5a6a85;
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
}

.yapayzeka-section {
    padding: 72px 0;
}

.yapayzeka-section--light {
    background: #fff;
}

.yapayzeka-section--dark {
    background: linear-gradient(180deg,#060912 0%,#0e1f45 100%);
}

.yapayzeka-section .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.yapayzeka-section__head {
    max-width: 760px;
    margin: 0 auto 40px;
    text-align: center;
}

.yapayzeka-section__head--light h2,.yapayzeka-section__head--light p {
    color: #fff;
}

.yapayzeka-section__head--light p {
    color: rgba(255,255,255,0.72);
}

.yapayzeka-eyebrow {
    display: inline-flex;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(51,110,208,0.1);
    color: #336ed0;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.yapayzeka-eyebrow--light {
    background: rgba(0,201,232,0.14);
    color: #7ddfff;
}

.yapayzeka-section__head h2 {
    margin: 16px 0 12px;
    color: #0e1f45;
    font-size: clamp(1.9rem,3.5vw,2.5rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.yapayzeka-section__head p {
    margin: 0;
    color: #5a6a85;
    font-size: 1.05rem;
    line-height: 1.7;
}

.yapayzeka-usecases {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}

.yapayzeka-usecase {
    padding: 24px 22px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid #e8edf5;
    animation: ozellikler-rise 0.7s ease both;
    animation-delay: var(--yz-delay,0ms);
    transition: transform 0.25s ease,box-shadow 0.25s ease;
}

.yapayzeka-usecase:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px -24px rgba(14,31,69,0.28);
}

.yapayzeka-usecase__icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 18px;
    background: linear-gradient(135deg,rgba(51,110,208,0.1) 0%,rgba(0,201,232,0.14) 100%);
    color: #336ed0;
}

.yapayzeka-usecase__icon .ozellikler__svg {
    width: 56px;
    height: 56px;
}

.yapayzeka-usecase h3 {
    margin: 0 0 10px;
    color: #0e1f45;
    font-size: 1.12rem;
    font-weight: 800;
}

.yapayzeka-usecase p {
    margin: 0;
    color: #5a6a85;
    font-size: 0.95rem;
    line-height: 1.65;
}

.yapayzeka-benefits {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
}

.yapayzeka-benefit {
    padding: 24px 20px;
    border-radius: 20px;
    background: linear-gradient(180deg,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0.03) 100%);
    border: 1px solid rgba(94,184,255,0.22);
}

.yapayzeka-benefit__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.yapayzeka-benefit__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(0,201,232,0.12);
    color: #7ddfff;
}

.yapayzeka-benefit__icon .ozellikler__svg {
    width: 48px;
    height: 48px;
}

.yapayzeka-benefit__metric {
    color: #7ddfff;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.yapayzeka-benefit h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 800;
}

.yapayzeka-benefit p {
    margin: 0;
    color: rgba(255,255,255,0.72);
    font-size: 0.94rem;
    line-height: 1.65;
}

.yapayzeka-compare__wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 20px;
    border: 1px solid #e8edf5;
    box-shadow: 0 20px 40px -28px rgba(14,31,69,0.2);
}

.yapayzeka-compare {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    background: #fff;
}

.yapayzeka-compare th,.yapayzeka-compare td {
    padding: 18px 22px;
    border-bottom: 1px solid #eef2f7;
    text-align: left;
    vertical-align: middle;
}

.yapayzeka-compare thead th {
    background: #f8fafc;
    color: #0e1f45;
    font-size: 1rem;
    font-weight: 800;
}

.yapayzeka-compare tbody th {
    color: #0e1f45;
    font-size: 0.96rem;
    font-weight: 700;
    width: 34%;
}

.yapayzeka-compare td {
    color: #5a6a85;
    font-size: 0.95rem;
}

.yapayzeka-compare__featured {
    background: linear-gradient(180deg,rgba(0,201,232,0.08) 0%,rgba(51,110,208,0.05) 100%);
    color: #0e1f45;
    font-weight: 700;
}

.yapayzeka-compare__ai-value {
    display: inline-block;
    margin-right: 8px;
}

.yapayzeka-compare__check {
    width: 20px;
    height: 20px;
    color: #16a34a;
    vertical-align: middle;
}

.yapayzeka-pricing {
    background: #f8fafc;
}

.yapayzeka-pricing__grid {
    grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
}

@keyframes yapayzeka-mockup-rise {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 992px) {
    .yapayzeka-hero__grid {
        grid-template-columns:1fr;
    }

    .yapayzeka-hero__visual {
        min-height: auto;
        margin-top: 12px;
    }

    .yapayzeka-hero__mockup {
        margin-left: 0;
    }

    .yapayzeka-usecases {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .yapayzeka-benefits {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 680px) {
    .yapayzeka-hero {
        padding:32px 0 52px;
    }

    .yapayzeka-hero__actions {
        flex-direction: column;
    }

    .yapayzeka-btn {
        width: 100%;
    }

    .yapayzeka-hero__node {
        display: none;
    }

    .yapayzeka-hero__score {
        right: 12px;
        bottom: 12px;
        width: 76px;
        height: 76px;
    }

    .yapayzeka-usecases,.yapayzeka-benefits {
        grid-template-columns: 1fr;
    }

    .yapayzeka-section {
        padding: 52px 0;
    }
}

/* lisans */
.lisans-hero {
    padding: 48px 0 64px;
    background: linear-gradient(180deg,#f7f9ff 0%,#fff 100%);
}

.lisans-hero .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.lisans-hero__grid {
    display: grid;
    grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);
    gap: 40px;
    align-items: center;
}

.lisans-hero__icon {
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 22px;
    background: linear-gradient(135deg,rgba(51,110,208,0.1) 0%,rgba(0,201,232,0.14) 100%);
    color: #336ed0;
}

.lisans-hero__icon .ozellikler__svg {
    width: 64px;
    height: 64px;
}

.lisans-hero__title {
    margin: 0;
    color: #0e1f45;
    font-size: clamp(2.1rem,4.2vw,3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
    max-width: 620px;
}

.lisans-hero__lead {
    margin: 18px 0 0;
    max-width: 560px;
    color: #5a6a85;
    font-size: 1.1rem;
    line-height: 1.7;
}

.lisans-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 26px;
}

.lisans-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 28px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.25s ease,box-shadow 0.25s ease;
}

.lisans-btn--primary {
    background: linear-gradient(135deg,#336ed0 0%,#00c9e8 100%);
    color: #fff;
    box-shadow: 0 14px 28px -10px rgba(51,110,208,0.5);
}

.lisans-btn--primary:hover {
    transform: translateY(-2px);
    opacity: 1;
}

.lisans-btn--ghost {
    background: #fff;
    color: #0e1f45;
    border: 1px solid #d8e0ec;
}

.lisans-btn--ghost:hover {
    border-color: #336ed0;
    color: #336ed0;
    opacity: 1;
}

.lisans-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.lisans-hero__tags li {
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(51,110,208,0.08);
    color: #336ed0;
    font-size: 0.86rem;
    font-weight: 600;
}

.lisans-hero__panel {
    display: grid;
    gap: 14px;
    padding: 28px;
    border-radius: 22px;
    background: linear-gradient(180deg,#0e1f45 0%,#060912 100%);
    border: 1px solid rgba(94,184,255,0.22);
    box-shadow: 0 28px 56px -28px rgba(14,31,69,0.5);
}

.lisans-hero__stat {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 14px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(94,184,255,0.14);
}

.lisans-hero__stat strong {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.lisans-hero__stat span {
    color: rgba(255,255,255,0.72);
    font-size: 0.92rem;
    text-align: right;
}

.lisans-hero__stat--accent {
    background: linear-gradient(135deg,rgba(0,201,232,0.16) 0%,rgba(94,184,255,0.1) 100%);
}

.lisans-hero__stat--accent strong {
    color: #7ddfff;
}

.lisans-hero__note {
    margin: 6px 0 0;
    color: rgba(255,255,255,0.68);
    font-size: 0.92rem;
    line-height: 1.65;
}

.lisans-section {
    padding: 72px 0;
}

.lisans-section--light {
    background: #fff;
}

.lisans-section--soft {
    background: #f8fafc;
}

.lisans-section--dark {
    background: linear-gradient(180deg,#060912 0%,#0e1f45 100%);
}

.lisans-section .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.lisans-section__head {
    max-width: 760px;
    margin: 0 auto 40px;
    text-align: center;
}

.lisans-section__head--light h2,.lisans-section__head--light p {
    color: #fff;
}

.lisans-section__head--light p {
    color: rgba(255,255,255,0.72);
}

.lisans-eyebrow {
    display: inline-flex;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(51,110,208,0.1);
    color: #336ed0;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.lisans-eyebrow--light {
    background: rgba(0,201,232,0.14);
    color: #7ddfff;
}

.lisans-section__head h2 {
    margin: 16px 0 12px;
    color: #0e1f45;
    font-size: clamp(1.9rem,3.5vw,2.5rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.lisans-section__head p {
    margin: 0;
    color: #5a6a85;
    font-size: 1.05rem;
    line-height: 1.7;
}

.lisans-split {
    display: grid;
    grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr);
    gap: 48px;
    align-items: center;
}

.lisans-split__visual img {
    display: block;
    width: 100%;
    max-width: 520px;
    height: auto;
    border-radius: 18px;
    box-shadow: 0 24px 48px -24px rgba(14,31,69,0.35);
}

.lisans-split__content h2 {
    margin: 14px 0 16px;
    color: #0e1f45;
    font-size: clamp(1.8rem,3vw,2.4rem);
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: -0.02em;
}

.lisans-split__content p {
    margin: 0 0 14px;
    color: #5a6a85;
    font-size: 1.02rem;
    line-height: 1.7;
}

.lisans-split__list {
    margin: 18px 0 0;
    padding-left: 18px;
    color: #5a6a85;
    font-size: 1rem;
    line-height: 1.7;
}

.lisans-split__list li + li {
    margin-top: 8px;
}

.lisans-benefits {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
}

.lisans-benefit {
    padding: 24px 22px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #e8edf5;
    box-shadow: 0 16px 32px -24px rgba(14,31,69,0.18);
    animation: ozellikler-rise 0.7s ease both;
    animation-delay: var(--lz-delay,0ms);
}

.lisans-benefit__metric {
    display: inline-flex;
    margin-bottom: 12px;
    color: #336ed0;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.lisans-benefit h3 {
    margin: 0 0 10px;
    color: #0e1f45;
    font-size: 1.12rem;
    font-weight: 800;
}

.lisans-benefit p {
    margin: 0;
    color: #5a6a85;
    font-size: 0.94rem;
    line-height: 1.65;
}

.lisans-compare__wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 20px;
    border: 1px solid #e8edf5;
    box-shadow: 0 20px 40px -28px rgba(14,31,69,0.2);
}

.lisans-compare {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    background: #fff;
}

.lisans-compare th,.lisans-compare td {
    padding: 18px 22px;
    border-bottom: 1px solid #eef2f7;
    text-align: left;
    vertical-align: middle;
}

.lisans-compare thead th {
    background: #f8fafc;
    color: #0e1f45;
    font-size: 1rem;
    font-weight: 800;
}

.lisans-compare tbody th {
    width: 34%;
    color: #0e1f45;
    font-size: 0.96rem;
    font-weight: 700;
}

.lisans-compare td {
    color: #5a6a85;
    font-size: 0.95rem;
}

.lisans-compare__featured {
    background: linear-gradient(180deg,rgba(51,110,208,0.08) 0%,rgba(0,201,232,0.05) 100%);
    color: #0e1f45;
    font-weight: 700;
}

.lisans-compare__check {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    color: #16a34a;
    vertical-align: middle;
}

.lisans-steps {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
}

.lisans-step {
    padding: 24px 20px;
    border-radius: 18px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(94,184,255,0.2);
}

.lisans-step__num {
    display: inline-flex;
    margin-bottom: 14px;
    color: #7ddfff;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.lisans-step h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 800;
}

.lisans-step p {
    margin: 0;
    color: rgba(255,255,255,0.72);
    font-size: 0.93rem;
    line-height: 1.65;
}

.lisans-faq {
    max-width: 820px;
    margin: 0 auto;
    display: grid;
    gap: 12px;
}

.lisans-faq__item {
    border-radius: 16px;
    background: #fff;
    border: 1px solid #e8edf5;
    overflow: hidden;
}

.lisans-faq__item summary {
    padding: 18px 22px;
    color: #0e1f45;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.lisans-faq__item summary::-webkit-details-marker {
    display: none;
}

.lisans-faq__item p {
    margin: 0;
    padding: 0 22px 18px;
    color: #5a6a85;
    font-size: 0.96rem;
    line-height: 1.7;
}

@media (max-width: 992px) {
    .lisans-hero__grid,.lisans-split {
        grid-template-columns:1fr;
    }

    .lisans-benefits,.lisans-steps {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 680px) {
    .lisans-hero {
        padding:32px 0 48px;
    }

    .lisans-hero__actions {
        flex-direction: column;
    }

    .lisans-btn {
        width: 100%;
    }

    .lisans-benefits,.lisans-steps {
        grid-template-columns: 1fr;
    }

    .lisans-section {
        padding: 52px 0;
    }
}

/* tasiyin */
.tasiyin-hero {
    padding: 48px 0 64px;
    background: linear-gradient(180deg,#f7f9ff 0%,#fff 100%);
}

.tasiyin-hero .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.tasiyin-hero__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,0.95fr);
    gap: 40px;
    align-items: start;
}

.tasiyin-eyebrow {
    display: inline-flex;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(51,110,208,0.1);
    color: #336ed0;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tasiyin-eyebrow--light {
    background: rgba(0,201,232,0.14);
    color: #7ddfff;
}

.tasiyin-hero__title {
    margin: 16px 0 14px;
    color: #0e1f45;
    font-size: clamp(2rem,4vw,3rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.tasiyin-hero__lead {
    margin: 0;
    color: #5a6a85;
    font-size: 1.06rem;
    line-height: 1.7;
}

.tasiyin-hero__list {
    margin: 22px 0 0;
    padding-left: 18px;
    color: #5a6a85;
    font-size: 0.98rem;
    line-height: 1.7;
}

.tasiyin-hero__list li + li {
    margin-top: 8px;
}

.tasiyin-hero__card {
    padding: 28px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid #e8edf5;
    box-shadow: 0 24px 48px -28px rgba(14,31,69,0.28);
}

.tasiyin-hero__card h2 {
    margin: 0 0 8px;
    color: #0e1f45;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.tasiyin-form__intro {
    margin: 0 0 20px;
    color: #5a6a85;
    font-size: 0.95rem;
    line-height: 1.6;
}

.tasiyin-form__alert {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 0.92rem;
    line-height: 1.5;
}

.tasiyin-form__alert--error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

.tasiyin-form {
    display: grid;
    gap: 14px;
}

.tasiyin-form__row {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}

.tasiyin-form__field {
    display: grid;
    gap: 6px;
}

.tasiyin-form__field span {
    color: #0e1f45;
    font-size: 0.88rem;
    font-weight: 700;
}

.tasiyin-form__field input,.tasiyin-form__field select,.tasiyin-form__field textarea {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #d8e0ec;
    border-radius: 12px;
    background: #fff;
    color: #0e1f45;
    font-size: 0.96rem;
    font-family: inherit;
    transition: border-color 0.2s ease,box-shadow 0.2s ease;
}

.tasiyin-form__field textarea {
    min-height: 110px;
    resize: vertical;
}

.tasiyin-form__field input:focus,.tasiyin-form__field select:focus,.tasiyin-form__field textarea:focus {
    outline: none;
    border-color: #336ed0;
    box-shadow: 0 0 0 3px rgba(51,110,208,0.12);
}

.tasiyin-form__submit {
    margin-top: 6px;
    min-height: 52px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg,#336ed0 0%,#00c9e8 100%);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.25s ease,box-shadow 0.25s ease;
}

.tasiyin-form__submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -10px rgba(51,110,208,0.5);
}

.tasiyin-thanks {
    text-align: center;
    padding: 24px 8px;
}

.tasiyin-thanks__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(34,197,94,0.12);
    color: #16a34a;
}

.tasiyin-thanks__icon svg {
    width: 36px;
    height: 36px;
}

.tasiyin-thanks h2 {
    margin: 0 0 12px;
    color: #0e1f45;
    font-size: 1.7rem;
    font-weight: 800;
}

.tasiyin-thanks p {
    margin: 0;
    color: #5a6a85;
    font-size: 1rem;
    line-height: 1.65;
}

.tasiyin-thanks__note {
    margin-top: 12px!important;
    font-size: 0.92rem!important;
}

.tasiyin-section {
    padding: 72px 0;
}

.tasiyin-section--soft {
    background: #f8fafc;
}

.tasiyin-section--dark {
    background: linear-gradient(180deg,#060912 0%,#0e1f45 100%);
}

.tasiyin-section .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.tasiyin-section__head {
    max-width: 760px;
    margin: 0 auto 40px;
    text-align: center;
}

.tasiyin-section__head--light h2,.tasiyin-section__head--light p {
    color: #fff;
}

.tasiyin-section__head--light p {
    color: rgba(255,255,255,0.72);
}

.tasiyin-section__head h2 {
    margin: 16px 0 12px;
    color: #0e1f45;
    font-size: clamp(1.8rem,3.2vw,2.4rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.tasiyin-section__head p {
    margin: 0;
    color: #5a6a85;
    font-size: 1.02rem;
    line-height: 1.7;
}

.tasiyin-benefits {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
}

.tasiyin-benefit {
    padding: 22px 20px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #e8edf5;
}

.tasiyin-benefit__icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 16px;
    background: linear-gradient(135deg,rgba(51,110,208,0.1) 0%,rgba(0,201,232,0.12) 100%);
    color: #336ed0;
}

.tasiyin-benefit__icon .ozellikler__svg {
    width: 52px;
    height: 52px;
}

.tasiyin-benefit h3 {
    margin: 0 0 8px;
    color: #0e1f45;
    font-size: 1.05rem;
    font-weight: 800;
}

.tasiyin-benefit p {
    margin: 0;
    color: #5a6a85;
    font-size: 0.92rem;
    line-height: 1.6;
}

.tasiyin-steps {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
}

.tasiyin-step {
    padding: 22px 18px;
    border-radius: 16px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(94,184,255,0.2);
}

.tasiyin-step__num {
    display: inline-flex;
    margin-bottom: 12px;
    color: #7ddfff;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.tasiyin-step h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
}

.tasiyin-step p {
    margin: 0;
    color: rgba(255,255,255,0.72);
    font-size: 0.92rem;
    line-height: 1.6;
}

@media (max-width: 992px) {
    .tasiyin-hero__grid {
        grid-template-columns:1fr;
    }

    .tasiyin-benefits,.tasiyin-steps {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 680px) {
    .tasiyin-hero {
        padding:32px 0 48px;
    }

    .tasiyin-form__row,.tasiyin-benefits,.tasiyin-steps {
        grid-template-columns: 1fr;
    }

    .tasiyin-hero__card {
        padding: 22px 18px;
    }

    .tasiyin-section {
        padding: 52px 0;
    }
}

/* karsilastir */
.karsilastir {
    width: 100%;
    padding: 48px 0 72px;
    background: #fff;
}

.karsilastir .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.karsilastir__wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.karsilastir__table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.karsilastir__table th,.karsilastir__table td {
    vertical-align: middle;
}

.karsilastir__th {
    padding: 0;
    font-weight: 700;
    color: #111827;
    text-align: center;
    letter-spacing: -0.01em;
    vertical-align: top;
}

.karsilastir__th--plan {
    border-bottom: none!important;
    background: #fff;
}

.karsilastir__plan-cell--featured,.karsilastir__th.karsilastir__plan-cell--featured,.karsilastir__footer-plan.karsilastir__plan-cell--featured {
    background: #f3fbf6;
    border-bottom: none!important;
}

.karsilastir__plan-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 28px 18px 24px;
}

.karsilastir__th--plan .karsilastir__plan-inner {
    padding: 24px 18px 22px;
}

.karsilastir__plan-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
}

.karsilastir__plan-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.karsilastir__plan-badge--starter {
    border: 1px solid #93c5fd;
    color: #1d4ed8;
}

.karsilastir__plan-badge--starter svg {
    color: #3b82f6;
}

.karsilastir__plan-badge--featured {
    border: 1px solid #86efac;
    color: #166534;
}

.karsilastir__plan-badge--featured svg {
    color: #f59e0b;
}

.karsilastir__plan-badge--premium {
    border: 1px solid #c4b5fd;
    color: #6d28d9;
}

.karsilastir__plan-badge--premium svg {
    color: #a855f7;
}

.karsilastir__plan-name {
    display: block;
    font-size: 1rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.3;
}

.karsilastir__plan-price {
    display: block;
    font-size: 1.55rem;
    font-weight: 800;
    color: #4b5563;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.karsilastir__plan-desc {
    margin: 0;
    max-width: 220px;
    font-size: 0.84rem;
    line-height: 1.45;
    color: #6b7280;
}

.karsilastir__plan-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 220px;
    min-height: 46px;
    margin-top: 4px;
    padding: 0 18px;
    border-radius: 10px;
    background: #16a34a;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.18s ease,transform 0.18s ease;
}

.karsilastir__plan-cta:hover {
    background: #15803d;
    transform: translateY(-1px);
}

.karsilastir__th--feature {
    width: 38%;
    text-align: left;
    border-bottom: none!important;
}

.karsilastir__group-row {
    scroll-margin-top: 110px;
    border-top: none;
}

.karsilastir__group-title {
    padding: 0;
    text-align: left;
    border-bottom: 4px solid #fff!important;
    background: linear-gradient(0deg,rgb(228 241 254) 0%,rgb(247 251 255) 100%);
    border-radius: 15px;
    border-top: none;
}

.karsilastir__group-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 18px 16px;
    border: none;
    background: transparent;
    color: #fff;
    cursor: pointer;
    text-align: left;
}

.karsilastir__group-head {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.karsilastir__group-name {
    font-size: 1rem;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.01em;
}

.karsilastir__group-desc {
    font-size: 0.86rem;
    font-weight: 500;
    line-height: 1.45;
    color: rgb(95 127 146 / 86%);
}

.karsilastir__group-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    color: #fff;
    flex-shrink: 0;
    transition: transform 0.22s ease,background 0.22s ease;
}

.karsilastir__group-chevron svg {
    width: 18px;
    height: 18px;
}

.karsilastir__group.is-expanded .karsilastir__group-chevron {
    transform: rotate(180deg);
    background: rgba(255,255,255,0.18);
}

.karsilastir__group:not(.is-expanded) .karsilastir__row {
    display: none;
}

.karsilastir__col--featured {
    background: rgba(15,23,42,0.045);
}

.karsilastir__feature {
    padding: 12px 15px;
    font-size: 0.92rem;
    font-weight: 500;
    color: #374151;
    text-align: left;
    line-height: 1.25;
    overflow: visible;
}

.karsilastir__feature-inner {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
}

.karsilastir__feature-name {
    display: inline-block;
}

.karsilastir__row {
    position: relative;
    background: #dddddd45;
    border-radius: 15px;
    width: 100%;
}

.karsilastir__row:nth-child(even) {
    background: #ffffff;
}

.karsilastir__cell {
    padding: 14px 16px;
    text-align: center;
    overflow: visible;
}

.karsilastir__tip-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.karsilastir__tip-wrap--feature .karsilastir__feature-name {
    cursor: help;
    border-bottom: 1px dashed rgba(37,99,235,0.35);
}

.karsilastir__tip-wrap:hover .karsilastir__tooltip,.karsilastir__tip-wrap:focus-within .karsilastir__tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.karsilastir__tooltip {
    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);
    width: min(320px,72vw);
    padding: 12px 14px;
    background: linear-gradient(180deg,#111827 0%,#1f2937 100%);
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.55;
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(15,23,42,0.24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.18s ease,transform 0.18s ease,visibility 0.18s ease;
    z-index: 30;
    pointer-events: none;
    text-align: left;
}

.karsilastir__tooltip::after {
    content: 'http://www.w3.org/2000/svg';
    position: absolute;
    top: 100%;
    left: 18px;
    border: 7px solid transparent;
    border-top-color: #1f2937;
}

.karsilastir__tip-wrap--cell .karsilastir__tooltip {
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translate(-50%,6px);
    width: min(260px,70vw);
    text-align: center;
}

.karsilastir__tip-wrap--cell:hover .karsilastir__tooltip,.karsilastir__tip-wrap--cell:focus-within .karsilastir__tooltip {
    transform: translate(-50%,0);
}

.karsilastir__tip-wrap--cell .karsilastir__tooltip::after {
    left: 50%;
    margin-left: -7px;
}

.karsilastir__media-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 8px;
    background: #eff6ff;
    color: #2563eb;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.18s ease,transform 0.18s ease;
}

.karsilastir__media-btn:hover {
    background: #dbeafe;
    transform: translateY(-1px);
}

.karsilastir__media-icon {
    width: 16px;
    height: 16px;
}

.karsilastir__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.karsilastir__svg {
    width: 22px;
    height: 22px;
}

.karsilastir__svg--check {
    color: #00bb5a;
}

.karsilastir__svg--cross {
    color: #ff6666;
}

.karsilastir__icon--optional {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff7ed;
    color: #ea580c;
    cursor: help;
}

.karsilastir__optional-mark {
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
}

.karsilastir__consult {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 999px;
    background: #ffe7d2;
    color: #ec5a1c;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.18s ease,transform 0.18s ease;
}

.karsilastir__consult:hover {
    background: #d1fae5;
    transform: translateY(-1px);
}

.karsilastir__text {
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
}

.karsilastir__text--status {
    font-size: 0.82rem;
    font-weight: 600;
    color: #6b7280;
}

.karsilastir__dash {
    color: #c5cdd8;
    font-size: 1rem;
    line-height: 1;
}

.karsilastir__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.karsilastir-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.karsilastir-modal.is-open {
    display: flex;
}

.karsilastir-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15,23,42,0.72);
}

.karsilastir-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(960px,100%);
    max-height: calc(100vh - 48px);
    background: #0f172a;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,0.35);
}

.karsilastir-modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.14);
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.karsilastir-modal__close:hover {
    background: rgba(255,255,255,0.22);
}

.karsilastir-modal__content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
}

.karsilastir-modal__content video,.karsilastir-modal__content img {
    display: block;
    width: 100%;
    max-height: calc(100vh - 120px);
    object-fit: contain;
    border-radius: 8px;
}

.karsilastir__footer-row td {
    vertical-align: top;
    border-bottom: none;
    padding: 0;
}

.karsilastir__footer-feature {
    border-bottom: none;
}

.karsilastir__footer-plan {
    border-top: 1px solid #e8edf3;
    background: #fff;
}

.karsilastir__footer-note {
    margin: 18px 0 0;
    text-align: center;
    font-size: 0.84rem;
    color: #6b7280;
}

@media (max-width: 768px) {
    .karsilastir {
        padding:32px 0 48px;
    }

    .karsilastir__th {
        font-size: 0.88rem;
        padding: 14px 10px;
    }

    .karsilastir__feature,.karsilastir__cell {
        padding: 12px 10px;
        font-size: 0.84rem;
    }

    .karsilastir__group-title {
        padding: 0;
    }

    .karsilastir__group-toggle {
        padding: 14px 10px;
    }

    .karsilastir__group-name {
        font-size: 0.92rem;
    }

    .karsilastir__group-desc {
        font-size: 0.8rem;
    }

    .karsilastir__plan-inner {
        padding: 22px 12px 18px;
    }

    .karsilastir__plan-price {
        font-size: 1.35rem;
    }
}

/* supporter */
@media (max-width: 992px) {
    .comments__carousel.carousel.buildcarousel {
        padding:4px 44px 48px;
    }
}

@media (max-width: 680px) {
    .comments__carousel.carousel.buildcarousel {
        padding:0 40px 44px;
    }

    .comments__card--google {
        min-height: 0;
        padding: 18px 16px 14px;
    }

    .comments__vote-btn span {
        display: none;
    }
}

.supporter {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 50px 0 60px;
    background: #eef1f6;
    position: relative;
    z-index: 2;
}

.supporter .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.supporter__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 24px;
    align-items: stretch;
}

.supporter__card {
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg,#0e1f45 0%,#060d1f 55%,#040812 100%);
    border-radius: 18px;
    border: 1px solid rgba(94,184,255,0.22);
    box-shadow: 0 28px 56px -22px rgba(4,8,18,0.65);
    overflow: hidden;
    text-align: center;
}

.supporter__head {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 110px;
    background-color: #060912;
    background-image: url(../image-lib/flow.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom: 1px solid rgba(94,184,255,0.22);
}

.supporter__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(94,184,255,0.25);
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

.supporter__icon svg {
    width: 34px;
    height: 34px;
    display: block;
}

.supporter__icon--phone {
    color: #ff8a3d;
}

.supporter__icon--whatsapp {
    color: #25D366;
}

.supporter__icon--mail {
    color: #ff8a3d;
}

.supporter__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 28px 24px 32px;
}

.supporter__body h3 {
    color: #fff;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 14px;
    letter-spacing: -0.01em;
}

.supporter__body p {
    color: rgba(255,255,255,0.72);
    font-size: 0.95rem;
    line-height: 1.6;
    max-width: 300px;
}

.supporter__hours {
    margin-top: 14px;
    color: rgba(255,255,255,0.48);
    font-size: 0.88rem;
}

.supporter__contact {
    margin-top: 18px;
    color: #fff;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-decoration: none;
    transition: color 0.2s ease,opacity 0.2s ease;
}

.supporter__contact span {
    color: #5eb8ff;
}

.supporter__contact:hover {
    color: #5eb8ff;
    opacity: 1;
}

@media (max-width: 992px) {
    .supporter__grid {
        grid-template-columns:1fr;
        gap: 18px;
        max-width: 520px;
        margin: 0 auto;
    }
}

@media (max-width: 680px) {
    .supporter {
        padding:10px 0 40px;
    }

    .supporter__body h3 {
        font-size: 1.3rem;
    }

    .supporter__contact {
        font-size: 1.45rem;
    }
}

/* HERO */
.hero {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-attachment: scroll!important;
    background: url(../image-lib/hero1.jpg) top center;
}

.hero .group {
    display: flex;
    width: 100%;
    max-width: 1140px;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px;
}

.hero .group .top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero .group .top h1 {
    font-size: 3.0rem;
    text-align: center;
    color: #ffffff;
    padding: 50px;
    display: flex;
    width: 95%;
    letter-spacing: -0.025em;
}

.hero--eticaret .hero__title {
    justify-content: center;
    margin: 0;
    padding: 50px 20px 24px;
    white-space: nowrap;
    font-size: clamp(1.65rem,4.5vw,3rem);
    line-height: 1.1;
}

.hero--statement {
    background: #fff;
    padding: 72px 20px 68px;
    min-height: 0;
}

.hero--statement .group {
    padding-bottom: 0;
}

.hero-statement {
    margin: 0;
    max-width: 100%;
    padding: 0 12px;
    text-align: center;
    font-size: clamp(1.35rem,3.1vw,2.35rem) !important;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: -0.025em;
    color: #9aa3af;
}

.hero-statement__line {
    display: block;
}

.hero-statement strong {
    font-weight: 800;
    color: #171a22;
}

.hero-statement__muted {
    color: #0e0e0e;
}

.hero-statement__brand {
    color: #ff6a00;
    font-weight: 800;
}

.hero--video-bg {
    position: relative;
    overflow: hidden;
    background: #0b1a3a;
}

.hero--video-bg .hero__bg-video {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    display: none;
}

.hero--video-bg .group {
    position: relative;
    z-index: 1;
}

.hero--video-bg .group .top h1,.hero--video-bg .hero__title {
    color: #fff;
}

.hero--video-bg .group .top p {
    color: rgba(255,255,255,0.88);
}

.hero--video-bg.hero--statement {
    background: #ffffff;
}

.hero--video-bg .hero-statement strong {
    background: linear-gradient(90deg,#2e22e4 0%,#a822e4 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero--video-bg .hero-statement__muted {
    color: rgb(0 0 0 / 72%);
}

.hero--video-bg .hero-statement__brand {
    color: #ff8a33;
}

@media (max-width: 680px) {
    .hero--statement {
        padding:48px 16px 44px;
    }

    .hero-statement {
        font-size: clamp(1.15rem,5.2vw,1.55rem);
        line-height: 1.42;
    }
}

.hero .group .top h1.hero-video-title {
    position: relative;
    justify-content: center;
    margin: 0;
}

.hero-video-title__source {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
}

.hero-video-title__wrap {
    display: block;
    width: 100%;
    text-align: center;
}

.hero-video-title__stage {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: top;
}

.hero-video-title__canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.hero-video-title__text {
    display: inline-block;
    position: relative;
    z-index: 2;
    line-height: 1;
    color: #353f4f;
    transition: opacity 0.6s ease;
    opacity: 1;
    font-size: 66px!important;
}

.hero-video-title__text.is-fading {
    opacity: 0;
}

.hero-video-title.is-ready .hero-video-title__text,.spectors__video-title.is-ready .hero-video-title__text {
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.hero .group .top p {
    display: block;
    margin-block-end:3em;
    margin-inline-start:0px;
    margin-inline-end:0px;
    font-size: 1.2rem;
    text-align: center;
    width: 70%;
    line-height: 31px;
    color: #e2e2e2;
}

.hero .group .alt {
    display: flex;
    justify-content: center;
    width: 60%;
    margin-bottom: 245px;
}

.hero .group .alt input {
    height: 64px;
    background-color: #fff;
    border: 2px solid transparent;
    color: #666;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 0 20px;
    width: 53%;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
    box-shadow: 0 5px 10px rgba(0,0,0,.05);
    font-family: inherit;
    border-radius: 250px 0px 0px 250px;
    box-shadow: 0px 0px 10px #fff, 0px 0px 60px #900afe;
    position: relative;
}

.hero .group .alt button {
    height: 64px;
    font-size: 1.0625rem;
    padding: 12px 45px;
    border: none;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    font-weight: 700;
    font-family: inherit;
    border-radius: 0px 250px 250px 0px;
    box-shadow: 0px 0px 10px #3d1ee8, 0px 0px 60px #900afe;
}

/* miniblock */
.miniblock {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 8px 0 28px;
}

.miniblock .group {
    width: calc(100% - 40px);
    max-width: 1140px;
    margin: 0 auto;
}

.miniblock__banner {
    position: relative;
    width: 100%;
    aspect-ratio: 19 / 5;
    border-radius: 20px;
    overflow: hidden;
    background: #060912;
    background-image: url(../image-lib/flow.webp);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    box-shadow: 0 16px 40px rgba(15,23,42,0.22);
    max-height: 200px;
}

.miniblock__banner::before {
    content: '0 0 24 24';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(6,9,18,0.92) 0%,rgba(6,9,18,0.72) 48%,rgba(6,9,18,0.35) 100%);
    pointer-events: none;
}

.miniblock__waves {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.45;
    background: repeating-linear-gradient(90deg,rgba(51,110,208,0) 0 14px,rgba(51,110,208,0.55) 14px 16px,rgba(51,110,208,0) 16px 28px),linear-gradient(90deg,transparent 35%,rgba(0,201,232,0.18) 70%,transparent 100%);
    mask-image: linear-gradient(90deg,transparent 0%,#000 28%,#000 100%);
}

.miniblock__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100%;
    height: 100%;
    padding: 24px 36px;
    text-align: center;
}

.miniblock__title {
    width: 100%;
    max-width: 910px;
    color: #fff;
    font-size: clamp(1.2rem,2.4vw,2rem);
    line-height: 1.22;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-align: center;
}

.miniblock__desc {
    width: 100%;
    margin: 0;
    color: rgba(255,255,255,0.78);
    font-size: 0.92rem;
    line-height: 1.55;
    text-align: center;
}

.miniblock__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.miniblock__form {
    display: flex;
    align-items: stretch;
    min-width: 0;
    max-width: 100%;
}

.miniblock__input {
    width: 280px;
    max-width: 42vw;
    height: 52px;
    padding: 0 18px;
    border: none;
    border-radius: 999px 0 0 999px;
    background: #fff;
    color: #666;
    font-size: 0.95rem;
    font-family: inherit;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.miniblock__input:focus {
    outline: none;
}

.miniblock__submit {
    height: 52px;
    padding: 0 22px;
    border: none;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    font-family: inherit;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s ease;
}

.miniblock__submit:hover {
    background: #2a5eb8;
    opacity: 1;
}

.miniblock__agent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    background: #25D366;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(37,211,102,0.35);
    transition: background 0.2s ease,transform 0.2s ease;
}

.miniblock__agent:hover {
    background: #1fb855;
    transform: translateY(-1px);
    opacity: 1;
}

@media (max-width: 992px) {
    .miniblock__banner {
        aspect-ratio:auto;
        max-height: unset;
    }

    .miniblock__inner {
        padding: 28px 24px;
        gap: 16px;
    }
}

@media (max-width: 680px) {
    .miniblock .group {
        width:calc(100% - 24px);
    }

    .miniblock__inner {
        padding: 22px 18px;
    }

    .miniblock__actions {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .miniblock__form {
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 360px;
    }

    .miniblock__input,.miniblock__submit,.miniblock__agent {
        width: 100%;
        max-width: 360px;
        border-radius: 999px;
    }

    .miniblock__title {
        font-size: 1.35rem;
    }
}

/* CAROUSEL (.buildcarousel) */
.carouselmarka {
    width: 100%;
    padding: 10px 0 40px;
    display: flex;
    justify-content: center;
}

.carouselmarka .carousel.buildcarousel {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 0 32px;
}

.carouselmarka .carousel.buildcarousel .item {
    padding: 0 10px;
    min-height: 64px;
}

.carouselmarka .carousel.buildcarousel .item img {
    max-height: 100px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.carousel.buildcarousel {
    position: relative;
    width: 100%;
    max-width: 910px;
    margin: 0 auto;
    padding: 40px 48px 56px;
    --carousel-slide-width: 25%;
    overflow: hidden;
}

.carousel.buildcarousel .items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: transform 0.45s ease;
    will-change: transform;
    touch-action: pan-y;
    cursor: grab;
}

.carousel.buildcarousel.is-carousel-dragging {
    cursor: grabbing;
    user-select: none;
}

.carousel.buildcarousel.is-carousel-dragging .items {
    cursor: grabbing;
}

.carousel.buildcarousel .items.is-carousel--no-transition {
    transition: none;
}

.carousel.buildcarousel .item {
    flex: 0 0 var(--carousel-slide-width);
    width: var(--carousel-slide-width);
    max-width: var(--carousel-slide-width);
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.carousel.buildcarousel .item img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.carousel.buildcarousel .carousel__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #353f4f;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    transition: background 0.2s ease,border-color 0.2s ease;
}

.carousel.buildcarousel .carousel__arrow:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.carousel.buildcarousel .carousel__arrow--prev {
    left: 0;
}

.carousel.buildcarousel .carousel__arrow--next {
    right: 0;
}

.carousel.buildcarousel .carousel__dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.carousel.buildcarousel .carousel__dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #cbd5e1;
    cursor: pointer;
    transition: background 0.2s ease,transform 0.2s ease;
}

.carousel.buildcarousel .carousel__dots button[aria-current='none'] {
    background: #336ed0;
    transform: scale(1.15);
}

@media (max-width: 768px) {
    .carousel.buildcarousel {
        padding:32px 40px 48px;
    }

    .carousel.buildcarousel .carousel__arrow {
        width: 36px;
        height: 36px;
    }
}

/* updatebar */
.updatebar {
    position: relative;
    width: 100%;
    padding: 54px 0 64px;
    overflow: hidden;
    background: #060912;
}

.updatebar__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

.updatebar__overlay {
    position: absolute;
    inset: 0;
    background: rgba(243,244,246,0.82);
    z-index: 1;
    pointer-events: none;
}

.updatebar .group {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.updatebar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
}

.updatebar__header h1,.updatebar__header h2 {
    color: #2f384f;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.updatebar__header-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}

.updatebar__refresh {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #1000ff;
    border-radius: 8px;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: border-color 0.2s ease,background 0.2s ease;
}

.updatebar__refresh svg {
    width: 18px;
    height: 18px;
}

.updatebar__refresh:hover {
    border-color: #336ed0;
    background: #f8fbff;
}

.updatebar__refresh.is-loading svg {
    animation: updatebar-spin 0.8s linear infinite;
}

@keyframes updatebar-spin {
    to {
        transform: rotate(360deg);
    }
}

.updatebar__version-filter {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #687082;
    font-size: 0.98rem;
    white-space: nowrap;
}

.updatebar__version-filter-label {
    color: #687082;
}

.updatebar__version-select {
    height: 40px;
    min-width: 108px;
    padding: 0 34px 0 14px;
    border: 1px solid #c5d4ef;
    border-radius: 8px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns=!string!width=!string!height=!string!viewBox=!string!%3E%3Cpath d=!string!fill=!string!stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-linejoin=!string!/%3E%3C/svg%3E") no-repeat right 12px center;
    color: #2f384f;
    font-size: 0.95rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color 0.2s ease,box-shadow 0.2s ease;
}

.updatebar__version-select:hover,.updatebar__version-select:focus {
    border-color: #336ed0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(51,110,208,0.12);
}

.updatebar__layout {
    display: grid;
    grid-template-columns: minmax(0,280px) minmax(0,1fr);
    gap: 24px;
    align-items: start;
}

.updatebar__aside {
    padding: 0;
    border-radius: 16px;
    background: transparent;
    border: none;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.updatebar__aside-image {
    display: block;
    height: auto;
    border-radius: 16px;
}

.updatebar__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.updatebar__list::-webkit-scrollbar {
    width: 6px;
}

.updatebar__list::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.updatebar__list-loader {
    padding: 12px 16px;
    text-align: center;
    color: #8b95a7;
    font-size: 0.9rem;
}

.updatebar__state {
    padding: 28px 20px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #687082;
    text-align: center;
    font-size: 1rem;
}

.updatebar__state.is-error {
    color: #b42318;
}

.updatebar__item {
    background: #fff;
    border: 1px solid #e8ebf0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15,23,42,0.04);
    flex-shrink: 0;
}

.updatebar__row {
    display: flex;
    align-items: stretch;
    min-height: 58px;
}

.updatebar__toggle {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    margin: 0;
    border: none;
    background: transparent;
    text-align: left;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.2s ease;
}

.updatebar__toggle:hover {
    background: #fafbfc;
}

.updatebar__toggle:focus-visible {
    outline: 2px solid rgba(51,110,208,0.45);
    outline-offset: -2px;
}

.updatebar__actions {
    flex: 0 0 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #eef1f5;
    padding: 8px;
    background: #fff;
}

.updatebar__actions--empty {
    opacity: 0;
    pointer-events: none;
}

.updatebar__item.is-open .updatebar__item-body {
    display: block;
}

.updatebar__item.is-open:not(.is-open--accent) .updatebar__row {
    border-bottom: 1px solid #eef1f5;
}

.updatebar__item.is-open.is-open--accent {
    background: #f4f8ff;
    border-color: #c8daf5;
    box-shadow: 0 4px 14px rgba(51,110,208,0.08);
}

.updatebar__item.is-open.is-open--accent .updatebar__toggle {
    background: #edf3ff;
}

.updatebar__item.is-open.is-open--accent .updatebar__actions {
    background: #edf3ff;
    border-left-color: #d4e2f8;
}

.updatebar__item.is-open.is-open--accent .updatebar__row {
    border-bottom: 1px solid #d4e2f8;
}

.updatebar__item.is-open.is-open--accent .updatebar__item-body {
    background: #f7faff;
}

.updatebar__item.is-open.is-open--accent .updatebar__date {
    box-shadow: inset 0 0 0 1px rgba(51,110,208,0.18);
}

.updatebar__item.is-open.is-open--accent .updatebar__title {
    color: #244a8f;
}

.updatebar__date {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 11px;
    border-radius: 8px;
    background: #eef1f6;
    color: #4b5568;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
    line-height: 1.2;
    flex-shrink: 0;
}

.updatebar__date--m01 {
    background: #e8eef8;
    color: #3d5a8a;
}

.updatebar__date--m02 {
    background: #fce8ee;
    color: #9a4560;
}

.updatebar__date--m03 {
    background: #e6f4ec;
    color: #2d6b4f;
}

.updatebar__date--m04 {
    background: #edeaf8;
    color: #5c4d8a;
}

.updatebar__date--m05 {
    background: #e8f5e3;
    color: #3d7342;
}

.updatebar__date--m06 {
    background: #e3f0fc;
    color: #2a6bb8;
}

.updatebar__date--m07 {
    background: #fdf0e8;
    color: #b05a3a;
}

.updatebar__date--m08 {
    background: #fdf6e3;
    color: #9a7340;
}

.updatebar__date--m09 {
    background: #e5f3f0;
    color: #2d6b63;
}

.updatebar__date--m10 {
    background: #fceee3;
    color: #9a5535;
}

.updatebar__date--m11 {
    background: #eceef5;
    color: #4a5278;
}

.updatebar__date--m12 {
    background: #e5edf5;
    color: #3a5878;
}

.updatebar__title {
    margin: 0;
    color: #2f384f;
    font-size: 0.96rem;
    line-height: 1.35;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.updatebar__version {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #2e22e4;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
}

.updatebar__version--empty {
    visibility: hidden;
    min-width: 56px;
    height: 28px;
    padding: 0;
}

.updatebar__media {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;
}

.updatebar__media:hover {
    border-color: #cbd5e1;
    transform: scale(1.04);
    box-shadow: 0 4px 12px rgba(15,23,42,0.08);
}

.updatebar__media--video {
    color: #e11d48;
}

.updatebar__media--video svg {
    width: 20px;
    height: 20px;
}

.updatebar__media--picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.updatebar__item-body {
    display: none;
    padding: 0 18px 16px;
}

.updatebar__item-content {
    display: block;
}

.updatebar__item-content--has-preview {
    display: grid;
    grid-template-columns: minmax(0,1fr) 210px;
    gap: 18px;
    align-items: start;
}

.updatebar__preview {
    flex-shrink: 0;
}

.updatebar__preview-btn {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background: #eef2f7;
    transition: border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;
}

.updatebar__preview-btn:hover {
    border-color: #cbd5e1;
    box-shadow: 0 8px 22px rgba(15,23,42,0.1);
    transform: translateY(-1px);
}

.updatebar__preview-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.updatebar__preview-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15,23,42,0.22);
    pointer-events: none;
}

.updatebar__preview-play svg {
    width: 52px;
    height: 52px;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.18));
}

.updatebar__preview-btn--picture img {
    transition: transform 0.25s ease;
}

.updatebar__preview-btn--picture:hover img {
    transform: scale(1.03);
}

.updatebar__detay {
    padding-top: 4px;
    color: #5f6b7e;
    font-size: 0.94rem;
    line-height: 1.65;
    min-width: 0;
}

.updatebar__detay p {
    margin: 0 0 10px;
}

.updatebar__detay p:last-child {
    margin-bottom: 0;
}

.updatebar__detay strong {
    color: #2f384f;
}

.updatebar-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.updatebar-modal.is-open {
    display: flex;
}

.updatebar-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15,23,42,0.72);
}

.updatebar-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(960px,100%);
    max-height: calc(100vh - 48px);
    background: #0f172a;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,0.35);
}

.updatebar-modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.14);
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.updatebar-modal__close:hover {
    background: rgba(255,255,255,0.24);
}

.updatebar-modal__content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}

.updatebar-modal__content video,.updatebar-modal__content img {
    display: block;
    width: 100%;
    max-height: calc(100vh - 80px);
    object-fit: contain;
    background: #000;
}

@media (max-width: 992px) {
    .updatebar__layout {
        grid-template-columns:1fr;
    }

    .updatebar__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .updatebar__header-actions {
        flex-wrap: wrap;
        display: none;
    }

    .updatebar__toggle {
        grid-template-columns: 1fr auto;
        grid-template-areas: "date version" "title title";
        gap: 8px 12px;
        padding: 12px 14px;
    }

    .updatebar__toggle .updatebar__date {
        grid-area: date;
    }

    .updatebar__toggle .updatebar__title {
        grid-area: title;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .updatebar__toggle .updatebar__version {
        grid-area: version;
        justify-self: end;
    }

    .updatebar__actions {
        flex-basis: 52px;
    }

    .updatebar__item-content--has-preview {
        grid-template-columns: 1fr;
    }

    .updatebar__preview {
        max-width: 240px;
    }
}

@media (max-width: 576px) {
    .updatebar {
        padding:40px 0 48px;
    }

    .updatebar__header h1,.updatebar__header h2 {
        font-size: 1.65rem;
    }

    .updatebar__version-filter {
        flex-wrap: wrap;
        white-space: normal;
    }
}

.triplebar {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 42px 0 60px;
}

.triplebar .group {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 28px;
    width: 100%;
    max-width: 1140px;
}

.triplebar__item {
    background: #f4f4f9;
    border-radius: 6px;
    text-align: center;
    padding: 26px 24px 28px;
}

.triplebar__image {
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.triplebar__image img {
    max-width: 100%;
    height: auto;
    display: block;
}

.triplebar__item h3 {
    font-size: 25px;
    line-height: 1.25;
    font-weight: 700;
    color: #353f4f;
    margin-bottom: 12px;
    letter-spacing: -0.01em;
}

.triplebar__item p {
    color: #6b7280;
    font-size: 18px;
    line-height: 1.55;
}

@media (max-width: 992px) {
    .triplebar .group {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 680px) {
    .triplebar .group {
        grid-template-columns:1fr;
    }
}

/* bigbar */
.bigbar {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 26px 0 80px;
}

.bigbar .group {
    width: 100%;
    max-width: 1140px;
    background: #f4f4f9;
    border-radius: 12px;
    text-align: center;
    overflow: hidden;
}

.bigbar__top {
    padding: 72px 30px 28px;
}

.bigbar__top h2 {
    max-width: 760px;
    margin: 0 auto;
    color: #2f384f;
    font-size: 2.8rem;
    line-height: 1.12;
    letter-spacing: -0.02em;
    font-weight: 700;
}

.bigbar__top p {
    max-width: 780px;
    margin: 24px auto 0;
    color: #7d8597;
    font-size: 1.25rem;
    line-height: 1.7;
}

.bigbar__visual {
    width: 100%;
    padding: 0 24px 0;
    margin-bottom: -150px;
}

.bigbar__visual img {
    display: block;
    width: 100%;
    max-width: 980px;
    height: auto;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .bigbar {
        padding:18px 0 58px;
        margin-bottom: -70px;
    }

    .bigbar__top {
        padding: 48px 20px 20px;
    }

    .bigbar__top h2 {
        font-size: 4.2rem;
        max-width: 680px;
    }

    .bigbar__top p {
        font-size: 1.12rem;
        line-height: 1.6;
    }
}

@media (max-width: 680px) {
    .bigbar .group {
        border-radius:0;
    }

    .bigbar__top {
        padding: 34px 16px 16px;
    }

    .bigbar__top h2 {
        font-size: 2.1rem;
    }

    .bigbar__top p {
        margin-top: 14px;
        font-size: 1rem;
    }

    .bigbar__visual {
        padding: 0 8px;
        margin-bottom: -70px;
    }
}

/* spectors */
.spectors {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    padding: 64px 0 84px;
    background: #fff;
}

.spectors .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.spectors__carousel-wrap {
    width: 95%;
    max-width: 95%;
    margin: 8px auto 0;
    overflow: hidden;
}

.spectors-onecikan-carousel.carousel.buildcarousel {
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.spectors-onecikan-carousel.carousel.buildcarousel .item {
    padding: 0 12px;
    box-sizing: border-box;
}

.spectors-onecikan-carousel.carousel.buildcarousel .onecikan-card {
    width: 100%;
    max-width: none;
}

.spectors-onecikan-carousel__empty {
    width: 95%;
    max-width: 95%;
    margin: 0 auto;
    padding: 0 20px;
}

.spectors-onecikan-carousel .carousel__dots {
    margin-top: 28px;
}

.spectors-onecikan-carousel .carousel__dots button[aria-current='true'] {
    background: #336ed0;
    transform: scale(1.15);
}

.spectors-onecikan-carousel .carousel__dots button {
    cursor: pointer;
}

.spectors-onecikan-carousel.is-carousel-dragging .onecikan-card__btn,
.spectors-onecikan-carousel.is-carousel-dragging a {
    pointer-events: none;
}

.spectors__top {
    text-align: center;
    margin-bottom: 46px;
}

.spectors__top h2,.spectors__video-title {
    color: #2f384f;
    font-size: 4.8rem;
    line-height: 1.08;
    letter-spacing: -0.02em;
    font-weight: 700;
}

.spectors__video-title {
    position: relative;
    margin: 0;
    text-align: center;
}

.spectors__video-title .hero-video-title__wrap {
    display: block;
    width: 100%;
}

.spectors__video-title .hero-video-title__text {
    display: inline-block;
    line-height: 1.08;
    color: #2f384f;
}

.spectors__top p {
    margin-top: 18px;
    color: #80889a;
    font-size: 1.25rem;
    line-height: 1.5;
}

.spectors__grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 44px;
    row-gap: 34px;
}

.spectors__item {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 16px;
    align-items: start;
}

.spectors__icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f4f7fb;
    color: #2e22e4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spectors__icon svg {
    width: 30px;
    height: 30px;
    display: block;
}

.spectors__content h3 {
    color: #2f384f;
    font-size: 1.56rem;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 8px;
}

.spectors__content p {
    color: #6f7787;
    font-size: 1.rem;
    line-height: 1.6;
}

@media (max-width: 992px) {
    .spectors {
        padding:48px 0 62px;
    }

    .spectors__top {
        margin-bottom: 34px;
    }

    .spectors__top h2,.spectors__video-title {
        font-size: 4.2rem;
    }

    .spectors__grid {
        column-gap: 28px;
        row-gap: 26px;
    }

    .spectors__content h3 {
        font-size: 1.65rem;
    }
}

@media (max-width: 680px) {
    .spectors {
        padding:36px 0 48px;
    }

    .spectors__top h2,.spectors__video-title {
        font-size: 3.1rem;
    }

    .spectors__top p {
        font-size: 1.02rem;
    }

    .spectors-onecikan-carousel.carousel.buildcarousel {
        padding: 0;
    }

    .spectors-onecikan-carousel.carousel.buildcarousel .item {
        padding: 0 6px;
    }

    .spectors__carousel-wrap {
        width: 95%;
    }
}

/* calculation */
.calculation {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px 0 70px;
    background: #fff;
}

.calculation .group {
    width: 100%;
    max-width: 1140px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 34px;
}

.calculation__item {
    border-top: 1px solid #d8dce4;
    padding-top: 20px;
}

.calculation__valuebox {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 62px;
    padding: 6px 18px;
    margin-bottom: 14px;
}

.calculation__value {
    color: #2f384f;
    font-size: 2.3rem;
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 700;
}

.calculation__item h3 {
    color: #2f384f;
    font-size: 1.92rem;
    line-height: 1.25;
    margin-bottom: 8px;
}

.calculation__item p {
    color: #61697a;
    font-size: 1.22rem;
    line-height: 1.55;
}

@media (max-width: 992px) {
    .calculation .group {
        grid-template-columns:1fr;
        gap: 22px;
    }

    .calculation__value {
        font-size: 2.3rem;
    }
}

/* demo-banner (calculation demonster) */
.demo-banner {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px 0 70px;
    background: #fff;
}

.demo-banner .group {
    width: calc(100% - 40px);
    max-width: 1140px;
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);
    align-items: center;
    gap: 36px;
    padding: 52px 56px;
    border-radius: 22px;
    background-color: #060912;
    background-image: url(../image-lib/flow.webp);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    box-shadow: 0 18px 48px rgba(15,23,42,0.18);
}

.demo-banner__content h2 {
    color: #fff;
    font-size: 3.15rem;
    line-height: 1.16;
    letter-spacing: -0.02em;
    font-weight: 700;
    max-width: 560px;
}

.demo-banner__content p {
    margin-top: 22px;
    color: rgba(255,255,255,0.78);
    font-size: 1.08rem;
    line-height: 1.65;
    max-width: 520px;
}

.demo-banner__form {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    max-width: 540px;
    margin-top: 30px;
    margin-bottom: 0;
}

.demo-banner__form input {
    height: 58px;
    background-color: #fff;
    border: 2px solid transparent;
    color: #666;
    font-size: 1.05rem;
    font-weight: 400;
    padding: 0 20px;
    width: 58%;
    border-radius: 999px 0 0 999px;
    transition: all 450ms ease-in-out;
    box-shadow: 0 5px 10px rgba(0,0,0,0.08);
    font-family: inherit;
}

.demo-banner__form input:focus {
    outline: none;
    border-color: rgba(51,110,208,0.35);
}

.demo-banner__form button {
    height: 58px;
    font-size: 1rem;
    padding: 12px 34px;
    border: none;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    font-weight: 700;
    border-radius: 0 999px 999px 0;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.25s ease;
}

.demo-banner__form button:hover {
    background: #2a5eb8;
}

.demo-banner__stats {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.demo-banner__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 24px;
    border-radius: 14px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(4px);
}

.demo-banner__card-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.demo-banner__card-title {
    color: #fff;
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: 600;
}

.demo-banner__card-desc {
    color: #8ea4c7;
    font-size: 0.98rem;
    line-height: 1.35;
}

.demo-banner__card-value {
    color: #47a3ff;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .demo-banner .group {
        grid-template-columns:1fr;
        padding: 40px 32px;
        background-position: center bottom;
    }

    .demo-banner__content h2 {
        font-size: 2.5rem;
        max-width: none;
    }

    .demo-banner__content p {
        max-width: none;
    }

    .demo-banner__form {
        max-width: none;
    }
}

@media (max-width: 576px) {
    .demo-banner {
        padding-bottom:50px;
    }

    .demo-banner .group {
        width: calc(100% - 24px);
        padding: 28px 20px;
        border-radius: 18px;
    }

    .demo-banner__content h2 {
        font-size: 2rem;
    }

    .demo-banner__form {
        flex-direction: column;
        gap: 12px;
    }

    .demo-banner__form input,.demo-banner__form button {
        width: 100%;
        border-radius: 999px;
    }

    .demo-banner__card {
        padding: 16px 18px;
        display: none;
    }

    .demo-banner__card-title {
        font-size: 1.15rem;
    }

    .demo-banner__card-value {
        font-size: 1.65rem;
    }
}

/* ultracover */
.ultracover {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 44px 0 78px;
    background: #fff;
}

.ultracover .group {
    width: 100%;
    max-width: 1140px;
    display: grid;
    grid-template-columns: 30% 61%;
    align-items: center;
    gap: 46px;
    justify-content: space-between;
}
.ultracover__visual {
    display: flex;
    justify-content: flex-end;
}
.ultracover__visual img {
    width: 100%;
    max-width: 328px;
    height: auto;
    display: block;
}

.ultracover__content h2 {
    color: #2f384f;
    font-size: 25px;
    line-height: 1.14;
    letter-spacing: -0.02em;
    font-weight: 800;
    max-width: 560px;
}

.ultracover__content p {
    margin-top: 22px;
    color: #3a3b3f;
    font-size: 16px;
    line-height: 1.65;
    max-width: 570px;
}

.ultracover__content h3 {
    margin-top: 18px;
    color: #2f384f;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.014em;
}

.ultracover__content ul {
    margin-top: 14px;
    display: grid;
    gap: 14px;
    list-style: disc;
    padding-left: 0;
    font-size: 16px;
}

.ultracover__content li {
    color: #3a3b3f;
    font-size: 16px;
    line-height: 1.65;
    list-style: none;
}

@media (max-width: 992px) {
    .ultracover {
        padding:28px 0 52px;
    }

    .ultracover .group {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
    }

    .ultracover__visual img {
        max-width: 450px;
        margin: 0 auto;
    }

    .ultracover__content h2 {
        font-size: 4.2rem;
        max-width: none;
    }
}

@media (max-width: 680px) {
    .ultracover__content h2 {
        font-size: 1.4rem;
    }

    .ultracover__content h3 {
        font-size: 1.4rem;
    }

    .ultracover__content p,.ultracover__content li {
        font-size: 1.05rem;
    }
}

/* logoanimator */
.logoanimator {
    width: 100%;
    background: #f3f4f6;
    padding: 64px 0;
}

.logoanimator .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr);
    gap: 54px;
    align-items: center;
}

.logoanimator__content h2 {
    color: #2f384f;
    font-size: 2.8rem;
    line-height: 1.14;
    letter-spacing: -0.02em;
    font-weight: 700;
    max-width: 490px;
}

.logoanimator__content p {
    margin-top: 18px;
    color: #687082;
    font-size: 1.2rem;
    line-height: 1.65;
    max-width: 520px;
}

.logoanimator__btn {
    margin-top: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9ba3b4;
    color: #2f384f;
    height: 42px;
    padding: 0 20px;
    font-size: 1.02rem;
    font-weight: 600;
    background: #fff;
    text-decoration: none;
    transition: border-color 0.25s ease,color 0.25s ease;
}

.logoanimator__btn:hover {
    border-color: #2f384f;
    color: #1f2738;
}

.logoanimator__stage {
    position: relative;
    min-height: 440px;
    width: 100%;
    max-width: 580px;
    margin-left: auto;
}

.logoanimator__cloud {
    position: absolute;
    display: block;
    border-radius: 28px;
    background: rgba(206,212,222,0.42);
    pointer-events: none;
}

.logoanimator__cloud--1 {
    width: 58%;
    height: 72%;
    left: 16%;
    top: 8%;
}

.logoanimator__cloud--2 {
    width: 48%;
    height: 58%;
    left: 34%;
    top: 24%;
}

.logoanimator__cloud--3 {
    width: 36%;
    height: 42%;
    left: 8%;
    top: 42%;
}

.logoanimator__tiles {
    position: absolute;
    inset: 0;
}

.logoanimator__tile {
    position: absolute;
    opacity: 1;
    transition: opacity 0.55s cubic-bezier(0.4,0,0.2,1);
    contain: layout style paint;
    backface-visibility: hidden;
}

.logoanimator__tile.is-hidden {
    opacity: 0;
    pointer-events: none;
}

.logoanimator__tile-motion {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(30,41,59,0.12);
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
    animation: logoanim-drift var(--dur,11s) ease-in-out infinite;
    animation-delay: var(--delay,0s);
}

.logoanimator__tile-motion img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    pointer-events: none;
}

@keyframes logoanim-drift {
    0%,100% {
        transform: translate3d(0,0,0) scale(var(--s-min,0.82));
    }

    25% {
        transform: translate3d(var(--dx1,8px),var(--dy1,-10px),0) scale(var(--s-mid,1));
    }

    50% {
        transform: translate3d(var(--dx2,-6px),var(--dy2,8px),0) scale(var(--s-max,1.18));
    }

    75% {
        transform: translate3d(var(--dx3,10px),var(--dy3,4px),0) scale(var(--s-mid,1));
    }
}

@media (max-width: 992px) {
    .logoanimator {
        padding:46px 0;
    }

    .logoanimator .group {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .logoanimator__content h2 {
        font-size: 2.4rem;
        max-width: none;
    }

    .logoanimator__stage {
        margin: 0 auto;
        min-height: 380px;
        max-width: 520px;
    }
}

@media (max-width: 680px) {
    .logoanimator {
        padding:34px 0;
    }

    .logoanimator__content h2 {
        font-size: 2rem;
    }

    .logoanimator__content p {
        font-size: 1.02rem;
    }

    .logoanimator__btn {
        width: 100%;
        max-width: 260px;
    }

    .logoanimator__stage {
        min-height: 320px;
        transform: scale(0.88);
        transform-origin: top center;
    }
}

@media (prefers-reduced-motion:reduce) {
    .logoanimator__tile-motion {
        animation: none;
    }
}

/* greyfullbar */
.greyfullbar {
    width: 100%;
    background: #f3f4f6;
    padding: 64px 0;
}

.greyfullbar .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 54px;
    align-items: center;
}

.greyfullbar__content h2 {
    color: #2f384f;
    font-size: 2.8rem;
    line-height: 1.14;
    letter-spacing: -0.02em;
    font-weight: 700;
    max-width: 490px;
}

.greyfullbar__content p {
    margin-top: 18px;
    color: #687082;
    font-size: 1.2rem;
    line-height: 1.65;
    max-width: 520px;
}

.greyfullbar__btn {
    margin-top: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9ba3b4;
    color: #2f384f;
    height: 42px;
    padding: 0 20px;
    font-size: 1.02rem;
    font-weight: 600;
    background: #fff;
}

.greyfullbar__visual img {
    width: 100%;
    max-width: 520px;
    height: auto;
    display: block;
    margin-left: auto;
}

@media (max-width: 992px) {
    .greyfullbar {
        padding:46px 0;
    }

    .greyfullbar .group {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .greyfullbar__content h2 {
        font-size: 4.2rem;
        max-width: none;
    }

    .greyfullbar__visual img {
        margin: 0 auto;
    }
}

@media (max-width: 680px) {
    .greyfullbar {
        padding:34px 0;
    }

    .greyfullbar__content h2 {
        font-size: 3.2rem;
    }

    .greyfullbar__content p {
        font-size: 1.02rem;
    }

    .greyfullbar__btn {
        width: 100%;
        max-width: 260px;
    }
}

/* screener */
.screener {
    width: 100%;
    background: #fff;
    padding: 56px 0 64px;
}

.screener .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);
    gap: 54px;
    align-items: center;
}

.screener__content {
    display: grid;
    gap: 24px;
}

.screener__item {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 14px;
    align-items: start;
}

.screener__index {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #2089f8;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 4px;
}

.screener__text {
    border-left: 1px solid #e2e6ef;
    padding-left: 16px;
}

.screener__text h3 {
    color: #2f384f;
    font-size: 1.7rem;
    line-height: 1.26;
    font-weight: 700;
    margin-bottom: 7px;
}

.screener__text p {
    color: #6c7485;
    font-size: 1.0rem;
    line-height: 1.65;
}

.screener__visual img {
    width: 100%;
    max-width: 640px;
    height: auto;
    display: block;
    margin-left: auto;
}

@media (max-width: 992px) {
    .screener {
        padding:40px 0 48px;
    }

    .screener .group {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .screener__visual img {
        margin: 0 auto;
    }
}

@media (max-width: 680px) {
    .screener__item {
        grid-template-columns:24px 1fr;
        gap: 10px;
    }

    .screener__index {
        width: 24px;
        height: 24px;
        font-size: 1.15rem;
    }

    .screener__text {
        padding-left: 12px;
    }

    .screener__text h3 {
        font-size: 1.68rem;
    }

    .screener__text p {
        font-size: 1.02rem;
    }
}

/* referanslar */
.referanslar {
    width: 100%;
    background: #f3f4f6;
    padding: 58px 0 70px;
}

.referanslar .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.referanslar__top {
    text-align: center;
    margin-bottom: 36px;
}

.referanslar__top h2 {
    color: #2f4a6f;
    font-size: 3.2rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-weight: 700;
}

.referanslar__flow-title {
    display: inline-block;
    background-image: url(../image-lib/flow.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.referanslar__top p {
    margin-top: 12px;
    color: #5f6b7f;
    font-size: 1.2rem;
    line-height: 1.55;
}

.referanslar__grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px 22px;
}

.referanslar__item h3 {
    color: #2f4a6f;
    font-size: 1.9rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 14px;
    display: none;
}

.referanslar__card {
    border-radius: 8px;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease,box-shadow 0.2s ease;
}

.referanslar__card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px -16px rgba(15,37,87,0.35);
}

.referanslar__card--gray {
    background: #d9d9d9;
    padding: 10px;
}

.referanslar__card img {
    width: 100%;
    height: auto;
    display: block;
}

.referanslar__action {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

.referanslar__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
    height: 48px;
    padding: 0 28px;
    border-radius: 10px;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 10px 24px -8px rgba(46,34,228,0.35);
    transition: background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;
}

.referanslar__btn:hover {
    background: linear-gradient(90deg,#2b5fb8 0%,#7a08d4 100%);
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -6px rgba(46,34,228,0.45);
    opacity: 1;
}

@media (max-width: 992px) {
    .referanslar {
        padding:44px 0 50px;
    }

    .referanslar__top h2 {
        font-size: 4.4rem;
    }

    .referanslar__item h3 {
        font-size: 2.2rem;
    }
}

@media (max-width: 680px) {
    .referanslar__top h2 {
        font-size: 1.8rem;
    }

    .referanslar__top p {
        font-size: 1.03rem;
    }

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

    .referanslar__item h3 {
        font-size: 1.9rem;
        margin-bottom: 10px;
    }

    .referanslar__btn {
        width: 100%;
        max-width: 320px;
    }
}

/* comments */
.comments {
    width: 100%;
    background: #f3f4f6;
    padding: 56px 0 30px;
}

.comments .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.comments__top {
    text-align: center;
    margin-bottom: 32px;
}

.comments__top h2 {
    color: #2f4a6f;
    font-size: 2.5rem;
    line-height: 1.12;
    letter-spacing: -0.02em;
    font-weight: 700;
    max-width: 720px;
    margin: 0 auto;
}

.comments__heading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.comments__heart {
    width: 1.05em;
    height: 1.05em;
    flex-shrink: 0;
    color: #ef4444;
    transform-origin: center;
    animation: comments-heartbeat 1.4s ease-in-out infinite;
}

@keyframes comments-heartbeat {
    0%,100% {
        transform: scale(1);
    }

    14% {
        transform: scale(1.22);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.22);
    }

    70% {
        transform: scale(1);
    }
}

.comments__top p {
    margin-top: 12px;
    color: #5f6b7f;
    font-size: 1.28rem;
}

.comments__carousel-wrap {
    width: 100%;
    scroll-margin-top: 96px;
}

.comments__carousel.carousel.buildcarousel {
    max-width: 100%;
    padding: 8px 48px 48px;
}

.comments__carousel.carousel.buildcarousel .item {
    align-items: stretch;
    padding: 0 10px;
}

.comments__card {
    background: #fff;
    border: 1px solid #e8eaed;
    border-radius: 12px;
    padding: 20px 22px 16px;
    min-height: 240px;
    width: 100%;
    box-shadow: 0 1px 2px rgba(60,64,67,0.08),0 2px 8px rgba(60,64,67,0.06);
    scroll-margin-top: 96px;
    display: flex;
    flex-direction: column;
}

.comments__card--google {
    min-height: 260px;
}

.comments__card--initial.is-hidden {
    display: none;
}

.comments__google-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.comments__google-info {
    min-width: 0;
    flex: 1;
}

.comments__google-info .comments__name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #202124;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.3;
}

.comments__google-rating {
    margin-top: 4px;
}

.comments__stars {
    display: block;
}

.comments__stars-row {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

.comments__star {
    width: 16px;
    height: 16px;
    color: #dadce0;
}

.comments__star--filled {
    color: #fbbc04;
}

.comments__google-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin-top: 4px;
}

.comments__google-meta .comments__meta-date,.comments__google-meta .comments__meta-ago {
    color: #70757a;
    font-size: 0.8rem;
    line-height: 1.3;
}

.comments__google-title {
    margin: 14px 0 0;
    color: #202124;
    font-size: 1rem;
    line-height: 1.35;
    font-weight: 600;
}

.comments__quote {
    display: none;
}

.comments__card h3:not(.comments__google-title) {
    margin-top: -6px;
    color: #1f3552;
    font-size: 20px;
    line-height: 1.26;
    font-weight: 700;
}

.comments__body {
    margin-top: 10px;
    flex: 1;
}

.comments__text {
    margin: 0;
    color: #3c4043;
    font-size: 0.95rem;
    line-height: 1.55;
}

.comments__read-more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1a73e8;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

.comments__read-more svg {
    width: 16px;
    height: 16px;
}

.comments__read-more:hover {
    text-decoration: underline;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    opacity: 1;
}

.comments__vote {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #f1f3f4;
}

.comments__vote--modal {
    margin-top: 18px;
}

.comments__vote-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #dadce0;
    border-radius: 999px;
    background: #fff;
    color: #5f6368;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease,border-color 0.15s ease,color 0.15s ease;
}

.comments__vote-btn svg {
    width: 16px;
    height: 16px;
}

.comments__vote-btn:hover:not(:disabled) {
    background: #f8f9fa;
    border-color: #c4c7c5;
    opacity: 1;
}

.comments__vote-btn:disabled {
    opacity: 0.55;
    cursor: default;
}

.comments__vote-btn--like.is-active,.comments__vote-btn--like.is-active:hover:not(:disabled) {
    color: #1a73e8;
    border-color: #aecbfa;
    background: #e8f0fe;
}

.comments__vote-btn--dislike.is-active,.comments__vote-btn--dislike.is-active:hover:not(:disabled) {
    color: #d93025;
    border-color: #f6aea9;
    background: #fce8e6;
}

.comments__vote-count {
    min-width: 1.5em;
    text-align: center;
    color: #5f6368;
    font-size: 0.88rem;
    font-weight: 600;
}

.comments-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.comments-modal.is-open {
    display: flex;
}

.comments-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15,23,42,0.62);
}

.comments-modal__dialog {
    position: relative;
    width: min(680px,100%);
    max-height: min(84vh,760px);
    overflow: auto;
    background: #fff;
    border-radius: 14px;
    padding: 28px 28px 24px;
    box-shadow: 0 24px 60px rgba(15,23,42,0.28);
}

.comments-modal__close {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.comments-modal__close:hover {
    background: #e2e8f0;
}

.comments-modal__title {
    color: #1f3552;
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 700;
    padding-right: 36px;
}

.comments-modal__text {
    margin-top: 14px;
    color: #54657f;
    font-size: 1.18rem;
    line-height: 1.7;
    white-space: pre-line;
}

.comments-modal__author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #e6e8ee;
}

.comments-modal__author strong {
    display: block;
    color: #1f3552;
    font-size: 1.35rem;
    line-height: 1.25;
}

.comments-modal__author span {
    display: block;
    color: #6d7b90;
    font-size: 1rem;
    line-height: 1.35;
}

.comments-modal__author .comments__name {
    font-size: 1.35rem;
}

.comments-modal__author .comments__verified svg {
    width: 16px;
    height: 16px;
}

.comments-modal__author .comments__meta-date {
    font-size: 0.98rem;
}

.comments-modal__author .comments__meta-ago {
    font-size: 0.9rem;
}

.comments__card p {
    margin: 0;
}

.comments__author {
    display: none;
}

.comments__author-info {
    min-width: 0;
}

.comments__name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #1f3552;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}

.comments__verified {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.comments__verified svg {
    width: 18px;
    height: 18px;
    display: block;
}

.comments__meta-date,.comments__meta-ago {
    display: block;
}

.comments__meta-date {
    color: #4b5d73;
    font-size: 13px;
    line-height: 1.35;
}

.comments__meta-ago {
    color: #8a97a8;
    font-size: 12px;
    line-height: 1.35;
}

.comments__avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.comments__avatar svg {
    width: 26px;
    height: 26px;
    display: block;
}

.comments__avatar--female {
    background: #ffeafd;
    color: #ec4899;
}

.comments__avatar--male {
    background: #dfdcff;
    color: #3b82f6;
}

.comments__author strong {
    display: block;
    color: #1f3552;
    font-size: 18px;
    line-height: 1.25;
}

.comments__author span {
    display: flex;
    color: #252525;
    font-size: 13px;
    line-height: 1.35;
}

.comments__footer {
    margin-top: 30px;
    text-align: center;
    color: #516179;
    font-size: 1.45rem;
}

.comments__actions {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.comments__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 48px;
    padding: 0 28px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 24px -8px rgba(46,34,228,0.35);
    transition: background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;
    text-decoration: none;
}

.comments__more:hover:not(:disabled) {
    background: #f8fafc;
    border-color: #2f4a6f;
    transform: translateY(-1px);
}

.comments__more:disabled {
    opacity: 0.65;
    cursor: wait;
}

.comments__grid.is-loading {
    opacity: 0.55;
    pointer-events: none;
}

.comments__state {
    grid-column: 1 / -1;
    text-align: center;
    color: #5f6b7f;
    font-size: 1.05rem;
    padding: 24px 12px;
}

.comments--list-page {
    padding: 40px 0 72px;
    background: #f3f4f6;
}

.comments--list-page .comments__grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 760px;
    margin: 0 auto;
}

.comments--list-page .comments__card {
    min-height: 0;
}

.comments--list-page .comments__actions {
    margin-top: 28px;
}

@media (max-width: 992px) {
    .comments {
        padding:42px 0 24px;
    }

    .comments__top h2 {
        font-size: 4.3rem;
    }

    .comments__carousel-wrap {
        width: 100%;
    }
}

@media (max-width: 680px) {
    .comments__top h2 {
        font-size:3.2rem;
    }

    .comments__top p {
        font-size: 1.05rem;
    }

    .comments__card {
        padding: 18px 16px;
        min-height: 0;
    }

    .comments__card h3 {
        font-size: 18px;
    }

    .comments__card p {
        font-size: 1.02rem;
    }

    .comments__author strong {
        font-size: 1.45rem;
    }

    .comments__author span {
        font-size: 1rem;
    }
}

/* startaction */
.startaction {
    width: 100%;
    padding: 56px 0 70px;
    background: #fff;
}

.startaction .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    border-radius: 16px;
    background: #6f3ec9;
    color: #fff;
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    align-items: center;
    gap: 24px;
    overflow: hidden;
}

.startaction__content {
    padding: 70px 62px;
}

.startaction__content h2 {
    font-size: 2.6rem;
    line-height: 1.08;
    letter-spacing: -0.02em;
    font-weight: 700;
    max-width: 500px;
}

.startaction__content p {
    margin-top: 22px;
    font-size: 1.8rem;
    line-height: 1.6;
    color: rgba(255,255,255,0.88);
    max-width: 490px;
}

.startaction__btn {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 0 24px;
    border-radius: 6px;
    background: #1988ff;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
}

.startaction__visual {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
}

.startaction__visual img {
    display: block;
    width: 100%;
    max-width: 620px;
    height: auto;
    object-fit: contain;
    align-self: flex-end;
}

@media (max-width: 992px) {
    .startaction {
        padding:38px 0 52px;
    }

    .startaction .group {
        grid-template-columns: 1fr;
    }

    .startaction__content {
        padding: 40px 24px 24px;
    }

    .startaction__content h2 {
        font-size: 4.3rem;
        max-width: none;
    }

    .startaction__content p {
        font-size: 1.2rem;
        max-width: none;
    }

    .startaction__btn {
        font-size: 1.2rem;
        height: 44px;
    }

    .startaction__visual {
        justify-content: center;
    }

    .startaction__visual img {
        max-width: 520px;
    }
}

@media (max-width: 680px) {
    .startaction__content h2 {
        font-size:3.2rem;
    }

    .startaction__content p {
        font-size: 1.03rem;
    }
}

/* footer */
.footer {
    width: 100%;
    background: #000;
    padding: 64px 0 28px;
    color: #fff;
}

.footer .group {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

.footer__top {
    display: grid;
    grid-template-columns: minmax(0,1.45fr) minmax(280px,0.7fr);
    gap: 48px;
    align-items: start;
    padding-bottom: 44px;
    border-bottom: 1px solid rgba(255,255,255,0.14);
}

.footer__headline {
    margin: 0;
    max-width: 680px;
    color: #fff;
    font-size: clamp(1.85rem,3.4vw,2.75rem);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.035em;
}

.footer__products {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

.footer__product {
    display: inline-flex;
    align-items: baseline;
    color: #fff;
    font-size: 1.12rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-decoration: none;
}

.footer__product:hover {
    color: #ff6a00;
    opacity: 1;
}

.footer__product-brand {
    font-weight: 700;
}

.footer__product-slash {
    color: #ff6a00;
    font-weight: 800;
    margin: 0 1px;
}

.footer__product-plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 50%;
    color: #fff;
    font-size: 0.78rem;
    line-height: 1;
}

.footer__cta {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-top: 4px;
}

.footer__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 62px;
    padding: 0 24px;
    border-radius: 999px;
    font-size: 1.08rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease,background 0.2s ease,border-color 0.2s ease,color 0.2s ease;
}

.footer__btn-plus,.footer__btn-arrow {
    flex-shrink: 0;
    font-size: 1.15rem;
    line-height: 1;
}

.footer__btn--primary {
    background: #fff;
    color: #ff6a00;
}

.footer__btn--primary:hover {
    transform: translateY(-1px);
    opacity: 1;
    background: #f3f3f3;
}

.footer__btn--ghost {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.65);
    color: #fff;
}

.footer__btn--ghost:hover {
    border-color: #fff;
    opacity: 1;
    transform: translateY(-1px);
}

.footer__nav {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 32px 28px;
    padding: 48px 0;
    border-bottom: 1px solid rgba(255,255,255,0.14);
}

.footer__col h3 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.footer__col a {
    display: block;
    margin: 0 0 11px;
    color: rgba(255,255,255,0.58);
    font-size: 0.94rem;
    line-height: 1.45;
    text-decoration: none;
    transition: color 0.15s ease;
}

.footer__col a:hover {
    color: #fff;
    opacity: 1;
}

.footer__col--social a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.footer__col--social svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.footer__cookie {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 14px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 999px;
    background: transparent;
    color: rgba(255,255,255,0.78);
    font-size: 0.82rem;
    font-family: inherit;
    cursor: pointer;
    transition: border-color 0.15s ease,color 0.15s ease,background 0.15s ease;
}

.footer__cookie svg {
    width: 16px;
    height: 16px;
}

.footer__cookie:hover,.footer__cookie[aria-expanded="true"] {
    border-color: rgba(255,255,255,0.75);
    color: #fff;
    background: rgba(255,255,255,0.04);
}

.footer__cookie-panel {
    margin-top: 12px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 14px;
    background: rgba(255,255,255,0.04);
}

.footer__cookie-panel p {
    margin: 0 0 12px;
    color: rgba(255,255,255,0.62);
    font-size: 0.82rem;
    line-height: 1.45;
}

.footer__cookie-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.footer__cookie-action {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,0.28);
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font-size: 0.78rem;
    font-family: inherit;
    cursor: pointer;
}

.footer__cookie-action--primary {
    border-color: #ff6a00;
    background: #ff6a00;
    color: #fff;
}

.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 26px;
}

.footer__copy {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer__copy p {
    margin: 0;
    color: rgba(255,255,255,0.72);
    font-size: 0.9rem;
}

.footer__mark {
    display: inline-flex;
    text-decoration: none;
}

.footer__mark-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,0.9);
    border-radius: 4px;
    color: #ff6a00;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1;
}

.footer__mark-box img {
    display: block;
    width: 22px;
    height: auto;
    max-height: 22px;
    object-fit: contain;
}

.footer__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.footer__badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 8px;
    color: rgba(255,255,255,0.72);
    font-size: 0.8rem;
    text-decoration: none;
    transition: border-color 0.15s ease,color 0.15s ease;
}

.footer__badge:hover {
    border-color: rgba(255,255,255,0.55);
    color: #fff;
    opacity: 1;
}

.footer__badge--accent {
    border-color: rgba(255,106,0,0.45);
    color: #ff8a33;
}

@media (max-width: 992px) {
    .footer {
        padding:48px 0 24px;
    }

    .footer__top {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-bottom: 32px;
    }

    .footer__cta {
        max-width: 420px;
    }

    .footer__nav {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 28px 20px;
        padding: 36px 0;
    }
}

@media (max-width: 680px) {
    .footer__headline {
        font-size:1.6rem;
    }

    .footer__products {
        gap: 10px;
    }

    .footer__product {
        font-size: 1rem;
    }

    .footer__btn {
        min-height: 54px;
        font-size: 0.98rem;
    }

    .footer__nav {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .footer__bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer__badges {
        justify-content: flex-start;
    }
}

/* sss */
.sss {
    width: 100%;
    padding: 0 0 72px;
    background: #f7f9fc;
}

.sss > .group {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.sss__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 0 0 40px;
    padding: 18px 0 0;
}

.sss__nav-link {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #dbe3ef;
    color: #353f4f;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease,border-color 0.2s ease,color 0.2s ease;
}

.sss__nav-link:hover,.sss__nav-link:focus-visible {
    background: #eef4ff;
    border-color: #9bb8f5;
    color: #1d4ed8;
}

.sss__category {
    margin-bottom: 48px;
    scroll-margin-top: 100px;
}

.sss__category-title {
    margin: 0 0 10px;
    font-size: clamp(1.35rem,3vw,1.75rem);
    color: #1f2937;
    letter-spacing: -0.02em;
}

.sss__category-desc {
    margin: 0 0 20px;
    color: #64748b;
    font-size: 1rem;
    line-height: 1.6;
}

.sss__accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sss__item {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15,23,42,0.04);
}

.sss__question {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 18px 20px;
    border: 0;
    background: transparent;
    color: #1f2937;
    font: inherit;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    cursor: pointer;
}

.sss__question:hover {
    background: #f8fafc;
}

.sss__question-text {
    flex: 1;
}

.sss__chevron {
    display: inline-flex;
    flex-shrink: 0;
    margin-top: 2px;
    color: #64748b;
    transition: transform 0.25s ease;
}

.sss__item.is-open .sss__chevron {
    transform: rotate(180deg);
}

.sss__answer {
    border-top: 1px solid #eef2f7;
}

.sss__answer-inner {
    padding: 0 20px 20px;
    color: #475569;
    font-size: 0.98rem;
    line-height: 1.7;
}

.sss__answer-inner p {
    margin: 14px 0 0;
}

.sss__answer-inner p:first-child {
    margin-top: 16px;
}

.sss__answer-inner a {
    color: #2563eb;
    text-decoration: underline;
}

.sss__answer-inner strong {
    color: #1f2937;
}

.sss__list {
    margin: 14px 0 0;
    padding-left: 1.25rem;
}

.sss__list li {
    margin: 6px 0;
}

.sss__cta {
    margin-top: 24px;
    padding: 28px 24px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #e2e8f0;
    text-align: center;
}

.sss__cta p {
    margin: 0 0 14px;
    color: #475569;
    font-size: 1.05rem;
}

.sss__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 12px 24px;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
}

.sss__cta-btn:hover {
    background: #1d4ed8;
}

.hero--sss .group .top p {
    max-width: 720px;
    margin: 0 auto 8px;
    padding: 0 20px 36px;
    text-align: center;
    color: #64748b;
    font-size: 1.05rem;
    line-height: 1.65;
}

@media (max-width: 640px) {
    .sss__question {
        padding:16px;
        font-size: 0.95rem;
    }

    .sss__answer-inner {
        padding: 0 16px 16px;
        font-size: 0.92rem;
    }

    .sss__nav {
        gap: 8px;
    }

    .sss__nav-link {
        padding: 8px 14px;
        font-size: 0.88rem;
    }
}

/* referanslar page */
.refpage-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(51,110,208,0.1);
    color: #336ed0;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.refpage-section-head {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 36px;
}

.refpage-section-head h1,.refpage-section-head h2 {
    margin: 0;
    color: #0e1f45;
    font-size: clamp(1.9rem,3.4vw,2.7rem);
    line-height: 1.18;
    letter-spacing: -0.02em;
    font-weight: 800;
}

.refpage-section-head p {
    margin: 14px 0 0;
    color: #5a6a85;
    font-size: 1.05rem;
    line-height: 1.65;
}

.refpage-section-head--light h2,.refpage-section-head--light p {
    color: #fff;
}

.refpage-section-head--light p {
    color: rgba(255,255,255,0.78);
}

.refpage-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 24px;
    border-radius: 10px;
    font-size: 0.98rem;
    font-weight: 700;
    transition: background 0.2s ease,color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;
}

.refpage-btn--primary {
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    box-shadow: 0 10px 24px -8px rgba(46,34,228,0.35);
}

.refpage-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -6px rgba(46,34,228,0.45);
    opacity: 1;
}

.refpage-btn--ghost {
    background: #fff;
    color: #2f4a6f;
    border: 1px solid #dbe3ef;
}

.refpage-btn--ghost:hover {
    background: #f8fafc;
    border-color: #c7d4e8;
    opacity: 1;
}

.refpage-btn--ghost-dark {
    background: transparent;
    color: #fff;
    border-color: rgba(255,255,255,0.35);
}

.refpage-btn--ghost-dark:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.55);
}

.refpage-hero {
    padding: 48px 0 64px;
    background: linear-gradient(180deg,#f7f9ff 0%,#fff 100%);
}

.refpage-hero .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.refpage-hero__grid {
    display: grid;
    grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);
    gap: 40px;
    align-items: center;
}

.refpage-hero__title {
    margin: 0;
    color: #0e1f45;
    font-size: clamp(2.1rem,4.2vw,3.4rem);
    line-height: 1.12;
    letter-spacing: -0.03em;
    font-weight: 800;
}

.refpage-hero__lead {
    margin: 18px 0 0;
    max-width: 560px;
    color: #5a6a85;
    font-size: 1.08rem;
    line-height: 1.7;
}

.refpage-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.refpage-hero__tags li {
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(51,110,208,0.08);
    color: #3b5f95;
    font-size: 0.88rem;
    font-weight: 600;
}

.refpage-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.refpage-hero__panel {
    display: grid;
    gap: 14px;
    padding: 28px;
    border-radius: 18px;
    background: linear-gradient(145deg,#0f2557 0%,#1a3f7a 55%,#2456a8 100%);
    box-shadow: 0 24px 48px -20px rgba(15,37,87,0.55);
}

.refpage-hero__stat {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(255,255,255,0.06);
}

.refpage-hero__stat strong {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
}

.refpage-hero__stat span {
    color: rgba(255,255,255,0.72);
    font-size: 0.92rem;
    text-align: right;
    line-height: 1.35;
}

.refpage-hero__stat--accent {
    background: linear-gradient(135deg,rgba(0,201,232,0.16) 0%,rgba(94,184,255,0.1) 100%);
}

.refpage-hero__stat--accent strong {
    color: #7ddfff;
}

.refpage-hero__note {
    margin: 6px 0 0;
    color: rgba(255,255,255,0.68);
    font-size: 0.92rem;
    line-height: 1.5;
}

.refpage-brands {
    padding: 56px 0;
    background: #fff;
}

.refpage-brands .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.refpage-brands__carousel {
    padding-bottom: 10px;
}

.refpage-brands__grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 18px;
}

.refpage-brands__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    padding: 0;
    background: #ffffff;
    border-radius: 12px;
}

.refpage-brands__item img {
    display: block;
    max-width: 100%;
    max-height: 131px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.refpage-showcase {
    padding: 56px 0 64px;
    background: #f3f4f6;
}

.refpage-showcase .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.refpage-showcase__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}

.refpage-showcase__card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e8ebf1;
    box-shadow: 0 8px 24px -16px rgba(15,37,87,0.18);
    transition: transform 0.25s ease,box-shadow 0.25s ease;
}

.refpage-showcase__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px -14px rgba(15,37,87,0.22);
}

.refpage-showcase__image {
    background: #d9d9d9;
    padding: 10px;
}

.refpage-showcase__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}

.refpage-showcase__label {
    display: block;
    padding: 14px 16px 16px;
    color: #2f4a6f;
    font-size: 0.95rem;
    font-weight: 700;
}

.refpage-trust {
    padding: 58px 0 64px;
    background: linear-gradient(145deg,#0f2557 0%,#1a3f7a 55%,#2456a8 100%);
}

.refpage-trust .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.refpage-trust__grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
}

.refpage-trust__card {
    padding: 24px 22px;
    border-radius: 14px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.1);
}

.refpage-trust__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(125,223,255,0.14);
    color: #7ddfff;
    margin-bottom: 16px;
}

.refpage-trust__icon svg {
    width: 26px;
    height: 26px;
}

.refpage-trust__card h3 {
    margin: 0;
    color: #fff;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.35;
}

.refpage-trust__card p {
    margin: 10px 0 0;
    color: rgba(255,255,255,0.76);
    font-size: 0.94rem;
    line-height: 1.6;
}

.refpage-testimonials {
    padding: 58px 0 64px;
    background: #f3f4f6;
}

.refpage-testimonials .group {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.refpage-testimonials__heading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0;
    color: #2f4a6f;
    font-size: clamp(1.8rem,3vw,2.5rem);
    line-height: 1.12;
    letter-spacing: -0.02em;
    font-weight: 700;
}

.refpage-testimonials__heart {
    width: 1.05em;
    height: 1.05em;
    flex-shrink: 0;
    color: #ef4444;
    transform-origin: center;
    animation: comments-heartbeat 1.4s ease-in-out infinite;
}

.refpage-testimonials__wrap {
    margin-top: 8px;
}

.refpage-testimonials__all {
    margin: 12px 0 0;
}

.refpage-testimonials__all a {
    color: #2e22e4;
    font-weight: 600;
    text-decoration: none;
}

.refpage-testimonials__all a:hover {
    text-decoration: underline;
}

.refpage-testimonials__empty {
    text-align: center;
    padding: 40px 20px;
    border-radius: 14px;
    background: #fff;
    color: #64748b;
    border: 1px dashed #dbe3ef;
}

.refpage-carousel.carousel.buildcarousel {
    max-width: 100%;
    padding: 24px 56px 52px;
}

.refpage-carousel.carousel.buildcarousel .item {
    padding: 0 8px;
    align-items: stretch;
}

.refpage-testimonial {
    position: relative;
    min-height: 320px;
    padding: 36px 38px 30px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #e6e8ee;
    box-shadow: 0 12px 32px -18px rgba(15,37,87,0.2);
    text-align: center;
}

.refpage-testimonial__quote {
    color: #e8ebf1;
    font-size: 5.5rem;
    line-height: 0.55;
    font-weight: 700;
}

.refpage-testimonial__stars {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 4px;
}

.refpage-testimonial__star {
    width: 20px;
    height: 20px;
    color: #d7dee8;
}

.refpage-testimonial__star--filled {
    color: #f59e0b;
}

.refpage-testimonial__title {
    margin: 14px 0 0;
    color: #1f3552;
    font-size: 1.35rem;
    line-height: 1.3;
    font-weight: 700;
}

.refpage-testimonial__text {
    margin: 16px auto 0;
    max-width: 640px;
    color: #54657f;
    font-size: 1.08rem;
    line-height: 1.72;
}

.refpage-testimonial__author {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #eef1f6;
}

.refpage-testimonial__author .comments__avatar {
    width: 44px;
    height: 44px;
}

.refpage-testimonial__author-info {
    text-align: left;
}

.refpage-testimonial__author .comments__name {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #1f3552;
    font-size: 1rem;
}

.refpage-testimonial__author .comments__meta-date,.refpage-testimonial__author .comments__meta-ago {
    display: block;
    color: #7b8ba3;
    font-size: 0.86rem;
}

.refpage-cta {
    padding: 0 0 72px;
    background: #f3f4f6;
}

.refpage-cta .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.refpage-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 34px 36px;
    border-radius: 18px;
    background: linear-gradient(135deg,#0f2557 0%,#2456a8 100%);
    box-shadow: 0 20px 40px -18px rgba(15,37,87,0.45);
}

.refpage-cta__copy h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.5rem,2.6vw,2rem);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.refpage-cta__copy p {
    margin: 10px 0 0;
    color: rgba(255,255,255,0.78);
    font-size: 1rem;
    line-height: 1.6;
    max-width: 520px;
}

.refpage-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-shrink: 0;
}

@media (max-width: 992px) {
    .refpage-hero__grid {
        grid-template-columns:1fr;
    }

    .refpage-brands__grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .refpage-showcase__grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .refpage-trust__grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .refpage-cta__inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 680px) {
    .refpage-hero {
        padding:32px 0 48px;
    }

    .refpage-hero__actions,.refpage-cta__actions {
        flex-direction: column;
        width: 100%;
    }

    .refpage-btn {
        width: 100%;
    }

    .refpage-showcase__grid,.refpage-trust__grid {
        grid-template-columns: 1fr;
    }

    .refpage-brands__grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 12px;
    }

    .refpage-brands__item {
        min-height: 80px;
        padding: 12px 14px;
    }

    .refpage-brands__item img {
        max-height: 44px;
    }

    .refpage-carousel.carousel.buildcarousel {
        padding: 16px 44px 48px;
    }

    .refpage-testimonial {
        min-height: 0;
        padding: 28px 22px 24px;
    }

    .refpage-testimonial__text {
        font-size: 1rem;
    }

    .refpage-cta__inner {
        padding: 28px 22px;
    }
}

/* onecikanlar cards */
.onecikan-section {
    padding: 56px 0 80px;
    background: #ffffff;
}

.onecikan-section .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.onecikan-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 36px 24px;
}

.onecikan-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 310px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid #e6eaf5;
    box-shadow: 0 10px 28px -18px rgba(14,31,69,0.35);
    overflow: hidden;
    justify-content: flex-start;
    max-height: 250px;
}

.onecikan-card--has-btn {
    margin-bottom: 22px;
}

.onecikan-card__inner {
    display: flex;
    align-items: flex-start;
    min-height: 281px;
    border-radius: 22px;
    padding-top: 42px;
}

.onecikan-card__media {
    flex: 0 0 40%;
    width: 40%;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 18px;
}

.onecikan-card__image,.onecikan-card__video {
    display: block;
    width: 105%;
    height: auto;
    max-height: 220px;
    object-fit: contain;
    border-radius: 10px;
    margin-left: 18px;
    position: absolute;
    margin-top: 14px;
    right: -207px;
    bottom: -20px;
}

.onecikan-card__video {
    background: #0e1f45;
}

.onecikan-card__body {
    flex: 1 1 auto;
    width: 60%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px 28px 40px;
    background: #fff;
}

.onecikan-card--has-btn .onecikan-card__body {
    padding-bottom: 48px;
}

.onecikan-card__title {
    margin: 0 0 12px;
    color: #0e1f45;
    font-size: clamp(1.15rem,1.6vw,1.45rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    position: absolute;
    left: 24px;
    top: 20px;
}

.onecikan-card__props {
    color: #111213;
    font-size: 0.95rem;
    line-height: 1.65;
    position: absolute;
    left: 0;
    top: 67px;
    left: 25px;
    width: 57%;
}

.onecikan-card__props p {
    margin: 0 0 10px;
}

.onecikan-card__props p:last-child {
    margin-bottom: 0;
}

.onecikan-card__props ul,.onecikan-card__props ol {
    margin: 0 0 10px;
    padding-left: 1.15em;
}

.onecikan-card__props li {
    margin-bottom: 4px;
}

.onecikan-card__btn {
    position: absolute;
    right: 255px;
    bottom: 47px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    min-height: 44px;
    padding: 0 28px;
    border-radius: 10px;
    background: #2e22e4;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    box-shadow: 0 10px 22px -10px rgba(46,34,228,0.55);
    transform: translate(-50%,50%);
    transition: transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;
}

.onecikan-card__btn:hover {
    background: #2419c4;
    color: #fff;
    opacity: 1;
    transform: translate(-50%,calc(50% - 2px));
    box-shadow: 0 14px 26px -8px rgba(46,34,228,0.6);
}

.onecikan-card__empty {
    margin: 0;
    padding: 48px 0;
    text-align: center;
    color: #64748b;
    font-size: 1.05rem;
}

@media (max-width: 992px) {
    .onecikan-section {
        padding:40px 0 64px;
    }

    .onecikan-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .onecikan-card__btn {
        left: 50%;
    }
}

@media (max-width: 680px) {
    .onecikan-card__inner {
        flex-direction:column;
        min-height: 0;
    }

    .onecikan-card__media,.onecikan-card__body {
        width: 100%;
        flex: none;
    }

    .onecikan-card__media {
        min-height: 160px;
        padding: 16px;
    }

    .onecikan-card__image,.onecikan-card__video {
        max-height: 180px;
    }

    .onecikan-card__body {
        padding: 22px 20px 36px;
    }

    .onecikan-card--has-btn .onecikan-card__body {
        padding-bottom: 44px;
    }

    .onecikan-card__btn {
        min-width: 0;
        width: calc(100% - 40px);
        left: 50%;
    }
}

/* temalar preview */
.temalar-page {
    margin: 0;
    background: #f3f4f6;
    min-height: 100vh;
}

.temalar-page .temalar {
    padding: 0;
    background: #f3f4f6;
    min-height: 100vh;
}

.temalar-page .temalar__workspace {
    gap: 0;
    min-height: 100vh;
}

.temalar-page .temalar__toolbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: 0;
    border-radius: 0;
    border: 0;
    padding: 12px 20px;
    background: #01062e;
    box-shadow: 0 8px 24px -16px rgba(15,37,87,0.28);
}

.temalar__logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 4px;
}

.temalar__logo img {
    display: block;
    height: 34px;
    width: auto;
}

.temalar-page .temalar__stage {
    padding: 88px 1% 20px;
    box-sizing: border-box;
    flex: 1;
    background: #01062e;
}

.temalar-page .temalar__workspace:fullscreen .temalar__toolbar,.temalar-page .temalar__workspace:-webkit-full-screen .temalar__toolbar,.temalar-page .temalar__workspace.is-fullscreen .temalar__toolbar {
    position: sticky;
}

.temalar-page .temalar__workspace:fullscreen .temalar__stage,.temalar-page .temalar__workspace:-webkit-full-screen .temalar__stage,.temalar-page .temalar__workspace.is-fullscreen .temalar__stage {
    padding: 16px 1% 16px;
}

.temalar {
    padding: 0 0 72px;
    background: #f3f4f6;
}

.temalar .group {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0 1%;
}

.temalar__toolbar {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: -8px;
    margin-bottom: 0;
    padding: 16px 18px;
    border: 1px solid #e6e8ee;
    border-radius: 14px;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 28px -18px rgba(15,37,87,0.28);
}

.temalar__toolbar-left,.temalar__toolbar-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-width: 0;
}

.temalar__label {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.temalar__select-wrap {
    position: relative;
    min-width: min(280px,100%);
}

.temalar__select {
    width: 100%;
    min-height: 44px;
    padding: 0 40px 0 14px;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns=!string!width=!string!height=!string!viewBox=!string!%3E%3Cpath fill=!string!d=!string!/%3E%3C/svg%3E") no-repeat right 12px center;
    color: #0e1f45;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    appearance: none;
    cursor: pointer;
}

.temalar__select:focus {
    outline: none;
    border-color: #336ed0;
    box-shadow: 0 0 0 3px rgba(51,110,208,0.14);
}

.temalar__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.temalar__meta strong {
    color: #0e1f45;
    font-size: 0.98rem;
}

.temalar__meta span {
    color: #64748b;
    font-size: 0.88rem;
}

.temalar__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.temalar__badge.is-hidden {
    display: none;
}

.temalar__view-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    background: #fff;
    color: #475569;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;
}

.temalar__view-btn svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.temalar__view-btn:hover {
    border-color: #c7d4e8;
    background: #f8fafc;
    opacity: 1;
}

.temalar__view-btn.is-active {
    border-color: transparent;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    box-shadow: 0 10px 22px -10px rgba(46,34,228,0.45);
}

.temalar__fs-icon.is-hidden {
    display: none;
}

.temalar__workspace {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.temalar__workspace:fullscreen,.temalar__workspace:-webkit-full-screen {
    width: 100%;
    height: 100%;
    padding: 16px;
    background: #f3f4f6;
    box-sizing: border-box;
}

.temalar__workspace.is-fullscreen .temalar__toolbar {
    position: sticky;
    top: 0;
    z-index: 40;
    flex-shrink: 0;
}

.temalar__workspace.is-fullscreen .temalar__stage {
    flex: 1;
    min-height: 0;
    align-items: stretch;
}

.temalar__workspace.is-fullscreen .temalar__frame {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.temalar__workspace.is-fullscreen .temalar__iframe {
    flex: 1;
    min-height: 0;
    height: auto;
}

.temalar__workspace.is-fullscreen .temalar__stage[data-view='%2300c9e8'] .temalar__frame {
    width: 98%;
    max-width: 98%;
    margin: 0 auto;
}

.temalar__workspace.is-fullscreen .temalar__stage[data-view='2.5'] .temalar__frame {
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
}

.temalar__stage {
    display: flex;
    justify-content: center;
}

.temalar__frame {
    width: 100%;
    border: 1px solid #e6e8ee;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 20px 40px -24px rgba(15,37,87,0.35);
    transition: width 0.35s ease,max-width 0.35s ease;
}

.temalar__stage[data-view='round'] .temalar__frame {
    width: 98%;
    max-width: 98%;
}

.temalar__stage[data-view='round'] .temalar__frame {
    width: 100%;
    max-width: 390px;
}

.temalar__frame-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 14px;
    background: #f8fafc;
    border-bottom: 1px solid #eef1f6;
}

.temalar__frame-bar span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d7dee8;
}

.temalar__frame-bar span:nth-child(1) {
    background: #f87171;
}

.temalar__frame-bar span:nth-child(2) {
    background: #fbbf24;
}

.temalar__frame-bar span:nth-child(3) {
    background: #34d399;
}

.temalar__frame-bar em {
    margin-left: 10px;
    color: #64748b;
    font-style: normal;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.temalar__iframe {
    display: block;
    width: 100%;
    height: min(78vh,900px);
    min-height: 620px;
    border: 0;
    background: #fff;
}

@media (max-width: 992px) {
    .temalar__toolbar {
        position:static;
        flex-direction: column;
        align-items: stretch;
    }

    .temalar-page .temalar__toolbar {
        position: fixed;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
        padding: 10px 14px;
    }

    .temalar-page .temalar__stage {
        padding-top: 120px;
    }

    .temalar__toolbar-left,.temalar__toolbar-right {
        width: 100%;
    }

    .temalar-page .temalar__toolbar-left,.temalar-page .temalar__toolbar-right {
        width: auto;
        flex: 1 1 auto;
    }

    .temalar__select-wrap {
        flex: 1;
        min-width: 0;
    }

    .temalar__view-btn {
        flex: 1;
        justify-content: center;
    }
}

@media (max-width: 680px) {
    .temalar {
        padding-bottom:48px;
    }

    .temalar-page .temalar__logo img {
        height: 28px;
    }

    .temalar-page .temalar__meta {
        display: none;
    }

    .temalar-page .temalar__stage {
        padding-top: 100px;
    }

    .temalar__meta {
        width: 100%;
    }

    .temalar__view-btn span {
        display: none;
    }

    .temalar__iframe {
        min-height: 520px;
        height: calc(100vh - 120px);
    }
}

/* kurumsal / about */
.about-hero {
    --about-ink: #0b1f3a;
    --about-ink-soft: #1a3358;
    --about-muted: #5b6b82;
    --about-line: #dce3ee;
    --about-sand: #eef2f7;
    --about-accent: #1d4f91;
    position: relative;
    min-height: min(88vh,820px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    color: #fff;
}

.about-hero__media {
    position: absolute;
    inset: 0;
}

.about-hero__media img,.about-hero__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.about-hero__media video {
    position: absolute;
    inset: 0;
}

.about-hero__veil {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(8,20,40,0.35) 0%,rgba(8,20,40,0.72) 58%,rgba(8,20,40,0.92) 100%),linear-gradient(90deg,rgba(8,20,40,0.55) 0%,rgba(8,20,40,0.15) 70%);
}

.about-hero__content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px 72px;
    animation: about-rise 0.9s ease both;
}

.about-hero__brand {
    margin: 0 0 8px;
    font-size: clamp(2.6rem,7vw,5.2rem);
    line-height: 0.95;
    letter-spacing: -0.045em;
    font-weight: 800;
}

.about-hero__title {
    margin: 0;
    font-size: clamp(1.35rem,2.4vw,1.85rem);
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.78);
}

.about-hero__lead {
    margin: 22px 0 0;
    max-width: 560px;
    font-size: clamp(1.05rem,1.6vw,1.2rem);
    line-height: 1.65;
    color: rgba(255,255,255,0.86);
}

.about-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 24px;
    border-radius: 10px;
    font-size: 0.98rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease,background 0.2s ease,color 0.2s ease,border-color 0.2s ease;
}

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

.about-btn--primary {
    background: #fff;
    color: var(--about-ink,#0b1f3a);
}

.about-btn--primary:hover {
    background: #edf2f8;
}

.about-btn--ghost {
    border: 1px solid rgba(255,255,255,0.45);
    color: #fff;
    background: transparent;
}

.about-btn--ghost:hover {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.7);
}

.about-btn--soft {
    background: #e8eef7;
    color: #0b1f3a;
}

.about-btn--soft:hover {
    background: #d9e4f3;
}

.about-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #1d4f91;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.about-eyebrow--light {
    color: rgba(255,255,255,0.72);
}

.about-intro {
    padding: 88px 0 72px;
    background: #fff;
}

.about-intro .group,.about-stats .group,.about-split .group,.about-capability .group,.about-brands .group,.about-vision .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.about-intro__grid,.about-split__grid,.about-capability__layout {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 48px;
    align-items: center;
}

.about-intro__copy h1,.about-intro__copy h2,.about-split__copy h1,.about-split__copy h2,.about-capability__head h1,.about-capability__head h2 {
    margin: 0;
    color: #0b1f3a;
    font-size: clamp(1.7rem,3vw,2.45rem);
    line-height: 1.15;
    letter-spacing: -0.03em;
    font-weight: 800;
}

.about-intro__copy p,.about-split__copy p,.about-capability__head p,.about-capability__note {
    margin: 16px 0 0;
    color: #5b6b82;
    font-size: 1.05rem;
    line-height: 1.75;
}

.about-intro__visual,.about-split__visual {
    margin: 0;
}

.about-intro__visual img,.about-split__visual img {
    display: block;
    width: 100%;
    height: auto;
}

.about-intro__visual {
    animation: about-float 7s ease-in-out infinite;
}

.about-stats {
    padding: 0 0 72px;
    background: #fff;
}

.about-stats__row {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 1px;
    background: #dce3ee;
    border: 1px solid #dce3ee;
    border-radius: 16px;
    overflow: hidden;
}

.about-stats__item {
    background: #f7f9fc;
    padding: 28px 22px;
    text-align: center;
}

.about-stats__item strong {
    display: block;
    color: #0b1f3a;
    font-size: clamp(1.8rem,3vw,2.4rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
}

.about-stats__item span {
    display: block;
    margin-top: 10px;
    color: #5b6b82;
    font-size: 0.92rem;
    line-height: 1.4;
}

.about-split {
    padding: 72px 0;
}

.about-split--license {
    background: #eef2f7;
}

.about-split--approach {
    background: #fff;
}

.about-split__grid--reverse .about-split__copy {
    order: 1;
}

.about-split__grid--reverse .about-split__visual {
    order: 2;
}

.about-split__visual--flow {
    border-radius: 18px;
    overflow: hidden;
    background: #0b1f3a;
}

.about-split__visual--flow img {
    opacity: 0.95;
}

.about-link {
    display: inline-flex;
    margin-top: 22px;
    color: #1d4f91;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(29,79,145,0.35);
    padding-bottom: 2px;
}

.about-link:hover {
    opacity: 1;
    border-bottom-color: #1d4f91;
}

.about-split__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.about-capability {
    padding: 80px 0;
    background: #0b1f3a;
    color: #fff;
}

.about-capability .about-eyebrow {
    color: #8eb6e8;
}

.about-capability__head h2 {
    color: #fff;
}

.about-capability__head p,.about-capability__note {
    color: rgba(255,255,255,0.72);
}

.about-capability__head {
    max-width: 760px;
    margin-bottom: 40px;
}

.about-capability__layout {
    align-items: stretch;
}

.about-capability__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(255,255,255,0.12);
}

.about-capability__list li {
    display: grid;
    grid-template-columns: minmax(0,180px) 1fr;
    gap: 18px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

.about-capability__list strong {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.about-capability__list span {
    color: rgba(255,255,255,0.68);
    font-size: 0.98rem;
    line-height: 1.55;
}

.about-capability__visual {
    margin: 0;
    display: grid;
    gap: 14px;
}

.about-capability__visual img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
}

.about-capability__note {
    margin-top: 36px;
    max-width: 820px;
}

.about-brands {
    padding: 56px 0;
    background: #f7f9fc;
}

.about-brands__label {
    margin: 0 0 22px;
    text-align: center;
    color: #5b6b82;
    font-size: 0.95rem;
}

.about-brands__grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 14px;
}

.about-brands__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 84px;
    padding: 14px;
    background: #fff;
    border: 1px solid #e4eaf2;
    border-radius: 12px;
}

.about-brands__item img {
    max-width: 100%;
    max-height: 42px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.about-vision {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #fff;
}

.about-vision__media,.about-vision__veil {
    position: absolute;
    inset: 0;
}

.about-vision__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.04);
    animation: about-kenburns 18s ease-in-out infinite alternate;
}

.about-vision__veil {
    background: linear-gradient(120deg,rgba(8,20,40,0.88) 0%,rgba(8,20,40,0.72) 48%,rgba(8,20,40,0.55) 100%);
}

.about-vision__content {
    position: relative;
    z-index: 1;
    padding-top: 88px;
    padding-bottom: 88px;
    max-width: 820px;
    animation: about-rise 1s ease both;
}

.about-vision__quote {
    margin: 0;
}

.about-vision__quote p {
    margin: 0;
    color: rgba(255,255,255,0.78);
    font-size: 1.15rem;
    line-height: 1.7;
}

.about-vision__emphasis {
    margin-top: 14px!important;
    color: #fff!important;
    font-size: clamp(1.55rem,3.2vw,2.35rem)!important;
    line-height: 1.25!important;
    letter-spacing: -0.03em;
    font-weight: 800;
}

.about-vision__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}

@keyframes about-rise {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes about-float {
    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes about-kenburns {
    from {
        transform: scale(1.04) translate3d(0,0,0);
    }

    to {
        transform: scale(1.1) translate3d(-1.5%,-1%,0);
    }
}

@media (max-width: 992px) {
    .about-hero {
        min-height:72vh;
    }

    .about-intro__grid,.about-split__grid,.about-capability__layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .about-split__grid--reverse .about-split__copy,.about-split__grid--reverse .about-split__visual {
        order: initial;
    }

    .about-stats__row {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .about-capability__list li {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .about-brands__grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 680px) {
    .about-hero__content {
        padding-bottom:48px;
    }

    .about-intro,.about-split,.about-capability {
        padding: 56px 0;
    }

    .about-stats {
        padding-bottom: 48px;
    }

    .about-hero__actions,.about-split__cta,.about-vision__actions {
        flex-direction: column;
    }

    .about-btn {
        width: 100%;
    }

    .about-brands__grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .about-vision__content {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .about-hero__content,.about-intro__visual,.about-vision__content,.about-vision__media img {
        animation: none;
    }
}

/* demo progress overlay */
body.demo-progress-open {
    overflow: hidden;
}

.demo-progress {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(circle at 20% 20%,rgba(29,79,145,0.35),transparent 42%),radial-gradient(circle at 80% 70%,rgba(11,31,58,0.55),transparent 46%),rgba(8,18,36,0.88);
    backdrop-filter: blur(8px);
}

.demo-progress.is-open {
    display: flex;
    animation: demo-progress-fade 0.35s ease both;
}

.demo-progress__panel {
    position: relative;
    width: min(520px,100%);
    padding: 36px 28px 30px;
    border-radius: 20px;
    background: rgba(255,255,255,0.98);
    box-shadow: 0 30px 80px -28px rgba(0,0,0,0.55);
    text-align: center;
    overflow: hidden;
}

.demo-progress__orb {
    position: absolute;
    top: -40px;
    right: -30px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(29,79,145,0.28),transparent 70%);
    animation: demo-progress-pulse 2.4s ease-in-out infinite;
}

.demo-progress__eyebrow {
    margin: 0 0 8px;
    color: #1d4f91;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.demo-progress__title {
    margin: 0;
    color: #0b1f3a;
    font-size: clamp(1.35rem,3vw,1.7rem);
    line-height: 1.25;
    letter-spacing: -0.02em;
    font-weight: 800;
}

.demo-progress__status {
    margin: 14px 0 22px;
    color: #5b6b82;
    font-size: 1rem;
    min-height: 1.4em;
}

.demo-progress__bar {
    height: 10px;
    border-radius: 999px;
    background: #e7edf5;
    overflow: hidden;
}

.demo-progress__bar-fill {
    display: block;
    height: 100%;
    width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg,#0b1f3a 0%,#1d4f91 55%,#3b82f6 100%);
    transition: width 0.25s ease;
}

.demo-progress__steps {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    text-align: left;
}

.demo-progress__steps li {
    padding: 10px 12px;
    border-radius: 10px;
    background: #f4f7fb;
    color: #7a8799;
    font-size: 0.86rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.demo-progress__steps li.is-active {
    color: #0b1f3a;
    border-color: #c9d7ea;
    background: #eef4fc;
}

.demo-progress__steps li.is-done {
    color: #0f766e;
    background: #ecfdf8;
}

@keyframes demo-progress-fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes demo-progress-pulse {
    0%,100% {
        transform: scale(1);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.12);
        opacity: 1;
    }
}

/* demo onay */
.demo-ok {
    padding: 64px 0 80px;
    background: #f3f6fb;
    min-height: 70vh;
}

.demo-ok__wrap {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 0 20px;
}

.demo-ok__card {
    background: #fff;
    border: 1px solid #e4eaf2;
    border-radius: 18px;
    padding: 40px 32px;
    box-shadow: 0 18px 40px -28px rgba(15,37,87,0.35);
}

.demo-ok__icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ecfdf5;
    color: #059669;
    margin-bottom: 16px;
}

.demo-ok__icon svg {
    width: 28px;
    height: 28px;
}

.demo-ok__eyebrow {
    margin: 0 0 8px;
    color: #1d4f91;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.demo-ok__title {
    margin: 0;
    color: #0b1f3a;
    font-size: clamp(1.7rem,3vw,2.2rem);
    line-height: 1.2;
    letter-spacing: -0.03em;
    font-weight: 800;
}

.demo-ok__lead,.demo-ok__text,.demo-ok__note {
    color: #5b6b82;
    font-size: 1.05rem;
    line-height: 1.7;
}

.demo-ok__lead {
    margin: 18px 0 0;
    color: #0b1f3a;
}

.demo-ok__text {
    margin: 12px 0 0;
}

.demo-ok__tips {
    margin: 20px 0 0;
    padding: 0 0 0 18px;
    color: #5b6b82;
    line-height: 1.65;
}

.demo-ok__tips li {
    margin-bottom: 8px;
}

.demo-ok__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.demo-ok__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.95rem;
}

.demo-ok__btn--primary {
    background: #0b1f3a;
    color: #fff;
}

.demo-ok__btn--secondary {
    background: #1d4f91;
    color: #fff;
}

.demo-ok__btn--whatsapp {
    background: #128c7e;
    color: #fff;
}

.demo-ok__btn--soft {
    background: #e8eef7;
    color: #0b1f3a;
}

.demo-ok__note {
    margin: 24px 0 0;
    padding-top: 18px;
    border-top: 1px solid #e8eef5;
    font-size: 0.95rem;
}

@media (max-width: 680px) {
    .demo-ok__card {
        padding:28px 20px;
    }

    .demo-ok__actions {
        flex-direction: column;
    }

    .demo-ok__btn {
        width: 100%;
    }

    .demo-progress__steps {
        grid-template-columns: 1fr;
    }
}

/* demo cursor + modal */
.demover,[data-demo-modal-open],.js-demo-form button[type='M20 6 9 17l-5-5'],.demo-banner__form button,.miniblock__submit,.demo-modal__submit,.hero .alt button.submit,.demo-ok__btn {
    cursor: pointer;
}

body.demo-modal-open {
    overflow: hidden;
}

.demo-modal {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.demo-modal.is-open {
    display: flex;
}

.demo-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8,18,36,0.72);
    backdrop-filter: blur(4px);
    cursor: pointer;
}

.demo-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(720px,100%);
    max-height: min(92vh,640px);
    overflow: auto;
    border-radius: 18px;
    box-shadow: 0 28px 64px -24px rgba(0,0,0,0.55);
    animation: demo-modal-rise 0.28s ease both;
}

.demo-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.14);
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.demo-modal__close:hover {
    background: rgba(255,255,255,0.24);
}

.demo-modal__banner {
    position: relative;
    overflow: hidden;
    min-height: 280px;
    background: #060912 url(../image-lib/flow.webp) center / cover no-repeat;
    color: #fff;
}

.demo-modal__waves {
    display: none;
}

.demo-modal__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 42px 28px 32px;
    text-align: center;
}

.demo-modal__title {
    margin: 0;
    max-width: 560px;
    color: #fff;
    font-size: clamp(1.25rem,3.4vw,1.85rem);
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.demo-modal__desc {
    margin: 0;
    max-width: 520px;
    color: rgba(255,255,255,0.78);
    font-size: 0.95rem;
    line-height: 1.55;
}

.demo-modal__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin-top: 8px;
}

.demo-modal__form {
    display: flex;
    align-items: stretch;
    width: min(440px,100%);
    max-width: 100%;
}

.demo-modal__input {
    flex: 1;
    min-width: 0;
    height: 52px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px 0 0 999px;
    background: #fff;
    color: #334155;
    font-size: 0.95rem;
    font-family: inherit;
}

.demo-modal__input:focus {
    outline: none;
}

.demo-modal__submit {
    flex-shrink: 0;
    height: 52px;
    padding: 0 18px;
    border: 0;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(90deg,#e42222 0%,#ff9609 100%);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    font-family: inherit;
    white-space: nowrap;
    cursor: pointer;
}

.demo-modal__submit:hover {
    background: #2a5fb8;
}

.demo-modal__agent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 20px;
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.demo-modal__agent:hover {
    opacity: 1;
    background: #15803d;
}

@keyframes demo-modal-rise {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 680px) {
    .demo-modal {
        padding:10px;
        align-items: flex-end;
    }

    .demo-modal__dialog {
        width: 100%;
        max-height: 92vh;
        border-radius: 18px 18px 12px 12px;
    }

    .demo-modal__inner {
        padding: 48px 16px 22px;
        gap: 10px;
    }

    .demo-modal__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .demo-modal__form {
        width: 100%;
        flex-direction: column;
    }

    .demo-modal__input,.demo-modal__submit {
        width: 100%;
        border-radius: 12px;
        height: 50px;
    }

    .demo-modal__submit {
        margin-top: 8px;
    }

    .demo-modal__agent {
        width: 100%;
        border-radius: 12px;
    }
}

/* contact page */
.contact-hero {
    padding: 56px 0 40px;
    background: radial-gradient(circle at 12% 18%,rgba(46,34,228,0.08),transparent 42%),radial-gradient(circle at 88% 80%,rgba(148,9,255,0.06),transparent 40%),#f5f7fb;
}

.contact-hero .group,.contact-channels .group,.contact-faq .group {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.contact-hero__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
    gap: 36px;
    align-items: center;
}

.contact-hero__copy h1 {
    margin: 0 0 16px;
    color: #0e1f45;
    font-size: clamp(2rem,4vw,3rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.contact-hero__copy > p {
    margin: 0;
    max-width: 460px;
    color: #5a6a85;
    font-size: 1.08rem;
    line-height: 1.7;
}

.contact-hero__meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px!important;
    color: #3b4a66;
    font-size: 0.95rem;
    font-weight: 600;
}

.contact-hero__meta svg {
    width: 18px;
    height: 18px;
    color: #2e22e4;
}

.contact-form-card {
    background: #fff;
    border: 1px solid #e6ebf4;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 24px 48px -28px rgba(14,31,69,0.28);
}

.contact-form-card h2 {
    margin: 0 0 20px;
    color: #0e1f45;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.contact-thanks {
    text-align: center;
    padding: 20px 8px 8px;
}

.contact-thanks__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(34,197,94,0.12);
    color: #16a34a;
}

.contact-thanks__icon svg {
    width: 36px;
    height: 36px;
}

.contact-thanks h2 {
    margin: 0 0 12px;
    color: #0e1f45;
    font-size: 1.7rem;
    font-weight: 800;
}

.contact-thanks p {
    margin: 0;
    color: #5a6a85;
    font-size: 1rem;
    line-height: 1.65;
}

.contact-thanks__note {
    margin-top: 12px!important;
    font-size: 0.92rem!important;
}

.contact-form {
    display: grid;
    gap: 14px;
}

.contact-form__field {
    display: grid;
    gap: 7px;
}

.contact-form__field span {
    color: #5a6a85;
    font-size: 0.88rem;
    font-weight: 600;
}

.contact-form__field input,.contact-form__field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9e0ec;
    border-radius: 12px;
    background: #fbfcfe;
    color: #0e1f45;
    font: inherit;
    padding: 13px 14px;
    outline: none;
    transition: border-color 0.15s ease,box-shadow 0.15s ease;
}

.contact-form__field textarea {
    resize: vertical;
    min-height: 120px;
}

.contact-form__field input:focus,.contact-form__field textarea:focus {
    border-color: #2e22e4;
    box-shadow: 0 0 0 3px rgba(46,34,228,0.12);
}

.contact-form__check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #5a6a85;
    font-size: 0.9rem;
    line-height: 1.45;
    cursor: pointer;
}

.contact-form__check input {
    margin-top: 3px;
}

.contact-form__status {
    margin: 0;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 0.9rem;
    line-height: 1.45;
}

.contact-form__status.is-error {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.contact-form__status.is-success {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.contact-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
    color: #fff;
    font: inherit;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.2s ease,box-shadow 0.2s ease;
    box-shadow: 0 12px 28px -12px rgba(46,34,228,0.55);
}

.contact-form__submit:hover {
    transform: translateY(-1px);
}

.contact-form__submit:disabled {
    opacity: 0.7;
    cursor: wait;
    transform: none;
}

.contact-channels {
    padding: 64px 0;
    background: #fff;
}

.contact-channels__grid {
    display: grid;
    grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);
    gap: 36px;
    align-items: start;
}

.contact-channels__copy h2 {
    margin: 0 0 14px;
    color: #0e1f45;
    font-size: clamp(1.6rem,3vw,2.2rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

.contact-channels__copy p {
    margin: 0;
    color: #5a6a85;
    font-size: 1.02rem;
    line-height: 1.7;
}

.contact-channels__cards {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
}

.contact-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 160px;
    padding: 22px;
    border: 1px solid #e6ebf4;
    border-radius: 18px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 10px 28px -22px rgba(14,31,69,0.35);
    transition: border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease;
}

a.contact-card:hover {
    border-color: #c9d4ea;
    transform: translateY(-2px);
    box-shadow: 0 16px 34px -20px rgba(14,31,69,0.4);
    opacity: 1;
}

.contact-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 8px;
    border-radius: 12px;
    background: #eef1ff;
    color: #2e22e4;
}

.contact-card__icon svg {
    width: 20px;
    height: 20px;
}

.contact-card strong {
    color: #0e1f45;
    font-size: 1.05rem;
    font-weight: 800;
}

.contact-card span {
    color: #5a6a85;
    font-size: 0.92rem;
    line-height: 1.45;
}

.contact-faq {
    background: #f5f7fb;
    padding-top: 56px;
    padding-bottom: 64px;
}

.contact-faq__head {
    max-width: 720px;
    margin: 0 auto 28px;
    text-align: center;
}

.contact-faq__head h2 {
    margin: 0 0 12px;
    color: #0e1f45;
    font-size: clamp(1.45rem,2.8vw,2rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.contact-faq__head p {
    margin: 0;
    color: #5a6a85;
    font-size: 1rem;
    line-height: 1.65;
}

.contact-faq .sss__accordion {
    max-width: 820px;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .contact-hero__grid,.contact-channels__grid {
        grid-template-columns:1fr;
    }

    .contact-channels__cards {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 680px) {
    .contact-hero {
        padding:36px 0 28px;
    }

    .contact-form-card {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .contact-channels {
        padding: 44px 0;
    }

    .contact-channels__cards {
        grid-template-columns: 1fr;
    }
}

/* form güvenlik koruma modalı */
body.form-guard-open {
    overflow: hidden;
}

.form-guard-modal {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.form-guard-modal.is-open {
    display: flex;
    animation: form-guard-fade 0.28s ease both;
}

.form-guard-modal__backdrop {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 18% 18%,rgba(46,34,228,0.22),transparent 42%),radial-gradient(circle at 82% 78%,rgba(14,31,69,0.45),transparent 48%),rgba(8,16,34,0.62);
    backdrop-filter: blur(7px);
}

.form-guard-modal__dialog {
    position: relative;
    width: min(440px,100%);
    background: #fff;
    border: 1px solid rgba(230,235,244,0.95);
    border-radius: 24px;
    padding: 36px 28px 28px;
    box-shadow: 0 30px 60px -28px rgba(14,31,69,0.45);
    text-align: center;
    animation: form-guard-rise 0.34s cubic-bezier(0.22,1,0.36,1) both;
}

.form-guard-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #f3f5fa;
    color: #5a6a85;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}

.form-guard-modal__close:hover {
    background: #e8edf5;
    color: #0e1f45;
}

.form-guard-modal__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(46,34,228,0.08);
    color: #2e22e4;
}

.form-guard-modal__icon svg {
    width: 30px;
    height: 30px;
}

.form-guard-modal__eyebrow {
    margin: 0 0 8px;
    color: #2e22e4;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.form-guard-modal__title {
    margin: 0 0 12px;
    color: #0e1f45;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.form-guard-modal__text {
    margin: 0;
    color: #5a6a85;
    font-size: 0.98rem;
    line-height: 1.65;
}

.form-guard-modal__meta {
    margin: 14px 0 0;
    color: #0e1f45;
    font-size: 0.9rem;
    font-weight: 700;
}

.form-guard-modal__btn {
    margin-top: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 148px;
    height: 46px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: #0e1f45;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease;
}

.form-guard-modal__btn:hover {
    background: #2e22e4;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px -16px rgba(46,34,228,0.55);
}

@keyframes form-guard-fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes form-guard-rise {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 520px) {
    .form-guard-modal__dialog {
        padding:30px 20px 22px;
        border-radius: 20px;
    }

    .form-guard-modal__title {
        font-size: 1.28rem;
    }
}

/* ========== demo.php landing ========== */
.demopage {
    position: relative;
    min-height: calc(100vh - 92px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #ffffff;
    padding: 72px 0 80px;
}

.demopage__blobs {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.demopage__blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.85;
}

.demopage__blob--a {
    width: 420px;
    height: 420px;
    left: -120px;
    top: 12%;
    background: rgba(120,170,255,0.45);
    animation: demopage-float 10s ease-in-out infinite alternate;
}

.demopage__blob--b {
    width: 480px;
    height: 480px;
    right: -160px;
    top: 8%;
    background: rgba(210,160,255,0.38);
    animation: demopage-float 12s ease-in-out infinite alternate-reverse;
}

.demopage__blob--c {
    width: 360px;
    height: 360px;
    right: 8%;
    bottom: 6%;
    background: rgba(255,170,210,0.28);
    animation: demopage-float 9s ease-in-out infinite alternate;
}

.demopage__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 880px;
    text-align: center;
    animation: demopage-rise 0.65s cubic-bezier(0.22,1,0.36,1) both;
}

.demopage__title {
    margin: 0 auto 18px;
    max-width: 16ch;
    font-size: clamp(2rem,4.6vw,3.15rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.15;
    background: linear-gradient(90deg,#2f6fd6 0%,#4aa3ef 55%,#6ec8f5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.demopage__lead {
    margin: 0 auto 34px;
    max-width: 46rem;
    color: #4b5563;
    font-size: clamp(0.98rem,1.5vw,1.08rem);
    line-height: 1.7;
}

.demopage__form {
    margin: 0 auto 48px;
    max-width: 560px;
}

.demopage__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.demopage__field {
    display: flex;
    align-items: stretch;
    width: 100%;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 30px -18px rgba(47,111,214,0.35);
}

.demopage__input {
    flex: 1;
    min-width: 0;
    height: 54px;
    border: 0;
    padding: 0 18px;
    font-size: 1rem;
    color: #0f172a;
    background: #fff;
    outline: none;
}

.demopage__input::placeholder {
    color: #94a3b8;
}

.demopage__submit {
    flex-shrink: 0;
    height: 54px;
    padding: 0 26px;
    border: 0;
    background: linear-gradient(90deg,#7b5cff 0%,#4f7dff 55%,#3b82f6 100%);
    color: #fff;
    font-size: 0.98rem;
    font-weight: 700;
    cursor: pointer;
    transition: filter 0.2s ease,transform 0.2s ease;
}

.demopage__submit:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.demopage__logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 28px 40px;
}

.demopage__logos img {
    height: 42px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    filter: grayscale(0.15);
    opacity: 0.9;
    transition: opacity 0.2s ease,filter 0.2s ease;
}

.demopage__logos img:hover {
    opacity: 1;
    filter: none;
}

@keyframes demopage-rise {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes demopage-float {
    from {
        transform: translate3d(0,0,0) scale(1);
    }

    to {
        transform: translate3d(12px,-18px,0) scale(1.05);
    }
}

@media (max-width: 720px) {
    .demopage {
        min-height:auto;
        padding: 48px 0 56px;
    }

    .demopage__title {
        max-width: none;
    }

    .demopage__field {
        flex-direction: column;
        border-radius: 14px;
    }

    .demopage__input,.demopage__submit {
        width: 100%;
        height: 52px;
    }

    .demopage__submit {
        border-radius: 0 0 13px 13px;
    }

    .demopage__logos {
        gap: 20px 28px;
    }

    .demopage__logos img {
        height: 34px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .demopage__inner,.demopage__blob {
        animation: none;
    }
}

.updatebar--page {
    padding-top: 24px;
}

/* ==========================================================================
   Responsive layout (responsive.md — only 1100–1299 compact + max 1099 mobile)
   ========================================================================== */
.header__menu-toggle,.header__demo-mobile,.mobile-nav-overlay,.mobile-nav {
    display: none;
}

@media (min-width: 1100px) and (max-width:1299px) {
    .header .group {
        max-width:100%;
        padding: 0 16px;
        height: 80px;
        gap: 8px;
    }

    .header .logo {
        width: 200px;
        flex-shrink: 0;
    }

    .header .menu {
        min-width: 0;
        flex: 1;
        justify-content: center;
    }

    .header .menu ul li a {
        font-size: 0.92rem;
        margin: 0 3px;
        padding: 14px 4px;
        white-space: nowrap;
    }

    .header .demobar {
        flex-shrink: 0;
    }

    .header .demobar a.header__phone {
        font-size: 0.82rem;
        padding: 0 10px;
        margin-right: 6px;
        height: 36px;
    }

    .header .demobar a.demover {
        width: 118px;
        font-size: 0.88rem;
        height: 36px;
    }

    .header .demobar a {
        padding: 8px 8px;
        font-size: 0.88rem;
        margin: 0 3px;
        line-height: 1;
    }

    .footer .group {
        padding: 0 20px;
    }

    .footer__nav {
        gap: 24px 16px;
    }

    .footer__col h3 {
        font-size: 0.95rem;
    }

    .footer__col a {
        font-size: 0.9rem;
    }
}

@media (max-width: 1099px) {
    html,body {
        overflow-x:clip;
    }

    img,video,svg,iframe {
        max-width: 100%;
        height: auto;
    }

    .header .group {
        display: grid;
        grid-template-columns: 44px minmax(0,1fr) auto;
        align-items: center;
        gap: 10px;
        height: 64px;
        padding: 0 12px;
        max-width: 100%;
    }

    .header__menu-toggle {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #fff;
        cursor: pointer;
        grid-column: 1;
        grid-row: 1;
    }

    .header__menu-toggle:focus-visible {
        outline: 2px solid #4F46E5;
        outline-offset: 2px;
    }

    .header__menu-toggle-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        transition: transform 0.2s ease,opacity 0.2s ease;
    }

    .header__menu-toggle[aria-expanded="true"] .header__menu-toggle-bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .header__menu-toggle[aria-expanded="true"] .header__menu-toggle-bar:nth-child(2) {
        opacity: 0;
    }

    .header__menu-toggle[aria-expanded="true"] .header__menu-toggle-bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    .header .logo {
        width: 100%;
        max-width: 180px;
        min-width: 0;
        justify-self: center;
        grid-column: 2;
        grid-row: 1;
    }

    .header .logo a {
        width: auto;
        max-width: 100%;
    }

    .header .logo a img {
        display: block;
        width: auto;
        max-width: 100%;
        height: 36px;
        max-height: 36px;
        object-fit: contain;
    }

    .header .menu,.header .header__actions--desktop {
        display: none;
    }

    .header__demo-mobile {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 38px;
        min-width: 96px;
        padding: 0 12px;
        margin: 0;
        border-radius: 6px;
        background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
        color: #fff;
        font-size: 0.82rem;
        font-weight: 900;
        white-space: nowrap;
        text-decoration: none;
        grid-column: 3;
        grid-row: 1;
    }

    .header__demo-mobile:focus-visible {
        outline: 2px solid #4F46E5;
        outline-offset: 2px;
    }

    .mobile-nav-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1100;
        background: rgba(15,23,42,0.48);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.22s ease,visibility 0.22s ease;
    }

    .mobile-nav-overlay.is-visible {
        opacity: 1;
        visibility: visible;
    }

    .mobile-nav {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1200;
        width: min(320px,88vw);
        max-width: 100%;
        height: 100dvh;
        background: #fff;
        box-shadow: 8px 0 32px rgba(15,23,42,0.18);
        transform: translateX(-105%);
        transition: transform 0.24s ease;
        overflow: hidden;
    }

    .mobile-nav.is-open {
        transform: translateX(0);
    }

    .mobile-nav__head {
        display: flex;
        justify-content: flex-end;
        padding: 10px 10px 0;
        flex-shrink: 0;
    }

    .mobile-nav__close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #353f4f;
        cursor: pointer;
    }

    .mobile-nav__close svg {
        width: 22px;
        height: 22px;
    }

    .mobile-nav__close:focus-visible {
        outline: 2px solid #4F46E5;
        outline-offset: 2px;
    }

    .mobile-nav__actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 8px 16px 16px;
        border-bottom: 1px solid #e8edf5;
        flex-shrink: 0;
    }

    .mobile-nav__phone {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 44px;
        padding: 0 14px;
        border: 1px solid #D9FF00;
        border-radius: 8px;
        background: #D9FF00;
        color: #111827;
        font-size: 0.95rem;
        font-weight: 700;
        text-decoration: none;
    }

    .mobile-nav__phone svg {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    .mobile-nav__demo {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        border-radius: 6px;
        background: linear-gradient(90deg,#2e22e4 0%,#9409ff 100%);
        color: #fff;
        font-size: 0.95rem;
        font-weight: 900;
        text-decoration: none;
    }

    .mobile-nav__list {
        list-style: none;
        margin: 0;
        padding: 8px 0 24px;
        overflow-y: auto;
        flex: 1;
        min-height: 0;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-nav__item {
        border-bottom: 1px solid #eef2f7;
    }

    .mobile-nav__row {
        display: flex;
        align-items: stretch;
        min-height: 48px;
    }

    .mobile-nav__link {
        display: flex;
        align-items: center;
        flex: 1;
        min-width: 0;
        padding: 12px 16px;
        color: #353f4f;
        font-size: 1rem;
        font-weight: 600;
        text-decoration: none;
    }

    .mobile-nav__link:focus-visible,.mobile-nav__submenu a:focus-visible {
        outline: 2px solid #4F46E5;
        outline-offset: -2px;
    }

    .mobile-nav__subtoggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        flex-shrink: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-left: 1px solid #eef2f7;
        background: transparent;
        color: #64748b;
        cursor: pointer;
    }

    .mobile-nav__subtoggle svg {
        width: 22px;
        height: 22px;
        transition: transform 0.2s ease;
    }

    .mobile-nav__subtoggle[aria-expanded="true"] svg {
        transform: rotate(180deg);
    }

    .mobile-nav__subtoggle:focus-visible {
        outline: 2px solid #4F46E5;
        outline-offset: -2px;
    }

    .mobile-nav__submenu {
        list-style: none;
        margin: 0;
        padding: 0 0 8px;
        background: #f8fafc;
    }

    .mobile-nav__submenu a {
        display: block;
        padding: 10px 16px 10px 28px;
        color: #475569;
        font-size: 0.92rem;
        font-weight: 500;
        text-decoration: none;
    }

    .mobile-nav__submenu a:hover {
        color: #2e22e4;
    }

    body.mobile-nav-open {
        overflow: hidden;
    }

    .hero .group .top h1 {
        padding: 32px 16px;
        font-size: clamp(1.65rem,6vw,2.4rem);
        width: 100%;
    }

    .hero--eticaret .hero__title {
        white-space: normal;
        padding: 36px 16px 20px;
    }

    .fiyatlar__grid,.ozellikler__grid,.ozellikler__grid--highlight,.yapayzeka-usecases,.yapayzeka-hero__grid,.yapayzeka-hero .group,.lisans-hero__grid,.tasiyin-benefits,.tasiyin-steps,.triplebar .group,.calculation .group,.demo-banner .group,.supporter__grid,.ozellikler-hero .group,.lisans-hero .group,.tasiyin-hero .group {
        grid-template-columns: 1fr;
    }

    .karsilastir__wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tasiyin-form__row {
        grid-template-columns: 1fr;
    }

    .fiyatlar .group,.ozellikler .group,.ozellikler-hero .group,.yapayzeka-hero .group,.yapayzeka-section .group,.lisans-hero .group,.lisans-section .group,.tasiyin-hero .group,.tasiyin-section .group,.karsilastir .group,.supporter .group,.hero .group,.miniblock .group,.updatebar .group,.triplebar .group,.bigbar .group,.spectors .group,.calculation .group,.demo-banner .group,.temalar .group,.iletisim .group,.demopage .group {
        padding-left: 16px;
        padding-right: 16px;
    }

    .footer {
        padding: 48px 0 24px;
    }

    .footer .group {
        padding: 0 16px;
    }

    .footer__top {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-bottom: 32px;
    }

    .footer__cta {
        max-width: none;
    }

    .footer__nav {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 28px 16px;
        padding: 36px 0;
    }

    .footer__headline {
        font-size: clamp(1.45rem,5vw,1.85rem);
    }

    .footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .footer__badges {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .karsilastir__table {
        min-width: 640px;
    }

    .demopage__inner {
        padding: 24px 16px 48px;
    }

    .demopage__field {
        flex-direction: column;
    }

    .form-guard-modal__dialog {
        width: min(92vw,420px);
        margin: 16px;
    }

    .sss__nav {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
    }

    .temalar__toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .temalar__toolbar-left,.temalar__toolbar-right {
        width: 100%;
    }
}

@media (max-width: 1099px) and (prefers-reduced-motion:reduce) {
    .mobile-nav,.mobile-nav-overlay,.header__menu-toggle-bar {
        transition:none;
    }
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 720px) {
    .hero-video-title__text {
        font-size: 24px !important;
        height: 90px;
        line-height: 28px !important;
    }

    .hero .group .top p {
        width: 90%;
        font-size: 16px;
        line-height: 21px;
    }

    .hero .group .top p {
    display: none;
    }

    .hero .group .alt {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero .group .alt input {
        width: 100%;
        border-radius: 15px;
    }

    .hero .group .alt button {
        border-radius: 15px;
        margin-top: 15px;
    }
    .updatebar__aside {display: none;}
}