:root {
    --ink: #081426;
    --ink2: #102442;
    --muted: #65748a;
    --brand: #2476ff;
    --brand2: #20c8d6;
    --line: #e4eaf2;
    --soft: #f5f8fc;
    --dark: #061121;
    --card: #fff;
    --success: #16b981
}

.public-body {
    margin: 0;
    background: #fff;
    color: var(--ink);
    font-family: "Segoe UI",Inter,Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

    .public-body * {
        box-sizing: border-box
    }

.public-container {
    width: min(1180px,calc(100% - 40px));
    margin: 0 auto
}

.public-header {
    position: relative;
    z-index: 80;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(215,224,236,.75)
}

.public-nav {
    position: relative;
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.public-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--ink);
    text-decoration: none
}

.brand-logo {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(145deg,#edf6ff,#fff);
    border: 1px solid #dce8f6;
    box-shadow: 0 9px 25px rgba(23,68,130,.12);
    overflow: hidden
}

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

.brand-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.12
}

    .brand-copy strong {
        font-size: 19px;
        font-weight: 900;
        letter-spacing: -.02em
    }

    .brand-copy small {
        font-size: 10px;
        color: #74849a;
        text-transform: uppercase;
        letter-spacing: .08em;
        margin-top: 4px;
        font-weight: 700
    }

.public-links {
    display: flex;
    gap: 24px;
    align-items: center
}

    .public-links > a {
        color: #42536b;
        font-size: 14px;
        font-weight: 750;
        text-decoration: none;
        transition: .2s
    }

        .public-links > a:hover {
            color: var(--brand)
        }

.link-login {
    padding-left: 16px;
    border-left: 1px solid var(--line)
}

.button-primary, .button-light, .button-ghost, .button-disabled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 14px;
    font-weight: 850;
    text-decoration: none;
    transition: transform .2s,box-shadow .2s
}

.button-primary {
    border: 0;
    color: #fff !important;
    background: linear-gradient(135deg,var(--brand),#1b9bf2 55%,var(--brand2));
    box-shadow: 0 15px 34px rgba(36,118,255,.27)
}

    .button-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 21px 42px rgba(36,118,255,.34)
    }

.button-small {
    min-height: 43px;
    padding: 0 17px
}

.button-large {
    min-height: 56px;
    padding: 0 26px;
    border-radius: 16px
}

.button-ghost {
    color: #d8eaff;
    border: 1px solid rgba(173,210,244,.28);
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(10px)
}

    .button-ghost:hover {
        color: #fff;
        border-color: rgba(255,255,255,.48);
        transform: translateY(-2px)
    }

.button-light {
    min-height: 56px;
    background: #fff;
    color: #0b3f7c;
    box-shadow: 0 15px 35px rgba(0,0,0,.15)
}

.button-disabled {
    background: #e9eef5;
    color: #718096
}

.public-nav-toggle {
    display: none;
    border: 0;
    background: #edf4ff;
    border-radius: 12px;
    padding: 9px 13px;
    font-size: 20px
}

.hero-premium {
    position: relative;
    overflow: hidden;
    padding: 92px 0 0;
    background: radial-gradient(circle at 76% 18%,rgba(26,130,255,.22),transparent 28%),radial-gradient(circle at 8% 70%,rgba(32,200,214,.13),transparent 30%),linear-gradient(135deg,#050e1c 0%,#081a31 54%,#071426 100%);
    color: #fff
}

    .hero-premium:before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(110,175,237,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(110,175,237,.055) 1px,transparent 1px);
        background-size: 62px 62px;
        mask-image: linear-gradient(to bottom,#000,transparent 92%)
    }

.hero-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(50px);
    opacity: .3
}

.hero-glow-one {
    width: 420px;
    height: 420px;
    background: #2476ff;
    right: -220px;
    top: 80px
}

.hero-glow-two {
    width: 330px;
    height: 330px;
    background: #20c8d6;
    left: -190px;
    bottom: 30px
}

.hero-premium-grid {
    position: relative;
    display: grid;
    grid-template-columns: .91fr 1.09fr;
    gap: 64px;
    align-items: center;
    min-height: 640px
}

.hero-copy {
    padding-bottom: 70px
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 8px 13px;
    border-radius: 999px;
    background: #eaf2ff;
    color: #1f63d6;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .11em
}

    .eyebrow.dark {
        color: #8fdcff;
        background: rgba(39,151,255,.12);
        border: 1px solid rgba(96,184,255,.17)
    }

.hero-copy h1 {
    max-width: 650px;
    margin: 20px 0 22px;
    font-size: clamp(45px,5.6vw,76px);
    line-height: 1.01;
    letter-spacing: -.055em;
    font-weight: 900
}

    .hero-copy h1 span {
        display: block;
        background: linear-gradient(90deg,#5cb5ff,#32d8dd);
        -webkit-background-clip: text;
        color: transparent
    }

.hero-lead {
    max-width: 620px;
    color: #aebfd2;
    font-size: 19px;
    line-height: 1.72;
    margin: 0
}

.hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 31px
}

.hero-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 19px;
    color: #8fa4bb;
    font-size: 12px;
    font-weight: 700
}

.pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 0 6px rgba(52,211,153,.1)
}

.hero-proof {
    display: flex;
    gap: 0;
    margin-top: 35px;
    border-top: 1px solid rgba(255,255,255,.09);
    padding-top: 24px
}

    .hero-proof > div {
        padding-right: 26px;
        margin-right: 26px;
        border-right: 1px solid rgba(255,255,255,.09)
    }

        .hero-proof > div:last-child {
            border: 0
        }

    .hero-proof strong, .hero-proof small {
        display: block
    }

    .hero-proof strong {
        font-size: 17px
    }

    .hero-proof small {
        color: #8297ad;
        font-size: 11px;
        margin-top: 5px
    }

.hero-visual {
    position: relative;
    min-width: 0
}

.dashboard-shell, .uploaded-hero {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    border: 1px solid rgba(167,209,244,.19);
    background: #f7f9fc;
    box-shadow: 0 45px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);
    transform: perspective(1200px) rotateY(-4deg) rotateX(1deg)
}

    .uploaded-hero img {
        display: block;
        width: 100%;
        min-height: 430px;
        object-fit: cover
    }

.dashboard-top {
    height: 58px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border-bottom: 1px solid #e9edf3
}

.dash-logo {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg,#2476ff,#20c8d6);
    font-size: 10px;
    font-weight: 900
}

.dash-search {
    height: 32px;
    flex: 1;
    border-radius: 10px;
    background: #f3f6fa;
    color: #95a2b3;
    font-size: 10px;
    display: flex;
    align-items: center;
    padding: 0 12px
}

.dash-avatar {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #e8f2ff;
    color: #2563eb;
    font-size: 9px;
    font-weight: 900
}

.dashboard-main {
    display: grid;
    grid-template-columns: 54px 1fr;
    min-height: 410px
}

