/* Lokman SAYAT İnşaat ve Emlak - DarkConstruction theme-aligned local service site */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');
:root {
  --bg: #080b10;
  --bg-2: #0d1117;
  --surface: #131921;
  --surface-2: #161c29;
  --ink: #ffffff;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --line: rgba(255, 255, 255, 0.07);
  --brand: #4ade80;
  --brand-2: #4ade80;
  --deep: #080b10;
  --success: #4ade80;
  --danger: #ef4444;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 20px 60px rgba(0,0,0,.6);
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1rem; }
h1,h2,h3,h4 { margin: 0; color: var(--ink); line-height: 1.08; letter-spacing: -0.035em; text-wrap: pretty; }
h1 { font-size: clamp(2.75rem, 7vw, 6.3rem); }
h2 { font-size: clamp(2.1rem, 4.7vw, 4rem); }
h3 { font-size: clamp(1.35rem, 2.5vw, 2rem); }
h4 { font-size: 1.12rem; }
strong { color: var(--ink); }
.container { width: min(100% - 36px, var(--max)); margin: 0 auto; }
.skip-link { position: absolute; left: -999px; top: 12px; background: var(--brand); color: #111; padding: 10px 14px; z-index: 1000; border-radius: 10px; }
.skip-link:focus { left: 12px; }

.topbar { background: #05090d; border-bottom: 1px solid var(--line); font-size: .92rem; color: var(--muted); }
.topbar .container { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.topbar__left, .topbar__right { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.topbar b { color: var(--brand-2); font-weight: 700; }

.site-header { position: sticky; top: 0; z-index: 999; background: rgba(11,17,23,.88); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.logo { display: flex; align-items: center; gap: 12px; min-width: max-content; }
.logo__mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(135deg, var(--brand), #8c5d14); color: #111; font-weight: 900; letter-spacing: -.06em; box-shadow: 0 12px 35px rgba(217,164,65,.25); }
.logo__text { display: grid; line-height: 1.08; }
.logo__text strong { font-size: 1.08rem; letter-spacing: .02em; }
.logo__text span { color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; }
.nav__links { display: flex; align-items: center; gap: 4px; list-style: none; padding: 0; margin: 0; }
.nav__links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 999px; color: var(--text); font-weight: 650; font-size: .95rem; transition: .2s ease; }
.nav__links a:hover, .nav__links a:focus, .nav__links a.active { background: rgba(217,164,65,.12); color: var(--brand-2); outline: none; }
.nav__cta { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 18px; border-radius: 999px; background: var(--brand); color: #111; font-weight: 850; box-shadow: 0 15px 40px rgba(217,164,65,.22); }
.nav__toggle { display: none; width: 46px; height: 46px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); border-radius: 12px; font: inherit; }

.hero { position: relative; min-height: 760px; display: grid; align-items: center; overflow: hidden; background: #070b0f; }
.hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,16,24,.96) 0%, rgba(7,16,24,.83) 42%, rgba(7,16,24,.22) 100%), var(--hero-image, url('../images/slider/slider1.jpg')) center/cover no-repeat; transform: scale(1.02); }
.hero:after { content: ""; position: absolute; inset: auto 0 0; height: 170px; background: linear-gradient(0deg, var(--bg), transparent); }
.hero .container { position: relative; z-index: 2; padding: 110px 0 80px; }
.kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--brand-2); font-weight: 850; letter-spacing: .16em; text-transform: uppercase; font-size: .78rem; margin-bottom: 22px; }
.kicker:before { content: ""; width: 42px; height: 2px; background: var(--brand); }
.hero__copy { max-width: 780px; }
.hero__copy p.lead { max-width: 690px; font-size: clamp(1.08rem, 2vw, 1.35rem); color: #e3ded2; margin: 24px 0 34px; }
.hero__actions, .actions { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.btn { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border-radius: 999px; font-weight: 850; border: 1px solid transparent; cursor: pointer; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn--primary { background: var(--brand); color: #111; box-shadow: 0 15px 38px rgba(217,164,65,.25); }
.btn--ghost { color: var(--ink); border-color: var(--line); background: rgba(255,255,255,.06); }
.btn--dark { background: var(--deep); color: var(--ink); border-color: var(--line); }
.hero__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; max-width: 730px; margin-top: 44px; }
.fact { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.07); backdrop-filter: blur(10px); }
.fact strong { display: block; font-size: clamp(1.5rem, 3vw, 2.4rem); line-height: 1; color: var(--brand-2); letter-spacing: -.05em; }
.fact span { display: block; margin-top: 8px; color: var(--text); font-size: .9rem; }

section { padding: 96px 0; position: relative; }
.section--tight { padding: 66px 0; }
.section--surface { background: linear-gradient(180deg, var(--bg-2), var(--bg)); }
.section__head { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 38px; }
.section__head > div { max-width: 760px; }
.eyebrow { color: var(--brand-2); font-weight: 850; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; margin-bottom: 12px; }
.section__head p { max-width: 620px; color: var(--muted); margin-top: 16px; }
.grid { display: grid; gap: 24px; }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card { border: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); border-radius: var(--radius); overflow: hidden; box-shadow: 0 16px 45px rgba(0,0,0,.18); }
.card__body { padding: 26px; }
.card__image { height: 250px; overflow: hidden; background: var(--surface); }
.card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.card:hover .card__image img { transform: scale(1.05); }
.card p { color: var(--muted); }
.card a.text-link { color: var(--brand-2); font-weight: 850; }
.icon-card { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.045); transition: transform .2s ease, border-color .2s ease; }
.icon-card:hover { transform: translateY(-4px); border-color: rgba(217,164,65,.35); }
.icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; background: rgba(217,164,65,.14); color: var(--brand-2); margin-bottom: 18px; font-size: 1.6rem; }
.icon-card p { color: var(--muted); margin-top: 12px; }

