/* =========================================================
   TUAL YAPI PREMIUM LANDING PAGE SYSTEM
   Ortak CSS - Tüm Landing Page'lerde Kullanılabilir
========================================================= */

.tual-lp {
    --tual-blue: #0d84ee;
    --tual-blue-dark: #0871d1;
    --tual-teal: #2bc5a7;
    --tual-teal-dark: #1cac91;

    --tual-dark: #132331;
    --tual-dark-2: #192d3d;
    --tual-dark-3: #213848;

    --tual-text: #17232d;
    --tual-muted: #687884;
    --tual-border: #dce6ec;

    --tual-bg: #ffffff;
    --tual-soft: #f4f8fa;
    --tual-soft-2: #eef4f7;

    --tual-radius: 18px;
    --tual-radius-sm: 12px;

    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;

    background: #fff;
    color: var(--tual-text);

    font-family: inherit;
    line-height: 1.75;
}

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

.tual-lp img {
    display: block;
    max-width: 100%;
}

.tual-lp a {
    transition: all .25s ease;
}

.tual-lp p {
    margin-top: 0;
    color: var(--tual-muted);
}

.tual-lp h1,
.tual-lp h2,
.tual-lp h3 {
    color: var(--tual-text);
    line-height: 1.12;
    letter-spacing: -0.025em;
}

.tual-lp h1 {
    font-size: clamp(42px, 5vw, 72px);
    margin: 14px 0 22px;
    font-weight: 800;
}

.tual-lp h2 {
    font-size: clamp(32px, 3.3vw, 50px);
    margin: 10px 0 20px;
    font-weight: 800;
}

.tual-lp h3 {
    font-size: 21px;
    margin: 0 0 12px;
    font-weight: 750;
}

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

.tual-section {
    padding: 100px 0;
    position: relative;
}

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

.tual-section-soft {
    background:
        radial-gradient(circle at 90% 10%, rgba(43, 197, 167, .08), transparent 26%),
        var(--tual-soft);
}

.tual-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;

    color: var(--tual-blue);
}

.tual-eyebrow::before {
    content: "";
    width: 34px;
    height: 2px;
    background: linear-gradient(
        90deg,
        var(--tual-blue),
        var(--tual-teal)
    );
}

.tual-eyebrow-light {
    color: #80e5d2;
}

.tual-eyebrow-light::before {
    background: var(--tual-teal);
}


/* =========================================================
   BUTTONS
========================================================= */

.tual-btn {
    min-height: 50px;
    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    border-radius: 9px;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;

    border: 1px solid transparent;
}

.tual-btn-primary {
    color: #fff !important;
    background: linear-gradient(
        135deg,
        var(--tual-blue),
        var(--tual-teal)
    );

    box-shadow: 0 12px 30px rgba(13, 132, 238, .22);
}

.tual-btn-primary:hover {
    transform: translateY(-2px);
    color: #fff !important;
    box-shadow: 0 18px 36px rgba(13, 132, 238, .28);
}

.tual-btn-outline-light {
    color: #fff !important;
    border-color: rgba(255,255,255,.32);
    background: rgba(255,255,255,.06);
}

.tual-btn-outline-light:hover {
    border-color: #fff;
    background: rgba(255,255,255,.12);
}


/* =========================================================
   HERO
========================================================= */

.tual-hero {
    min-height: 680px;
    display: flex;
    align-items: center;
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background: var(--tual-dark);
}

.tual-hero-bg,
.tual-hero-bg img,
.tual-hero-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.tual-hero-bg {
    z-index: -3;
}

.tual-hero-bg img {
    object-fit: cover;
}

.tual-hero-overlay {
    z-index: -2;

    background:
        linear-gradient(
            90deg,
            rgba(13, 28, 39, .96) 0%,
            rgba(13, 28, 39, .87) 42%,
            rgba(13, 28, 39, .56) 72%,
            rgba(13, 28, 39, .42) 100%
        );
}

.tual-hero::after {
    content: "";
    position: absolute;
    right: -180px;
    top: -190px;
    width: 540px;
    height: 540px;

    border-radius: 50%;
    background: rgba(43, 197, 167, .13);
    filter: blur(4px);

    z-index: -1;
}

.tual-hero-inner {
    padding: 90px 0;

    display: grid;
    grid-template-columns: minmax(0, 1.3fr) 390px;
    gap: 90px;
    align-items: center;
}

.tual-hero h1 {
    color: #fff;
}

.tual-hero-lead {
    max-width: 720px;
    margin-bottom: 30px !important;

    color: rgba(255,255,255,.83) !important;
    font-size: 18px;
    line-height: 1.75;
}

.tual-hero-lead strong {
    color: #fff;
}

.tual-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tual-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 32px;

    color: rgba(255,255,255,.74);
    font-size: 12px;
    font-weight: 600;
}

.tual-hero-meta span::first-letter {
    color: var(--tual-teal);
}


/* HERO CARD */

.tual-hero-card {
    padding: 28px;

    border: 1px solid rgba(255,255,255,.15);
    border-radius: var(--tual-radius);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.055)
        );

    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    box-shadow: 0 35px 75px rgba(0,0,0,.26);
}

.tual-card-label {
    display: block;
    margin-bottom: 12px;

    color: #7ee0cf;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .17em;
}

.tual-hero-card > strong {
    display: block;
    margin-bottom: 9px;

    color: #fff;
    font-size: 22px;
    line-height: 1.3;
}