.dash-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 17px;
    padding-top: 22px;
    background: #101f35
}

    .dash-side i {
        width: 23px;
        height: 23px;
        border-radius: 7px;
        background: rgba(255,255,255,.1)
    }

        .dash-side i:first-child {
            background: linear-gradient(135deg,#2476ff,#20c8d6)
        }

.dash-content {
    padding: 22px;
    color: #18263a
}

.dash-heading {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .dash-heading small, .dash-heading strong {
        display: block
    }

    .dash-heading small {
        color: #8a99aa;
        font-size: 9px
    }

    .dash-heading strong {
        font-size: 17px;
        margin-top: 3px
    }

    .dash-heading > span {
        font-size: 9px;
        border: 1px solid #dfe6ef;
        border-radius: 8px;
        padding: 7px 9px
    }

.dash-kpis {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    margin-top: 16px
}

    .dash-kpis article {
        padding: 14px;
        border: 1px solid #e3e9f0;
        border-radius: 13px;
        background: #fff
    }

    .dash-kpis em, .dash-kpis strong, .dash-kpis small {
        display: block
    }

    .dash-kpis em {
        font-style: normal;
        font-size: 8px;
        color: #8291a3
    }

    .dash-kpis strong {
        font-size: 17px;
        margin: 7px 0
    }

    .dash-kpis small {
        font-size: 8px;
        color: #17a774
    }

.dash-panels {
    display: grid;
    grid-template-columns: 1.6fr .9fr;
    gap: 10px;
    margin-top: 11px
}

.dash-chart, .dash-stock {
    background: #fff;
    border: 1px solid #e3e9f0;
    border-radius: 13px;
    padding: 14px
}

.chart-title {
    display: flex;
    justify-content: space-between;
    font-size: 9px
}

    .chart-title span {
        color: #8997a7
    }

.chart-bars {
    height: 125px;
    display: flex;
    align-items: flex-end;
    gap: 11px;
    padding: 18px 6px 4px
}

    .chart-bars i {
        flex: 1;
        border-radius: 5px 5px 2px 2px;
        background: linear-gradient(180deg,#26c9d6,#2476ff)
    }

        .chart-bars i:nth-child(1) {
            height: 42%
        }

        .chart-bars i:nth-child(2) {
            height: 60%
        }

        .chart-bars i:nth-child(3) {
            height: 52%
        }

        .chart-bars i:nth-child(4) {
            height: 78%
        }

        .chart-bars i:nth-child(5) {
            height: 68%
        }

        .chart-bars i:nth-child(6) {
            height: 92%
        }

.dash-stock > strong {
    font-size: 10px
}

.dash-stock > div {
    display: flex;
    justify-content: space-between;
    font-size: 8px;
    margin-top: 18px;
    padding-bottom: 9px;
    border-bottom: 1px solid #edf0f4
}

.dash-stock b {
    color: #ef4444
}

.floating-card {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border-radius: 15px;
    background: rgba(255,255,255,.95);
    color: #17263a;
    box-shadow: 0 20px 45px rgba(0,0,0,.24);
    backdrop-filter: blur(10px)
}

    .floating-card > span {
        width: 35px;
        height: 35px;
        border-radius: 11px;
        display: grid;
        place-items: center;
        background: #e7faf3;
        color: #14a66f;
        font-weight: 900
    }

    .floating-card strong, .floating-card small {
        display: block
    }

    .floating-card strong {
        font-size: 11px
    }

    .floating-card small {
        font-size: 9px;
        color: #718096;
        margin-top: 3px
    }

.fc-one {
    left: -28px;
    bottom: 52px
}

.fc-two {
    right: -20px;
    top: 55px
}

    .fc-two > span {
        background: #e9f2ff;
        color: #2476ff
    }

.trust-strip {
    position: relative;
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border-top: 1px solid rgba(255,255,255,.08);
    color: #98abc0;
    font-size: 12px
}

    .trust-strip > div {
        display: flex;
        gap: 25px;
        flex-wrap: wrap
    }

    .trust-strip b {
        color: #c7d5e3;
        font-size: 11px;
        letter-spacing: .02em
    }

.section {
    padding: 88px 0
}

.premium-section {
    background: #fff
}

.section-head {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center
}

.premium-head h2, .experience-copy h2, .faq-grid h2, .inner-hero h1 {
    margin: 15px 0;
    font-size: clamp(34px,4vw,52px);
    line-height: 1.08;
    letter-spacing: -.045em;
    font-weight: 900
}

.premium-head p, .experience-copy > p, .faq-grid > div > p, .inner-hero p {
    color: var(--muted);
    font-size: 17px;
    line-height: 1.75
}

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

.premium-card {
    position: relative;
    padding: 27px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(18,40,72,.055);
    transition: .25s
}

    .premium-card:hover {
        transform: translateY(-7px);
        border-color: #c7dbf6;
        box-shadow: 0 25px 55px rgba(18,74,145,.12)
    }

.feature-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .feature-top > span {
        font-size: 10px;
        color: #6480a0;
        text-transform: uppercase;
        font-weight: 900;
        letter-spacing: .07em
    }

.feature-icon {
    width: 51px;
    height: 51px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg,#edf5ff,#f0feff);
    color: #2476ff;
    font-size: 22px;
    border: 1px solid #deebf8
}

.premium-card h3 {
    font-size: 20px;
    margin: 19px 0 10px
}

.premium-card p {
    color: var(--muted);
    line-height: 1.68;
    margin: 0
}

.premium-card > a {
    display: inline-flex;
    margin-top: 19px;
    color: #2773e8;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none
}

.experience-section {
    background: #f4f7fb
}

.experience-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 70px;
    align-items: center
}

.experience-copy ul {
    list-style: none;
    padding: 0;
    margin: 28px 0 0;
    display: grid;
    gap: 13px
}

.experience-copy li {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #34475e;
    font-weight: 700
}

    .experience-copy li span {
        width: 24px;
        height: 24px;
        border-radius: 8px;
        display: grid;
        place-items: center;
        background: #e4f8f1;
        color: #0da56e
    }

.insight-board {
    padding: 30px;
    border-radius: 27px;
    color: #fff;
    background: radial-gradient(circle at 85% 5%,rgba(36,118,255,.35),transparent 28%),linear-gradient(145deg,#09172a,#102846);
    box-shadow: 0 35px 70px rgba(14,41,75,.25)
}

.insight-head {
    display: flex;
    justify-content: space-between;
    color: #b9c8d8
}

    .insight-head b {
        color: #70e2be;
        font-size: 10px
    }

.insight-number {
    margin-top: 38px
}

    .insight-number small, .insight-number strong, .insight-number em {
        display: block
    }

    .insight-number small {
        color: #91a4b8
    }

    .insight-number strong {
        font-size: 43px;
        margin: 8px 0
    }

    .insight-number em {
        font-style: normal;
        color: #6ee7b7
    }

.insight-line {
    height: 145px;
    margin: 10px 0;
    position: relative;
    background: linear-gradient(180deg,rgba(65,156,255,.14),transparent);
    border-bottom: 1px solid rgba(255,255,255,.1)
}

    .insight-line i {
        position: absolute;
        left: 5%;
        right: 5%;
        top: 58%;
        height: 4px;
        background: linear-gradient(90deg,#25cbd7,#4a8cff);
        transform: skewY(-8deg);
        box-shadow: 0 0 20px rgba(36,118,255,.5)
    }

.insight-mini {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px
}

    .insight-mini > div {
        padding: 14px;
        border-radius: 13px;
        background: rgba(255,255,255,.055)
    }

    .insight-mini small, .insight-mini strong {
        display: block
    }

    .insight-mini small {
        color: #8fa3ba;
        font-size: 10px
    }

    .insight-mini strong {
        margin-top: 7px
    }

.process-section {
    background: #fff
}

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

    .process-grid article {
        position: relative;
        padding: 32px;
        border-radius: 23px;
        background: #f7f9fc;
        border: 1px solid #e6ebf2
    }

        .process-grid article > span {
            position: absolute;
            right: 22px;
            top: 17px;
            color: #d8e2ee;
            font-size: 37px;
            font-weight: 900
        }

.process-icon {
    width: 53px;
    height: 53px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg,#2476ff,#20c8d6);
    font-size: 22px
}

.process-grid h3 {
    margin: 22px 0 9px;
    font-size: 20px
}

.process-grid p {
    color: var(--muted);
    line-height: 1.65
}

.pricing-premium {
    background: linear-gradient(180deg,#071426,#0a1c34);
    color: #fff
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px
}

.premium-price {
    position: relative;
    padding: 29px;
    border-radius: 23px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.11);
    backdrop-filter: blur(10px)
}

    .premium-price.featured {
        background: #fff;
        color: var(--ink);
        border: 2px solid #39a8ff;
        transform: translateY(-10px);
        box-shadow: 0 35px 65px rgba(0,0,0,.25)
    }

.price-badge {
    position: absolute;
    top: -14px;
    right: 17px;
    padding: 7px 11px;
    border-radius: 999px;
    background: linear-gradient(135deg,#2476ff,#20c8d6);
    font-size: 9px;
    font-weight: 900
}

.price-duration {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(69,152,255,.12);
    border: 1px solid rgba(78,172,255,.17)
}

    .price-duration span {
        font-size: 24px;
        font-weight: 900
    }

    .price-duration small {
        font-size: 9px
    }

.premium-price h3 {
    margin: 20px 0 9px
}

.price {
    font-size: 29px;
    font-weight: 900
}

.premium-price p {
    color: #98abc1;
    min-height: 44px
}

.premium-price.featured p {
    color: var(--muted)
}

.premium-price ul {
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
    margin: 25px 0;
    color: #bac8d8;
    font-size: 13px
}

.premium-price.featured ul {
    color: #52637a
}

.premium-price .button-primary, .premium-price .button-disabled {
    width: 100%
}

.faq-section {
    background: #f6f8fc
}

.faq-grid {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 65px
}

.dark-button {
    color: #1f508c;
    border-color: #cad9eb;
    background: #fff;
    margin-top: 18px
}

.faq-list {
    display: grid;
    gap: 12px
}

.faq-item {
    border: 1px solid var(--line);
    border-radius: 17px;
    background: #fff;
    overflow: hidden
}

    .faq-item button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 19px 21px;
        border: 0;
        background: transparent;
        text-align: left;
        color: var(--ink);
        font-weight: 850
    }

        .faq-item button b {
            font-size: 22px;
            color: #2476ff;
            transition: .2s
        }

    .faq-item > div {
        max-height: 0;
        overflow: hidden;
        transition: max-height .28s
    }

    .faq-item p {
        padding: 0 21px 20px;
        margin: 0;
        color: var(--muted);
        line-height: 1.65
    }

    .faq-item.open > div {
        max-height: 220px
    }

    .faq-item.open button b {
        transform: rotate(45deg)
    }

.final-cta {
    background: #fff
}

.cta-premium {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 53px;
    border-radius: 29px;
    color: #fff;
    background: radial-gradient(circle at 85% 0,rgba(32,200,214,.32),transparent 31%),linear-gradient(135deg,#0b2e63,#1169dc 65%,#168db9);
    box-shadow: 0 30px 70px rgba(20,84,162,.23)
}

    .cta-premium:before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
        background-size: 35px 35px
    }

    .cta-premium > * {
        position: relative
    }

    .cta-premium h2 {
        font-size: 36px;
        margin: 12px 0;
        max-width: 750px
    }

    .cta-premium p {
        color: #c8e2ff;
        max-width: 720px
    }

.inner-hero {
    padding: 95px 0 75px;
    text-align: center;
    color: #fff;
    background: radial-gradient(circle at 75% 10%,rgba(36,118,255,.35),transparent 30%),linear-gradient(135deg,#061121,#0b2342)
}

    .inner-hero p {
        max-width: 760px;
        margin: 0 auto;
        color: #afc1d6
    }

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

.contact-card {
    padding: 32px;
    border-radius: 22px;
    border: 1px solid var(--line);
    box-shadow: 0 15px 40px rgba(17,47,83,.07)
}

    .contact-card > span {
        width: 52px;
        height: 52px;
        display: grid;
        place-items: center;
        border-radius: 16px;
        background: #eaf3ff;
        color: #2476ff;
        font-size: 22px
    }

    .contact-card p {
        color: var(--muted)
    }

    .contact-card a {
        color: #2476ff;
        font-weight: 800;
        text-decoration: none
    }

    .contact-card em {
        font-style: normal;
        color: #73849a
    }

.form-shell {
    padding: 70px 0;
    background: #f5f8fc
}

.form-card {
    width: min(820px,100%);
    margin: auto;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 25px;
    padding: 34px;
    box-shadow: 0 25px 60px rgba(15,42,77,.09)
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 17px
}

.form-group label {
    display: block;
    font-weight: 800;
    margin-bottom: 7px
}

.form-control-public {
    width: 100%;
    border: 1px solid #d8e0ea;
    border-radius: 12px;
    padding: 12px 13px
}

.legal-content {
    padding: 70px 0
}

    .legal-content article {
        max-width: 880px;
        margin: auto;
        line-height: 1.8;
        color: #475569
    }

.public-footer {
    padding: 58px 0 25px;
    color: #aab9ca;
    background: #061121
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 55px
}

    .footer-grid > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 11px
    }

    .footer-grid strong {
        color: #fff
    }

    .footer-grid a {
        color: #aab9ca;
        text-decoration: none
    }

.footer-about p {
    max-width: 460px;
    line-height: 1.65
}

.footer-brand .brand-copy strong {
    color: #fff
}

.footer-contact {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #1a2a40;
    margin-top: 40px;
    padding-top: 22px;
    font-size: 12px
}

@media(max-width:1050px) {
    .hero-premium-grid {
        grid-template-columns: 1fr;
        padding-bottom: 70px
    }

    .hero-copy {
        padding-bottom: 0
    }

    .hero-visual {
        max-width: 760px
    }

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

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

    .public-nav-toggle {
        display: block
    }

    .public-links {
        display: none;
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        right: 0;
        z-index: 95;
        padding: 14px;
        border-radius: 20px;
        background: rgba(255,255,255,.985);
        border: 1px solid var(--line);
        box-shadow: 0 28px 70px rgba(10,35,68,.2);
        flex-direction: column;
        align-items: stretch
    }

        .public-links.open {
            display: flex
        }

    .link-login {
        border: 0;
        padding-left: 0
    }

    .experience-grid, .faq-grid {
        grid-template-columns: 1fr
    }

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

    .fc-two {
        right: 0
    }
}

@media(max-width:680px) {
    .public-container {
        width: min(100% - 26px,1180px)
    }

    .brand-copy small {
        display: none
    }

    .hero-premium {
        padding-top: 55px
    }

    .hero-copy h1 {
        font-size: 43px
    }

    .hero-lead {
        font-size: 16px
    }

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

        .hero-proof > div {
            padding: 0 8px;
            margin: 0;
            text-align: center
        }

    .dashboard-shell {
        transform: none
    }

    .dashboard-main {
        grid-template-columns: 38px 1fr
    }

    .dash-kpis {
        grid-template-columns: 1fr
    }

    .dash-panels {
        grid-template-columns: 1fr
    }

    .dash-stock {
        display: none
    }

    .floating-card {
        display: none
    }

    .trust-strip {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 0
    }

    .section {
        padding: 65px 0
    }

    .feature-grid, .pricing-grid, .contact-grid, .form-grid, .footer-grid {
        grid-template-columns: 1fr
    }

    .premium-price.featured {
        transform: none
    }

    .cta-premium {
        padding: 34px;
        display: block
    }

        .cta-premium .button-light {
            margin-top: 20px
        }

    .footer-bottom {
        flex-direction: column
    }

    .hero-actions > * {
        width: 100%
    }
}
/* 1 aylık ücretsiz deneme tanıtımı */
.trial-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 17px;
    padding: 8px 12px;
    border: 1px solid rgba(92,181,255,.25);
    border-radius: 12px;
    background: rgba(37,118,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05)
}

    .trial-hero-badge strong {
        color: #7bdcff;
        font-size: 12px;
        letter-spacing: .08em
    }

    .trial-hero-badge span {
        color: #aec1d5;
        font-size: 11px
    }

.trial-offer-section {
    position: relative;
    margin-top: -1px;
    padding: 30px 0;
    background: linear-gradient(180deg,#0b1a2e,#102844)
}

.trial-offer-card {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 26px;
    padding: 27px 30px;
    border: 1px solid rgba(121,202,255,.22);
    border-radius: 24px;
    background: radial-gradient(circle at 15% 0,rgba(40,199,214,.2),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
    box-shadow: 0 24px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);
    color: #fff
}

.trial-offer-icon {
    width: 90px;
    height: 90px;
    flex: 0 0 auto;
    border-radius: 25px;
    display: grid;
    place-items: center;
    align-content: center;
    background: linear-gradient(145deg,#2476ff,#20c8d6);
    box-shadow: 0 18px 35px rgba(26,139,222,.33);
    transform: rotate(-3deg)
}

    .trial-offer-icon span {
        font-size: 42px;
        line-height: .9;
        font-weight: 950
    }

    .trial-offer-icon small {
        margin-top: 5px;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .18em
    }

.trial-offer-label {
    display: inline-block;
    color: #72e4c2;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .13em
}

.trial-offer-copy h2 {
    margin: 8px 0 8px;
    font-size: clamp(25px,3vw,36px);
    line-height: 1.12;
    letter-spacing: -.035em
}

.trial-offer-copy p {
    max-width: 760px;
    margin: 0;
    color: #b7c7d8;
    line-height: 1.65
}

.trial-offer-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 13px;
    color: #dce9f4;
    font-size: 11px;
    font-weight: 750
}

    .trial-offer-note span {
        width: 20px;
        height: 20px;
        display: grid;
        place-items: center;
        border-radius: 7px;
        background: rgba(52,211,153,.14);
        color: #6ee7b7
    }

.trial-offer-action {
    display: flex;
    min-width: 220px;
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
    text-align: center
}

    .trial-offer-action small {
        color: #8fa6bc;
        font-size: 10px
    }

.pricing-trial-note {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 19px;
    padding: 10px 14px;
    border: 1px solid rgba(78,185,218,.25);
    border-radius: 13px;
    background: rgba(27,146,187,.1);
    color: #d7f5ff
}

    .pricing-trial-note strong {
        font-size: 12px
    }

    .pricing-trial-note span {
        color: #9cb8cb;
        font-size: 11px
    }

@media(max-width:900px) {
    .trial-offer-card {
        grid-template-columns: auto 1fr
    }

    .trial-offer-action {
        grid-column: 1/-1;
        min-width: 0
    }
}

@media(max-width:620px) {
    .trial-hero-badge {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px
    }

    .trial-offer-card {
        grid-template-columns: 1fr;
        padding: 23px;
        text-align: center
    }

    .trial-offer-icon {
        margin: 0 auto
    }

    .trial-offer-note {
        justify-content: center;
        align-items: flex-start
    }

    .pricing-trial-note {
        display: flex;
        flex-direction: column
    }
}


/* =========================================================
   KURUMSAL TANITIM SİTESİ 2026
   ========================================================= */
.public-announcement {
    background: linear-gradient(90deg,#0d2b55,#0e4d83 55%,#0a7183);
    color: #dff7ff;
    font-size: 12px
}

    .public-announcement .public-container {
        min-height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 22px;
        text-align: center
    }

    .public-announcement b {
        color: #fff
    }

    .public-announcement a {
        color: #7ee7ff;
        text-decoration: none;
        font-weight: 900;
        white-space: nowrap
    }

    .public-announcement i {
        font-style: normal;
        margin-left: 3px
    }

.public-links > a.active {
    color: var(--brand)
}

.public-nav-toggle {
    width: 44px;
    height: 42px;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px
}

    .public-nav-toggle span {
        width: 20px;
        height: 2px;
        border-radius: 99px;
        background: #1e416b;
        transition: .2s
    }

    .public-nav-toggle.open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg)
    }

    .public-nav-toggle.open span:nth-child(2) {
        opacity: 0
    }

    .public-nav-toggle.open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg)
    }

.footer-trial {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 50px;
    padding: 32px 36px;
    border: 1px solid rgba(132,207,255,.18);
    border-radius: 25px;
    background: radial-gradient(circle at 90% 0,rgba(32,200,214,.22),transparent 35%),linear-gradient(135deg,#0d2e5b,#0c5ba0);
    box-shadow: 0 25px 60px rgba(0,0,0,.2)
}

.footer-trial-label {
    display: inline-block;
    color: #71e4c2;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .14em
}

.footer-trial h2 {
    margin: 8px 0;
    font-size: 30px;
    letter-spacing: -.035em;
    color: #fff
}

.footer-trial p {
    margin: 0;
    color: #bcd6ef
}

.footer-grid {
    grid-template-columns: 2fr 1fr 1fr 1fr
}

.public-whatsapp {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 90;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 14px 9px 9px;
    border-radius: 999px;
    background: #16b978;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 18px 45px rgba(0,0,0,.23);
    font-size: 12px
}

    .public-whatsapp span {
        width: 33px;
        height: 33px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: rgba(255,255,255,.18);
        font-size: 9px;
        font-weight: 950
    }

    .public-whatsapp b {
        font-weight: 900
    }

/* Kayıt ekranı */
.signup-page {
    position: relative;
    overflow: hidden;
    padding: 62px 0 82px;
    background: radial-gradient(circle at 8% 12%,rgba(32,200,214,.13),transparent 27%),radial-gradient(circle at 93% 10%,rgba(36,118,255,.17),transparent 31%),linear-gradient(135deg,#06101f,#0a1c34 54%,#0c2948);
    color: #fff
}

    .signup-page:before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(110,175,237,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(110,175,237,.045) 1px,transparent 1px);
        background-size: 54px 54px;
        mask-image: linear-gradient(to bottom,#000,transparent)
    }

.signup-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: .28
}

.signup-orb-one {
    width: 380px;
    height: 380px;
    background: #2476ff;
    right: -190px;
    top: 80px
}

.signup-orb-two {
    width: 300px;
    height: 300px;
    background: #20c8d6;
    left: -160px;
    bottom: 40px
}

.signup-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,.88fr) minmax(560px,1.12fr);
    gap: 58px;
    align-items: center
}