.split { display: grid; grid-template-columns: 1fr .86fr; gap: 54px; align-items: center; }
.split__media { position: relative; }
.split__media img { border-radius: var(--radius); min-height: 430px; width: 100%; object-fit: cover; box-shadow: var(--shadow); }
.badge-panel { position: absolute; right: -20px; bottom: -24px; width: min(280px, 80%); padding: 24px; border-radius: 20px; background: var(--brand); color: #111; box-shadow: var(--shadow); }
.badge-panel strong { color: #111; font-size: 2.3rem; display: block; line-height: 1; }
.check-list { display: grid; gap: 14px; padding: 0; margin: 24px 0 0; list-style: none; }
.check-list li { display: grid; grid-template-columns: 26px 1fr; gap: 12px; align-items: start; color: var(--text); }
.check-list li:before { content: "✓"; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(68,194,125,.16); color: var(--success); font-weight: 900; }

.local-seo { border: 1px solid rgba(217,164,65,.25); background: linear-gradient(135deg, rgba(217,164,65,.13), rgba(255,255,255,.04)); border-radius: 28px; padding: clamp(26px, 5vw, 46px); }
.area-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.area-tags span { padding: 9px 13px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid var(--line); color: var(--ink); font-weight: 700; font-size: .92rem; }

.page-hero { min-height: 430px; display: grid; align-items: end; position: relative; overflow: hidden; background: #071018; }
.page-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,16,24,.94), rgba(7,16,24,.58)), var(--page-image, url('../images/breadcrumb/about.jpg')) center/cover no-repeat; }
.page-hero .container { position: relative; z-index: 2; padding: 120px 0 70px; }
.breadcrumbs { display: flex; gap: 10px; flex-wrap: wrap; color: var(--muted); font-size: .95rem; margin-top: 18px; }
.breadcrumbs a { color: var(--brand-2); }

.service-row { display: grid; grid-template-columns: .8fr 1fr; gap: 34px; align-items: start; border-top: 1px solid var(--line); padding: 34px 0; }
.service-row:first-child { border-top: none; }
.service-row__num { color: var(--brand-2); font-size: 3rem; font-weight: 900; line-height: 1; letter-spacing: -.08em; }
.service-row ul { margin: 18px 0 0; padding-left: 18px; color: var(--muted); }