.tual-hero-card > p {
    margin-bottom: 20px;

    color: rgba(255,255,255,.64) !important;
    font-size: 13px;
    line-height: 1.65;
}

.tual-hero-card-row {
    display: flex;
    gap: 14px;
    align-items: center;

    padding: 15px 0;
    border-top: 1px solid rgba(255,255,255,.10);
}

.tual-hero-card-row > span {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    border: 1px solid rgba(43,197,167,.6);

    color: #69ddc8;
    font-size: 10px;
    font-weight: 800;
}

.tual-hero-card-row b {
    display: block;
    margin-bottom: 1px;

    color: #fff;
    font-size: 13px;
}

.tual-hero-card-row small {
    color: rgba(255,255,255,.5);
    font-size: 10px;
}

.tual-mini-link {
    margin-top: 14px;
    padding: 12px 15px;

    display: flex;
    justify-content: space-between;

    border-radius: 8px;

    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;

    background: rgba(13,132,238,.18);
    border: 1px solid rgba(13,132,238,.38);
}

.tual-mini-link:hover {
    background: var(--tual-blue);
}


/* =========================================================
   TRUST BAR
========================================================= */

.tual-trust-section {
    position: relative;
    z-index: 4;

    margin-top: -34px;
}

.tual-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    border-radius: 15px;
    overflow: hidden;

    background: var(--tual-dark);
    box-shadow: 0 20px 55px rgba(15,35,48,.17);
}

.tual-trust-item {
    min-height: 125px;
    padding: 25px 22px;

    display: flex;
    align-items: flex-start;
    gap: 14px;

    border-right: 1px solid rgba(255,255,255,.09);
}

.tual-trust-item:last-child {
    border-right: none;
}

.tual-icon-number {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    color: var(--tual-teal);
    font-size: 10px;
    font-weight: 800;

    border: 1px solid rgba(43,197,167,.38);
    background: rgba(43,197,167,.08);
}

.tual-trust-item strong {
    display: block;
    margin-bottom: 5px;

    color: #fff;
    font-size: 13px;
}

.tual-trust-item p {
    margin: 0 !important;

    color: rgba(255,255,255,.53) !important;
    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   INTRO
========================================================= */

.tual-intro-grid {
    display: grid;
    grid-template-columns: 1fr .9fr;
    gap: 70px;
    align-items: center;
}

.tual-content-block p {
    font-size: 16px;
    line-height: 1.9;
}

.tual-content-block a {
    color: var(--tual-blue);
    text-decoration: none;
}

.tual-content-block a:hover {
    color: var(--tual-teal-dark);
}

.tual-inline-note {
    margin-top: 30px;
    padding: 20px;

    display: flex;
    gap: 14px;

    border-left: 3px solid var(--tual-teal);
    border-radius: 0 12px 12px 0;

    background: var(--tual-soft);
}

.tual-inline-note > span {
    color: var(--tual-blue);
    font-size: 25px;
    font-weight: 300;
}

.tual-inline-note p {
    margin: 0 !important;
    font-size: 13px;
}

.tual-image-panel {
    position: relative;
}

.tual-image-panel > img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;

    border-radius: var(--tual-radius);

    box-shadow: 0 30px 70px rgba(25,45,61,.18);
}

.tual-image-caption {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;

    padding: 16px;

    display: flex;
    align-items: center;
    gap: 14px;

    border-radius: 12px;

    background: rgba(15,34,47,.88);
    backdrop-filter: blur(12px);
}

.tual-image-caption > span {
    color: #6ee0cb;
    font-weight: 800;
    font-size: 22px;
}

.tual-image-caption strong,
.tual-image-caption small {
    display: block;
}

.tual-image-caption strong {
    color: #fff;
    font-size: 13px;
}

.tual-image-caption small {
    color: rgba(255,255,255,.6);
    font-size: 10px;
}


/* =========================================================
   HEADING ROW
========================================================= */

.tual-heading-row,
.tual-dark-heading,
.tual-gallery-heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: end;

    margin-bottom: 45px;
}

.tual-heading-row > p,
.tual-dark-heading > p {
    max-width: 550px;
    margin-left: auto;
    font-size: 14px;
}

.tual-heading-row h2,
.tual-dark-heading h2 {
    margin-bottom: 0;
}


/* =========================================================
   FEATURE CARDS
========================================================= */

.tual-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    border: 1px solid var(--tual-border);
    border-radius: var(--tual-radius);

    overflow: hidden;
    background: #fff;
}

.tual-feature-card {
    min-height: 320px;
    padding: 34px 27px;

    border-right: 1px solid var(--tual-border);
}

.tual-feature-card:last-child {
    border-right: none;
}

.tual-feature-card > span {
    display: block;
    margin-bottom: 60px;

    color: var(--tual-blue);
    font-size: 11px;
    font-weight: 800;
}

.tual-feature-card h3 {
    font-size: 19px;
}

.tual-feature-card p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.75;
}

.tual-feature-card:hover {
    background: var(--tual-soft);
}


/* =========================================================
   PROJECT CARDS
========================================================= */

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

.tual-section-title-center .tual-eyebrow::before {
    display: none;
}

.tual-section-title-center p {
    font-size: 14px;
}

.tual-project-grid {
    display: grid;
    grid-template-columns: 1.25fr .85fr;
    grid-template-rows: repeat(2, 280px);
    gap: 16px;
}

.tual-project-card {
    position: relative;
    min-height: 280px;

    display: block;
    overflow: hidden;

    border-radius: var(--tual-radius);

    text-decoration: none !important;
}