.signup-story {
    padding: 20px 0
}

.signup-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 42px;
    color: #9bb0c8;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800
}

    .signup-back:hover {
        color: #fff
    }

.signup-story h1 {
    max-width: 630px;
    margin: 18px 0;
    font-size: clamp(43px,5vw,67px);
    line-height: 1.02;
    letter-spacing: -.055em;
    font-weight: 950
}

.signup-story > p {
    max-width: 620px;
    color: #b2c3d7;
    font-size: 17px;
    line-height: 1.75
}

.signup-benefits {
    display: grid;
    gap: 14px;
    margin-top: 32px
}

    .signup-benefits article {
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 15px 17px;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 16px;
        background: rgba(255,255,255,.035);
        backdrop-filter: blur(10px)
    }

        .signup-benefits article > span {
            width: 38px;
            height: 38px;
            border-radius: 12px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg,rgba(36,118,255,.35),rgba(32,200,214,.22));
            color: #87dfff;
            font-size: 10px;
            font-weight: 950
        }

    .signup-benefits strong, .signup-benefits small {
        display: block
    }

    .signup-benefits strong {
        font-size: 14px
    }

    .signup-benefits small {
        margin-top: 4px;
        color: #94a9c0;
        line-height: 1.45
    }

.signup-assurance {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    margin-top: 25px
}

    .signup-assurance div {
        padding: 13px;
        border-radius: 13px;
        background: rgba(255,255,255,.045);
        border: 1px solid rgba(255,255,255,.07)
    }

    .signup-assurance b, .signup-assurance span {
        display: block
    }

    .signup-assurance b {
        font-size: 12px
    }

    .signup-assurance span {
        margin-top: 4px;
        color: #8fa6bf;
        font-size: 9px
    }

