.img-placeholder {
    color: #659eb0;
}
.hero-first-section::before {
    background-image: radial-gradient(60% 55% at 78% 38%, rgba(82, 168, 209, 0.28), transparent 70%),
        radial-gradient(45% 50% at 12% 10%, rgba(66, 168, 200, 0.18), transparent 70%),
        linear-gradient(180deg, #050506 0%, #000 100%) !important;
}
.plus-card {
    background: radial-gradient(120% 60% at 50% 0%, rgba(107, 183, 221, 0.22), transparent 60%),
        linear-gradient(180deg, #11191c 0%, #0c0b0f 100%);
    border-color: rgba(179, 234, 255, 0.38);
    box-shadow: 0 30px 80px -40px rgba(107, 183, 221, 0.6), inset 0 1px 0 rgba(255, 255, 255, .06);
}
.btn-solid {
    border: 1px solid rgba(179, 234, 255, 0.35);
    box-shadow: 0 14px 34px -14px rgba(107, 183, 221, 0.65);
}
.faq-item.active {
    background: linear-gradient(180deg, rgba(107, 183, 221, 0.12), rgba(255, 255, 255, .03));
    border-color: rgba(179, 234, 255, 0.25);
}
.slider-counter {
    background: rgba(139, 199, 228, 0.12);
}
.text-gradient-green {
    background: linear-gradient(120deg, #e6f8ff 0%, #b3eaff 45%, #77c1e1 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.roi-section::before {
    background: radial-gradient(50% 60% at 25% 50%, rgba(82, 168, 209, 0.16), transparent 70%),
        linear-gradient(to top, #050506, rgba(5, 5, 6, .86), #050506) !important;
}
.mobile-menu a.is-active {
    background: rgba(113, 221, 255, 0.16);
}
.fm-step:not(.fm-last)::after {
    background: repeating-linear-gradient(to bottom, #71ddff 0 6px, transparent 6px 12px);
    background-size: 2px 12px;
}
.fm-card:hover {
    border-color: rgba(113, 221, 255, 0.55);
}
.fm-card:focus-visible {
    outline: 2px solid #71ddff;
}
.fm-port {
    border: 2px solid #71ddff;
    box-shadow: 0 0 10px #71ddff;
}
.fm-icon {
    color: #659eb0;
}
.fm-text small.fm-accent {
    color: #9be7ff;
}
.fm-card.is-ai {
    box-shadow: 0 0 80px rgba(36, 183, 255, 0.188);
}
.fm-retarget {
    color: #96e5ff;
}
:where(a, button, summary, [role="button"], [tabindex]):focus-visible {
    outline: 2px solid #71ddff;
}
input[type="range"]:focus-visible {
    outline: 2px solid #71ddff;
}
.iphone {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .06),
        inset 0 0 0 1px rgba(255, 255, 255, .16),
        0 50px 90px -30px rgba(0, 0, 0, .9),
        0 0 80px -20px rgba(90, 179, 220, 0.35);
}
:root {
    --nw-purple: #8bc7e4;
    --nw-purple-deep: #b3eaff;
    --nw-cyber: #71ddff;
    --c-accent: #8bc7e4;
    --c-accent-2: #b3eaff;
    --c-grad: linear-gradient(135deg, #6bb7dd 0%, #387696 100%);
}
.grad-text {
    background: linear-gradient(120deg, #e6f8ff 0%, #b3eaff 45%, #77c1e1 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.page-hero::before {
    background: radial-gradient(55% 45% at 50% 0%, rgba(113, 221, 255, 0.3), transparent 72%),
        radial-gradient(35% 35% at 88% 38%, rgba(90, 164, 203, 0.16), transparent 70%),
        radial-gradient(30% 30% at 8% 70%, rgba(45, 104, 255, .10), transparent 70%);
}
.page-badge .lucide {
    color: #b8edff;
}
.hero-points .lucide {
    color: #9be7ff;
}
a.card:hover, .card.is-hoverable:hover {
    border-color: #c6e4f2;
    box-shadow: 0 22px 44px -26px rgba(48, 106, 136, 0.35);
}
.card-icon {
    background: rgba(139, 199, 228, 0.12);
    border: 1px solid #d0e9f6;
    border-color: rgba(139, 199, 228, 0.2);
}
.card--plus {
    background: linear-gradient(to top, rgba(207, 238, 255, 0.314), var(--c-card));
    border-color: rgba(139, 199, 228, 0.3);
}
.card-tag {
    color: #c6efff;
    border: 1px solid #50829c;
}
.band-dark::after {
    background: radial-gradient(circle, rgba(113, 221, 255, 0.35), transparent 70%);
}
.stat strong {
    background: linear-gradient(135deg, #ffffff 0%, #a8e9ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.step-num {
    background: linear-gradient(135deg, #e9f9ff 0%, #b3eaff 55%, #77c1e1 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.check-list .lucide {
    background: rgba(90, 164, 203, 0.078);
}
.pain-col--good {
    background: linear-gradient(to top, rgba(207, 238, 255, 0.251), var(--c-card));
    border-color: rgba(139, 199, 228, 0.3);
}
.int-tile:hover {
    border-color: #c6e4f2;
    box-shadow: 0 18px 36px -24px rgba(48, 106, 136, 0.35);
}
.int-cat {
    color: #a2d8f0;
}
.cmp-table .is-plus {
    background: rgba(139, 199, 228, 0.07);
}
.cmp-table thead th.is-plus {
    background: rgba(139, 199, 228, 0.14);
}
.field input:focus, .field select:focus, .field textarea:focus {
    box-shadow: 0 0 0 4px rgba(90, 164, 203, 0.133);
}
.chip-check input:checked+span {
    background: rgba(139, 199, 228, 0.2);
    border-color: rgba(179, 234, 255, 0.6);
}
.chip-check input:focus-visible+span {
    box-shadow: 0 0 0 4px rgba(90, 164, 203, 0.2);
}
.form-submit {
    border: 1px solid #306a88;
}
.plan-option input:checked+.plan-option-box {
    background: linear-gradient(to top, rgba(207, 238, 255, 0.314), var(--c-card));
    box-shadow: 0 0 0 3px rgba(90, 164, 203, 0.122);
}
.plan-option input:focus-visible+.plan-option-box {
    box-shadow: 0 0 0 4px rgba(90, 164, 203, 0.2);
}
.plan-summary li .lucide {
    color: #9be7ff;
}
.wa-avatar-mono {
    background: linear-gradient(135deg, #5aa4cb, #2d5970);
}
.crm-note b .lucide {
    color: #9be7ff;
}
.code-window .c-tag {
    color: #a6e4ff;
}
.help-search input:focus {
    border-color: #71ddff;
}
.timeline::before {
    background: linear-gradient(to bottom, #5aa4cb, #cfeeff);
}
.tl-item::before {
    border: 3px solid #5aa4cb;
    box-shadow: 0 0 0 5px rgba(90, 164, 203, 0.102);
}
.tl-tag {
    color: #c6efff;
    background: rgba(139, 199, 228, 0.14);
}
.tl-item li::marker {
    color: #5aa4cb;
}
.legal-nav a:hover {
    background: rgba(139, 199, 228, 0.12);
}
.legal-nav a.is-current {
    color: #c6efff;
    background: rgba(139, 199, 228, 0.14);
}
.legal li::marker {
    color: #5aa4cb;
}
a.contact-item:hover {
    border-color: rgba(113, 221, 255, 0.45);
}
.contact-item .contact-ic {
    background: linear-gradient(to bottom, rgba(113, 221, 255, 0.125), rgba(113, 221, 255, 0.251));
    color: #d0f3ff;
}
.sector-chip .lucide {
    background: rgba(139, 199, 228, 0.14);
}
.sector-chip:hover {
    border-color: rgba(179, 234, 255, 0.35);
    box-shadow: 0 18px 40px -24px rgba(82, 168, 209, 0.55);
}
.plan-summary-link {
    color: #b8edff;
}
.split-lead code, .card p code {
    color: #b3eaff;
    background: rgba(139, 199, 228, 0.14);
}
::selection {
    background: rgba(139, 199, 228, 0.35);
}
.site-nav::after {
    background: linear-gradient(90deg, transparent, rgba(179, 234, 255, 0.45), transparent);
}
.card-section-hero::before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(100, 189, 230, 0.35), transparent 70%);
}
.gpt-badge {
    border-color: rgba(179, 234, 255, 0.45);
}
.card:hover, .int-tile:hover {
    border-color: rgba(179, 234, 255, 0.28);
    box-shadow: 0 24px 60px -30px rgba(107, 183, 221, 0.45), inset 0 1px 0 rgba(255, 255, 255, .05);
}
.int-logo--icon {
    background: rgba(139, 199, 228, 0.12);
}
.field input:focus, .field select:focus, .field textarea:focus, .help-search input:focus {
    border-color: rgba(179, 234, 255, 0.6);
    box-shadow: 0 0 0 4px rgba(139, 199, 228, 0.18);
}
[data-page^="entegrasyon-"] .page-body {
    background: radial-gradient(60% 40% at 70% 0%, rgba(82, 168, 209, 0.14), transparent 70%),
        #000;
}
.doc-nav-ic {
    background: rgba(139, 199, 228, 0.16);
}
.doc-nav-group a.is-current {
    background: rgba(139, 199, 228, 0.14);
}
.doc-cat {
    border: 1px solid rgba(179, 234, 255, 0.28);
    background: rgba(139, 199, 228, 0.08);
}
.doc-visual {
    background: radial-gradient(90% 60% at 50% 0%, rgba(107, 183, 221, 0.22), transparent 70%),
        linear-gradient(180deg, #121215, #09090b);
}
.doc-orbit {
    border: 1px dashed rgba(179, 234, 255, 0.18);
}
.doc-orbit::before, .doc-orbit::after {
    box-shadow: 0 0 12px rgba(179, 234, 255, 0.9);
}
.doc-tile--ai {
    border: 1px solid rgba(179, 234, 255, 0.3);
    box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .9), 0 0 40px -10px rgba(107, 183, 221, 0.6);
}
.doc-wire {
    background: repeating-linear-gradient(90deg, rgba(179, 234, 255, 0.55) 0 6px, transparent 6px 12px);
    background-size: 24px 2px;
}
.doc-wire i {
    box-shadow: 0 0 14px 2px rgba(179, 234, 255, 0.9);
}
.doc-feat-ic {
    background: rgba(139, 199, 228, 0.14);
}
.doc-steps li:not(:last-child)::before {
    background: linear-gradient(180deg, rgba(179, 234, 255, 0.45), rgba(255, 255, 255, .06));
}
.doc-step-n {
    border: 1px solid rgba(179, 234, 255, 0.35);
    background: rgba(139, 199, 228, 0.1);
}
.doc-pager a:hover {
    border-color: rgba(179, 234, 255, 0.35);
    background: rgba(139, 199, 228, 0.06);
}
a.int-chip:hover, a.apple-pill:hover {
    border-color: rgba(179, 234, 255, 0.45);
    background: rgba(139, 199, 228, 0.1);
}
.iphone .wa-body {
    background: radial-gradient(120% 55% at 50% 0%, rgba(82, 168, 209, 0.1), transparent 62%),
        #0b0b0d;
}
.iphone .wa-bubble.customer {
    background: linear-gradient(to top, #3b80a1, #52a5cb);
    box-shadow: 0 8px 20px -10px rgba(82, 168, 209, 0.6);
}
.faq-answer-content a {
    text-decoration-color: rgba(179, 234, 255, 0.45);
}
.help-search.is-open input {
    border-color: rgba(179, 234, 255, 0.5);
}
.sr-ic {
    background: rgba(139, 199, 228, 0.12);
}
.search-pop mark {
    background: rgba(179, 234, 255, 0.24);
}
.titanium-text {
    background-image: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExaGVqMXFrN2wxY2ZhbTc5OXVjZW9tdzM3cXl0enV4cWgyaTQzMXR3YyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/xKBdOSxnnd03FaPgxn/giphy.gif),
        linear-gradient(120deg, #e6f8ff 0%, #b3eaff 45%, #77c1e1 100%);
}
@media (min-width: 640px) {
    .fm-branch::before {
        background: linear-gradient(to right, #16a34a, #71ddff, #dc2626);
    }
}
@keyframes faqFlash {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(179, 234, 255, 0);
    }

    18% {
        box-shadow: 0 0 0 3px rgba(179, 234, 255, 0.5);
    }
}

.titanium-text {
    background: linear-gradient(120deg, #eafaff 0%, #a8e6fb 45%, #3fbde9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

::selection {
    background: rgba(5, 216, 236, .3);
}

:where(a, button, summary, [role="button"], [tabindex]):focus-visible {
    outline-color: #3fc8ef;
}