.tual-project-large {
    grid-row: 1 / 3;
}

.tual-project-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: transform .6s ease;
}

.tual-project-card::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(11,25,35,.05) 20%,
        rgba(11,25,35,.88) 100%
    );
}

.tual-project-card:hover img {
    transform: scale(1.045);
}

.tual-project-overlay {
    position: absolute;
    z-index: 2;
    left: 28px;
    right: 28px;
    bottom: 26px;
}

.tual-project-overlay span {
    color: #70e1cc;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}

.tual-project-overlay h3 {
    margin: 7px 0;

    color: #fff;
    font-size: 25px;
}

.tual-project-overlay p {
    max-width: 430px;
    margin: 0 0 8px !important;

    color: rgba(255,255,255,.7) !important;
    font-size: 12px;
}

.tual-project-overlay b {
    color: #fff;
    font-size: 11px;
}


/* =========================================================
   DARK SECTION / COMPARE
========================================================= */

.tual-dark-section {
    background:
        radial-gradient(circle at 90% 15%, rgba(43,197,167,.08), transparent 30%),
        var(--tual-dark);
}

.tual-dark-heading h2 {
    color: #fff;
}

.tual-dark-heading > p {
    color: rgba(255,255,255,.58);
}

.tual-compare-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.tual-compare-card {
    min-height: 420px;
    padding: 38px;

    border-radius: var(--tual-radius);

    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.1);
}

.tual-compare-card-accent {
    background:
        linear-gradient(
            145deg,
            rgba(13,132,238,.13),
            rgba(43,197,167,.06)
        );
}

.tual-compare-number {
    display: block;
    margin-bottom: 50px;

    color: rgba(255,255,255,.17);
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
}

.tual-compare-card small {
    color: var(--tual-teal);
    font-size: 9px;
    letter-spacing: .16em;
    font-weight: 800;
}

.tual-compare-card h3 {
    margin-top: 10px;

    color: #fff;
    font-size: 28px;
}

.tual-compare-card p {
    color: rgba(255,255,255,.61) !important;
    font-size: 14px;
}

.tual-compare-card a {
    color: #70e1cc;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
}

.tual-compare-card a strong {
    color: #70e1cc;
}


/* =========================================================
   PROCESS
========================================================= */

.tual-process-layout {
    display: grid;
    grid-template-columns: .85fr 1.25fr;

    border: 1px solid var(--tual-border);
    border-radius: var(--tual-radius);

    overflow: hidden;
    background: #fff;
}

.tual-process-intro {
    padding: 50px;

    background:
        radial-gradient(circle at 10% 90%, rgba(43,197,167,.12), transparent 25%),
        var(--tual-dark);
}

.tual-process-intro h2 {
    color: #fff;
}

.tual-process-intro p {
    color: rgba(255,255,255,.58) !important;
    font-size: 13px;
}

.tual-process-intro .tual-btn {
    margin-top: 10px;
}

.tual-process-list {
    padding: 22px 45px;
}

.tual-process-item {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 25px;

    padding: 28px 0;

    border-bottom: 1px solid var(--tual-border);
}

.tual-process-item:last-child {
    border-bottom: 0;
}

.tual-process-item > span {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    border: 1px solid var(--tual-teal);
    color: var(--tual-blue);

    font-size: 10px;
    font-weight: 800;
}

.tual-process-item small {
    color: #9aa8b1;
    font-size: 8px;
    letter-spacing: .15em;
}

.tual-process-item h3 {
    margin: 5px 0 8px;
    font-size: 17px;
}

.tual-process-item p {
    margin: 0;
    font-size: 12px;
}


/* =========================================================
   PRICE
========================================================= */

.tual-price-heading {
    max-width: 830px;
    margin: 0 auto 45px;
    text-align: center;
}

.tual-price-heading .tual-eyebrow::before {
    display: none;
}

.tual-price-heading p {
    font-size: 14px;
}

.tual-price-box {
    display: grid;
    grid-template-columns: 340px 1fr;

    overflow: hidden;

    border: 1px solid var(--tual-border);
    border-radius: var(--tual-radius);

    background: #fff;
}

.tual-price-sidebar {
    padding: 42px 35px;

    background:
        radial-gradient(circle at 20% 90%, rgba(13,132,238,.12), transparent 30%),
        var(--tual-dark);
}

.tual-price-sidebar small {
    color: var(--tual-teal);
    letter-spacing: .14em;
    font-size: 8px;
    font-weight: 800;
}

.tual-price-sidebar h3 {
    margin-top: 10px;

    color: #fff;
    font-size: 27px;
}

.tual-price-sidebar p {
    color: rgba(255,255,255,.56) !important;
    font-size: 12px;
}

.tual-price-note {
    margin: 25px 0;
    padding: 16px;

    border-left: 2px solid var(--tual-teal);

    color: rgba(255,255,255,.68);
    font-size: 11px;

    background: rgba(255,255,255,.055);
}

.tual-price-list {
    padding: 12px 35px;
}

.tual-price-item {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 18px;

    padding: 21px 0;

    border-bottom: 1px solid var(--tual-border);
}

.tual-price-item:last-child {
    border-bottom: 0;
}

.tual-price-item > span {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--tual-blue);
    border: 1px solid rgba(13,132,238,.28);

    font-size: 9px;
    font-weight: 800;
}

.tual-price-item h3 {
    margin: 0 0 5px;
    font-size: 15px;
}

.tual-price-item p {
    margin: 0;
    font-size: 11px;
}