.signup-panel {
    padding: 34px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 30px;
    background: rgba(255,255,255,.975);
    color: var(--ink);
    box-shadow: 0 40px 90px rgba(0,0,0,.3);
    backdrop-filter: blur(18px)
}

.signup-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    padding-bottom: 24px;
    border-bottom: 1px solid #e8edf4
}

    .signup-panel-head h2 {
        margin: 6px 0;
        font-size: 31px;
        letter-spacing: -.04em
    }

    .signup-panel-head p {
        margin: 0;
        color: #73849a
    }

    .signup-panel-head a {
        color: #2476ff;
        font-weight: 850;
        text-decoration: none
    }

.signup-step {
    color: #2176e9;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .12em
}

.signup-time {
    min-width: 90px;
    padding: 12px;
    border-radius: 14px;
    text-align: center;
    background: #eff6ff;
    border: 1px solid #d9e9ff
}

    .signup-time strong, .signup-time small {
        display: block
    }

    .signup-time strong {
        color: #2476ff;
        font-size: 18px
    }

    .signup-time small {
        margin-top: 3px;
        color: #718096;
        font-size: 8px
    }

.signup-form {
    margin-top: 25px
}

.signup-section-title {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 24px 0 14px
}

    .signup-section-title:first-of-type {
        margin-top: 0
    }

    .signup-section-title > span {
        width: 30px;
        height: 30px;
        border-radius: 10px;
        display: grid;
        place-items: center;
        background: linear-gradient(135deg,#2476ff,#20a9da);
        color: #fff;
        font-size: 10px;
        font-weight: 950
    }

    .signup-section-title strong, .signup-section-title small {
        display: block
    }

    .signup-section-title strong {
        font-size: 14px
    }

    .signup-section-title small {
        margin-top: 2px;
        color: #8190a2;
        font-size: 9px
    }

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

.modern-field.full {
    grid-column: 1/-1
}

.modern-field > label {
    display: block;
    margin-bottom: 7px;
    color: #34475f;
    font-size: 11px;
    font-weight: 850
}

.input-shell {
    min-height: 48px;
    display: flex;
    align-items: center;
    border: 1px solid #d8e1ec;
    border-radius: 13px;
    background: #fff;
    transition: .2s;
    overflow: hidden
}

    .input-shell:focus-within {
        border-color: #599cf4;
        box-shadow: 0 0 0 4px rgba(36,118,255,.09)
    }

    .input-shell > span {
        width: 43px;
        flex: 0 0 43px;
        text-align: center;
        color: #7b8fa7;
        font-size: 12px
    }

    .input-shell input {
        width: 100%;
        min-width: 0;
        height: 46px;
        border: 0;
        outline: 0;
        background: transparent;
        color: #18293d;
        padding: 0 11px 0 0;
        font: inherit;
        font-size: 13px
    }

        .input-shell input::placeholder {
            color: #a6b1bf
        }

.password-shell button {
    align-self: stretch;
    border: 0;
    background: #f3f7fc;
    color: #4d6d92;
    padding: 0 11px;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer
}

.field-hint {
    display: block;
    margin-top: 6px;
    color: #8a98a9;
    font-size: 9px
}

.field-error {
    display: block;
    margin-top: 5px;
    color: #d33b54;
    font-size: 10px
}

.public-validation {
    margin-bottom: 18px;
    padding: 13px 15px;
    border: 1px solid #f1c9d0;
    border-radius: 13px;
    background: #fff2f4;
    color: #bc3048;
    font-size: 12px
}

    .public-validation ul {
        margin: 0;
        padding-left: 18px
    }

.password-rules {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px
}

    .password-rules span {
        padding: 6px 9px;
        border-radius: 999px;
        background: #f0f3f7;
        color: #8a98aa;
        font-size: 8px;
        font-weight: 800
    }

        .password-rules span.ok {
            background: #e4f8f0;
            color: #0d9b67
        }

.modern-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    color: #5d6f84;
    font-size: 10px;
    line-height: 1.55;
    cursor: pointer
}

    .modern-consent input {
        margin-top: 3px;
        accent-color: #2476ff
    }

    .modern-consent a {
        color: #2476ff;
        font-weight: 800;
        text-decoration: none
    }

