/* SarvCloud Minimal RTL/LTR v3.0
 * Loaded after the base SarvCloud child-theme CSS.
 */

:root {
    --sc3-ink: #0c1d32;
    --sc3-ink-soft: #405168;
    --sc3-muted: #6a788c;
    --sc3-line: #e6ebf1;
    --sc3-surface: #ffffff;
    --sc3-soft: #f6f8fb;
    --sc3-navy: #07182b;
    --sc3-navy-2: #0d2945;
    --sc3-green: #007d69;
    --sc3-teal: #0db9aa;
    --sc3-cyan: #2bcfc4;
    --sc3-blue: #3b82f6;
    --sc3-violet: #7c5ce6;
    --sc3-amber: #e99a16;
    --sc3-rose: #e95472;
    --sc3-radius-sm: 12px;
    --sc3-radius-md: 18px;
    --sc3-radius-lg: 26px;
    --sc3-shadow-sm: 0 8px 26px rgba(12, 29, 50, .055);
    --sc3-shadow-md: 0 18px 48px rgba(12, 29, 50, .09);
    --sc3-shadow-brand: 0 26px 70px rgba(0, 75, 69, .2);
}

/* Direction, typography and common WHMCS UI */
html.sc3-dir-rtl,
html.sc3-dir-rtl body {
    direction: rtl;
    text-align: right;
}

html.sc3-dir-ltr,
html.sc3-dir-ltr body {
    direction: ltr;
    text-align: left;
}

html.sc3-dir-rtl body,
html.sc3-dir-rtl button,
html.sc3-dir-rtl input,
html.sc3-dir-rtl select,
html.sc3-dir-rtl textarea {
    font-feature-settings: "ss01" 1, "ss02" 1;
}

body {
    color: var(--sc3-ink);
    background: #f8fafc;
}

body,
button,
input,
select,
textarea {
    letter-spacing: 0;
}

input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[name*="domain" i],
input[name*="username" i],
input[name*="password" i],
code,
pre,
.sc-force-ltr {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: plaintext;
}

html.sc3-dir-rtl .text-left { text-align: right !important; }
html.sc3-dir-rtl .text-right { text-align: left !important; }
html.sc3-dir-ltr .text-left { text-align: left !important; }
html.sc3-dir-ltr .text-right { text-align: right !important; }