/* =========================================================
   CHECK CARDS
========================================================= */

.tual-check-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    border-top: 1px solid var(--tual-border);
    border-left: 1px solid var(--tual-border);
}

.tual-check-card {
    min-height: 230px;
    padding: 30px;

    border-right: 1px solid var(--tual-border);
    border-bottom: 1px solid var(--tual-border);
}

.tual-check-card > span {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    border-radius: 50%;

    color: var(--tual-teal-dark);

    border: 1px solid rgba(43,197,167,.42);
    background: rgba(43,197,167,.07);
}

.tual-check-card h3 {
    font-size: 17px;
}

.tual-check-card p {
    margin: 0;
    font-size: 12px;
}


/* =========================================================
   INTEGRATION / KIŞ BAHÇESİ
========================================================= */

.tual-integration-section {
    background: var(--tual-dark);
}

.tual-integration-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.tual-integration-content h2 {
    color: #fff;
}

.tual-integration-content p {
    color: rgba(255,255,255,.62) !important;
    font-size: 14px;
}

.tual-integration-content a:not(.tual-btn) {
    color: #74e4cf;
    text-decoration: none;
}

.tual-integration-image img {
    width: 100%;
    aspect-ratio: 1.08 / 1;
    object-fit: cover;

    border-radius: var(--tual-radius);

    box-shadow: 0 35px 80px rgba(0,0,0,.3);
}


/* =========================================================
   CITY
========================================================= */

.tual-city-layout {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 90px;
    align-items: center;
}

.tual-city-layout > div:first-child p {
    font-size: 14px;
}

.tual-city-card {
    padding: 36px;

    border-radius: var(--tual-radius);

    background:
        linear-gradient(
            145deg,
            var(--tual-dark),
            var(--tual-dark-2)
        );

    box-shadow: 0 25px 60px rgba(22,43,58,.16);
}

.tual-city-card small {
    color: var(--tual-teal);
    letter-spacing: .15em;
    font-size: 9px;
    font-weight: 800;
}

.tual-city-card > strong {
    display: block;

    margin: 13px 0;
    color: #fff;

    font-size: 26px;
    line-height: 1.25;
}

.tual-city-card p {
    color: rgba(255,255,255,.56) !important;
    font-size: 12px;
}

.tual-city-card > a {
    margin-top: 20px;
    padding-top: 20px;

    display: flex;
    justify-content: space-between;

    border-top: 1px solid rgba(255,255,255,.12);

    color: #fff !important;
    text-decoration: none !important;
}

.tual-city-card > a span {
    font-size: 20px;
    font-weight: 750;
}

.tual-city-card > a b {
    color: var(--tual-teal);
    font-size: 11px;
}


/* =========================================================
   GALLERY MARQUEE
========================================================= */

.tual-gallery-section {
    padding: 100px 0;

    background:
        linear-gradient(
            180deg,
            #f5f9fb 0%,
            #fff 100%
        );
}

.tual-gallery-heading {
    margin-bottom: 35px;
}

.tual-gallery-heading h2 {
    margin-bottom: 0;
}

.tual-gallery-heading > div:last-child {
    max-width: 500px;
    margin-left: auto;
}

.tual-gallery-heading p {
    font-size: 13px;
    margin-bottom: 12px;
}

.tual-gallery-heading a {
    color: var(--tual-blue);
    text-decoration: none;
    font-size: 12px;
    font-weight: 750;
}

.tual-marquee {
    width: 100%;
    overflow: hidden;
}

.tual-marquee-track {
    display: flex;
    width: max-content;

    animation: tualMarquee 42s linear infinite;
    will-change: transform;
}

.tual-marquee-group {
    display: flex;
    gap: 18px;
    padding-right: 18px;
}

.tual-marquee figure {
    width: 410px;
    height: 290px;

    flex: 0 0 410px;
    margin: 0;

    overflow: hidden;
    border-radius: 14px;

    background: #dde6eb;
}

.tual-marquee figure:nth-child(2n) {
    width: 330px;
    flex-basis: 330px;
}

.tual-marquee img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: transform .5s ease;
}

.tual-marquee figure:hover img {
    transform: scale(1.045);
}

.tual-marquee:hover .tual-marquee-track {
    animation-play-state: paused;
}

@keyframes tualMarquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.tual-gallery-cta {
    margin-top: 34px;
    padding: 20px 22px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    border-radius: 13px;

    background: var(--tual-dark);
}

.tual-gallery-cta strong,
.tual-gallery-cta span {
    display: block;
}

.tual-gallery-cta strong {
    color: #fff;
    font-size: 14px;
}

.tual-gallery-cta span {
    margin-top: 3px;
    color: rgba(255,255,255,.49);
    font-size: 10px;
}


/* =========================================================
   FAQ
========================================================= */

.tual-faq-section {
    background: #fff;
}

.tual-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.tual-faq-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tual-faq-column details {
    overflow: hidden;

    border: 1px solid var(--tual-border);
    border-radius: 12px;

    background: #fff;
}

.tual-faq-column details[open] {
    border-color: rgba(13,132,238,.45);
    box-shadow: 0 13px 34px rgba(24,49,66,.06);
}

.tual-faq-column summary {
    position: relative;

    min-height: 70px;
    padding: 18px 54px 18px 18px;

    display: flex;
    align-items: center;
    gap: 13px;

    cursor: pointer;
    list-style: none;

    color: var(--tual-text);
    font-size: 13px;
    font-weight: 700;
}