.consent-error {
    margin-left: 24px
}

.signup-submit {
    width: 100%;
    min-height: 56px;
    margin-top: 20px;
    border: 0;
    font-size: 13px;
    cursor: pointer
}

    .signup-submit b {
        margin-left: auto;
        font-size: 17px
    }

.signup-footnote {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 13px;
    color: #79899c;
    font-size: 9px;
    line-height: 1.55
}

    .signup-footnote > span {
        color: #0eaa72;
        font-weight: 950
    }

/* İletişim */
.contact-hero-modern {
    position: relative;
    overflow: hidden;
    padding: 92px 0 78px;
    color: #fff;
    background: radial-gradient(circle at 83% 10%,rgba(32,200,214,.22),transparent 30%),linear-gradient(135deg,#061121,#0b2a51)
}

    .contact-hero-modern:before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
        background-size: 55px 55px;
        mask-image: linear-gradient(#000,transparent)
    }

.contact-hero-orb {
    position: absolute;
    width: 440px;
    height: 440px;
    border-radius: 50%;
    right: -180px;
    top: -190px;
    background: #2476ff;
    filter: blur(70px);
    opacity: .23
}

.contact-hero-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1fr) 340px;
    gap: 70px;
    align-items: center
}

    .contact-hero-grid h1 {
        max-width: 800px;
        margin: 17px 0;
        font-size: clamp(40px,5vw,62px);
        line-height: 1.04;
        letter-spacing: -.05em
    }

    .contact-hero-grid > div > p {
        max-width: 780px;
        color: #b3c7dc;
        font-size: 17px;
        line-height: 1.75
    }

.contact-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    margin-top: 25px
}

    .contact-hero-points span {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #d8e8f6;
        font-size: 11px;
        font-weight: 750
    }

    .contact-hero-points b {
        width: 22px;
        height: 22px;
        border-radius: 8px;
        display: grid;
        place-items: center;
        background: rgba(55,217,169,.14);
        color: #68e2b8
    }

.contact-response-card {
    padding: 28px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(14px);
    box-shadow: 0 30px 65px rgba(0,0,0,.2)
}

    .contact-response-card > span {
        color: #77e0c4;
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .13em
    }

    .contact-response-card strong {
        display: block;
        margin: 10px 0;
        font-size: 29px
    }

    .contact-response-card p {
        margin: 0;
        color: #a7bdd3;
        line-height: 1.65;
        font-size: 12px
    }

.contact-main-section {
    padding: 76px 0;
    background: linear-gradient(180deg,#f4f7fb,#fff)
}

.contact-main-grid {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr);
    gap: 26px;
    align-items: start
}

.contact-form-card {
    padding: 34px;
    border: 1px solid #e1e8f1;
    border-radius: 27px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(17,47,83,.09)
}

.contact-form-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 25px
}

.contact-form-icon {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg,#2476ff,#20c8d6);
    box-shadow: 0 12px 28px rgba(36,118,255,.22)
}

.contact-form-head h2 {
    margin: 0 0 5px;
    font-size: 26px;
    letter-spacing: -.035em
}

.contact-form-head p {
    margin: 0;
    color: #75869a
}

.contact-success {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    padding: 16px;
    border: 1px solid #c8eddf;
    border-radius: 15px;
    background: #ecfbf5
}

    .contact-success > span {
        width: 33px;
        height: 33px;
        display: grid;
        place-items: center;
        border-radius: 10px;
        background: #19b77c;
        color: #fff;
        font-weight: 950
    }

    .contact-success strong, .contact-success p {
        display: block
    }

    .contact-success p {
        margin: 4px 0 0;
        color: #477160;
        font-size: 11px
    }

.honeypot-field {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important
}

.select-shell select, .modern-textarea {
    width: 100%;
    border: 1px solid #d8e1ec;
    border-radius: 13px;
    background: #fff;
    color: #22364d;
    font: inherit;
    font-size: 13px;
    outline: 0
}

.select-shell select {
    height: 48px;
    padding: 0 12px
}

.modern-textarea {
    min-height: 145px;
    padding: 13px;
    resize: vertical
}

    .select-shell select:focus, .modern-textarea:focus {
        border-color: #599cf4;
        box-shadow: 0 0 0 4px rgba(36,118,255,.09)
    }

.textarea-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 6px;
    color: #8c99a8;
    font-size: 8px
}

    .textarea-meta b {
        white-space: nowrap
    }

.contact-submit {
    width: 100%;
    min-height: 54px;
    margin-top: 19px;
    border: 0;
    cursor: pointer
}

.contact-side {
    display: grid;
    gap: 18px
}

.contact-direct-card, .contact-trial-card {
    padding: 27px;
    border: 1px solid #e0e7f0;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(19,49,84,.07)
}

    .contact-direct-card h3 {
        font-size: 23px;
        margin: 12px 0 20px;
        letter-spacing: -.03em
    }

