
.seo-hero{min-height:720px;position:relative;display:flex;align-items:center;padding:140px 0 92px;overflow:hidden;border-bottom:1px solid rgba(213,157,39,.15);background:#090b0d}
.seo-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.7) brightness(.78);transform:scale(1.015)}
.seo-hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,transparent 0 12%,rgba(5,6,7,.18) 42%,rgba(5,6,7,.9) 100%)}
.seo-hero-grid{display:grid;grid-template-columns:1.08fr .72fr;gap:70px;align-items:center}
.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:26px;color:#717777;font-size:11px}
.breadcrumb a{color:#9a9f9d}.breadcrumb strong{color:#c7c1b5;font-weight:600}.breadcrumb span{color:var(--gold)}
.seo-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.17em;margin-bottom:18px}
.seo-kicker::before{content:"";width:35px;height:1px;background:var(--gold)}
.seo-hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(65px,7.2vw,104px);text-transform:uppercase;line-height:.84;letter-spacing:-.035em;margin:0;color:#eee8dc;text-shadow:0 10px 35px rgba(0,0,0,.6)}
.seo-hero h1 span{color:var(--gold)}
.seo-lead{font-size:18px;line-height:1.75;color:#c6c4bc;max-width:720px;margin:30px 0 28px}
.seo-case-file{position:relative;background:#b7a277;color:#17130d;padding:30px 28px 26px;font-family:"Special Elite",monospace;box-shadow:0 38px 90px rgba(0,0,0,.55);transform:rotate(1.8deg);border:1px solid rgba(255,255,255,.18)}
.seo-case-file::after{content:"";position:absolute;inset:10px;border:1px solid rgba(45,35,20,.22);pointer-events:none}
.seo-case-file .paperclip{position:absolute;width:17px;height:47px;border:3px solid #403e38;border-radius:10px;top:-19px;left:42px;transform:rotate(-10deg)}
.file-stamp{position:absolute;right:24px;top:22px;border:3px solid #7d261f;color:#7d261f;padding:5px 9px;font-size:14px;font-weight:900;transform:rotate(7deg)}
.seo-case-file>small{font-size:10px;letter-spacing:.12em;color:#584d3a}
.seo-case-file h2{font-family:"Special Elite",monospace;font-size:30px;line-height:1.05;margin:35px 0 22px;text-transform:uppercase}
.file-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px dashed rgba(43,33,20,.4);font-size:13px}
.file-row span{color:#564b39}.file-row b{text-align:right}
.seo-case-file p{font-size:12px;line-height:1.6;margin:20px 0 0;color:#4b4234}
.seo-benefits{background:linear-gradient(180deg,#0b0e10,#0d1113)}
.seo-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.seo-info-card{background:#101518;border:1px solid rgba(213,157,39,.15);padding:30px;min-height:245px;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.seo-card-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(213,157,39,.3);color:var(--gold);font-size:25px;margin-bottom:38px}
.seo-info-card h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:28px;margin:0 0 10px;color:#eee7da}
.seo-info-card p{font-size:14px;line-height:1.65;color:#919797;margin:0}
.seo-content{background:#090b0d}
.seo-content-alt{background:#0d1113}
.seo-content-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:center}
.seo-content-grid.reverse{grid-template-columns:1.05fr .95fr}
.seo-content-grid.reverse .seo-content-copy{order:2}.seo-content-grid.reverse .seo-content-visual{order:1}
.seo-content-copy h2{font-family:"Barlow Condensed";font-size:clamp(43px,5vw,68px);line-height:.92;text-transform:uppercase;color:#eee8dc;margin:16px 0 23px}
.seo-content-copy p{color:#999f9e;line-height:1.75;font-size:15px}
.seo-content-visual{position:relative;padding:15px;border:1px solid rgba(213,157,39,.18);background:#0b0e10;box-shadow:var(--shadow)}
.seo-content-visual::before{content:"";position:absolute;inset:15px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18));z-index:1;pointer-events:none}
.seo-content-visual img{width:100%;height:430px;object-fit:cover;filter:saturate(.68) brightness(.75)}
.city-list-section{background:#0b0e10}
.city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:auto}
.city-card{position:relative;background:#101518;border:1px solid rgba(213,157,39,.16);padding:32px;min-height:220px}
.city-card h3{font-family:"Barlow Condensed";font-size:42px;text-transform:uppercase;margin:22px 0 10px}
.city-card p{color:#969c9b;line-height:1.65}
.city-card small{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.city-status{position:absolute;right:20px;top:20px;background:#c79a3d;color:#111;padding:7px 9px;font-size:8px;font-weight:900;letter-spacing:.08em}
.seo-faq{background:#090b0d}
.related-section{background:#0d1113;padding-top:80px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.related-card{min-height:150px;background:#101518;border:1px solid rgba(213,157,39,.14);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:.2s ease}
.related-card:hover{transform:translateY(-4px);border-color:rgba(213,157,39,.45)}
.related-card small{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}
.related-card strong{font-family:"Barlow Condensed";text-transform:uppercase;font-size:25px;max-width:80%}
.related-card>span{position:absolute;right:22px;bottom:22px;color:var(--gold);font-size:24px}
@media(max-width:980px){
  .seo-hero-grid,.seo-content-grid,.seo-content-grid.reverse{grid-template-columns:1fr}
  .seo-case-file{max-width:570px}
  .seo-content-grid.reverse .seo-content-copy,.seo-content-grid.reverse .seo-content-visual{order:initial}
  .seo-card-grid{grid-template-columns:1fr}
  .seo-info-card{min-height:auto}
}
@media(max-width:820px){
  .seo-hero{padding-top:115px}
  .related-grid,.city-grid{grid-template-columns:1fr}
  .seo-content-visual img{height:340px}
}
@media(max-width:560px){
  .seo-hero h1{font-size:58px}
  .seo-lead{font-size:15px}
  .seo-case-file{padding:24px 20px}
  .seo-case-file h2{font-size:25px}
  .seo-content-visual img{height:270px}
}