.tual-faq-column summary::-webkit-details-marker {
    display: none;
}

.tual-faq-column summary::after {
    content: "+";

    position: absolute;
    right: 18px;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--tual-blue);
    border: 1px solid var(--tual-border);
}

.tual-faq-column details[open] summary::after {
    content: "×";

    color: #fff;
    background: var(--tual-blue);
    border-color: var(--tual-blue);
}

.tual-faq-column summary span {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--tual-blue);
    font-size: 8px;

    background: rgba(13,132,238,.07);
}

.tual-faq-column details > div {
    padding: 0 25px 22px 61px;

    color: var(--tual-muted);
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   FINAL CTA
========================================================= */

.tual-final-section {
    padding: 90px 0 110px;

    background:
        linear-gradient(
            180deg,
            #f4f8fa,
            #fff
        );
}

.tual-final-card {
    position: relative;
    overflow: hidden;

    padding: 58px;

    display: grid;
    grid-template-columns: 1.15fr .65fr;
    gap: 70px;
    align-items: center;

    border-radius: 22px;

    background:
        radial-gradient(circle at 90% 10%, rgba(43,197,167,.14), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(13,132,238,.13), transparent 26%),
        var(--tual-dark);

    box-shadow: 0 35px 80px rgba(19,35,49,.22);
}

.tual-final-card::before {
    content: "TUAL";
    position: absolute;
    top: -28px;
    right: -20px;

    color: rgba(255,255,255,.025);

    font-size: 180px;
    font-weight: 900;
    line-height: 1;
}

.tual-final-content {
    position: relative;
    z-index: 2;
}

.tual-final-content h2 {
    max-width: 670px;

    color: #fff;
    font-size: clamp(35px, 4vw, 55px);
}

.tual-final-content h2 em {
    color: #62dbc4;
    font-style: normal;
}

.tual-final-content > p {
    max-width: 670px;

    color: rgba(255,255,255,.62) !important;
    font-size: 14px;
}

.tual-final-actions {
    margin-top: 28px;

    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tual-final-features {
    margin-top: 25px;

    display: flex;
    flex-wrap: wrap;
    gap: 18px;

    color: rgba(255,255,255,.53);
    font-size: 10px;
}

.tual-final-info {
    position: relative;
    z-index: 2;

    padding: 28px;

    border-radius: 15px;

    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.055);

    backdrop-filter: blur(12px);
}

.tual-final-info > small {
    display: block;
    margin-bottom: 16px;

    color: var(--tual-teal);
    font-size: 8px;
    letter-spacing: .14em;
    font-weight: 800;
}

.tual-final-info > div {
    padding: 14px 0;

    display: grid;
    grid-template-columns: 33px 1fr;
    gap: 12px;

    border-top: 1px solid rgba(255,255,255,.1);
}

.tual-final-info > div > span {
    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    color: var(--tual-teal);
    font-size: 8px;

    border: 1px solid rgba(43,197,167,.35);
}

.tual-final-info p {
    margin: 0 !important;

    color: rgba(255,255,255,.48) !important;
    font-size: 10px;
}

.tual-final-info p strong {
    display: block;
    margin-bottom: 2px;

    color: #fff;
    font-size: 11px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .tual-hero-inner {
        grid-template-columns: 1fr 340px;
        gap: 40px;
    }

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

    .tual-feature-card {
        border-bottom: 1px solid var(--tual-border);
    }

    .tual-check-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 850px) {

    .tual-section,
    .tual-gallery-section {
        padding: 70px 0;
    }

    .tual-hero {
        min-height: auto;
    }

    .tual-hero-inner {
        padding: 80px 0 70px;

        grid-template-columns: 1fr;
        gap: 35px;
    }

    .tual-hero-content {
        max-width: 700px;
    }

    .tual-hero-card {
        max-width: 520px;
    }

    .tual-trust-section {
        margin-top: 0;
        background: var(--tual-dark);
    }

    .tual-trust-grid {
        grid-template-columns: repeat(2, 1fr);
        border-radius: 0;
        box-shadow: none;
    }

    .tual-trust-item {
        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    .tual-intro-grid,
    .tual-heading-row,
    .tual-dark-heading,
    .tual-gallery-heading,
    .tual-integration-grid,
    .tual-city-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .tual-heading-row > p,
    .tual-dark-heading > p,
    .tual-gallery-heading > div:last-child {
        margin-left: 0;
    }

    .tual-project-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .tual-project-large {
        grid-row: auto;
    }

    .tual-project-card {
        height: 360px;
    }

    .tual-compare-grid {
        grid-template-columns: 1fr;
    }

    .tual-process-layout {
        grid-template-columns: 1fr;
    }

    .tual-price-box {
        grid-template-columns: 1fr;
    }

    .tual-final-card {
        padding: 45px;

        grid-template-columns: 1fr;
        gap: 40px;
    }

}


@media (max-width: 600px) {

    .tual-container {
        width: min(100% - 28px, 1180px);
    }

    .tual-section,
    .tual-gallery-section {
        padding: 58px 0;
    }

    .tual-lp h1 {
        font-size: 39px;
    }

    .tual-lp h2 {
        font-size: 31px;
    }

    .tual-hero-inner {
        padding: 65px 0 55px;
    }

    .tual-hero-overlay {
        background: rgba(12,28,39,.88);
    }

    .tual-hero-lead {
        font-size: 15px;
    }

    .tual-hero-actions,
    .tual-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .tual-btn {
        width: 100%;
    }

    .tual-hero-meta {
        display: grid;
        gap: 7px;
    }

    .tual-hero-card {
        padding: 22px;
    }

    .tual-trust-grid {
        grid-template-columns: 1fr;
    }

    .tual-trust-item {
        min-height: 100px;
        border-right: 0;
    }

    .tual-feature-grid {
        grid-template-columns: 1fr;
    }

    .tual-feature-card {
        min-height: auto;
        border-right: 0;
    }

    .tual-feature-card > span {
        margin-bottom: 30px;
    }

    .tual-image-panel > img {
        aspect-ratio: 4 / 4.3;
    }

    .tual-project-card {
        height: 320px;
    }

    .tual-compare-card {
        min-height: auto;
        padding: 28px;
    }

    .tual-process-intro {
        padding: 35px 25px;
    }

    .tual-process-list {
        padding: 12px 24px;
    }

    .tual-process-item {
        grid-template-columns: 40px 1fr;
        gap: 15px;
    }

    .tual-price-sidebar {
        padding: 35px 25px;
    }

    .tual-price-list {
        padding: 10px 23px;
    }

    .tual-check-grid {
        grid-template-columns: 1fr;
    }

    .tual-city-card {
        padding: 28px 23px;
    }

    .tual-city-card > a {
        flex-direction: column;
        gap: 7px;
    }

    .tual-marquee figure,
    .tual-marquee figure:nth-child(2n) {
        width: 290px;
        height: 220px;
        flex-basis: 290px;
    }

    .tual-gallery-cta {
        flex-direction: column;
        align-items: stretch;
    }

    .tual-faq-grid {
        grid-template-columns: 1fr;
    }

    .tual-faq-column details > div {
        padding-left: 20px;
    }

    .tual-final-card {
        padding: 35px 24px;
    }

    .tual-final-card::before {
        font-size: 110px;
    }

}


@media (prefers-reduced-motion: reduce) {

    .tual-marquee-track {
        animation: none;
    }

    .tual-project-card img,
    .tual-marquee img,
    .tual-btn {
        transition: none;
    }

}
/* ==========================================================
   TUAL YAPI ANA SAYFA - ÖZEL DÜZELTMELER
   Sadece ana sayfayı etkiler
========================================================== */

.tual-lp--homepage{
    --home-blue:#0d84ee;
    --home-blue-dark:#066fc9;
    --home-navy:#102838;
    --home-navy-2:#132f40;
    --home-turquoise:#31c9b1;
    --home-light:#f4f7f9;
    --home-border:#dbe5eb;
}


/* ==========================================================
   SLIDER ALTI 4 KUTU
========================================================== */

.tual-lp--homepage .home-quick-area{
    background:#fff;
    padding:46px 0 54px;
}

.tual-lp--homepage .home-quick-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.tual-lp--homepage .home-quick-card{
    min-height:190px;
    padding:31px 30px;
    border-radius:20px;
    background:linear-gradient(145deg,var(--home-blue),var(--home-blue-dark));
    color:#fff;
    position:relative;
    overflow:hidden;
    box-shadow:0 16px 35px rgba(13,132,238,.14);
}

.tual-lp--homepage .home-quick-card:after{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    border-radius:50%;
    right:-55px;
    top:-65px;
    border:1px solid rgba(255,255,255,.16);
}

.tual-lp--homepage .home-quick-card:nth-child(even){
    background:linear-gradient(145deg,#0877db,#0d84ee);
}

.tual-lp--homepage .home-quick-top{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:24px;
}

.tual-lp--homepage .home-quick-number{
    width:48px;
    height:48px;
    min-width:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.32);
    color:#fff;
    font-size:17px;
    font-weight:800;
}

.tual-lp--homepage .home-quick-card h3{
    color:#fff !important;
    font-size:20px;
    line-height:1.25;
    margin:0 !important;
    font-weight:800;
}

.tual-lp--homepage .home-quick-card p{
    color:rgba(255,255,255,.84) !important;
    font-size:15px;
    line-height:1.75;
    margin:0 !important;
}


/* ==========================================================
   RAFINOKS TARZI HİZMETLER
========================================================== */

.tual-lp--homepage .home-services{
    padding:100px 0;
    background:#f5f8fa;
}

.tual-lp--homepage .home-services-head{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:70px;
    align-items:end;
    margin-bottom:48px;
}

.tual-lp--homepage .home-services-title-small{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--home-blue);
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:2px;
    font-weight:800;
    margin-bottom:14px;
}

.tual-lp--homepage .home-services-title-small:before{
    content:"";
    width:32px;
    height:3px;
    border-radius:10px;
    background:var(--home-blue);
}

.tual-lp--homepage .home-services-head h2{
    color:#142534;
    font-size:48px;
    line-height:1.08;
    letter-spacing:-1.5px;
    margin:0 !important;
}

.tual-lp--homepage .home-services-head h2 strong{
    color:var(--home-blue);
    font-weight:800;
}

.tual-lp--homepage .home-services-head > p{
    color:#70808e;
    font-size:17px;
    line-height:1.85;
    margin:0;
    max-width:650px;
}

.tual-lp--homepage .home-service-grid{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    grid-template-rows:330px 330px 330px;
    gap:18px;
}

.tual-lp--homepage .home-service-card{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    text-decoration:none !important;
    background:#102838;
    min-height:0;
}

.tual-lp--homepage .home-service-card:nth-child(1){
    grid-column:1 / 8;
    grid-row:1 / 3;
}

.tual-lp--homepage .home-service-card:nth-child(2){
    grid-column:8 / 13;
    grid-row:1;
}

.tual-lp--homepage .home-service-card:nth-child(3){
    grid-column:8 / 13;
    grid-row:2;
}

.tual-lp--homepage .home-service-card:nth-child(4){
    grid-column:1 / 5;
    grid-row:3;
}

.tual-lp--homepage .home-service-card:nth-child(5){
    grid-column:5 / 9;
    grid-row:3;
}

.tual-lp--homepage .home-service-card:nth-child(6){
    grid-column:9 / 13;
    grid-row:3;
}

.tual-lp--homepage .home-service-card img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .55s ease;
}