.direct-contact-row {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 13px 0;
    border-top: 1px solid #edf1f5;
    color: #29425f;
    text-decoration: none
}

    .direct-contact-row > span {
        width: 39px;
        height: 39px;
        border-radius: 12px;
        display: grid;
        place-items: center;
        background: #eaf3ff;
        color: #2476ff;
        font-size: 12px;
        font-weight: 900
    }

    .direct-contact-row small, .direct-contact-row strong {
        display: block
    }

    .direct-contact-row small {
        color: #8b99aa;
        font-size: 8px
    }

    .direct-contact-row strong {
        margin-top: 3px;
        font-size: 11px;
        line-height: 1.45
    }

    .direct-contact-row > b {
        color: #8ca1b8
    }

    .direct-contact-row.static {
        grid-template-columns: 42px 1fr
    }

.whatsapp-row > span {
    background: #e5f9f0;
    color: #0aa96e
}

.contact-trial-card {
    color: #fff;
    border: 0;
    background: radial-gradient(circle at 90% 0,rgba(32,200,214,.3),transparent 35%),linear-gradient(145deg,#0a2550,#116dcc);
    box-shadow: 0 24px 55px rgba(17,79,151,.22)
}

    .contact-trial-card > span {
        color: #70e6c2;
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .13em
    }

    .contact-trial-card h3 {
        font-size: 23px;
        margin: 10px 0
    }

    .contact-trial-card p {
        color: #c2dbf4;
        line-height: 1.6;
        font-size: 11px
    }

    .contact-trial-card a {
        display: inline-flex;
        margin-top: 8px;
        color: #fff;
        text-decoration: none;
        font-weight: 900;
        font-size: 11px
    }

    .contact-trial-card b {
        margin-left: 7px
    }

/* Ana sayfa ek kurumsal bölümler */
.audience-section {
    background: #fff
}

.audience-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 15px
}

    .audience-grid article {
        position: relative;
        overflow: hidden;
        padding: 25px;
        border: 1px solid #e1e8f1;
        border-radius: 21px;
        background: linear-gradient(145deg,#fff,#f8fbff);
        transition: .25s
    }

        .audience-grid article:hover {
            transform: translateY(-6px);
            box-shadow: 0 22px 50px rgba(20,63,117,.1)
        }

        .audience-grid article > span {
            position: absolute;
            right: 16px;
            top: 10px;
            color: #e0e8f2;
            font-size: 34px;
            font-weight: 950
        }

.audience-icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: #eaf3ff;
    color: #2476ff;
    font-size: 18px
}

.audience-grid h3 {
    margin: 18px 0 9px;
    font-size: 18px
}

.audience-grid p {
    margin: 0;
    color: #68798e;
    line-height: 1.65;
    font-size: 12px
}

.security-showcase {
    overflow: hidden;
    background: linear-gradient(135deg,#071426,#0c2d51);
    color: #fff
}

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

.security-visual {
    position: relative;
    min-height: 430px;
    display: grid;
    place-items: center
}

.security-core {
    position: relative;
    z-index: 3;
    width: 110px;
    height: 110px;
    border-radius: 33px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg,#2476ff,#20c8d6);
    font-size: 43px;
    font-weight: 950;
    box-shadow: 0 25px 60px rgba(36,118,255,.35)
}

.security-ring {
    position: absolute;
    border: 1px solid rgba(118,196,255,.18);
    border-radius: 50%
}

.ring-one {
    width: 270px;
    height: 270px
}

.ring-two {
    width: 420px;
    height: 420px
}

.security-chip {
    position: absolute;
    z-index: 4;
    width: 220px;
    padding: 14px 15px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 15px;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(12px);
    box-shadow: 0 20px 40px rgba(0,0,0,.17)
}

    .security-chip b, .security-chip span {
        display: block
    }

    .security-chip b {
        font-size: 12px
    }

    .security-chip span {
        margin-top: 4px;
        color: #9eb5cb;
        font-size: 9px
    }

.chip-one {
    left: 0;
    top: 50px
}

.chip-two {
    right: 0;
    top: 170px
}

.chip-three {
    left: 50px;
    bottom: 35px
}

.security-copy h2 {
    margin: 16px 0;
    font-size: clamp(35px,4vw,52px);
    line-height: 1.08;
    letter-spacing: -.045em
}

.security-copy > p {
    color: #aebfd1;
    font-size: 16px;
    line-height: 1.75
}

.security-list {
    display: grid;
    gap: 13px;
    margin-top: 25px
}

    .security-list > div {
        display: grid;
        grid-template-columns: 31px 1fr;
        column-gap: 11px;
        padding: 14px;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 14px;
        background: rgba(255,255,255,.035)
    }

        .security-list > div > span {
            grid-row: 1/3;
            width: 29px;
            height: 29px;
            border-radius: 9px;
            display: grid;
            place-items: center;
            background: rgba(52,211,153,.14);
            color: #6ee7b7
        }

    .security-list strong {
        font-size: 12px
    }

    .security-list small {
        margin-top: 3px;
        color: #8fa5bc;
        line-height: 1.5
    }

.text-link {
    display: inline-flex;
    margin-top: 22px;
    color: #80dff3;
    text-decoration: none;
    font-weight: 850;
    font-size: 11px
}

/* Özellik ve fiyat sayfaları */
.inner-hero-modern, .pricing-page-hero {
    padding-top: 86px
}

.inner-hero-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 27px
}

.feature-overview-section {
    background: #f6f9fd
}

.feature-detail-card {
    min-height: 255px
}

.feature-detail-line {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 19px;
    padding-top: 15px;
    border-top: 1px solid #edf1f5
}

    .feature-detail-line span {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #16b981
    }

    .feature-detail-line small {
        color: #7b8999
    }

.product-workflow-section {
    background: #fff
}

.product-workflow-grid {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 60px;
    align-items: center
}

    .product-workflow-grid h2 {
        font-size: clamp(34px,4vw,50px);
        line-height: 1.08;
        letter-spacing: -.045em
    }

    .product-workflow-grid p {
        color: #67788d;
        line-height: 1.75
    }

.workflow-map {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 24px;
    border: 1px solid #e0e8f1;
    border-radius: 24px;
    background: #f7faff;
    overflow: auto
}

    .workflow-map article {
        min-width: 125px;
        padding: 17px;
        border-radius: 16px;
        background: #fff;
        border: 1px solid #e4eaf2;
        box-shadow: 0 9px 24px rgba(19,52,90,.06)
    }

    .workflow-map b, .workflow-map span {
        display: block
    }

    .workflow-map b {
        color: #2476ff;
        font-size: 10px
    }

    .workflow-map span {
        margin-top: 7px;
        font-size: 11px;
        font-weight: 850
    }

    .workflow-map i {
        color: #9db0c4;
        font-style: normal
    }

.pricing-page-hero {
    text-align: center
}

.pricing-hero-trial {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    padding: 10px 14px;
    border: 1px solid rgba(112,218,239,.22);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: #b9d4e8;
    font-size: 10px
}

    .pricing-hero-trial b {
        color: #70e5c1
    }

.pricing-page-section {
    background: #f6f9fd
}

.pricing-page-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 45px;
    margin-bottom: 35px
}

    .pricing-page-intro > div > span {
        color: #2476ff;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .12em
    }

    .pricing-page-intro h2 {
        margin: 9px 0 0;
        font-size: 36px;
        letter-spacing: -.04em
    }

    .pricing-page-intro > p {
        max-width: 560px;
        margin: 0;
        color: #697a8f;
        line-height: 1.7
    }

.monthly-equivalent {
    display: block;
    margin-top: -7px;
    margin-bottom: 15px;
    color: #7b8da2;
    font-size: 9px
}

.pricing-guarantees {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 14px;
    margin-top: 28px
}

    .pricing-guarantees article {
        display: flex;
        gap: 12px;
        padding: 18px;
        border: 1px solid #e1e8f0;
        border-radius: 17px;
        background: #fff
    }

        .pricing-guarantees article > span {
            width: 31px;
            height: 31px;
            flex: 0 0 31px;
            border-radius: 10px;
            display: grid;
            place-items: center;
            background: #e7f9f2;
            color: #0eaa70;
            font-weight: 950
        }

    .pricing-guarantees strong, .pricing-guarantees small {
        display: block
    }

    .pricing-guarantees strong {
        font-size: 12px
    }

    .pricing-guarantees small {
        margin-top: 4px;
        color: #78899c;
        line-height: 1.5
    }

