/**
 * Homepage — cinematic atmosphere polish (visual only)
 * Contrast, overlays, gold glow, glass sheen, soft depth — no layout/typography/responsive.
 */

/* ─── Paint: hero pseudo layers must not clip ─── */
body.page-index .index-hero-premium.heitec-hero,
body.page-index .index-hero-premium .hero-carousel,
body.page-index .index-hero-premium .hero-carousel .carousel {
    contain: none;
}

/* ─── Ambient page backdrop (gold wash + ink depth) ─── */
body.page-index .bg-premium {
    background:
        radial-gradient(ellipse 120% 80% at 18% 12%, rgba(0, 232, 200, 0.09), transparent 52%),
        radial-gradient(ellipse 90% 60% at 88% 78%, rgba(0, 232, 200, 0.05), transparent 48%),
        var(--am-gradient-bg-dark);
    opacity: 1;
}

body.page-index.light-mode .bg-premium {
    background:
        radial-gradient(ellipse 100% 70% at 20% 8%, rgba(0, 232, 200, 0.07), transparent 50%),
        var(--am-gradient-bg-light);
}

/* ─── Hero: balanced cinematic stack (airy desktop, readable copy) ─── */
body.page-index .index-hero-premium.heitec-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(2, 4, 10, 0.38) 0%,
            rgba(2, 4, 10, 0.05) 26%,
            rgba(2, 4, 10, 0.08) 74%,
            rgba(2, 4, 10, 0.34) 100%
        ),
        linear-gradient(
            102deg,
            rgba(4, 6, 12, 0.52) 0%,
            rgba(6, 8, 14, 0.24) 38%,
            rgba(6, 8, 14, 0.08) 54%,
            transparent 72%
        );
}

body.page-index .index-hero-premium.heitec-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
        radial-gradient(ellipse 78% 58% at 38% 56%, rgba(0, 232, 200, 0.16), transparent 54%),
        radial-gradient(ellipse 48% 38% at 82% 24%, rgba(0, 232, 200, 0.06), transparent 58%);
    mix-blend-mode: soft-light;
}

body.page-index .index-hero-premium .hero-carousel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        105deg,
        rgba(4, 6, 12, 0.86) 0%,
        rgba(8, 10, 18, 0.68) 30%,
        rgba(10, 12, 20, 0.42) 54%,
        rgba(6, 8, 14, 0.22) 100%
    );
}

body.page-index .index-hero-premium .hero-carousel::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: radial-gradient(ellipse 62% 50% at 30% 46%, rgba(0, 0, 0, 0.14), transparent 72%);
}

body.page-index .index-hero-premium .floating-orb {
    background:
        radial-gradient(circle at 40% 40%, rgba(255, 220, 140, 0.16), rgba(0, 232, 200, 0.09) 38%, transparent 72%);
    filter: blur(40px);
    opacity: 0.78;
    mix-blend-mode: screen;
}

body.page-index .index-hero-premium .carousel-slide img {
    filter: brightness(0.8) saturate(1.02) contrast(1.02);
}

/* Hero copy — no drop-shadow filter (creates muddy gap under circles in light mode) */
body.page-index .index-hero-premium .heitec-hero-content,
body.page-index .index-hero-premium .hero-content {
    filter: none;
}

body.page-index:not(.light-mode) .index-hero-premium .heitec-hero-content,
body.page-index:not(.light-mode) .index-hero-premium .hero-content {
    filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.28));
}

body.page-index .index-hero-premium .hero-badge {
    background: linear-gradient(
        135deg,
        rgba(0, 232, 200, 0.2) 0%,
        rgba(0, 232, 200, 0.1) 100%
    );
    border-color: rgba(0, 232, 200, 0.38);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 0 0 1px rgba(0, 232, 200, 0.14),
        0 10px 32px rgba(0, 232, 200, 0.16),
        0 4px 18px rgba(0, 0, 0, 0.22);
}

body.page-index.light-mode .index-hero-premium .hero-badge {
    background: linear-gradient(135deg, rgba(0, 232, 200, 0.14), rgba(0, 232, 200, 0.06));
    border-color: rgba(0, 232, 200, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 8px 24px rgba(0, 232, 200, 0.12);
}

body.page-index .index-hero-premium .whyus-emphasis {
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 12px rgba(0, 232, 200, 0.16));
}

/* CTA circles — reflection + glow (no dimensions) */
body.page-index .index-hero-premium .service-circle {
    border: 1px solid rgba(255, 255, 255, 0.26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 -1px 0 rgba(0, 0, 0, 0.08),
        0 20px 48px rgba(0, 232, 200, 0.26),
        0 0 32px rgba(0, 232, 200, 0.12);
}

body.page-index.light-mode .index-hero-premium .service-circle {
    border: 1.5px solid rgba(13, 148, 136, 0.32);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

body.page-index .index-hero-premium .service-circle:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.38),
        0 28px 72px rgba(0, 232, 200, 0.34),
        0 0 48px rgba(0, 232, 200, 0.2);
    border-color: rgba(255, 255, 255, 0.44);
}