.tual-lp--homepage .home-service-card:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            to top,
            rgba(5,23,34,.96) 0%,
            rgba(5,23,34,.70) 35%,
            rgba(5,23,34,.12) 72%,
            rgba(5,23,34,.05) 100%
        );
}

.tual-lp--homepage .home-service-card:hover img{
    transform:scale(1.045);
}

.tual-lp--homepage .home-service-content{
    position:absolute;
    z-index:2;
    left:30px;
    right:30px;
    bottom:28px;
    color:#fff;
}

.tual-lp--homepage .home-service-card:nth-child(1) .home-service-content{
    left:38px;
    right:38px;
    bottom:38px;
}

.tual-lp--homepage .home-service-number{
    position:absolute;
    z-index:3;
    right:20px;
    top:20px;
    width:46px;
    height:46px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(10,27,40,.55);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.24);
    font-size:12px;
    font-weight:700;
}

.tual-lp--homepage .home-service-category{
    display:flex;
    align-items:center;
    gap:10px;
    color:#55e0ca;
    font-size:11px;
    letter-spacing:1.6px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:10px;
}

.tual-lp--homepage .home-service-category:before{
    content:"";
    width:23px;
    height:2px;
    background:#55e0ca;
}

.tual-lp--homepage .home-service-card h3{
    color:#fff !important;
    font-size:25px;
    line-height:1.16;
    margin:0 0 9px !important;
}