/* Header and navigation */
#header,
header.header {
    position: sticky;
    top: 0;
    z-index: 1040;
    border-bottom: 1px solid rgba(221, 229, 238, .9);
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: none;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

#header.sc-header-scrolled,
header.header.sc-header-scrolled {
    box-shadow: 0 12px 34px rgba(12, 29, 50, .075);
}

#header .container,
header.header .container,
.main-navbar-wrapper .container {
    max-width: 1220px;
}

#header .logo-img,
header.header .logo-img,
#header img[src*="logo"],
header.header img[src*="logo"] {
    width: auto;
    max-width: 205px;
    max-height: 52px;
    object-fit: contain;
}

.main-navbar-wrapper,
.main-navbar-wrapper .navbar,
.navbar {
    background: transparent !important;
}

.main-navbar-wrapper .navbar {
    min-height: 62px;
    padding-block: 8px;
}

.navbar .navbar-nav {
    gap: 4px;
    align-items: center;
}

.navbar .navbar-nav .nav-link,
.navbar .navbar-nav > li > a {
    position: relative;
    display: inline-flex;
    min-height: 42px;
    padding: 0 14px !important;
    align-items: center;
    gap: 8px;
    color: #293b52 !important;
    font-size: .91rem;
    font-weight: 680;
    border-radius: 11px;
}

.navbar .navbar-nav .nav-link i,
.navbar .navbar-nav > li > a i {
    width: 17px;
    color: #718096;
    text-align: center;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-item.active > .nav-link,
.navbar .navbar-nav .sc-current-link {
    color: var(--sc3-green) !important;
    background: rgba(0, 125, 105, .075);
}

.navbar .navbar-nav .active > .nav-link i,
.navbar .navbar-nav .nav-item.active > .nav-link i,
.navbar .navbar-nav .sc-current-link i {
    color: var(--sc3-green);
}

.navbar .dropdown-toggle::after {
    margin-inline-start: 7px;
    vertical-align: middle;
}

.navbar .dropdown-menu {
    min-width: 250px;
    margin-top: 10px;
    padding: 8px;
    border: 1px solid var(--sc3-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .985);
    box-shadow: var(--sc3-shadow-md);
}

html.sc3-dir-rtl .navbar .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

html.sc3-dir-ltr .navbar .dropdown-menu {
    right: auto;
    left: 0;
    text-align: left;
}

.navbar .dropdown-item {
    display: flex;
    min-height: 42px;
    padding: 9px 11px;
    align-items: center;
    gap: 10px;
    color: #31445c;
    font-size: .88rem;
    font-weight: 600;
    border-radius: 10px;
}

.navbar .dropdown-item i {
    width: 20px;
    color: #789;
    text-align: center;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.navbar .dropdown-item.active {
    color: var(--sc3-green);
    background: rgba(0, 125, 105, .07);
}

.navbar-toggler {
    width: 44px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--sc3-line) !important;
    border-radius: 11px;
    background: #fff;
}

/* Client area cards, forms and tables */
.card,
.panel,
.modal-content,
.list-group,
.invoice-container,
.product-details,
.domain-renewals {
    border: 1px solid var(--sc3-line) !important;
    border-radius: var(--sc3-radius-md) !important;
    box-shadow: var(--sc3-shadow-sm) !important;
}

.card-header,
.panel-heading,
.modal-header {
    padding: 15px 18px;
    border-color: var(--sc3-line) !important;
    background: #fff !important;
}

.card-body,
.panel-body {
    padding: 18px;
}

.client-home-cards .card,
.tiles .tile {
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.client-home-cards .card:hover,
.tiles .tile:hover {
    border-color: rgba(0, 125, 105, .24) !important;
    box-shadow: 0 16px 38px rgba(12, 29, 50, .085) !important;
    transform: translateY(-2px);
}

.btn {
    min-height: 42px;
    padding-inline: 16px;
    border-radius: 11px;
    font-weight: 680;
}

.btn-sm {
    min-height: 34px;
    padding-inline: 12px;
    border-radius: 9px;
}

.btn-primary,
.primary-bg-color,
.badge-primary {
    border-color: var(--sc3-green) !important;
    background: var(--sc3-green) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: #006b59 !important;
    background: #006b59 !important;
    box-shadow: 0 9px 24px rgba(0, 125, 105, .18) !important;
}

.form-control,
.custom-select,
.input-group-text,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    min-height: 44px;
    border-color: #dce3eb !important;
    border-radius: 11px !important;
    background-color: #fff;
}

.form-control:focus,
.custom-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(0, 125, 105, .55) !important;
    box-shadow: 0 0 0 3px rgba(0, 125, 105, .105) !important;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text {
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
}

html.sc3-dir-rtl .input-group > .form-control:not(:last-child),
html.sc3-dir-rtl .input-group > .custom-select:not(:last-child) {
    border-radius: 0 11px 11px 0 !important;
}

html.sc3-dir-rtl .input-group > .input-group-append > .btn,
html.sc3-dir-rtl .input-group > .input-group-append > .input-group-text {
    border-radius: 11px 0 0 11px !important;
}

.table-responsive {
    border: 1px solid var(--sc3-line);
    border-radius: 15px;
    background: #fff;
}

.table {
    margin-bottom: 0;
    background: #fff;
}

.table thead th {
    padding-block: 13px;
    color: #465970;
    font-size: .82rem;
    font-weight: 750;
    white-space: nowrap;
    border-top: 0;
    border-bottom: 1px solid var(--sc3-line);
    background: #f7f9fc;
}

.table td {
    padding-block: 13px;
    vertical-align: middle;
    border-color: #edf1f5;
}

html.sc3-dir-rtl .table th,
html.sc3-dir-rtl .table td { text-align: right; }
html.sc3-dir-ltr .table th,
html.sc3-dir-ltr .table td { text-align: left; }

html.sc3-dir-rtl .table td[data-label*="Amount" i],
html.sc3-dir-rtl .table td[data-label*="Total" i],
html.sc3-dir-rtl .table td[data-label*="مبلغ"],
html.sc3-dir-rtl .table td[data-label*="جمع"] {
    direction: ltr;
    text-align: left;
}

.breadcrumb {
    padding: 10px 0;
    background: transparent;
}

html.sc3-dir-rtl .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: .5rem;
    transform: rotate(180deg);
}

.alert {
    border: 0;
    border-radius: 13px;
}

footer.footer {
    margin-top: 0;
    border-top: 0;
    background: var(--sc3-navy) !important;
}

/* Homepage */
.sc3-home {
    position: relative;
    overflow: clip;
    color: var(--sc3-ink);
    background: #fff;
}

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

.sc3-home a { text-decoration: none; }

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

.sc3-section { padding: 88px 0; }

.sc3-hero {
    position: relative;
    padding: 72px 0 64px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 88% 15%, rgba(13, 185, 170, .2), transparent 28rem),
        radial-gradient(circle at 10% 92%, rgba(59, 130, 246, .14), transparent 26rem),
        linear-gradient(135deg, #061526 0%, #0a223b 58%, #073c3d 100%);
    isolation: isolate;
}

.sc3-hero::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    opacity: .3;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, #000 0%, transparent 92%);
}