body.page-index .index-hero-premium .service-circle.service-circle--emergency {
    background: linear-gradient(145deg, #ef5350 0%, #c0392b 55%, #a93226 100%);
    border-color: rgba(255, 140, 120, 0.65);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 18px 56px rgba(231, 76, 60, 0.4),
        0 0 28px rgba(231, 76, 60, 0.18);
}

body.page-index .index-hero-premium .service-circle.service-circle--emergency:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 26px 84px rgba(231, 76, 60, 0.48),
        0 0 40px rgba(231, 76, 60, 0.22);
}

/* ─── Section gold accents ─── */
body.page-index .section-header::after {
    content: "";
    display: block;
    width: min(140px, 36%);
    height: 2px;
    margin: 22px auto 0;
    border-radius: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(0, 232, 200, 0.25) 18%,
        rgba(255, 220, 150, 0.85) 50%,
        rgba(0, 232, 200, 0.25) 82%,
        transparent
    );
    box-shadow:
        0 0 12px rgba(0, 232, 200, 0.35),
        0 0 28px rgba(0, 232, 200, 0.15);
}

body.page-index .section-header.left-align::after {
    margin-left: 0;
    margin-right: auto;
}

body.page-index .section-tag {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 8px 28px rgba(0, 232, 200, 0.14),
        0 2px 10px rgba(0, 0, 0, 0.18);
}

/* ─── Glass cards + sheen overlay ─── */
body.page-index .section--after-hero .card.am-card.am-card--feature {
    backdrop-filter: blur(12px) saturate(145%);
    -webkit-backdrop-filter: blur(12px) saturate(145%);
    background: linear-gradient(
        155deg,
        rgba(18, 24, 42, 0.72) 0%,
        rgba(12, 16, 30, 0.58) 100%
    );
    border: 1px solid rgba(0, 232, 200, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 14px 40px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(0, 0, 0, 0.12);
}

body.page-index .section--after-hero .card.am-card.am-card--feature::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        128deg,
        rgba(255, 255, 255, 0.1) 0%,
        transparent 38%,
        transparent 62%,
        rgba(0, 232, 200, 0.05) 100%
    );
    opacity: 0.85;
}

body.page-index.light-mode .section--after-hero .card.am-card.am-card--feature {
    background: #FFFFFF;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.page-index.light-mode .section--after-hero .card.am-card.am-card--feature::before {
    display: none;
    content: none;
}

body.page-index .section--after-hero .card.am-card--feature .card-icon {
    text-shadow:
        0 0 20px rgba(0, 232, 200, 0.4),
        0 0 40px rgba(0, 232, 200, 0.15);
}

/* ─── Service cards: premium glass depth ─── */
body.page-index #angebote a.service-card.am-card.am-card--service {
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    background: linear-gradient(
        160deg,
        rgba(22, 28, 46, 0.68) 0%,
        rgba(14, 18, 32, 0.55) 100%
    );
    border: 1px solid rgba(0, 232, 200, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 16px 44px rgba(0, 0, 0, 0.3);
}

body.page-index #angebote a.service-card.am-card.am-card--service::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        140deg,
        rgba(255, 255, 255, 0.07) 0%,
        transparent 45%,
        rgba(0, 232, 200, 0.04) 100%
    );
}

body.page-index.light-mode #angebote a.service-card.am-card.am-card--service {
    background: #FFFFFF;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.page-index.light-mode #angebote a.service-card.am-card.am-card--service::before {
    display: none;
    content: none;
}

body.page-index #angebote a.service-card.am-card--service:hover {
    border-color: rgba(0, 232, 200, 0.45);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 26px 56px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(0, 232, 200, 0.22),
        0 0 48px rgba(0, 232, 200, 0.18);
}

body.page-index.light-mode #angebote a.service-card.am-card--service:hover {
    border-color: rgba(13, 148, 136, 0.4);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

body.page-index #angebote .service-icon {
    text-shadow:
        0 0 24px rgba(0, 232, 200, 0.38),
        0 0 48px rgba(0, 232, 200, 0.12);
}

body.page-index #angebote .service-features {
    border-top-color: rgba(0, 232, 200, 0.2);
}

/* ─── Panels + forms: glass + ink depth ─── */
body.page-index .highlight-card {
    background: linear-gradient(155deg, rgba(22, 28, 44, 0.78), rgba(14, 18, 30, 0.65));
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    border: 1px solid rgba(0, 232, 200, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 20px 52px rgba(0, 0, 0, 0.32);
}

body.page-index.light-mode .highlight-card {
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.9));
    border-color: rgba(0, 232, 200, 0.16);
}