.tual-lp--homepage .home-service-card:nth-child(1) h3{
    font-size:37px;
}

.tual-lp--homepage .home-service-card p{
    color:rgba(255,255,255,.75) !important;
    margin:0 0 12px !important;
    font-size:14px;
    line-height:1.6;
}

.tual-lp--homepage .home-service-card:nth-child(4) p,
.tual-lp--homepage .home-service-card:nth-child(5) p,
.tual-lp--homepage .home-service-card:nth-child(6) p{
    display:none;
}

.tual-lp--homepage .home-service-link{
    color:#fff;
    font-weight:700;
    font-size:14px;
}


/* ==========================================================
   8 PERGOLA KARTI - 4x2
========================================================== */

.tual-lp--homepage .home-pergola-section{
    background:var(--home-navy);
    padding:100px 0;
}

.tual-lp--homepage .home-pergola-head{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:end;
    margin-bottom:45px;
}

.tual-lp--homepage .home-pergola-head h2{
    color:#fff !important;
    font-size:48px;
    line-height:1.08;
    margin:10px 0 0 !important;
    letter-spacing:-1.4px;
}

.tual-lp--homepage .home-pergola-head p{
    color:rgba(255,255,255,.64);
    font-size:16px;
    line-height:1.8;
    margin:0;
}

.tual-lp--homepage .home-pergola-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.tual-lp--homepage .home-pergola-card{
    background:#fff;
    min-height:270px;
    padding:30px;
    border-radius:18px;
    text-decoration:none !important;
    display:flex;
    flex-direction:column;
    position:relative;
    transition:transform .25s ease,box-shadow .25s ease;
}

.tual-lp--homepage .home-pergola-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 38px rgba(0,0,0,.16);
}

.tual-lp--homepage .home-pergola-number{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#ebfaf7;
    border:1px solid #b4eadf;
    color:#24bfa8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:800;
    margin-bottom:35px;
}

.tual-lp--homepage .home-pergola-card h3{
    color:#142534 !important;
    font-size:20px;
    line-height:1.25;
    margin:0 0 12px !important;
}

.tual-lp--homepage .home-pergola-card p{
    color:#70808e !important;
    font-size:14px;
    line-height:1.65;
    margin:0 0 18px !important;
}

.tual-lp--homepage .home-pergola-link{
    color:var(--home-blue);
    font-size:14px;
    font-weight:700;
    margin-top:auto;
}

.tual-lp--homepage .home-pergola-price{
    text-align:center;
    padding-top:34px;
}


/* ==========================================================
   NASIL ÇALIŞIYORUZ - TAM BOY
========================================================== */

.tual-lp--homepage .home-process{
    background:#f4f7f9;
    padding:100px 0;
}

.tual-lp--homepage .home-process-box{
    display:grid;
    grid-template-columns:40% 60%;
    background:#fff;
    border:1px solid #dce5eb;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 50px rgba(20,37,52,.06);
}

