/* ==========================================================================
   SancaktepeTabela.com - Ana Stil Dosyası
   Siyah, Kırmızı ve Kırık Beyaz Kurumsal Tasarım Sistemi
   ========================================================================== */

:root {
    --primary-600: #dc2626;
    --primary-700: #b91c1c;
    --primary-500: #ef4444;
    --primary-50: #fef2f2;
    --dark-900: #050505;
    --dark-800: #111111;
    --slate-600: #475569;
    --slate-500: #64748b;
    --slate-100: #f1f5f9;
    --slate-50: #f8fafc;
    --font-heading: 'Outfit', sans-serif;
    --font-sans: 'Plus Jakarta Sans', sans-serif;
}

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

html {
    font-family: var(--font-sans);
    font-size: 17px;
    background-color: #000;
    color: #18181b;
    scroll-behavior: smooth;
}

body {
    background-color: #000;
    color: #18181b;
    line-height: 1.65;
    overflow-x: hidden;
}

.header-brand-logo { width: 90px; height: 90px; object-fit: contain; filter: drop-shadow(0 4px 12px rgba(0,0,0,.35)); }
.drawer-brand-logo img { width: 74px; height: 74px; object-fit: contain; }

/* Tipografi */
h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: var(--font-heading);
    font-weight: 700;
    color: #050505;
    line-height: 1.25;
}

a {
    color: inherit;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Konteyner & Boşluklar */
.container {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

/* Navigasyon Linkleri */
.nav-link {
    color: #d4d4d8;
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.55rem 0.65rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.nav-link:hover, .nav-link.active {
    color: #ffffff;
    background-color: #18181b;
}

.header-offer-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: 0.4rem;
    padding: 0.65rem 1rem;
    border-radius: 0.65rem;
    background: #dc2626;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.header-offer-link:hover {
    background: #ef4444;
    color: #fff;
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.75rem;
    border-radius: 0.5rem;
    color: #334155;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
}

.dropdown-item:hover {
    background-color: #fef2f2;
    color: #dc2626;
    transform: translateX(2px);
}

.mobile-nav-link {
    display: block;
    padding: 0.65rem 0.85rem;
    font-weight: 600;
    color: #e4e4e7;
    border-radius: 0.5rem;
}

.mobile-nav-link:hover {
    background-color: #18181b;
    color: #ffffff;
}

.site-header .mobile-accordion-content a {
    color: #a1a1aa !important;
}

.site-header .mobile-accordion-content a:hover {
    color: #f87171 !important;
}

@media (max-width: 1180px) and (min-width: 1024px) {
    .site-logo > div:last-child > div { font-size: 1.05rem; }
    .site-logo > div:last-child > span { display: none; }
    .nav-link { font-size: 0.76rem; padding-left: 0.48rem; padding-right: 0.48rem; }
    .header-offer-link { padding-left: 0.75rem; padding-right: 0.75rem; }
}

/* Butonlar (Kırmızı & Beyaz) */
.btn-primary {
    background: #dc2626;
    color: #ffffff !important;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    font-family: var(--font-heading);
}

.btn-primary:hover {
    background: #b91c1c;
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.35);
    transform: translateY(-1px);
}

.btn-secondary {
    background: #ffffff;
    color: #18181b !important;
    border: 1px solid #cbd5e1;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.btn-secondary:hover {
    background: #f8fafc;
    border-color: #dc2626;
    color: #dc2626 !important;
    transform: translateY(-1px);
}

/* Kartlar (Clean White Cards) */
.card-clean {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 2rem;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.card-clean:hover {
    border-color: #fca5a5;
    box-shadow: 0 10px 25px -5px rgba(220, 38, 38, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
    transform: translateY(-3px);
}

.badge-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.85rem;
    background: #fef2f2;
    border: 1px solid #fee2e2;
    color: #dc2626;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 700;
}

/* Hizmet İkon Kutusu */
.service-icon-box {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.85rem;
    background: #fef2f2;
    border: 1px solid #fee2e2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dc2626;
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    transition: all 0.25s ease;
}

.card-clean:hover .service-icon-box {
    background: #dc2626;
    color: #ffffff;
    transform: scale(1.05);
}

/* SSS Akordiyonu */
.faq-item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    margin-bottom: 0.85rem;
    overflow: hidden;
    transition: all 0.2s ease;
}

.faq-question {
    width: 100%;
    padding: 1.25rem 1.5rem;
    text-align: left;
    background: none;
    border: none;
    color: #050505;
    font-size: 1.05rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-family: var(--font-heading);
}

.faq-question:hover {
    color: #dc2626;
}

.faq-answer {
    padding: 0 1.5rem 1.25rem 1.5rem;
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.7;
    display: none;
}

.faq-item.active {
    border-color: #f87171;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.05);
}

.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
    color: #dc2626;
}

/* Form Elemanları */
.form-group {
    margin-bottom: 1.25rem;
}

.form-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.4rem;
}

.form-control {
    width: 100%;
    padding: 0.75rem 1rem;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.6rem;
    color: #050505;
    font-size: 0.95rem;
    font-family: inherit;
    transition: all 0.2s ease;
}