.portfolio-filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
.portfolio-filter span { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); }
.portfolio-filter span:first-child { color: #111; background: var(--brand); border-color: var(--brand); font-weight: 850; }
.project-card { position: relative; min-height: 360px; display: grid; align-items: end; overflow: hidden; border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); }
.project-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.project-card:after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,9,13,.92), rgba(5,9,13,.12)); }
.project-card:hover img { transform: scale(1.06); }
.project-card__content { position: relative; z-index: 2; padding: 24px; }
.project-card__content span { color: var(--brand-2); font-weight: 850; font-size: .82rem; letter-spacing: .12em; text-transform: uppercase; }

.contact-panel { display: grid; grid-template-columns: .9fr 1.1fr; gap: 26px; }
.contact-box { border: 1px solid var(--line); background: rgba(255,255,255,.055); border-radius: var(--radius); padding: 28px; }
.contact-item { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 18px 0; border-top: 1px solid var(--line); }
.contact-item:first-child { border-top: none; padding-top: 0; }
.contact-item__icon { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: rgba(217,164,65,.15); color: var(--brand-2); }
.form { display: grid; gap: 14px; }
.form label { display: grid; gap: 8px; color: var(--ink); font-weight: 700; }
.form input, .form textarea, .form select { width: 100%; min-height: 50px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.06); color: var(--ink); padding: 12px 14px; font: inherit; }
.form textarea { min-height: 140px; resize: vertical; }
.form small { color: var(--muted); }
.map-frame { min-height: 360px; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.map-frame iframe { width: 100%; height: 100%; min-height: 360px; border: 0; filter: grayscale(.25) contrast(1.05); }

.faq { display: grid; gap: 12px; }
.faq details { border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.045); padding: 0; overflow: hidden; }
.faq summary { cursor: pointer; list-style: none; padding: 20px 24px; color: var(--ink); font-weight: 850; }
.faq summary::-webkit-details-marker { display:none; }
.faq details p { padding: 0 24px 22px; color: var(--muted); }

.footer { padding: 64px 0 28px; background: #05090d; border-top: 1px solid var(--line); }
.footer__grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr 1fr; gap: 34px; }
.footer h3, .footer h4 { margin-bottom: 16px; }
.footer p, .footer li { color: var(--muted); }
.footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.footer a:hover { color: var(--brand-2); }
.footer__bottom { border-top: 1px solid var(--line); margin-top: 38px; padding-top: 20px; display: flex; justify-content: space-between; gap: 14px; color: var(--muted); font-size: .92rem; }

.note { color: var(--muted); font-size: .94rem; }
.notice { border-left: 4px solid var(--brand); background: rgba(217,164,65,.09); padding: 16px 18px; border-radius: 14px; color: var(--text); }
.stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: rgba(255,255,255,.04); }
.stat-strip > div { padding: 24px; border-left: 1px solid var(--line); }
.stat-strip > div:first-child { border-left: none; }
.stat-strip strong { font-size: 2rem; display: block; color: var(--brand-2); line-height: 1; }
.stat-strip span { color: var(--muted); font-size: .92rem; }