.sc3-hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(36px, 6vw, 82px);
    align-items: center;
}

.sc3-kicker,
.sc3-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #57e0d1;
    font-size: .85rem;
    font-weight: 750;
}

.sc3-kicker {
    padding: 8px 12px;
    border: 1px solid rgba(87, 224, 209, .18);
    border-radius: 999px;
    background: rgba(87, 224, 209, .07);
}

.sc3-kicker-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #42ddca;
    box-shadow: 0 0 0 5px rgba(66, 221, 202, .12);
}

.sc3-hero h1 {
    max-width: 760px;
    margin: 22px 0 18px;
    color: #fff;
    font-size: clamp(2.5rem, 4.8vw, 4.7rem);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.sc3-rtl .sc3-hero h1 { letter-spacing: 0; }

.sc3-lead {
    max-width: 690px;
    margin: 0;
    color: #c5d3e1;
    font-size: 1.04rem;
    line-height: 1.95;
}

.sc3-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    align-items: center;
}

.sc3-hero .sc3-actions { margin-top: 28px; }

.sc3-btn {
    display: inline-flex;
    min-height: 49px;
    padding: 0 19px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: var(--sc3-ink) !important;
    font-size: .92rem;
    font-weight: 750;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}

.sc3-btn:hover { transform: translateY(-2px); }

.sc3-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, var(--sc3-green), var(--sc3-teal));
    box-shadow: 0 13px 30px rgba(0, 125, 105, .25);
}

.sc3-btn-primary:hover {
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(0, 125, 105, .34);
}

.sc3-btn-secondary {
    color: inherit !important;
    border-color: #dfe6ee;
    background: #fff;
}

.sc3-hero .sc3-btn-secondary {
    color: #edf5fb !important;
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.065);
}

.sc3-btn-light {
    color: var(--sc3-navy) !important;
    background: #fff;
    box-shadow: 0 12px 30px rgba(3, 16, 32, .18);
}

.sc3-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 19px;
    margin-top: 24px;
    color: #aebfd0;
    font-size: .84rem;
    font-weight: 620;
}

.sc3-hero-points span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.sc3-hero-points i {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    color: #7beadd;
    font-size: .6rem;
    border: 1px solid rgba(123,234,221,.25);
    border-radius: 50%;
}