body.page-index .estimate-section {
    background:
        radial-gradient(ellipse 80% 50% at 12% 0%, rgba(0, 232, 200, 0.08), transparent 55%),
        radial-gradient(ellipse 60% 40% at 92% 100%, rgba(0, 232, 200, 0.05), transparent 50%),
        #07111f;
    border: 1px solid rgba(0, 232, 200, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 24px 64px rgba(0, 0, 0, 0.38);
}

body.page-index.light-mode .estimate-section {
    background:
        radial-gradient(ellipse 70% 45% at 10% 0%, rgba(0, 232, 200, 0.06), transparent 50%),
        #f1f5f9;
    border-color: rgba(0, 232, 200, 0.14);
}

body.page-index .contact-form-card {
    background: linear-gradient(160deg, rgba(24, 30, 48, 0.82), rgba(14, 18, 32, 0.72));
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    border: 1px solid rgba(212, 175, 55, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 22px 56px rgba(0, 0, 0, 0.34),
        0 0 40px rgba(0, 232, 200, 0.06);
}

body.page-index .image-box {
    background: linear-gradient(
        145deg,
        rgba(0, 232, 200, 0.08) 0%,
        rgba(0, 232, 200, 0.02) 100%
    );
    border: 1px solid rgba(0, 232, 200, 0.24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 20px 52px rgba(0, 0, 0, 0.26),
        0 0 32px rgba(0, 232, 200, 0.08);
}

/* ─── Trustbar: marquee glass + gold ambient ─── */
body.page-index section:has(.trustbar) {
    background:
        radial-gradient(900px 300px at 50% 0%, rgba(0, 232, 200, 0.16), transparent 62%),
        radial-gradient(700px 280px at 10% 12%, rgba(0, 232, 200, 0.1), transparent 58%),
        radial-gradient(700px 280px at 90% 12%, rgba(0, 232, 200, 0.08), transparent 58%),
        rgba(0, 0, 0, 0.24);
}

body.page-index .trustbar {
    background: linear-gradient(
        180deg,
        rgba(12, 15, 26, 0.42) 0%,
        rgba(8, 10, 18, 0.32) 100%
    );
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    border: 1px solid rgba(0, 232, 200, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 22px 58px rgba(0, 0, 0, 0.32),
        0 0 48px rgba(0, 232, 200, 0.06);
}

body.page-index.light-mode .trustbar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(248, 250, 252, 0.58));
    border-color: rgba(0, 232, 200, 0.14);
}

body.page-index .trustbar::before {
    background: linear-gradient(90deg, rgba(8, 10, 18, 0.98), rgba(8, 10, 18, 0));
}

body.page-index .trustbar::after {
    background: linear-gradient(270deg, rgba(8, 10, 18, 0.98), rgba(8, 10, 18, 0));
}

body.page-index.light-mode .trustbar::before {
    background: linear-gradient(90deg, rgba(248, 250, 252, 0.98), rgba(248, 250, 252, 0));
}

body.page-index.light-mode .trustbar::after {
    background: linear-gradient(270deg, rgba(248, 250, 252, 0.98), rgba(248, 250, 252, 0));
}

body.page-index .trustbar-item {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 10px 28px rgba(0, 0, 0, 0.2);
}

/* Trustbar items are decorative — no fake hover affordance */
body.page-index .trustbar-item:hover {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 10px 28px rgba(0, 0, 0, 0.2);
    transform: none;
    cursor: default;
}

/* ─── Mobile: scrim + photo (typography sizing from index-home.css) ─── */
@media (max-width: 768px) {
    body.page-index .index-hero-premium .heitec-hero-content,
    body.page-index .index-hero-premium .hero-content {
        transform: none;
    }

    body.page-index .index-hero-premium.heitec-hero::before {
        background:
            linear-gradient(
                180deg,
                rgba(2, 4, 10, 0.78) 0%,
                rgba(2, 4, 10, 0.2) 32%,
                rgba(2, 4, 10, 0.35) 100%
            ),
            linear-gradient(100deg, rgba(4, 6, 12, 0.82) 0%, transparent 62%);
    }

    body.page-index .index-hero-premium.heitec-hero::after {
        background: radial-gradient(circle at 36% 58%, rgba(0, 232, 200, 0.14), transparent 52%);
        mix-blend-mode: normal;
    }

    body.page-index .index-hero-premium .hero-carousel::before {
        background:
            linear-gradient(
                180deg,
                rgba(4, 6, 12, 0.88) 0%,
                rgba(4, 6, 12, 0.32) 36%,
                rgba(4, 6, 12, 0.62) 100%
            ),
            linear-gradient(
                100deg,
                rgba(6, 8, 14, 0.92) 0%,
                rgba(6, 8, 14, 0.35) 46%,
                rgba(6, 8, 14, 0.55) 100%
            );
    }

    body.page-index .index-hero-premium .hero-carousel::after {
        background: radial-gradient(ellipse 90% 70% at 50% 38%, rgba(0, 0, 0, 0.42), transparent 65%);
    }

    body.page-index .index-hero-premium .carousel-slide img {
        filter: brightness(0.92) saturate(1.05) contrast(1.05);
    }
}