@media (max-width: 980px) {
  .topbar .container { align-items: flex-start; padding: 10px 0; }
  .nav__toggle { display: block; }
  .nav__links { position: fixed; inset: 121px 18px auto; display: none; grid-template-columns: 1fr; gap: 8px; padding: 16px; border: 1px solid var(--line); border-radius: 20px; background: rgba(11,17,23,.98); box-shadow: var(--shadow); }
  .nav__links.open { display: grid; }
  .nav__links a { justify-content: center; }
  .nav__cta { display: none; }
  .hero { min-height: 690px; }
  .hero:before { background: linear-gradient(90deg, rgba(7,16,24,.97), rgba(7,16,24,.78)), var(--hero-image, url('../images/slider/slider1.jpg')) center/cover no-repeat; }
  .hero__facts, .grid--3, .grid--4, .footer__grid, .stat-strip { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid--2, .split, .contact-panel, .service-row { grid-template-columns: 1fr; }
  .section__head { display: block; }
  .section__head .btn { margin-top: 18px; }
}

@media (max-width: 640px) {
  .container { width: min(100% - 28px, var(--max)); }
  .topbar__right { display: none; }
  .logo__text strong { font-size: .98rem; }
  .logo__mark { width: 42px; height: 42px; }
  .nav { min-height: 68px; }
  .nav__links { top: 110px; }
  h1 { font-size: clamp(2.45rem, 15vw, 4rem); }
  section { padding: 68px 0; }
  .hero__facts, .grid--3, .grid--4, .footer__grid, .stat-strip { grid-template-columns: 1fr; }
  .fact, .card__body, .icon-card, .contact-box { padding: 22px; }
  .badge-panel { position: static; width: 100%; margin-top: 14px; }
  .footer__bottom { display: block; }
  .service-row__num { font-size: 2.2rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}


/* Local service pages */
.seo-layout{display:grid;grid-template-columns:280px 1fr;gap:38px;align-items:start}.toc{position:sticky;top:110px;border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#111620;display:grid;gap:12px;box-shadow:var(--shadow-card,0 4px 24px rgba(0,0,0,.4))}.toc strong{color:var(--ink);font-size:15px;text-transform:uppercase;letter-spacing:.09em}.toc a{color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.toc a:hover{color:var(--brand-2)}.content-rich{max-width:890px}.content-rich .lead-copy{font-size:1.16rem;color:#e2e8f0}.content-rich h2{margin-top:34px;margin-bottom:14px;font-size:clamp(1.65rem,3vw,2.6rem)}.content-rich p{color:var(--muted);margin-bottom:18px}.article-image{margin:30px 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 18px 55px rgba(0,0,0,.42)}.article-image img{width:100%;max-height:420px;object-fit:cover}.article-image figcaption{padding:12px 16px;color:var(--muted);font-size:.92rem}.quote-card{margin:32px 0;padding:28px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(74,222,128,.08),rgba(255,255,255,.035));border:1px solid rgba(74,222,128,.18)}.internal-links{margin:34px 0;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#111620}.internal-links>div,.seo-link-list{display:flex;flex-wrap:wrap;gap:10px}.internal-links a,.seo-link-list a{padding:9px 12px;border-radius:999px;background:rgba(74,222,128,.08);color:var(--brand-2);font-weight:800;border:1px solid rgba(74,222,128,.18)}.seo-card .card__body{min-height:310px;display:flex;flex-direction:column}.seo-card .seo-link-list{margin-top:auto;padding-top:18px}@media(max-width:980px){.seo-layout{grid-template-columns:1fr}.toc{position:static}}

/* DarkConstruction theme fidelity pass */
body{font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;background:#080b10;color:#e2e8f0;line-height:1.7}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;color:#fff;letter-spacing:-.025em;font-weight:700}h1{font-size:clamp(2.9rem,5.2vw,4.7rem);line-height:1.08}h2{font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.18}p{color:#94a3b8}.topbar{background:#080b10;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}.topbar b{color:#4ade80}.site-header{background:rgba(8,11,16,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{min-height:86px}.logo__mark{border-radius:8px;background:#4ade80;color:#07100b;box-shadow:0 0 40px rgba(74,222,128,.16)}.logo__text strong{font-weight:800;color:#fff}.logo__text span{color:#94a3b8}.nav__links a{border-radius:6px;background:transparent;color:#e2e8f0;font-weight:700}.nav__links a:hover,.nav__links a:focus,.nav__links a.active{background:transparent;color:#4ade80;outline:none}.nav__cta,.btn--primary{background:#4ade80;color:#06120b;border-radius:999px;box-shadow:0 0 40px rgba(74,222,128,.18)}.btn--ghost{border-color:rgba(255,255,255,.12);background:#111620;color:#fff}.btn{border-radius:999px;min-height:52px}.kicker,.eyebrow,.breadcrumbs a,.service-row__num,.project-card__content span,.footer a:hover,.card a.text-link{color:#4ade80}.kicker:before{background:#4ade80}.hero,.page-hero{background:#080b10}.hero:before{background:linear-gradient(90deg,rgba(8,11,16,.94),rgba(8,11,16,.82) 45%,rgba(8,11,16,.24)),var(--hero-image,url('../images/slider/slider1.jpg')) center/cover no-repeat}.page-hero{min-height:470px}.page-hero:before{background:linear-gradient(90deg,rgba(8,11,16,.95),rgba(8,11,16,.64)),var(--page-image,url('../images/breadcrumb/about.jpg')) center/cover no-repeat}.page-hero .container{padding:130px 0 78px}.section--surface{background:#0d1117}.card,.icon-card,.contact-box,.faq details,.fact{background:#131921;border:1px solid rgba(255,255,255,.07);border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.35)}.card__body{padding:30px}.icon-card:hover{border-color:rgba(74,222,128,.26);transform:translateY(-4px)}.icon{background:rgba(74,222,128,.08);color:#4ade80;border-radius:10px}.fact strong{color:#4ade80}.badge-panel,.portfolio-filter span:first-child{background:#4ade80;color:#07100b;border-radius:14px}.badge-panel strong{color:#07100b}.local-seo{border:1px solid rgba(74,222,128,.22);background:linear-gradient(135deg,rgba(74,222,128,.08),rgba(255,255,255,.035));border-radius:18px}.area-tags span{background:#111620;border-color:rgba(255,255,255,.09);color:#e2e8f0}.check-list li:before{background:rgba(74,222,128,.10);color:#4ade80}.notice{border-left-color:#4ade80;background:rgba(74,222,128,.07);border-radius:8px}.contact-item__icon{background:rgba(74,222,128,.08);color:#4ade80}.form input,.form textarea,.form select{background:#0d1117;border-color:rgba(255,255,255,.1);border-radius:10px;color:#fff}.footer{background:#080b10;border-top:1px solid rgba(255,255,255,.07)}

/* BLOG STYLE LANDING PAGES - DARKCONSTRUCTION FIDELITY */
.blog-list-section,.blog-detail-section{background:#0d1117;padding:92px 0}.dc-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.blog-single{min-width:0}.themeioan_blog.dc-blog-card{height:100%;background:#131921;border:1px solid rgba(255,255,255,.075);box-shadow:0 18px 48px rgba(0,0,0,.32);overflow:hidden;transition:transform .22s ease,border-color .22s ease}.themeioan_blog.dc-blog-card:hover{transform:translateY(-6px);border-color:rgba(74,222,128,.3)}.themeioan_blog .blog-photo{height:230px;overflow:hidden;background:#080b10}.themeioan_blog .blog-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.themeioan_blog:hover .blog-photo img{transform:scale(1.055)}.themeioan_blog .blog-content{padding:26px}.blog-info{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.88rem;margin-bottom:13px}.blog-category a{color:#4ade80;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.themeioan_blog h3.title{font-size:1.35rem;line-height:1.28;margin-bottom:18px;letter-spacing:-.02em}.readmore{display:inline-flex;align-items:center;gap:8px;color:#4ade80;font-weight:850}.blog-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) 360px;gap:44px;align-items:start}.dc-blog-article{background:#101720;border:1px solid rgba(255,255,255,.075);padding:0 0 34px;box-shadow:0 18px 55px rgba(0,0,0,.28)}.dc-featured-image{margin:0 0 34px;background:#080b10;overflow:hidden}.dc-featured-image img{width:100%;height:430px;object-fit:cover}.dc-featured-image figcaption{padding:13px 24px;color:#94a3b8;font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.07)}.dc-blog-article>.section-title,.dc-blog-article>p,.dc-blog-article>h2,.dc-blog-article>.lead-copy,.dc-blog-article>.dc-post-meta,.dc-blog-article>.quote-card,.dc-blog-article>.faq,.dc-blog-article>.post-bottom-meta{margin-left:34px;margin-right:34px}.dc-blog-article h2{font-size:clamp(1.65rem,3vw,2.6rem);margin-top:34px;margin-bottom:14px}.dc-blog-article p{color:#b6c2d2;margin-bottom:18px}.dc-blog-article .lead-copy{font-size:1.16rem;color:#e2e8f0;margin-bottom:26px}.dc-post-meta{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0;margin-top:0;margin-bottom:24px;color:#94a3b8;font-size:.92rem}.dc-post-meta i{font-style:normal;color:#4ade80;margin-right:5px}.dc-sidebar{display:grid;gap:24px}.detail-widgets{background:#101720;border:1px solid rgba(255,255,255,.075);padding:26px;box-shadow:0 16px 42px rgba(0,0,0,.24)}.detail-widgets .title{font-size:1.15rem;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.detail-widgets ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.detail-widgets li a{display:flex;justify-content:space-between;gap:12px;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px}.detail-widgets li:last-child a{border-bottom:0;padding-bottom:0}.detail-widgets li a:hover{color:#4ade80}.detail-widgets span{color:#94a3b8;font-size:.82rem}.sidebar-services .services_image{min-height:290px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.075);display:grid;align-items:end}.sidebar-services .opac{padding:28px}.sidebar-services h3{font-size:1.55rem;margin-bottom:12px}.sidebar-services p{color:#d8e0ea}.btn-custom{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#06120b;background:#4ade80;padding:13px 18px;border-radius:999px;font-weight:900}.widget-tag ul,.post-tags .list{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}.widget-tag li a,.post-tags li a{display:inline-flex;border:1px solid rgba(74,222,128,.2);background:rgba(74,222,128,.08);border-radius:999px;padding:8px 11px;color:#4ade80;font-weight:800;font-size:.88rem}.post-bottom-meta{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin-top:34px}.pbm-title{font-size:1rem;margin-bottom:12px}.dc-checks ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}.dc-checks li{display:grid;grid-template-columns:28px 1fr;gap:10px;color:#e2e8f0}.dc-checks i{font-style:normal;color:#4ade80;font-weight:900}.dc-faq details{margin-bottom:12px;background:#131921}.single-post-pagination{display:grid;grid-template-columns:1fr 72px 1fr;gap:18px;align-items:center}.single-post-pagination a{display:block;background:#101720;border:1px solid rgba(255,255,255,.075);padding:22px;color:#fff}.single-post-pagination .next-post{text-align:right}.single-post-pagination .intro{display:block;color:#4ade80;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.post-pagination-center-grid a{height:72px;display:grid;place-items:center;font-size:1.35rem}@media(max-width:1050px){.dc-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-detail-grid{grid-template-columns:1fr}.dc-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.dc-blog-grid,.dc-sidebar{grid-template-columns:1fr}.dc-blog-article>.section-title,.dc-blog-article>p,.dc-blog-article>h2,.dc-blog-article>.lead-copy,.dc-blog-article>.dc-post-meta,.dc-blog-article>.quote-card,.dc-blog-article>.faq,.dc-blog-article>.post-bottom-meta{margin-left:22px;margin-right:22px}.dc-featured-image img{height:260px}.single-post-pagination{grid-template-columns:1fr}.single-post-pagination .next-post{text-align:left}}

/* CLEAN SERVICE AREAS HUB - DARKCONSTRUCTION */
.service-areas-hero .page-hero__lead{max-width:720px;margin:24px 0 0;color:#d8e0ea;font-size:1.16rem;line-height:1.7}.area-overview-section,.quick-links-section{background:#0d1117;padding:92px 0}.compact-head{margin-bottom:32px}.compact-head h2{max-width:780px}.compact-head p{max-width:720px}.area-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.area-feature-card{background:#101720;border:1px solid rgba(255,255,255,.075);box-shadow:0 18px 48px rgba(0,0,0,.28);overflow:hidden;display:flex;flex-direction:column;min-height:100%;transition:transform .22s ease,border-color .22s ease}.area-feature-card:hover{transform:translateY(-5px);border-color:rgba(74,222,128,.28)}.area-feature-card__image{height:245px;background:#080b10;overflow:hidden}.area-feature-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.area-feature-card:hover .area-feature-card__image img{transform:scale(1.055)}.area-feature-card__body{padding:28px;display:flex;flex-direction:column;gap:12px;flex:1}.area-feature-card__body>span,.compact-service-card span{color:#4ade80;font-weight:850;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.area-feature-card h3{font-size:1.55rem;line-height:1.22}.area-feature-card p{color:#aab7c8;margin:0}.area-feature-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:12px}.area-feature-links a{display:inline-flex;border:1px solid rgba(74,222,128,.18);background:rgba(74,222,128,.08);color:#4ade80;border-radius:999px;padding:8px 11px;font-size:.88rem;font-weight:800}.featured-service-section{padding:90px 0}.compact-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.compact-service-card{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:stretch;background:#101720;border:1px solid rgba(255,255,255,.075);padding:16px;box-shadow:0 14px 36px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease}.compact-service-card:hover{transform:translateY(-4px);border-color:rgba(74,222,128,.25)}.compact-service-card__image{min-height:160px;overflow:hidden;background:#080b10;display:block}.compact-service-card__image img{width:100%;height:100%;object-fit:cover}.compact-service-card h3{font-size:1.22rem;margin:8px 0 8px;line-height:1.25}.compact-service-card p{color:#aab7c8;margin:0 0 12px}.service-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.service-link-panel{background:#101720;border:1px solid rgba(255,255,255,.075);padding:28px;box-shadow:0 16px 42px rgba(0,0,0,.22)}.service-link-panel h3{font-size:1.35rem;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.service-link-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.service-link-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.055);font-weight:700}.service-link-panel li:last-child a{border-bottom:0}.service-link-panel a:after{content:'→';color:#4ade80;opacity:.85}.service-link-panel a:hover{color:#4ade80}.service-area-cta{padding:86px 0}.service-area-cta .local-seo{display:grid;grid-template-columns:1.1fr auto;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(74,222,128,.10),rgba(255,255,255,.035));border-color:rgba(74,222,128,.20);border-radius:0}.service-area-cta h2{font-size:clamp(1.85rem,3.2vw,2.9rem)}@media(max-width:1050px){.area-feature-grid,.service-link-grid{grid-template-columns:1fr}.compact-service-grid{grid-template-columns:1fr}.service-area-cta .local-seo{grid-template-columns:1fr}.area-feature-card{display:grid;grid-template-columns:320px 1fr}.area-feature-card__image{height:100%}}@media(max-width:720px){.area-overview-section,.quick-links-section,.featured-service-section{padding:68px 0}.area-feature-card,.compact-service-card{display:block}.area-feature-card__image{height:220px}.compact-service-card__image{height:180px;margin-bottom:16px}.service-link-panel{padding:22px}.service-areas-hero .page-hero__lead{font-size:1rem}}

/* IMAGE SIZE CONSISTENCY FIX - SERVICE AREAS */
.area-feature-card__image,
.compact-service-card__image{
  display:block;
  width:100%;
  height:245px;
  min-height:245px;
  max-height:245px;
  overflow:hidden;
  background:#080b10;
}
.area-feature-card__image img,
.compact-service-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.compact-service-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.compact-service-card{
  display:flex;
  flex-direction:column;
  padding:0;
  min-height:100%;
  overflow:hidden;
}
.compact-service-card>div{
  padding:28px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.compact-service-card .readmore{
  margin-top:auto;
  padding-top:12px;
}
@media(max-width:1050px){
  .compact-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .area-feature-card__image,
  .compact-service-card__image{height:230px;min-height:230px;max-height:230px;}
}
@media(max-width:720px){
  .compact-service-grid{grid-template-columns:1fr;}
  .area-feature-card__image,
  .compact-service-card__image{height:220px;min-height:220px;max-height:220px;}
  .compact-service-card__image{margin-bottom:0;}
  .compact-service-card>div{padding:22px;}
}