.sc3-brand-card {
    position: relative;
    display: grid;
    min-height: 450px;
    padding: 28px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 34px;
    background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.035));
    box-shadow: var(--sc3-shadow-brand);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.sc3-brand-card::before {
    position: absolute;
    inset: 14px;
    content: "";
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 24px;
    pointer-events: none;
}

.sc3-brand-aura {
    position: absolute;
    inset: 8%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(30, 213, 191, .22), rgba(59, 130, 246, .07) 52%, transparent 72%);
    filter: blur(8px);
}

.sc3-brand-mark-wrap {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(78%, 330px);
    aspect-ratio: 1 / 1.12;
    place-items: center;
}

.sc3-brand-mark {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 22px 28px rgba(0, 8, 20, .2));
}

.sc3-brand-tags {
    position: absolute;
    right: 24px;
    bottom: 22px;
    left: 24px;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.sc3-brand-tags span {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #d9e7f2;
    font-size: .72rem;
    font-weight: 650;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(6, 24, 43, .45);
}

.sc3-brand-tags i { color: #59ddd0; }

.sc3-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr);
    gap: 40px;
    align-items: end;
    margin-bottom: 34px;
}

.sc3-section-head h2,
.sc3-model-copy h2,
.sc3-ai-copy h2,
.sc3-cta-card h2 {
    margin: 9px 0 0;
    color: var(--sc3-ink);
    font-size: clamp(1.85rem, 3.3vw, 3rem);
    font-weight: 850;
    line-height: 1.35;
}

.sc3-section-head > p,
.sc3-model-copy > p,
.sc3-ai-copy > p,
.sc3-cta-card p {
    margin: 0;
    color: var(--sc3-muted);
    line-height: 1.9;
}

.sc3-bento {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
}

.sc3-service-card {
    --sc3-accent: var(--sc3-green);
    position: relative;
    display: flex;
    grid-column: span 3;
    min-height: 230px;
    padding: 24px;
    overflow: hidden;
    flex-direction: column;
    color: var(--sc3-ink) !important;
    border: 1px solid var(--sc3-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--sc3-shadow-sm);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.sc3-service-card::before {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, var(--sc3-accent), transparent 70%);
}

.sc3-service-card::after {
    position: absolute;
    top: -70px;
    inset-inline-end: -65px;
    width: 150px;
    height: 150px;
    content: "";
    border-radius: 50%;
    background: color-mix(in srgb, var(--sc3-accent) 10%, transparent);
    transition: transform .25s ease;
}

.sc3-service-card:hover {
    color: var(--sc3-ink) !important;
    border-color: color-mix(in srgb, var(--sc3-accent) 30%, var(--sc3-line));
    box-shadow: var(--sc3-shadow-md);
    transform: translateY(-4px);
}

.sc3-service-card:hover::after { transform: scale(1.12); }

.sc3-card-1 { grid-column: span 6; }
.sc3-card-2,
.sc3-card-3 { grid-column: span 3; }
.sc3-card-4,
.sc3-card-5,
.sc3-card-6 { grid-column: span 4; }
.sc3-card-7,
.sc3-card-8 { grid-column: span 6; }

.sc3-card-icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: var(--sc3-accent);
    font-size: 1.08rem;
    border: 1px solid color-mix(in srgb, var(--sc3-accent) 18%, #e7edf3);
    border-radius: 14px;
    background: color-mix(in srgb, var(--sc3-accent) 7%, #fff);
}

.sc3-card-index {
    position: absolute;
    top: 23px;
    inset-inline-end: 23px;
    color: #c2cad5;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.sc3-card-copy {
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding-top: 32px;
}

.sc3-card-copy h3 {
    margin: 0 0 9px;
    color: var(--sc3-ink);
    font-size: 1.12rem;
    font-weight: 800;
}

.sc3-card-copy p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: var(--sc3-muted);
    font-size: .88rem;
    line-height: 1.8;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sc3-card-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-top: 18px;
    align-items: center;
    gap: 8px;
    color: var(--sc3-accent);
    font-size: .82rem;
    font-weight: 750;
}