@media(max-width:1050px) {
    .footer-grid {
        grid-template-columns: 2fr 1fr 1fr
    }

    .signup-layout {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .signup-story {
        max-width: 760px
    }

    .signup-panel {
        max-width: 760px;
        width: 100%
    }

    .contact-hero-grid {
        grid-template-columns: 1fr
    }

    .contact-response-card {
        max-width: 500px
    }

    .contact-main-grid {
        grid-template-columns: 1fr
    }

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

    .security-showcase-grid {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .security-visual {
        max-width: 650px;
        width: 100%;
        margin: auto
    }

    .product-workflow-grid {
        grid-template-columns: 1fr
    }
}

@media(max-width:680px) {
    .public-announcement .public-container {
        padding: 8px 0;
        display: block
    }

    .public-announcement a {
        display: block;
        margin-top: 3px
    }

    .footer-trial {
        display: block;
        padding: 26px
    }

        .footer-trial .button-light {
            margin-top: 18px
        }

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

    .public-whatsapp {
        right: 13px;
        bottom: 13px
    }

        .public-whatsapp b {
            display: none
        }

    .public-whatsapp {
        padding: 7px
    }

    .signup-page {
        padding: 38px 0 55px
    }

    .signup-story h1 {
        font-size: 42px
    }

    .signup-story > p {
        font-size: 15px
    }

    .signup-assurance {
        grid-template-columns: 1fr
    }

    .signup-panel {
        padding: 22px;
        border-radius: 22px
    }

    .signup-panel-head {
        display: block
    }

    .signup-time {
        display: none
    }

    .modern-form-grid {
        grid-template-columns: 1fr
    }

    .modern-field.full {
        grid-column: auto
    }

    .contact-hero-modern {
        padding: 65px 0
    }

    .contact-hero-grid h1 {
        font-size: 41px
    }

    .contact-main-section {
        padding: 50px 0
    }

    .contact-form-card {
        padding: 22px
    }

    .contact-side {
        grid-template-columns: 1fr
    }

    .contact-hero-points {
        display: grid
    }

    .textarea-meta {
        display: block
    }

        .textarea-meta b {
            display: block;
            margin-top: 4px
        }

    .audience-grid {
        grid-template-columns: 1fr
    }

    .security-visual {
        min-height: 390px
    }

    .ring-two {
        width: 330px;
        height: 330px
    }

    .ring-one {
        width: 220px;
        height: 220px
    }

    .security-chip {
        width: 180px
    }

    .chip-one {
        left: 0
    }

    .chip-two {
        right: 0
    }

    .chip-three {
        left: 25px
    }

    .security-copy h2 {
        font-size: 36px
    }

    .inner-hero-actions {
        display: grid
    }

    .pricing-hero-trial {
        display: flex;
        flex-direction: column;
        border-radius: 16px
    }

    .pricing-page-intro {
        display: block
    }

        .pricing-page-intro > p {
            margin-top: 15px
        }

    .pricing-guarantees {
        grid-template-columns: 1fr
    }

    .workflow-map {
        align-items: stretch;
        flex-direction: column
    }

        .workflow-map i {
            transform: rotate(90deg);
            text-align: center
        }
}
/* Kayıt koşulları checkbox doğrulaması */
.modern-consent {
    scroll-margin-top: 120px;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 9px 10px;
    margin-left: -10px;
    margin-right: -10px;
    transition: border-color .18s ease,background .18s ease;
}

    .modern-consent.consent-invalid {
        border-color: #efb8c2;
        background: #fff2f4;
        color: #a92e45;
    }

        .modern-consent.consent-invalid input {
            outline: 2px solid rgba(220,53,82,.22);
            outline-offset: 2px;
        }
/* ---------------------------------------------------------
   Kayıt ekranı profesyonel tasarım iyileştirmeleri
   --------------------------------------------------------- */
.signup-panel {
    position: relative;
    overflow: hidden;
    padding: 38px;
    border: 1px solid rgba(205,219,237,.92);
    border-radius: 32px;
    background: linear-gradient(180deg,rgba(255,255,255,.995),rgba(248,251,255,.985));
    box-shadow: 0 38px 90px rgba(1,17,38,.32), 0 10px 28px rgba(11,43,82,.12), inset 0 1px 0 #fff;
}

    .signup-panel:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg,#2476ff,#20c8d6,#6ce6c2);
    }

.signup-panel-head {
    position: relative;
    padding-bottom: 25px;
}

    .signup-panel-head h2 {
        font-size: 34px;
        line-height: 1.12;
    }

.signup-time {
    min-width: 104px;
    padding: 15px 12px;
    border-radius: 17px;
    background: linear-gradient(145deg,#eef6ff,#f8fbff);
    box-shadow: inset 0 1px 0 #fff;
}

    .signup-time strong {
        font-size: 22px;
    }

.signup-progress {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    align-items: center;
    gap: 10px;
    margin: 23px 0 18px;
    padding: 15px 17px;
    border: 1px solid #e2eaf4;
    border-radius: 17px;
    background: #f7faff;
}

    .signup-progress > i {
        height: 1px;
        background: linear-gradient(90deg,#69a7ff,#d7e2ef);
    }

.signup-progress-item {
    display: flex;
    align-items: center;
    gap: 9px;
    opacity: .58;
}

    .signup-progress-item.active {
        opacity: 1;
    }

    .signup-progress-item > span {
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border: 1px solid #d3deeb;
        border-radius: 9px;
        background: #fff;
        color: #6f8095;
        font-size: 10px;
        font-weight: 950;
    }

    .signup-progress-item.active > span {
        border-color: transparent;
        background: linear-gradient(135deg,#2476ff,#20a9da);
        color: #fff;
        box-shadow: 0 7px 16px rgba(36,118,255,.2);
    }

    .signup-progress-item strong,
    .signup-progress-item small {
        display: block;
    }

    .signup-progress-item strong {
        color: #253a54;
        font-size: 10px;
    }

    .signup-progress-item small {
        margin-top: 2px;
        color: #8a99aa;
        font-size: 8px;
    }

.signup-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 21px;
}

    .signup-trust-row span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 7px 10px;
        border: 1px solid #dceee7;
        border-radius: 999px;
        background: #f3fbf7;
        color: #516b61;
        font-size: 9px;
        font-weight: 750;
    }

    .signup-trust-row b {
        width: 16px;
        height: 16px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: #dff7ec;
        color: #139467;
        font-size: 9px;
    }

.signup-validation-card {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin: 0 0 21px;
    padding: 15px 17px;
    border: 1px solid #f2c1ca;
    border-radius: 16px;
    background: linear-gradient(135deg,#fff4f5,#fff9fa);
    box-shadow: 0 8px 20px rgba(190,48,72,.06);
    color: #9f2940;
}

.signup-validation-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #ffe1e6;
    color: #c4304d;
    font-size: 14px;
    font-weight: 950;
}

.signup-validation-content {
    min-width: 0;
}

    .signup-validation-content > strong,
    .signup-validation-content > small {
        display: block;
    }

    .signup-validation-content > strong {
        font-size: 12px;
    }

    .signup-validation-content > small {
        margin-top: 3px;
        color: #bc6474;
        font-size: 9px;
    }

.signup-validation-card .public-validation {
    margin: 9px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #a53147;
    font-size: 10px;
}

    .signup-validation-card .public-validation ul {
        display: grid;
        gap: 4px;
        margin: 0;
        padding-left: 16px;
    }

.public-validation.validation-summary-valid,
.public-validation:empty {
    display: none !important;
}

.signup-section-title {
    position: relative;
    margin-top: 26px;
    padding-bottom: 12px;
}

    .signup-section-title:after {
        content: "";
        position: absolute;
        left: 42px;
        right: 0;
        bottom: 0;
        height: 1px;
        background: linear-gradient(90deg,#dde6f0,transparent);
    }

.modern-form-grid {
    gap: 16px;
}

.modern-field > label {
    margin-bottom: 8px;
    color: #2c4059;
    font-size: 10px;
    letter-spacing: .01em;
}

.input-shell {
    min-height: 52px;
    border-color: #d6e0eb;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(32,61,97,.025);
}

    .input-shell:hover {
        border-color: #b9cbe0;
    }

    .input-shell:focus-within {
        border-color: #5e9df4;
        box-shadow: 0 0 0 4px rgba(36,118,255,.09), 0 8px 18px rgba(36,118,255,.06);
    }

    .input-shell > span {
        color: #7890ad;
    }

.field-hint {
    color: #8998aa;
    line-height: 1.5;
}

.password-rules span {
    border: 1px solid #e2e8f0;
    background: #f5f7fa;
}

    .password-rules span.ok {
        border-color: #ccefe0;
    }

.signup-submit {
    min-height: 62px;
    padding: 10px 17px;
    border-radius: 16px;
    box-shadow: 0 15px 30px rgba(36,118,255,.22);
    transition: transform .18s ease,box-shadow .18s ease;
}

    .signup-submit:hover {
        transform: translateY(-1px);
        box-shadow: 0 18px 34px rgba(36,118,255,.28);
    }

    .signup-submit > span {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .signup-submit strong {
        color: #fff;
        font-size: 12px;
    }

    .signup-submit small {
        color: rgba(255,255,255,.75);
        font-size: 8px;
        font-weight: 650;
    }

    .signup-submit b {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border-radius: 11px;
        background: rgba(255,255,255,.14);
    }

.signup-footnote {
    padding: 11px 12px;
    border: 1px solid #e2e9f2;
    border-radius: 13px;
    background: #f8fafc;
}

@media(max-width:700px) {
    .signup-panel {
        padding: 25px 20px;
        border-radius: 25px;
    }

    .signup-panel-head h2 {
        font-size: 28px;
    }

    .signup-progress {
        grid-template-columns: 1fr;
        gap: 8px;
    }

        .signup-progress > i {
            display: none;
        }

    .signup-progress-item {
        padding: 4px 0;
    }

    .signup-trust-row {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   TANITIM SİTESİ HEADER / RESPONSIVE MENÜ İYİLEŞTİRMELERİ
   ========================================================= */
.public-header {
    top: auto;
    box-shadow: 0 8px 30px rgba(16,39,72,.035);
}

.public-nav-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 70;
    padding: 0;
    border: 0;
    background: rgba(3,15,31,.48);
    backdrop-filter: blur(3px);
}

.public-links > a:not(.button-primary) {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .public-links > a:not(.button-primary)::after {
        content: "";
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 4px;
        height: 2px;
        border-radius: 99px;
        background: linear-gradient(90deg,var(--brand),var(--brand2));
        transition: left .18s ease,right .18s ease;
    }

    .public-links > a:not(.button-primary):hover::after,
    .public-links > a.active::after {
        left: 0;
        right: 0;
    }

@media (max-width: 1050px) {
    .public-header {
        background: rgba(255,255,255,.97);
    }

    .public-nav {
        min-height: 72px;
    }

    .public-links > a {
        width: 100%;
        min-height: 46px;
        padding: 0 13px !important;
        border-radius: 12px;
        display: flex;
        align-items: center;
    }

        .public-links > a:not(.button-primary)::after {
            display: none;
        }

        .public-links > a:not(.button-primary):hover,
        .public-links > a.active:not(.button-primary) {
            background: #f0f6ff;
            color: var(--brand);
        }

    .public-links .button-primary {
        justify-content: center;
        margin-top: 4px;
    }

    .public-menu-open {
        overflow: hidden;
    }

        .public-menu-open .public-nav-backdrop {
            display: block;
        }

        .public-menu-open .public-header {
            z-index: 90;
        }
}

@media (max-width: 680px) {
    .public-announcement .public-container {
        min-height: 44px;
        gap: 5px;
        padding: 7px 0;
        flex-direction: column;
    }

    .public-announcement span {
        line-height: 1.45;
    }

    .public-nav {
        min-height: 66px;
    }

    .brand-logo {
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }

    .brand-copy strong {
        font-size: 17px;
    }

    .brand-copy small {
        font-size: 8px;
    }

    .public-links {
        top: calc(100% + 8px);
        border-radius: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-links,
    .public-nav-toggle span,
    .sa-nav a,
    .sa-side {
        transition: none !important;
    }
}



/* =========================================================
   MOBİL MENÜ İKONU GÖRÜNÜRLÜK DÜZELTMESİ
   ========================================================= */
.public-nav-toggle {
    position: relative;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    min-width: 46px;
    padding: 0;
    border: 1px solid #dbe7f5;
    border-radius: 14px;
    background: linear-gradient(145deg,#f5f9ff,#eaf2ff);
    color: #173e6d;
    box-shadow: 0 8px 18px rgba(20,59,102,.08);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: background .18s ease,border-color .18s ease,transform .18s ease;
}

    .public-nav-toggle:hover,
    .public-nav-toggle:focus-visible {
        border-color: #b9d2ef;
        background: #eef6ff;
        outline: none;
    }

    .public-nav-toggle:active {
        transform: scale(.97);
    }

.public-menu-icon {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%,-50%);
    fill: none;
    stroke: currentColor;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
    transition: opacity .18s ease,transform .18s ease;
}

.public-menu-icon-close {
    opacity: 0;
    transform: translate(-50%,-50%) rotate(-90deg) scale(.72);
}

.public-nav-toggle.open .public-menu-icon-open {
    opacity: 0;
    transform: translate(-50%,-50%) rotate(90deg) scale(.72);
}

.public-nav-toggle.open .public-menu-icon-close {
    opacity: 1;
    transform: translate(-50%,-50%) rotate(0) scale(1);
}

@media (max-width:1050px) {
    .public-nav-toggle {
        display: inline-flex !important;
    }
}

@media (min-width:1051px) {
    .public-nav-toggle {
        display: none !important;
    }
}

/* =========================================================
   TANITIM CMS - MOBİL / GALERİ / REFERANS BLOKLARI
   ========================================================= */
.cms-app-section{background:linear-gradient(180deg,#f8fbff,#eef6ff)}
.cms-app-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:48px;align-items:center}
.cms-app-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.04;margin:14px 0 16px;color:#0f172a}.cms-app-copy p{font-size:17px;line-height:1.7;color:#64748b;max-width:720px}.cms-app-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.cms-app-visual{min-height:360px;border-radius:32px;background:linear-gradient(145deg,#0f172a,#1e3a8a);display:grid;place-items:center;overflow:hidden;box-shadow:0 26px 60px rgba(15,23,42,.18)}.cms-app-visual img{max-width:100%;max-height:520px;object-fit:contain;display:block}
.cms-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cms-gallery-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;box-shadow:0 14px 30px rgba(15,23,42,.07)}.cms-gallery-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#eef2f7}.cms-gallery-grid article>div{padding:16px 18px}.cms-gallery-grid strong{display:block;color:#0f172a;font-size:15px}.cms-gallery-grid p{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.55}
.cms-testimonial-section{background:#071426;color:#fff}.cms-testimonial-section .premium-head h2,.cms-testimonial-section .premium-head p{color:#fff}.cms-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cms-testimonial-grid article{padding:24px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.cms-testimonial-grid img{width:54px;height:54px;border-radius:16px;object-fit:cover;margin-bottom:16px}.cms-testimonial-grid p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.84)}.cms-testimonial-grid strong{display:block;margin-top:14px}.cms-testimonial-grid small{display:block;margin-top:4px;color:rgba(255,255,255,.58)}
@media(max-width:1000px){.cms-app-grid{grid-template-columns:1fr}.cms-gallery-grid,.cms-testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.cms-gallery-grid,.cms-testimonial-grid{grid-template-columns:1fr}.cms-app-visual{min-height:260px}}