.form-control:focus {
    outline: none;
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

/* Zengin Metin Düzeni */
.prose-content {
    color: #334155;
    font-size: 1.05rem;
    line-height: 1.8;
}

.prose-content h2, .prose-content h3, .prose-content h4 {
    margin-top: 2rem;
    margin-bottom: 0.85rem;
    color: #050505;
    font-family: var(--font-heading);
}

.prose-content p {
    margin-bottom: 1.25rem;
}

.prose-content ul, .prose-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.prose-content li {
    margin-bottom: 0.5rem;
}

.prose-content strong {
    color: #050505;
}

/* Sokak Rozetleri */
.street-badge {
    display: inline-block;
    padding: 0.3rem 0.65rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    color: #475569;
    font-weight: 500;
    transition: all 0.15s ease;
}

.street-badge:hover {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #dc2626;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #dc2626;
}

/* Görsel odaklı anasayfa */
.home-hero {
    position: relative;
    min-height: max(820px, calc(100vh - 76px));
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.home-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility .8s ease; }
.home-slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.home-slide .home-hero__image { transform: scale(1.035); transition: transform 7s ease; }
.home-slide.is-active .home-hero__image { transform: scale(1); }
.home-slide .home-hero__content { opacity: 0; transform: translateY(20px); transition: opacity .65s .2s ease, transform .65s .2s ease; }
.home-slide.is-active .home-hero__content { opacity: 1; transform: none; }

.home-hero__image,
.home-hero__veil {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.home-hero__image { object-fit: cover; object-position: center; }
.home-hero__veil { background: linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.76) 42%, rgba(0,0,0,.18) 78%, rgba(0,0,0,.05) 100%); }
.home-hero__content { position: relative; z-index: 2; padding-top: 5.5rem; padding-bottom: 13rem; }