.accent-emerald { --sc3-accent: #008b73; }
.accent-cyan { --sc3-accent: #0aa9b6; }
.accent-blue { --sc3-accent: #3579db; }
.accent-violet { --sc3-accent: #7256d8; }
.accent-amber { --sc3-accent: #d38a12; }
.accent-rose { --sc3-accent: #d84b69; }
.accent-indigo { --sc3-accent: #4d63d9; }
.accent-teal { --sc3-accent: #00a18b; }

.sc3-operating-model { background: var(--sc3-soft); }

.sc3-model-card {
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
    gap: 48px;
    padding: 42px;
    align-items: center;
    border: 1px solid var(--sc3-line);
    border-radius: var(--sc3-radius-lg);
    background: #fff;
    box-shadow: var(--sc3-shadow-sm);
}

.sc3-model-steps {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 14px;
    align-items: center;
}

.sc3-step {
    min-width: 0;
    text-align: center;
}

.sc3-step-icon {
    display: grid;
    width: 52px;
    height: 52px;
    margin: 0 auto 12px;
    place-items: center;
    color: var(--sc3-green);
    font-size: 1.05rem;
    border: 1px solid rgba(0,125,105,.15);
    border-radius: 15px;
    background: rgba(0,125,105,.055);
}

.sc3-step strong,
.sc3-step small {
    display: block;
}

.sc3-step strong {
    color: var(--sc3-ink);
    font-size: .92rem;
}

.sc3-step small {
    margin-top: 6px;
    color: var(--sc3-muted);
    font-size: .76rem;
    line-height: 1.65;
}

.sc3-step-divider {
    display: flex;
    gap: 4px;
    align-items: center;
}

.sc3-step-divider i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #c9d2dc;
}

.sc3-ai { padding-top: 72px; padding-bottom: 20px; }

.sc3-ai-card {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 26px;
    padding: 34px;
    align-items: center;
    overflow: hidden;
    color: #fff;
    border-radius: var(--sc3-radius-lg);
    background:
        radial-gradient(circle at 88% 50%, rgba(52, 217, 200, .2), transparent 22rem),
        linear-gradient(135deg, #081a2f, #0d2d49 60%, #075c57);
    box-shadow: 0 24px 58px rgba(7, 24, 43, .14);
}

.sc3-ai-symbol {
    display: grid;
    width: 66px;
    height: 66px;
    place-items: center;
    color: #68e7d9;
    font-size: 1.45rem;
    border: 1px solid rgba(104,231,217,.2);
    border-radius: 20px;
    background: rgba(104,231,217,.085);
}

.sc3-ai-copy h2 { color: #fff; font-size: clamp(1.55rem, 2.6vw, 2.35rem); }
.sc3-ai-copy > p { max-width: 690px; color: #c5d4e2; }

.sc3-ai-actions {
    display: flex;
    flex-direction: column;
    gap: 11px;
    align-items: stretch;
}

.sc3-text-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #a4f0e7 !important;
    font-size: .86rem;
    font-weight: 700;
}

.sc3-final-cta { padding-top: 52px; }

.sc3-cta-card {
    display: flex;
    gap: 28px;
    padding: 34px 38px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--sc3-line);
    border-radius: var(--sc3-radius-lg);
    background: #fff;
    box-shadow: var(--sc3-shadow-sm);
}

.sc3-cta-card > div:first-child { max-width: 720px; }
.sc3-cta-card h2 { font-size: clamp(1.55rem, 2.7vw, 2.35rem); }

.sc3-reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .55s ease, transform .55s ease;
}

.sc3-reveal.sc3-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 1100px) {
    .sc3-hero-layout { grid-template-columns: minmax(0, 1fr) minmax(310px, .65fr); gap: 36px; }
    .sc3-card-1 { grid-column: span 6; }
    .sc3-card-2, .sc3-card-3 { grid-column: span 3; }
    .sc3-card-4, .sc3-card-5, .sc3-card-6 { grid-column: span 4; }
    .sc3-card-7, .sc3-card-8 { grid-column: span 6; }
    .sc3-model-card { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
    #header,
    header.header {
        position: relative;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .navbar .navbar-nav { align-items: stretch; gap: 3px; padding-block: 9px; }
    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav > li > a { width: 100%; justify-content: flex-start; }

    .navbar .dropdown-menu {
        margin: 3px 10px 8px;
        padding: 5px;
        border: 0;
        background: #f6f8fb;
        box-shadow: none;
    }

    .sc3-section { padding: 72px 0; }
    .sc3-hero { padding: 56px 0 52px; }
    .sc3-hero-layout { grid-template-columns: 1fr; }
    .sc3-brand-card { min-height: 390px; }
    .sc3-section-head { grid-template-columns: 1fr; gap: 13px; }
    .sc3-service-card { grid-column: span 6 !important; }
    .sc3-ai-card { grid-template-columns: auto 1fr; }
    .sc3-ai-actions { grid-column: 1 / -1; flex-direction: row; align-items: center; }
    .sc3-cta-card { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 680px) {
    .sc3-container { width: min(100% - 26px, 1180px); }
    .sc3-section { padding: 58px 0; }
    .sc3-hero { padding: 44px 0 42px; }
    .sc3-hero h1 { margin-top: 18px; font-size: clamp(2.15rem, 11vw, 3.25rem); }
    .sc3-lead { font-size: .94rem; line-height: 1.9; }
    .sc3-actions { width: 100%; }
    .sc3-actions .sc3-btn { flex: 1 1 100%; width: 100%; }
    .sc3-brand-card { min-height: 330px; padding: 20px; border-radius: 26px; }
    .sc3-brand-mark-wrap { width: min(70%, 245px); }
    .sc3-brand-tags { right: 17px; bottom: 16px; left: 17px; }
    .sc3-brand-tags span { min-height: 34px; font-size: .62rem; }
    .sc3-section-head { margin-bottom: 24px; }
    .sc3-bento { gap: 12px; }
    .sc3-service-card { grid-column: 1 / -1 !important; min-height: 215px; padding: 20px; }
    .sc3-model-card { gap: 30px; padding: 28px 20px; }
    .sc3-model-steps { grid-template-columns: 1fr; gap: 12px; }
    .sc3-step { display: grid; grid-template-columns: auto 1fr; gap: 13px; align-items: center; text-align: start; }
    .sc3-step-icon { margin: 0; }
    .sc3-step-divider { display: none; }
    .sc3-step small { margin-top: 3px; }
    .sc3-ai { padding-top: 46px; }
    .sc3-ai-card { grid-template-columns: 1fr; padding: 26px 21px; }
    .sc3-ai-symbol { width: 56px; height: 56px; border-radius: 17px; }
    .sc3-ai-actions { grid-column: auto; flex-direction: column; align-items: stretch; }
    .sc3-ai-actions .sc3-btn { width: 100%; }
    .sc3-cta-card { padding: 27px 21px; }

    #header .logo-img,
    header.header .logo-img,
    #header img[src*="logo"],
    header.header img[src*="logo"] {
        max-width: 166px;
        max-height: 44px;
    }

    .table-responsive { border-radius: 12px; }
}

@media (hover: none) {
    .sc3-service-card:hover,
    .client-home-cards .card:hover,
    .tiles .tile:hover,
    .sc3-btn:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .sc3-reveal { opacity: 1; transform: none; transition: none; }
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Browsers without color-mix support */
@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
    .sc3-service-card::after { background: rgba(0, 125, 105, .07); }
    .sc3-card-icon { border-color: #e2e9ef; background: #f7fafb; }
    .sc3-service-card:hover { border-color: #cfdde3; }
}