/* Service and general page layouts. */
.service-hero{position:relative;overflow:hidden;padding:clamp(4rem,8vw,7.5rem) 0;background:linear-gradient(135deg,var(--eta-color-navy,#092f4f),#0d4966);color:#fff}.service-hero:after{content:"";position:absolute;right:-10rem;top:-12rem;width:34rem;height:34rem;border-radius:50%;background:rgba(69,211,193,.14);filter:blur(2px)}.service-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(2rem,6vw,5rem);align-items:center}.service-hero h1{max-width:14ch;color:#fff;margin-bottom:1.25rem}.service-hero__lead{max-width:62ch;font-size:clamp(1.08rem,2vw,1.28rem);color:rgba(255,255,255,.86)}.service-hero__actions,.service-final-cta__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.75rem}.service-hero__trust{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;padding:0;margin:1.6rem 0 0;list-style:none;color:rgba(255,255,255,.8);font-size:.93rem}.service-hero__trust li:before{content:"✓";margin-right:.45rem;color:#68e6d0;font-weight:800}.service-hero__panel{padding:clamp(1.5rem,4vw,2.25rem);border:1px solid rgba(255,255,255,.18);border-radius:var(--eta-radius-xl,1.5rem);background:rgba(255,255,255,.1);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.18)}.service-hero__panel h2{color:#fff;font-size:clamp(1.35rem,3vw,1.8rem)}.service-hero__panel-kicker{display:block;margin-bottom:.65rem;color:#8cf0df;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.service-hero__panel ol{display:grid;gap:1rem;padding:0;margin:1.35rem 0 0;list-style:none;counter-reset:steps}.service-hero__panel li{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;counter-increment:steps}.service-hero__panel li:before{content:counter(steps);grid-row:1/3;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#fff;color:#0d4966;font-weight:900}.service-hero__panel strong,.service-hero__panel span{display:block}.service-hero__panel span{color:rgba(255,255,255,.72);font-size:.9rem}.service-overview__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,6rem);align-items:start}.service-overview__copy{font-size:1.08rem}.service-overview__copy p+p{margin-top:1rem}.service-scope__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}.service-scope-card{padding:clamp(1.4rem,3vw,2rem);border-radius:var(--eta-radius-lg,1.25rem);background:#fff;border:1px solid var(--eta-color-border,#dce7ec);box-shadow:var(--eta-shadow-sm,0 8px 24px rgba(9,47,79,.08))}.service-scope-card h3{margin-bottom:1rem}.service-scope-card--included{border-top:4px solid #1ba88f}.service-scope-card--optional{border-top:4px solid #e6a337}.service-scope-card--ideal{border-top:4px solid #2d6fb7}.service-process__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;padding:0;margin:2.5rem 0 0;list-style:none}.service-process__list li{position:relative;padding:1.4rem;border-radius:1rem;background:#fff;border:1px solid var(--eta-color-border,#dce7ec)}.service-process__number{display:grid;place-items:center;width:2.4rem;height:2.4rem;margin-bottom:1rem;border-radius:50%;background:var(--eta-color-primary,#16a58e);color:#fff;font-weight:900}.service-process__list h3{font-size:1.08rem}.service-process__list p{font-size:.92rem;margin-top:.45rem}.service-page__editor-content{border-top:1px solid var(--eta-color-border,#dce7ec);border-bottom:1px solid var(--eta-color-border,#dce7ec)}.service-page__editor-content .entry-content>*+*{margin-top:1rem}.service-final-cta__box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:clamp(2rem,5vw,3.5rem);border-radius:var(--eta-radius-xl,1.5rem);background:linear-gradient(135deg,#092f4f,#0a5b70);color:#fff}.service-final-cta__box h2{color:#fff}.service-final-cta__box p{color:rgba(255,255,255,.82)}.button--outline-light{border-color:rgba(255,255,255,.65);color:#fff;background:transparent}.button--outline-light:hover{background:#fff;color:#092f4f}.service-faq .faq-list{margin-top:2rem}@media(max-width:960px){.service-hero__grid,.service-overview__grid,.service-final-cta__box{grid-template-columns:1fr}.service-scope__grid{grid-template-columns:1fr 1fr}.service-process__list{grid-template-columns:repeat(2,minmax(0,1fr))}.service-final-cta__actions{margin-top:0}}@media(max-width:640px){.service-hero{padding:3.5rem 0}.service-hero__actions,.service-final-cta__actions{flex-direction:column}.service-hero__actions .button,.service-final-cta__actions .button{width:100%}.service-scope__grid,.service-process__list{grid-template-columns:1fr}.service-hero__trust{display:grid}.service-final-cta__box{padding:1.5rem}}

/* District landing pages */
.district-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(4.5rem, 9vw, 8rem) 0;
    background: radial-gradient(circle at 85% 15%, rgba(20, 184, 166, .22), transparent 30%), linear-gradient(135deg, #082f49 0%, #0f172a 70%);
    color: #fff;
}
.district-hero__grid,
.district-overview__grid { display: grid; gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.district-hero__grid { grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); }
.district-hero h1 { max-width: 13ch; color: #fff; }
.district-hero__lead { max-width: 65ch; font-size: var(--eta-font-size-lg); color: rgba(255,255,255,.82); }
.district-hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.75rem; }
.district-hero__trust { display: grid; gap: .65rem; padding: 0; margin: 1.75rem 0 0; list-style: none; color: rgba(255,255,255,.82); }
.district-hero__trust li::before { content: "✓"; margin-right: .65rem; color: #5eead4; font-weight: 800; }
.district-hero__panel { padding: clamp(1.5rem, 4vw, 2.4rem); border: 1px solid rgba(255,255,255,.14); border-radius: var(--eta-radius-xl); background: rgba(255,255,255,.09); box-shadow: var(--eta-shadow-xl); backdrop-filter: blur(14px); }
.district-hero__panel h2 { color: #fff; font-size: var(--eta-font-size-xl); }
.district-hero__panel-kicker { display: inline-flex; padding: .35rem .7rem; margin-bottom: 1rem; border-radius: 999px; background: rgba(94,234,212,.16); color: #99f6e4; font-weight: 700; }
.district-hero__panel ol { display: grid; gap: 1rem; padding: 0; margin: 1.5rem 0 0; list-style: none; }
.district-hero__panel li { display: grid; gap: .2rem; padding-left: 1rem; border-left: 2px solid #2dd4bf; }
.district-hero__panel span { color: rgba(255,255,255,.7); }
.district-overview__grid { grid-template-columns: minmax(0, 1.15fr) minmax(17rem, .85fr); }
.district-overview__card { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--eta-color-border); border-radius: var(--eta-radius-xl); background: #fff; box-shadow: var(--eta-shadow-lg); }
.district-neighborhoods__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; padding: 0; margin: 2rem 0 0; list-style: none; }
.district-neighborhoods__list li { display: flex; align-items: center; gap: .55rem; padding: .9rem 1rem; border: 1px solid var(--eta-color-border); border-radius: var(--eta-radius-md); background: #fff; font-weight: 650; }
.district-neighborhoods__list span { color: var(--eta-color-primary); }
.district-services__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.district-service-card { display: flex; align-items: center; justify-content: space-between; min-height: 5rem; padding: 1.25rem; border: 1px solid var(--eta-color-border); border-radius: var(--eta-radius-lg); background: #fff; color: var(--eta-color-heading); font-weight: 750; box-shadow: var(--eta-shadow-sm); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.district-service-card:hover { transform: translateY(-3px); border-color: var(--eta-color-primary); box-shadow: var(--eta-shadow-md); }
.district-process__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; padding: 0; margin: 2.2rem 0 0; list-style: none; }
.district-process__grid li { padding: 1.4rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--eta-radius-lg); background: rgba(255,255,255,.06); }
.district-process__grid h3 { color: #fff; font-size: var(--eta-font-size-lg); }
.district-process__grid p { color: rgba(255,255,255,.72); }
.district-process__number { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; margin-bottom: 1rem; border-radius: 50%; background: #2dd4bf; color: #082f49; font-weight: 850; }
.district-final-cta__box { display: grid; grid-template-columns: minmax(0, 1.2fr) auto; gap: 2rem; align-items: center; padding: clamp(2rem, 5vw, 4rem); border-radius: var(--eta-radius-xl); background: linear-gradient(135deg, #0f766e, #0f172a); color: #fff; box-shadow: var(--eta-shadow-xl); }
.district-final-cta__box h2 { color: #fff; }
.district-final-cta__box p { color: rgba(255,255,255,.8); }
.district-final-cta__actions { display: flex; flex-direction: column; gap: .8rem; min-width: 13rem; }
@media (max-width: 900px) {
    .district-hero__grid, .district-overview__grid, .district-final-cta__box { grid-template-columns: 1fr; }
    .district-neighborhoods__list, .district-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .district-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .district-final-cta__actions { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 600px) {
    .district-neighborhoods__list, .district-services__grid, .district-process__grid { grid-template-columns: 1fr; }
    .district-hero__actions, .district-final-cta__actions { flex-direction: column; }
    .district-hero__actions .button, .district-final-cta__actions .button { width: 100%; }
}

/* Eren 10: editorial and utility page templates */
.info-page .page-hero,
.full-width-page .page-hero { padding: clamp(3.5rem, 7vw, 6.5rem) 0; background: linear-gradient(145deg, var(--eta-color-surface, #f4fbfb), #fff); }
.page-hero--compact { padding-block: clamp(2.5rem, 5vw, 4rem) !important; }
.page-hero h1 { max-width: 18ch; margin-inline: auto; text-align: center; }
.page-hero p { max-width: 720px; margin: 1rem auto 0; text-align: center; font-size: 1.1rem; }
.page-hero .eyebrow { display: block; text-align: center; }
.feature-grid { display: grid; gap: 1.25rem; }
.feature-grid--4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.info-card, .contact-option, .contact-panel, .cta-card { padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid rgba(15,44,57,.1); border-radius: var(--eta-radius-lg, 1.25rem); background: #fff; box-shadow: 0 18px 45px rgba(15,44,57,.07); }
.info-card h2, .info-card h3, .contact-option h2 { margin-top: 0; }
.split-layout { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); gap: clamp(2rem,5vw,5rem); align-items: start; }
.numbered-list { counter-reset: eta-step; display: grid; gap: 1rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.numbered-list li { position: relative; padding-left: 3rem; }
.numbered-list li::before { counter-increment: eta-step; content: counter(eta-step); position: absolute; left: 0; top: -.15rem; display:grid; place-items:center; width:2rem; height:2rem; border-radius:999px; background:var(--eta-color-primary,#0b8f87); color:#fff; font-weight:700; }
.button--block { width: 100%; justify-content: center; margin-top: .75rem; }
.contact-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.7fr); gap:2rem; align-items:start; }
.contact-options { display:grid; gap:1rem; }
.contact-option a { font-weight:700; }
.contact-panel { position:sticky; top:7rem; }
.values-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.final-cta-box { padding:clamp(2rem,5vw,4rem); border-radius:var(--eta-radius-xl,1.75rem); text-align:center; background:var(--eta-color-dark,#102f3a); color:#fff; }
.final-cta-box h2 { color:inherit; }
.button-group { display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; margin-top:1.5rem; }
@media (max-width: 900px) { .feature-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); } .split-layout,.contact-layout { grid-template-columns:1fr; } .contact-panel { position:static; } }
@media (max-width: 580px) { .feature-grid--4,.values-grid { grid-template-columns:1fr; } }