.home-kicker {
    display: inline-block;
    color: #ef4444;
    font-size: .72rem;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.home-kicker--dark { color: #dc2626; }
.home-hero h1,
.home-hero .home-slide h2 { color: #fff; font-size: clamp(3rem, 5vw, 5.4rem); line-height: .94; letter-spacing: -.055em; font-weight: 800; }
.home-hero h1 span,
.home-hero .home-slide h2 span { color: #ef4444; }
.home-hero__content p { max-width: 620px; color: #d4d4d8; font-size: clamp(1rem, 1.5vw, 1.25rem); line-height: 1.7; margin-top: 1.75rem; }

.home-ghost-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.75rem;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: .75rem;
    color: #fff;
    font-weight: 700;
}
.home-ghost-button:hover { background: #fff; color: #000; border-color: #fff; }

.home-hero__facts {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(1280px, calc(100% - 2rem));
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: rgba(9,9,11,.9);
    backdrop-filter: blur(12px);
    border: 1px solid #27272a;
    border-bottom: 0;
}
.home-hero__facts span { padding: 1.3rem 2rem; color: #a1a1aa; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; border-right: 1px solid #27272a; }
.home-hero__facts span:last-child { border-right: 0; }
.home-hero__facts strong { color: #fff; font-size: 1.05rem; margin-right: .35rem; }
.home-slider-controls { position: absolute; z-index: 5; right: max(1rem, calc((100vw - 1280px) / 2)); top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: .8rem; }
.home-slider-controls button { width: 2.5rem; height: 2.5rem; color: #71717a; border: 1px solid rgba(255,255,255,.18); font-size: .62rem; font-weight: 800; transition: .25s ease; }
.home-slider-controls button.is-active { color: #fff; background: #dc2626; border-color: #dc2626; transform: translateX(-.4rem); }

.section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 3rem; }
.section-heading-row h2 { font-size: clamp(2.5rem, 5vw, 4.7rem); line-height: .95; letter-spacing: -.045em; }
.section-heading-row > p { max-width: 510px; color: #71717a; font-size: .92rem; line-height: 1.75; }
.section-heading-row--dark h2 { color: #fff; }
.section-heading-row--dark > p { color: #a1a1aa; }

.project-grid { display: grid; grid-template-columns: 1.45fr 1fr; grid-template-rows: repeat(2, 280px); gap: 1rem; }
.project-card { position: relative; display: block; overflow: hidden; background: #111; }
.project-card--large { grid-row: span 2; }
.project-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease, filter .6s ease; }
.project-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 48%, rgba(0,0,0,.84)); }
.project-card:hover img { transform: scale(1.035); filter: brightness(.82); }
.project-card > span { position: absolute; z-index: 2; left: 1.5rem; bottom: 1.4rem; color: #fff; font: 700 1.3rem/1.2 var(--font-heading); }
.project-card > span small { display: block; color: #f87171; font: 800 .65rem/1 var(--font-sans); text-transform: uppercase; letter-spacing: .15em; margin-bottom: .45rem; }

.visual-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #27272a; border: 1px solid #27272a; }
.visual-service-card { position: relative; min-height: 330px; overflow: hidden; background: #09090b; }
.visual-service-card > img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) brightness(.45); transition: .5s ease; }
.visual-service-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 25%, rgba(0,0,0,.9)); }
.visual-service-card > div { position: absolute; z-index: 2; inset: auto 1.35rem 1.35rem; display: grid; grid-template-columns: auto 1fr auto; align-items: end; gap: .8rem; }
.visual-service-card span { color: #ef4444; font-size: .68rem; font-weight: 800; }
.visual-service-card h3 { color: #fff; font-size: 1.15rem; }
.visual-service-card i { color: #71717a; font-size: .8rem; }
.visual-service-card:hover > img { filter: grayscale(0) brightness(.75); transform: scale(1.04); }

.workshop-section { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 650px; background: #09090b; color: #fff; }
.workshop-section__image img { width: 100%; height: 100%; object-fit: cover; }
.workshop-section__content { padding: clamp(3rem, 7vw, 7rem); display: flex; flex-direction: column; justify-content: center; }
.workshop-section__content h2 { color: #fff; font-size: clamp(2.8rem, 5vw, 5rem); line-height: .94; letter-spacing: -.05em; }
.workshop-section__content > p { color: #a1a1aa; line-height: 1.8; margin-top: 1.7rem; max-width: 620px; }
.workshop-points { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-top: 2rem; }
.workshop-points span { padding: 1rem 0; border-top: 1px solid #3f3f46; color: #e4e4e7; font-weight: 700; font-size: .85rem; }
.workshop-points b { color: #dc2626; margin-right: .65rem; }

.home-final-cta { padding: 4rem 0; background: #18181b; color: #fff; }
.home-final-cta span { color: #a1a1aa; font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.home-final-cta h2 { color: #fff; font-size: clamp(1.9rem, 4vw, 3.4rem); margin-top: .35rem; }

/* Anasayfa SEO metin alanı */
.home-seo-section { padding: clamp(4.5rem, 8vw, 8rem) 0; background: #18181b; color: #d4d4d8; border-top: 1px solid #27272a; }
.home-seo-section__intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem 5rem; align-items: end; }
.home-seo-section__intro .home-kicker { grid-column: 1 / -1; margin-bottom: 0; }
.home-seo-section__intro h2 { color: #fff; font-size: clamp(2.4rem, 4.8vw, 4.8rem); line-height: 1; letter-spacing: -.045em; }
.home-seo-section__intro p { color: #a1a1aa; line-height: 1.85; }
.home-seo-section__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 4rem; background: #3f3f46; border: 1px solid #3f3f46; }
.home-seo-section__grid article { background: #111113; padding: clamp(1.6rem, 3vw, 2.5rem); }
.home-seo-section__grid article > span { color: #ef4444; font-size: .72rem; font-weight: 900; letter-spacing: .15em; }
.home-seo-section__grid h3 { color: #fff; font-size: 1.35rem; margin: 1.1rem 0 1rem; }
.home-seo-section__grid p { color: #a1a1aa; font-size: .9rem; line-height: 1.85; }
.home-seo-section__answer { display: grid; grid-template-columns: .6fr 1.4fr; gap: 2rem; margin-top: 1px; padding: 2rem 2.5rem; background: #dc2626; color: #fff; }
.home-seo-section__answer strong { font: 800 1.35rem/1.25 var(--font-heading); }
.home-seo-section__answer p { line-height: 1.75; color: #fee2e2; }

.home-guides { padding: clamp(4.5rem, 8vw, 7rem) 0; background: #09090b; color: #fff; border-top: 1px solid #27272a; }
.home-guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-top: 3rem; }
.home-guide-card { background: #18181b; border: 1px solid #27272a; overflow: hidden; }
.home-guide-card__image { position: relative; display: block; height: 230px; overflow: hidden; }
.home-guide-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.home-guide-card:hover img { transform: scale(1.04); }
.home-guide-card__image span { position: absolute; right: .8rem; bottom: .8rem; padding: .35rem .55rem; background: #dc2626; color: #fff; font-size: .62rem; font-weight: 900; }
.home-guide-card__body { padding: 1.3rem; }
.home-guide-card__body > div { color: #71717a; font-size: .62rem; }
.home-guide-card__body > div i { color: #ef4444; }
.home-guide-card h3 { color: #fff; font-size: 1.15rem; line-height: 1.3; margin: .75rem 0; }
.home-guide-card h3 a:hover { color: #f87171; }
.home-guide-card p { color: #a1a1aa; font-size: .76rem; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.home-guide-card__body > a { display: inline-flex; align-items: center; gap: .45rem; color: #ef4444; font-size: .7rem; font-weight: 800; margin-top: 1rem; }

/* Koyu içerik kartları */
.prose-content--dark { color: #d4d4d8; }
.prose-content--dark > h2,
.prose-content--dark > h3,
.prose-content--dark > h4,
.prose-content--dark > p strong,
.prose-content--dark > ul strong,
.prose-content--dark > ol strong { color: #fff; }
.prose-content--dark > p,
.prose-content--dark > ul,
.prose-content--dark > ol { color: #d4d4d8; }
.prose-content--dark > p:first-child { font-size: 1.15rem; color: #f4f4f5; border-left: 3px solid #dc2626; padding-left: 1.25rem; }
.prose-content--dark > p strong,
.prose-content--dark > li strong { color: #f87171; }
.prose-content--dark > h2 { color: #fff; font-size: clamp(1.45rem, 2.5vw, 2rem); padding-bottom: .65rem; border-bottom: 1px solid #3f3f46; }
.prose-content--dark > h3 { color: #f87171; font-size: clamp(1.15rem, 2vw, 1.45rem); }

.technical-spec-table { border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid #3f3f46; border-radius: .8rem; color: #d4d4d8; }
.technical-spec-table tbody { border: 0; }
.technical-spec-table tr,
.technical-spec-table tr.bg-slate-50 { background: #18181b !important; }
.technical-spec-table tr:nth-child(even) { background: #27272a !important; }
.technical-spec-table td { border-color: #3f3f46; color: #d4d4d8; }
.technical-spec-table td:first-child { color: #fff; }

/* Soldan açılan mobil menü */
.mobile-menu-overlay { position: fixed; z-index: 59; inset: 0; background: rgba(0,0,0,.72); opacity: 0; visibility: hidden; transition: .35s ease; }
.mobile-menu-overlay.is-open { opacity: 1; visibility: visible; }
.mobile-menu-drawer { position: fixed; z-index: 60; left: 0; top: 0; bottom: 0; width: min(88vw, 390px); max-height: none !important; transform: translateX(-102%); visibility: hidden; transition: transform .42s cubic-bezier(.22,1,.36,1), visibility .42s; border-right: 1px solid #27272a; }
.mobile-menu-drawer.is-open { transform: translateX(0); visibility: visible; }
.mobile-drawer-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.1rem; margin-bottom: .8rem; border-bottom: 1px solid #27272a; }
.mobile-drawer-head .site-footer__brand { margin: 0; font-size: 1.15rem; }
.mobile-drawer-head button { width: 2.5rem; height: 2.5rem; border: 1px solid #3f3f46; color: #fff; }
body.menu-open { overflow: hidden; }

/* Blog / Rehber */
.blog-index { background: #111113; color: #fff; }
.blog-index__hero { padding: clamp(4.5rem, 8vw, 8rem) 0; background: #050505; border-bottom: 1px solid #27272a; }
.blog-index__hero > div { text-align: center; }
.blog-index__hero h1 { color: #fff; font-size: clamp(3.2rem, 8vw, 7rem); line-height: .9; letter-spacing: -.06em; }
.blog-index__hero > div > p { max-width: 720px; margin: 1.6rem auto 0; color: #a1a1aa; font-size: 1rem; line-height: 1.8; }
.blog-trust-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem 2rem; margin-top: 2rem; color: #d4d4d8; font-size: .72rem; font-weight: 700; }
.blog-trust-row i { color: #ef4444; margin-right: .4rem; }
.blog-index__content { padding: clamp(3.5rem, 7vw, 7rem) 0; }
.blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.blog-card { background: #18181b; border: 1px solid #27272a; overflow: hidden; transition: transform .3s ease, border-color .3s ease; }
.blog-card:hover { transform: translateY(-4px); border-color: #dc2626; }
.blog-card__image { position: relative; display: block; height: 320px; overflow: hidden; }
.blog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.blog-card:hover .blog-card__image img { transform: scale(1.035); }
.blog-card__image > span { position: absolute; right: 1rem; bottom: 1rem; padding: .45rem .65rem; background: rgba(0,0,0,.82); color: #fff; font-size: .65rem; font-weight: 800; }
.blog-card__body { padding: 1.7rem; }
.blog-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #71717a; font-size: .65rem; }
.blog-card__meta i { color: #ef4444; }
.blog-card h2 { color: #fff; font-size: clamp(1.25rem, 2.2vw, 1.75rem); line-height: 1.25; margin: 1rem 0; }
.blog-card h2 a:hover { color: #f87171; }
.blog-card__body > p { color: #a1a1aa; font-size: .82rem; line-height: 1.75; }
.blog-card__tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1rem; }
.blog-card__tags span { padding: .3rem .5rem; color: #d4d4d8; border: 1px solid #3f3f46; font-size: .6rem; }
.blog-card__read { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.3rem; color: #ef4444; font-size: .75rem; font-weight: 800; }
.article-hero { padding: 4.5rem 0; background: #050505; color: #fff; border-bottom: 1px solid #27272a; }
.article-author-row { display: flex; align-items: center; gap: .7rem; color: #fff; font-size: .72rem; }
.article-author-row > span:nth-child(2) { display: flex; flex-direction: column; }
.article-author-row small { color: #71717a; margin-top: .1rem; }
.article-author-avatar { width: 3rem; height: 3rem; flex: 0 0 3rem; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; padding: .12rem; background: #000; border: 1px solid #3f3f46; border-radius: 50%; }
.article-author-avatar img { width: 100%; height: 100%; object-fit: contain; }
.article-cover { height: clamp(280px, 46vw, 640px); background: #000; overflow: hidden; }
.article-cover img { width: 100%; height: 100%; object-fit: cover; }
.editorial-wide { max-width: 1400px; }
.article-content,
.neighborhood-content { font-size: .96rem; line-height: 1.78; }
.article-content > h2,
.article-content > h3,
.article-content > h4,
.article-content > p strong,
.article-content > li strong,
.article-content > ul strong,
.article-content > ol strong,
.article-content a { color: #fff; }
.article-content > p:first-child { color: #d4d4d8; border-left-color: #71717a; }
.article-tags { border-top: 1px solid #3f3f46; color: #a1a1aa; }
.article-tags > span:not(:first-child) { color: #d4d4d8; border: 1px solid #3f3f46; background: #18181b; }
.article-related-sticky { position: sticky; top: 6.5rem; max-height: calc(100vh - 8rem); overflow-y: auto; }
.neighborhood-content > h2,
.neighborhood-content > h3,
.neighborhood-content > h4,
.neighborhood-content > p strong,
.neighborhood-content > li strong,
.neighborhood-content a { color: #fff; }
.neighborhood-content h2,
.neighborhood-content h3,
.neighborhood-content h4,
.neighborhood-content .neighborhood-why-title { color: #fff !important; }
.neighborhood-content > p:first-child { color: #d4d4d8; border-left-color: #71717a; }

/* Dengeli kurumsal footer */
.footer-cta { background: #dc2626; color: #fff; padding: 2.8rem 0; }
.footer-cta__inner { display: flex; justify-content: space-between; align-items: center; gap: 3rem; }
.footer-cta span { display: block; color: #fecaca; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .16em; margin-bottom: .55rem; }
.footer-cta h2 { color: #fff; max-width: 760px; font-size: clamp(1.65rem, 3vw, 2.8rem); line-height: 1.08; }
.footer-cta__actions { display: flex; align-items: center; gap: .8rem; flex-shrink: 0; }
.footer-cta__actions a { display: inline-flex; align-items: center; gap: .7rem; padding: .9rem 1.25rem; border-radius: .65rem; background: #050505; color: #fff; font-size: .8rem; font-weight: 800; }
.footer-cta__actions .footer-cta__phone { background: transparent; border: 1px solid rgba(255,255,255,.45); }

.site-footer { background: #050505; color: #a1a1aa; padding: 2.6rem 0 .85rem; border-top: 1px solid #27272a; }
.site-footer__grid { display: grid; grid-template-columns: 1.5fr .8fr .8fr 1.1fr; align-items: start; gap: clamp(2rem, 4vw, 4.5rem); }
.site-footer__about { padding-left: 1.35rem; }
.site-footer__brand { display: inline-block; color: #fff; font: 800 1.6rem/1 var(--font-heading); letter-spacing: -.05em; margin-bottom: 1.3rem; }
.site-footer__brand span { color: #ef4444; }
.site-footer__brand small { color: #52525b; font-size: inherit; }
.site-footer__about > p { max-width: 460px; font-size: .76rem; line-height: 1.62; }
.site-footer__badges { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .8rem; }
.site-footer__badges span { padding: .45rem .65rem; border: 1px solid #27272a; color: #d4d4d8; font-size: .65rem; font-weight: 700; }
.site-footer__badges i { color: #ef4444; margin-right: .35rem; }
.site-footer h3 { color: #fff; font-size: .76rem; text-transform: uppercase; letter-spacing: .14em; padding-bottom: .8rem; margin-bottom: 1rem; border-bottom: 1px solid #27272a; }
.site-footer__links { display: flex; flex-direction: column; gap: .65rem; }
.site-footer__links a { display: flex; align-items: center; gap: .5rem; font-size: .72rem; }
.site-footer__links i { color: #ef4444; width: .65rem; font-size: .55rem; }
.site-footer__links a:hover { color: #fff; transform: translateX(2px); }
.site-footer__contact { display: flex; flex-direction: column; gap: .8rem; }
.site-footer__contact > a,
.site-footer__contact > p { display: flex; align-items: flex-start; gap: .7rem; color: #d4d4d8; font-size: .73rem; }
.site-footer__contact > a > i,
.site-footer__contact > p > i { color: #ef4444; width: 1rem; margin-top: .15rem; }
.site-footer__contact span { display: flex; flex-direction: column; }
.site-footer__contact small { color: #52525b; font-size: .58rem; text-transform: uppercase; letter-spacing: .1em; margin-bottom: .15rem; }
.site-footer__contact a:hover { color: #fff; }
.site-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: .85rem; margin-top: 1.65rem; border-top: 1px solid #27272a; color: #52525b; font-size: .65rem; }
.site-footer__bottom nav { display: flex; flex-wrap: wrap; gap: 1.2rem; }
.site-footer__bottom a:hover { color: #d4d4d8; }
.footer-designer { display: inline; margin-left: .45rem; color: #71717a; white-space: nowrap; }
.footer-designer a { color: #ef4444; font-weight: 800; }
.footer-designer a:hover { color: #fff; }
.mobile-footer-card { display: none; }
.footer-brand-logo { display: inline-flex; margin: 0 0 .75rem 1.8rem; }
.footer-brand-logo img { width: 132px; height: 132px; object-fit: contain; }
.site-footer__about .footer-brand-logo { width: min(100%, 460px); justify-content: center; margin-left: 0; transform: translateX(-8px); }

.floating-contact-buttons { left: 1.25rem; right: auto !important; }
.floating-contact-button { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: 999px; color: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.32); font-size: 1.35rem; animation: contact-shake 4.5s ease-in-out infinite; }
.floating-contact-button--whatsapp { background: #10b981; }
.floating-contact-button--phone { background: #dc2626; animation-delay: .7s; }
.floating-contact-button:hover { transform: scale(1.08); animation-play-state: paused; }
@keyframes contact-shake {
    0%, 82%, 100% { transform: rotate(0); }
    85% { transform: rotate(-10deg); }
    88% { transform: rotate(10deg); }
    91% { transform: rotate(-7deg); }
    94% { transform: rotate(7deg); }
    97% { transform: rotate(0); }
}
.back-to-top { position: fixed; z-index: 40; right: 1.25rem; bottom: 1.25rem; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border: 1px solid #3f3f46; border-radius: 999px; background: #000; color: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.34); opacity: 0; visibility: hidden; transform: translateY(.75rem); transition: .25s ease; }
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.back-to-top:hover { color: #fff; background: #dc2626; border-color: #dc2626; }

/* Kompakt footer */
.compact-footer { padding: 2.4rem 0 1.3rem; background: #050505; color: #a1a1aa; border-top: 1px solid #27272a; }
.compact-footer__top { display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center; gap: 2rem; }
.compact-footer__brand { color: #fff; font: 800 1.25rem/1 var(--font-heading); letter-spacing: -.04em; }
.compact-footer__brand span { color: #ef4444; }
.compact-footer__brand small { color: #52525b; font-size: inherit; }
.compact-footer__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem 1.2rem; font-size: .72rem; font-weight: 700; }
.compact-footer__nav a:hover, .compact-footer__contact a:hover { color: #fff; }
.compact-footer__contact { display: flex; flex-direction: column; align-items: end; gap: .2rem; color: #e4e4e7; font-size: .78rem; font-weight: 700; }
.compact-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.7rem; padding-top: 1rem; border-top: 1px solid #27272a; color: #52525b; font-size: .68rem; }

.mobile-menu-trigger { display: inline-flex; align-items: center; gap: .6rem; padding: .6rem 0; font-size: .66rem; font-weight: 800; letter-spacing: .14em; }
.mobile-menu-trigger i { color: #ef4444; font-size: 1rem; }
@media (min-width: 1024px) {
    .mobile-menu-trigger,
    .mobile-menu-overlay,
    .mobile-menu-drawer { display: none !important; }
}

.page-demo-visual { position: relative; height: clamp(210px, 30vw, 380px); margin: 0; overflow: hidden; background: #111; }
.page-demo-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 55%; filter: brightness(.72); }
.page-demo-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.35), transparent 50%, rgba(0,0,0,.18)); }
.page-demo-visual figcaption { position: absolute; z-index: 2; right: 1rem; bottom: .8rem; color: rgba(255,255,255,.62); font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.service-brand-banner img { object-position: center; filter: brightness(.9); }
.service-brand-banner::after { background: linear-gradient(90deg, rgba(0,0,0,.12), transparent 50%, rgba(0,0,0,.12)); }
.neighborhood-brand-banner img { object-position: center; filter: brightness(.92); }
.neighborhood-brand-banner::after { background: linear-gradient(90deg, rgba(0,0,0,.08), transparent 50%, rgba(0,0,0,.08)); }
.contact-brand-banner { background: #fff; }
.contact-brand-banner img { object-position: center; filter: none; }
.contact-brand-banner::after { background: linear-gradient(90deg, rgba(255,255,255,.04), transparent 50%, rgba(255,255,255,.04)); }

/* Güçlendirilmiş hizmet detayları */
.service-detail-hero { padding: 2rem 0 4.5rem; background: #000; color: #fff; border-bottom: 1px solid #27272a; }
.service-detail-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: stretch; gap: clamp(2rem, 5vw, 5rem); }
.service-detail-hero__grid--copy-only { grid-template-columns: minmax(0, 1fr); }
.service-detail-hero__grid--copy-only .service-detail-hero__copy { max-width: 980px; }
.service-detail-hero__copy { display: flex; flex-direction: column; justify-content: center; padding: 2rem 0; }
.service-detail-hero__copy h1 { max-width: 780px; color: #fff; font-size: clamp(3rem, 5.6vw, 6rem); line-height: .92; letter-spacing: -.055em; }
.service-detail-hero__copy > p { max-width: 700px; margin: 1.5rem 0 1.7rem; color: #a1a1aa; font-size: 1.05rem; line-height: 1.75; }
.service-detail-hero__visual { position: relative; min-height: 560px; overflow: hidden; background: #111; }
.service-detail-hero__visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.35), transparent 55%); }
.service-detail-hero__visual img { width: 100%; height: 100%; object-fit: cover; }
.service-detail-hero__visual--brand { min-height: 0 !important; aspect-ratio: 1776 / 887; align-self: center; background: #9f0000; }
.service-detail-hero__visual--brand img { object-fit: cover; object-position: center; }
.service-detail-hero__visual figcaption { position: absolute; z-index: 2; right: 1rem; bottom: 1rem; color: #d4d4d8; font-size: .62rem; text-transform: uppercase; letter-spacing: .12em; }
.service-detail-hero__trust { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2.2rem; border-top: 1px solid #27272a; border-bottom: 1px solid #27272a; }
.service-detail-hero__trust span { padding: .85rem .45rem; color: #71717a; font-size: .6rem; font-weight: 700; text-transform: uppercase; line-height: 1.4; }
.service-detail-hero__trust strong { display: block; margin-bottom: .25rem; color: #ef4444; font-size: .7rem; }
.service-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-bottom: 3rem; background: #27272a; border: 1px solid #27272a; }
.service-process-grid article { position: relative; padding: 1.5rem; background: #0b0b0d; }
.service-process-grid span { color: #ef4444; font-size: .65rem; font-weight: 900; }
.service-process-grid h2 { margin: .65rem 0 .4rem; color: #fff; font-size: 1.15rem; }
.service-process-grid p { color: #71717a; font-size: .72rem; line-height: 1.65; }
.service-content { font-size: .98rem; line-height: 1.8; }
.service-sidebar-card { position: relative; background: #111113; border: 1px solid #27272a; color: #d4d4d8; }
.service-sidebar-card h4 { color: #fff; }
.service-sidebar-card label { color: #a1a1aa !important; }
.service-sidebar-card .form-control { background: #050505; border-color: #3f3f46; color: #fff; }
.service-sidebar-card .form-control::placeholder { color: #52525b; }
.service-sidebar-card a { color: #d4d4d8; }
.service-faq .faq-item { background: #111113; border-color: #3f3f46; }
.service-faq .faq-question { color: #fff; }
.service-faq .faq-answer { color: #a1a1aa; }

/* Yenilenen hakkımızda */
.about-page { background: #000; color: #fff; }
.about-hero { padding: clamp(3rem, 7vw, 7rem) 0; border-bottom: 1px solid #27272a; }
.about-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.about-hero__copy h1 { color: #fff; font-size: clamp(3.6rem, 7vw, 7.5rem); line-height: .88; letter-spacing: -.065em; }
.about-hero__copy h1 span { color: #ef4444; }
.about-hero__copy > p { max-width: 720px; margin: 1.8rem 0; color: #a1a1aa; font-size: 1.05rem; line-height: 1.8; }
.about-hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.about-stats { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 2.5rem; border-top: 1px solid #27272a; }
.about-stats span { padding: 1.1rem .5rem 0 0; color: #71717a; font-size: .62rem; text-transform: uppercase; }
.about-stats strong { display: block; margin-bottom: .25rem; color: #fff; font-size: 1.15rem; }
.about-hero__visual { position: relative; height: 650px; overflow: hidden; background: #111; }
.about-hero__visual img { width: 100%; height: 100%; object-fit: cover; }
.about-hero__visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 55%, rgba(0,0,0,.75)); }
.about-hero__visual figcaption { position: absolute; z-index: 2; left: 1rem; bottom: 1rem; color: #d4d4d8; font-size: .62rem; text-transform: uppercase; letter-spacing: .12em; }
.about-story { padding: clamp(4.5rem, 8vw, 8rem) 0; }
.about-story__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 7vw, 7rem); }
.about-story h2 { color: #fff; font-size: clamp(2.8rem, 5vw, 5.3rem); line-height: .95; letter-spacing: -.05em; }
.about-story__text { color: #a1a1aa; font-size: 1rem; line-height: 1.9; }
.about-story__text p + p { margin-top: 1.4rem; }
.about-story__text strong { color: #fff; }
.about-capabilities { padding: clamp(4.5rem, 8vw, 8rem) 0; background: #09090b; border-block: 1px solid #27272a; }
.about-capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 3rem; background: #27272a; border: 1px solid #27272a; }
.about-capability-grid article { min-height: 290px; padding: 1.7rem; background: #111113; }
.about-capability-grid article > i { color: #ef4444; font-size: 1.5rem; }
.about-capability-grid article > span { float: right; color: #52525b; font-size: .7rem; font-weight: 900; }
.about-capability-grid h3 { margin: 3.5rem 0 .8rem; color: #fff; font-size: 1.25rem; }
.about-capability-grid p { color: #71717a; font-size: .76rem; line-height: 1.75; }
.about-workflow { padding: clamp(4.5rem, 8vw, 8rem) 0; }
.about-workflow > div { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.about-workflow figure { height: 680px; overflow: hidden; }
.about-workflow figure img { width: 100%; height: 100%; object-fit: cover; }
.about-workflow__copy h2 { color: #fff; font-size: clamp(2.8rem, 5vw, 5rem); line-height: .95; letter-spacing: -.05em; }
.about-workflow__steps { margin-top: 2.4rem; }
.about-workflow__steps article { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; padding: 1.1rem 0; border-top: 1px solid #27272a; }
.about-workflow__steps b { color: #ef4444; font-size: .7rem; }
.about-workflow__steps h3 { color: #fff; font-size: 1rem; }
.about-workflow__steps p { margin-top: .25rem; color: #71717a; font-size: .75rem; line-height: 1.6; }
.about-values { padding: clamp(4.5rem, 8vw, 8rem) 0; background: #dc2626; }
.about-values > div { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 7vw, 7rem); }
.about-values .home-kicker { color: #fecaca; }
.about-values h2 { color: #fff; font-size: clamp(3rem, 5.5vw, 5.5rem); line-height: .92; letter-spacing: -.055em; }
.about-values__list { display: flex; flex-direction: column; justify-content: center; gap: 1rem; }
.about-values__list p { display: flex; gap: .8rem; color: #fee2e2; font-size: .86rem; line-height: 1.6; }
.about-values__list i { margin-top: .25rem; color: #fff; }
.about-values__list .btn-primary { align-self: flex-start; margin-top: .8rem; background: #000; }

@media (max-width: 900px) {
    .service-detail-hero__grid,
    .about-hero__grid,
    .about-story__grid,
    .about-workflow > div,
    .about-values > div { grid-template-columns: 1fr; }
    .service-detail-hero__visual { min-height: 480px; }
    .service-process-grid,
    .about-capability-grid { grid-template-columns: repeat(2, 1fr); }
    .about-hero__visual,
    .about-workflow figure { height: 520px; }
    .home-hero { min-height: 800px; align-items: end; }
    .home-hero__image { object-position: 65% center; }
    .home-hero__veil { background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.92) 58%, #000); }
    .home-hero__content { padding-top: 9rem; padding-bottom: 10rem; }
    .home-hero h1 { font-size: clamp(2.8rem, 12vw, 5rem); }
    .home-hero__facts span { padding: 1rem; text-align: center; font-size: .58rem; }
    .home-hero__facts strong { display: block; font-size: .9rem; margin: 0 0 .2rem; }
    .section-heading-row { display: block; }
    .section-heading-row > p, .section-heading-row > a { display: block; margin-top: 1.5rem; }
    .project-grid { grid-template-columns: 1fr; grid-template-rows: 420px 250px 250px; }
    .project-card--large { grid-row: auto; }
    .visual-service-grid { grid-template-columns: repeat(2, 1fr); }
    .workshop-section { grid-template-columns: 1fr; }
    .workshop-section__image { min-height: 450px; }
    .compact-footer__top { grid-template-columns: 1fr; text-align: center; }
    .compact-footer__nav { justify-content: center; }
    .compact-footer__contact { align-items: center; }
    .compact-footer__bottom { flex-direction: column; align-items: center; text-align: center; }
    .home-seo-section__intro { grid-template-columns: 1fr; }
    .home-seo-section__grid { grid-template-columns: 1fr; }
    .home-seo-section__answer { grid-template-columns: 1fr; }
    .footer-cta__inner { flex-direction: column; align-items: flex-start; }
    .site-footer__grid { grid-template-columns: repeat(2, 1fr); }
    .home-slider-controls { top: 6.25rem; right: 1rem; bottom: auto; transform: none; flex-direction: column; gap: .45rem; }
    .home-slider-controls button { width: 2.25rem; height: 2.25rem; background: rgba(0,0,0,.55); backdrop-filter: blur(6px); }
    .home-slider-controls button.is-active { transform: translateX(-.2rem); }
    .blog-grid { grid-template-columns: 1fr; }
    .home-guide-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    html { font-size: 16px; }
    .site-header > .container > div { height: 76px; }
    .site-header .site-logo { gap: 0; padding-left: 0; border-left: 0; }
    .header-brand-logo { width: 76px; height: 76px; }
    .site-header .site-logo__mark { display: none; }
    .site-header .site-logo > div:last-child > div { font-size: 1.05rem; }
    .site-header .site-logo > div:last-child > span { font-size: .46rem; letter-spacing: .14em; }
    .home-hero { min-height: 790px; }
    .home-hero__content { padding-top: 8.25rem; padding-bottom: 10rem; }
    .home-hero__content p { font-size: .95rem; }
    .home-hero__facts { width: 100%; }
    .visual-service-grid { grid-template-columns: 1fr; }
    .visual-service-card { min-height: 260px; }
    .project-grid { grid-template-rows: 330px 220px 220px; }
    .workshop-section__image { min-height: 330px; }
    .workshop-section__content { padding: 3.5rem 1.25rem; }
    .workshop-points { grid-template-columns: 1fr; gap: .3rem; }
    .compact-footer { padding-top: 1.8rem; }
    .compact-footer__top { gap: 1rem; }
    .compact-footer__nav { display: none; }
    .compact-footer__bottom p:last-child { display: none; }
    .footer-cta { padding: 1rem 0; background: #050505; }
    .footer-cta__inner { padding: 1.15rem; border-radius: 1rem; background: #dc2626; gap: .9rem; }
    .footer-cta h2 { font-size: 1.25rem; }
    .footer-cta__actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
    .footer-cta__actions a { justify-content: center; padding: .72rem .5rem; font-size: .68rem; }
    .floating-contact-buttons { display: flex !important; left: .75rem; bottom: .75rem !important; }
    .floating-contact-button { width: 2.55rem; height: 2.55rem; font-size: 1.05rem; }
    .back-to-top { right: .75rem; bottom: .75rem; width: 2.55rem; height: 2.55rem; }
    .site-footer { padding: 1rem 0 1.15rem; }
    .site-footer__grid { display: none; }
    .mobile-footer-card { display: block; width: min(100%, 330px); margin: 0 auto; padding: 1.15rem; border: 1px solid #27272a; border-radius: 1.1rem; background: linear-gradient(155deg, #18181b, #09090b 70%); box-shadow: 0 18px 45px rgba(0,0,0,.28); }
    .mobile-footer-card__head { text-align: center; padding: .25rem .25rem 1rem; }
    .mobile-footer-card__head .footer-brand-logo { margin: 0 auto .5rem; }
    .mobile-footer-card__head .footer-brand-logo img { width: 96px; height: 96px; }
    .mobile-footer-card__head p { color: #71717a; font-size: .68rem; line-height: 1.55; }
    .mobile-footer-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-bottom: .75rem; }
    .mobile-footer-card__actions > a { display: flex; align-items: center; gap: .55rem; min-height: 3.5rem; padding: .65rem; border-radius: .7rem; background: #dc2626; color: #fff; }
    .mobile-footer-card__actions > a:last-child { background: #059669; }
    .mobile-footer-card__actions i { width: 1rem; text-align: center; font-size: .9rem; }
    .mobile-footer-card__actions span { display: flex; flex-direction: column; font-size: .67rem; font-weight: 800; }
    .mobile-footer-card__actions small { margin-top: .12rem; color: rgba(255,255,255,.75); font-size: .56rem; font-weight: 500; white-space: nowrap; }
    .mobile-footer-card__section { border-top: 1px solid #27272a; }
    .mobile-footer-card__section summary { display: flex; align-items: center; justify-content: space-between; padding: .85rem .15rem; color: #d4d4d8; font-size: .69rem; font-weight: 800; cursor: pointer; list-style: none; }
    .mobile-footer-card__section summary::-webkit-details-marker { display: none; }
    .mobile-footer-card__section summary i { color: #ef4444; font-size: .58rem; transition: transform .25s ease; }
    .mobile-footer-card__section[open] summary i { transform: rotate(45deg); }
    .mobile-footer-card__section nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: .35rem; padding: 0 0 .8rem; }
    .mobile-footer-card__section nav a { padding: .55rem; border: 1px solid #27272a; border-radius: .45rem; color: #a1a1aa; font-size: .61rem; line-height: 1.35; }
    .mobile-footer-card__mail { display: flex; align-items: center; justify-content: center; gap: .45rem; padding-top: .8rem; border-top: 1px solid #27272a; color: #71717a; font-size: .62rem; }
    .mobile-footer-card__mail i { color: #ef4444; }
    .site-footer__bottom { display: block; margin-top: 1rem; padding-top: .9rem; text-align: center; }
    .site-footer__bottom nav { display: none; }
    .home-hero h1,
    .home-hero .home-slide h2 { font-size: clamp(2.4rem, 11vw, 3.15rem); line-height: .98; overflow-wrap: anywhere; }
    .home-slider-controls { top: 5.75rem; right: .75rem; }
    .blog-card__image { height: 230px; }
    .blog-card__meta { align-items: flex-start; flex-direction: column; gap: .35rem; }
    .article-hero { padding: 3rem 0; }
    .article-content,
    .neighborhood-content { padding: 1.15rem !important; font-size: .91rem; line-height: 1.72; }
    .article-content h2 { overflow-wrap: anywhere; }
    .technical-spec-table { display: block; overflow-x: auto; }
    .service-detail-hero { padding: 1.4rem 0 3rem; }
    .service-detail-hero__copy { padding: .8rem 0 0; }
    .service-detail-hero__copy h1 { font-size: clamp(2.65rem, 13vw, 3.65rem); }
    .service-detail-hero__visual { min-height: 330px; }
    .service-detail-hero__trust { grid-template-columns: repeat(2, 1fr); }
    .service-process-grid,
    .about-capability-grid { grid-template-columns: 1fr; }
    .service-process-grid article { padding: 1.15rem; }
    .about-hero { padding-top: 3rem; }
    .about-hero__copy h1 { font-size: clamp(3.1rem, 15vw, 4.5rem); }
    .about-stats { grid-template-columns: 1fr 1fr 1fr; }
    .about-hero__visual,
    .about-workflow figure { height: 380px; }
    .about-story h2,
    .about-workflow__copy h2,
    .about-values h2 { font-size: 2.7rem; }
    .about-capability-grid article { min-height: 230px; }
}