.tual-lp--homepage .home-process-left{
    background:linear-gradient(145deg,#102838,#15394c);
    padding:66px 55px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:650px;
}

.tual-lp--homepage .home-process-left .home-process-label{
    color:#54ddc8;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:2px;
    font-weight:800;
}

.tual-lp--homepage .home-process-left h2{
    color:#fff !important;
    font-size:48px;
    line-height:1.08;
    margin:18px 0 24px !important;
    letter-spacing:-1.4px;
}

.tual-lp--homepage .home-process-left p{
    color:rgba(255,255,255,.66) !important;
    font-size:16px;
    line-height:1.8;
    margin:0 0 18px;
}

.tual-lp--homepage .home-process-left .tual-btn{
    align-self:flex-start;
    margin-top:20px;
}

.tual-lp--homepage .home-process-right{
    padding:38px 55px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.tual-lp--homepage .home-process-step{
    display:grid;
    grid-template-columns:65px 1fr;
    gap:23px;
    padding:31px 0;
    border-bottom:1px solid #e3eaee;
}

.tual-lp--homepage .home-process-step:last-child{
    border-bottom:0;
}

.tual-lp--homepage .home-process-step-number{
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #51d4bf;
    background:#f0fbf9;
    color:#21b9a2;
    font-weight:800;
}

.tual-lp--homepage .home-process-step small{
    display:block;
    color:var(--home-blue);
    font-size:11px;
    letter-spacing:1.6px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:7px;
}

.tual-lp--homepage .home-process-step h3{
    color:#142534 !important;
    margin:0 0 8px !important;
    font-size:22px;
}

.tual-lp--homepage .home-process-step p{
    color:#70808e !important;
    font-size:15px;
    line-height:1.7;
    margin:0 !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1100px){

    .tual-lp--homepage .home-service-grid{
        grid-template-rows:300px 300px 290px;
    }

    .tual-lp--homepage .home-pergola-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


@media(max-width:850px){

    .tual-lp--homepage .home-quick-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .tual-lp--homepage .home-services-head,
    .tual-lp--homepage .home-pergola-head{
        grid-template-columns:1fr;
        gap:22px;
    }

    .tual-lp--homepage .home-services-head h2,
    .tual-lp--homepage .home-pergola-head h2,
    .tual-lp--homepage .home-process-left h2{
        font-size:38px;
    }

    .tual-lp--homepage .home-service-grid{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows:none;
    }

    .tual-lp--homepage .home-service-card,
    .tual-lp--homepage .home-service-card:nth-child(n){
        grid-column:auto;
        grid-row:auto;
        min-height:360px;
    }

    .tual-lp--homepage .home-service-card:nth-child(1){
        grid-column:1 / -1;
        min-height:480px;
    }

    .tual-lp--homepage .home-process-box{
        grid-template-columns:1fr;
    }

    .tual-lp--homepage .home-process-left{
        min-height:auto;
    }

}


@media(max-width:600px){

    .tual-lp--homepage .home-quick-area{
        padding:30px 0 40px;
    }

    .tual-lp--homepage .home-quick-grid,
    .tual-lp--homepage .home-pergola-grid,
    .tual-lp--homepage .home-service-grid{
        grid-template-columns:1fr;
    }

    .tual-lp--homepage .home-quick-card{
        min-height:auto;
    }

    .tual-lp--homepage .home-service-card,
    .tual-lp--homepage .home-service-card:nth-child(n){
        grid-column:auto;
        min-height:350px;
    }

    .tual-lp--homepage .home-service-card:nth-child(1){
        min-height:430px;
    }

    .tual-lp--homepage .home-services,
    .tual-lp--homepage .home-pergola-section,
    .tual-lp--homepage .home-process{
        padding:70px 0;
    }

    .tual-lp--homepage .home-services-head h2,
    .tual-lp--homepage .home-pergola-head h2,
    .tual-lp--homepage .home-process-left h2{
        font-size:33px;
    }

    .tual-lp--homepage .home-process-left,
    .tual-lp--homepage .home-process-right{
        padding:42px 27px;
    }

    .tual-lp--homepage .home-process-step{
        grid-template-columns:48px 1fr;
        gap:14px;
    }

    .tual-lp--homepage .home-process-step-number{
        width:43px;
        height:43px;
    }
}
/* =========================================================
   TUAL YAPI v1.0.4 - PREMIUM MOBILE HERO
========================================================= */
@media (max-width:600px){
    .tual-hero{
        min-height:auto;
    }

    .tual-hero-inner{
        padding:46px 0 48px;
        gap:28px;
    }

    .tual-lp .tual-hero h1{
        max-width:370px;
        margin:11px 0 18px;
        font-size:clamp(31px,8.25vw,34px);
        line-height:1.08;
        letter-spacing:-.04em;
        font-weight:780;
        text-wrap:balance;
    }

    .tual-lp .tual-hero .tual-eyebrow{
        gap:9px;
        font-size:9px;
        line-height:1.35;
        letter-spacing:.135em;
    }

    .tual-lp .tual-hero .tual-eyebrow::before{
        width:28px;
        flex:0 0 28px;
    }

    .tual-hero-lead{
        max-width:100%;
        margin-bottom:22px!important;
        font-size:14.5px;
        line-height:1.72;
    }

    .tual-hero-actions{
        gap:10px;
    }

    .tual-hero-actions .tual-btn{
        min-height:49px;
        border-radius:10px;
        font-size:13px;
    }

    .tual-hero-meta{
        margin-top:22px;
        gap:7px;
        font-size:11px;
        line-height:1.5;
    }

    .tual-hero-card{
        margin-top:2px;
        padding:20px;
        border-radius:16px;
    }

    .tual-hero-card > strong{
        font-size:19px;
    }

    .tual-hero-overlay{
        background:linear-gradient(180deg,rgba(10,29,41,.90) 0%,rgba(10,29,41,.84) 58%,rgba(10,29,41,.92) 100%);
    }
}