/* A compact shared reading layer; tools retain their original controls. */
.simpleSite .hero{min-height:0;padding-block:44px;gap:24px}
.simpleSite h1{font-size:clamp(38px,4.8vw,64px);line-height:1.12;letter-spacing:-.035em;margin-bottom:20px}
.simpleSite h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.025em}
.simpleSite .eyebrow{margin-bottom:16px}
.simpleSite .intro{font-size:16px;line-height:1.7;margin-bottom:20px}
.simpleSite .heroButtons{margin-block:22px;gap:20px}
.simpleSite .heroSmall{margin-top:20px}
.simpleSite .detailHero{padding-block:38px 32px}
.simpleSite .detailHero .eyebrow{margin-top:24px}
.simpleSite .seoTopicHero{padding-block:38px 24px}
.simpleSite .seoTopicHero h1{font-size:clamp(34px,4.7vw,58px);line-height:1.15;margin-block:16px}
.simpleSite .seoTopicHero nav{margin-bottom:22px}
.simpleSite .seoTopicHero>p{font-size:16px;line-height:1.7}
.simpleSite .services,.simpleSite .approach,.simpleSite .faq{padding-block:48px}
.simpleSite .sectionHeading{margin-bottom:26px;gap:24px}
.simpleSite .serviceCard{padding:22px 20px;border-radius:16px}
.simpleSite .cardTop{margin-bottom:22px}
.simpleSite .serviceCard h3{font-size:20px;margin-bottom:10px}
.simpleSite .serviceCard p{font-size:14px;line-height:1.65;margin-bottom:20px}
.simpleSite .steps{margin-top:32px;gap:24px}
.simpleSite .stepNum{margin-bottom:16px}
.simpleSite .about{padding-block:40px;gap:36px}
.simpleSite .aboutCopy>p{font-size:16px;line-height:1.7}
.simpleSite .deliver{padding-block:36px;gap:40px}
.simpleSite .deliver li{padding-block:16px}
.simpleSite .detailScope{padding-block:32px;margin-bottom:36px}
.simpleSite .detailScope p{margin-block:16px 20px;font-size:16px;line-height:1.7}
.simpleSite .mascotInterlude{padding-block:24px}
.simpleSite .visionUpgrade{padding-block:40px 55px}
.simpleSite .visionUpgrade .visionGrid{gap:32px}
.simpleSite .visionUpgrade .visionCopy h2{font-size:clamp(28px,3vw,38px)}
.simpleSite .visionUpgrade .visionCopy>p:not(.eyebrow){margin-block:16px;font-size:15px;line-height:1.7}
.simpleSite .seoServiceContent{padding-block:28px 36px}
.simpleSite .seoServiceContent>article{max-width:850px;margin:0 auto 10px}
.simpleSite .simpleDetails{max-width:850px;margin:10px auto;border:1px solid #d7e8df;border-radius:14px;background:#fbfefc;overflow:hidden}
.simpleSite .simpleDetails>summary{padding:15px 18px;min-height:52px;font-size:16px;line-height:1.45;font-weight:650;color:#0c503b;gap:18px;transition:background .2s}
.simpleSite .simpleDetails>summary:hover{background:#eef8f2}
.simpleSite .simpleDetails>summary::after{content:'+';flex:0 0 24px;text-align:center;font-size:22px;font-weight:400;line-height:1;color:#43876c}
.simpleSite .simpleDetails[open]>summary::after{content:'−'}
.simpleSite .simpleDetails>summary h2,.simpleSite .simpleDetails>summary h3{font-size:17px;line-height:1.45;letter-spacing:-.015em;margin:0;color:inherit}
.simpleSite .simpleDetailsBody{padding:0 18px 18px;color:#48675b;font-size:16px;line-height:1.7}
.simpleSite .simpleDetailsBody p,.simpleSite .seoServiceContent p{font-size:16px;line-height:1.7}
.simpleSite .simpleDetailsBody p+p{margin-top:14px}
.simpleSite .simpleDetailsBody h2{font-size:22px;margin-block:12px}
.simpleSite .simpleDetailsBody>article{margin-block:10px}
.simpleSite .simpleDetailsBody .simpleDetails{background:#fff}
.simpleSite .simpleDetails[open]>.simpleDetailsBody{animation:simpleReveal .22s ease-out}
.simpleSite .simpleIntroDetails{max-width:700px;margin-inline:0;margin-block:0 20px;background:transparent}
.simpleSite .simpleIntroDetails>summary{padding:10px 14px;min-height:44px;font-size:14px}
.simpleSite .simpleMore{background:#f1f8f4}
.simpleSite .seoServiceFAQ{max-width:850px;margin:14px auto;padding:0}
.simpleSite .seoServiceFAQ .simpleQuestions{padding:0;border:1px solid #d7e8df}
.simpleSite .seoServiceFAQ .simpleDetailsBody>h2{display:none}
.simpleSite .seoServiceFAQ .simpleDetailsBody>details{padding:0;border-bottom:1px solid #d7e8df}
.simpleSite .seoServiceFAQ .simpleDetailsBody>details>summary{font-size:16px;line-height:1.5;padding-block:14px}
.simpleSite .seoServiceFAQ details p{font-size:16px;padding-top:0;padding-bottom:14px;margin:0}
.simpleSite .seoServiceNext{padding:22px;margin:20px auto;border-radius:16px}
.simpleSite .seoServiceNext h2{font-size:24px;margin-bottom:12px}
.simpleSite .seoRelated{margin:12px 0 0;gap:8px}
.simpleSite .seoRelated a{font-size:14px;padding:10px 13px;min-height:44px;border-radius:10px}
.simpleSite .cityCoverageCards{margin-inline:auto}
.simpleSite .contactPage,.simpleSite .checkerPage,.simpleSite .websitePlanner{padding-block:36px;gap:32px}
.simpleSite .contactPage h1,.simpleSite .checkerPage h1,.simpleSite .websitePlanner h1{font-size:clamp(34px,4.7vw,54px)}
.simpleSite .contactPage input,.simpleSite .contactPage select,.simpleSite .contactPage textarea,.simpleSite .websitePlanner input,.simpleSite .websitePlanner select,.simpleSite .checkerPage input{font-size:16px}
.simpleSite .privacyContent{padding-block:28px 40px;max-width:900px;font-size:16px;line-height:1.7}
.simpleSite .privacyContent h2{font-size:24px;margin-block:24px 12px}
.simpleSite .footerTop{padding-bottom:28px;gap:22px}
.simpleSite .footerTop h2{font-size:clamp(26px,3vw,36px)}
.simpleSite .footerGrid{padding-block:28px;gap:32px}
.simpleSite .footerFinale{padding-top:26px}
html[lang=ar] .simpleSite h1,html[lang=ar] .simpleSite h2,html[lang=ar] .simpleSite .simpleDetails>summary h2{letter-spacing:0;line-height:1.4}
@keyframes simpleReveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){
 .simpleSite .wrap{padding-inline:22px}
 .simpleSite .hero{padding-block:28px;gap:20px}
 .simpleSite h1{font-size:38px;letter-spacing:-1.2px}
 .simpleSite h2{font-size:29px}
 .simpleSite .detailHero,.simpleSite .seoTopicHero{padding-block:28px 22px}
 .simpleSite .seoTopicHero h1{font-size:34px}
 .simpleSite .heroVisual{width:min(100%,300px);margin-inline:auto}
 .simpleSite .services,.simpleSite .approach,.simpleSite .faq{padding-block:34px}
 .simpleSite .sectionHeading{gap:16px;margin-bottom:22px}
 .simpleSite .serviceCard{padding:20px 16px}
 .simpleSite .serviceCard h3{font-size:18px}
 .simpleSite .serviceCard p{font-size:14px}
 .simpleSite .steps,.simpleSite .about,.simpleSite .deliver{gap:22px}
 .simpleSite .seoServiceContent{padding-block:22px 28px}
 .simpleSite .simpleDetails>summary{padding:14px 15px}
 .simpleSite .simpleDetails>summary h2{font-size:16px}
 .simpleSite .simpleDetailsBody{padding:0 15px 16px}
 .simpleSite .seoServiceNext{padding:18px;margin-block:16px}
 .simpleSite .seoServiceNext h2{font-size:22px}
 .simpleSite .detailScope{margin-inline:22px;padding-inline:20px;padding-block:26px}
 .simpleSite .visionUpgrade{padding-block:32px 45px}
 .simpleSite .contactPage,.simpleSite .checkerPage,.simpleSite .websitePlanner{padding-block:28px;gap:22px}
 .simpleSite .footerGrid{gap:24px;padding-block:24px}
}
@media(prefers-reduced-motion:reduce){.simpleSite .simpleDetails[open]>.simpleDetailsBody{animation:none}}

/* A recognizable city beside each service headline; all city cards visible in a responsive grid. */
.simpleSite .cityHero{gap:32px}
.simpleSite .cityLandmark{position:relative;margin:0;min-width:0;overflow:hidden;border:1px solid #d3e7dc;border-radius:24px;background:#eff8f2;align-self:center}
.simpleSite .cityLandmark>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transform-origin:center;will-change:transform}
.simpleSite .cityLandmark figcaption{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:14px 18px;border-top:1px solid #d3e7dc;background:#f7fcf9;color:#194d3b}
.simpleSite .cityLandmark figcaption strong{font-size:18px;line-height:1.4}
.simpleSite .cityLandmark figcaption span{font-size:12px;line-height:1.5;text-align:end}
.simpleSite .cityCoverage{max-width:1100px!important;min-width:0}
.simpleSite .cityCoverageCards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:visible;padding:4px 0;margin-top:12px!important}
.simpleSite .cityCoverageCards a{min-width:0;max-width:none;display:flex;flex-direction:column;gap:3px;padding:0 0 12px;border-radius:15px;text-decoration:none;background:#fff;overflow:hidden;border:1px solid #d1e5d9;transition:transform .25s,border-color .25s,box-shadow .25s}
.simpleSite .cityCoverageCards a:hover{transform:translateY(-3px);border-color:#2c8662;box-shadow:0 6px 18px #075b4012}
.simpleSite .cityCardImage{width:100%;aspect-ratio:3/2;overflow:hidden;background:#edf6ee;margin-bottom:7px}
.simpleSite .cityCardImage img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center}
.simpleSite .cityCoverageCards strong{font-size:16px;line-height:1.5;padding-inline:12px}
.simpleSite .cityCoverageCards span{font-size:12px;line-height:1.5;padding-inline:12px;color:#567366}
.simpleSite .cityJourneyDisclosure{margin-bottom:18px}
.simpleSite .cityJourneyDisclosure .cityExperience{max-width:650px;margin:8px auto 0}
.simpleSite .cityVisualEnter>img,.simpleSite .cityVisualEnter .cityCardImage img{animation:cityLandmarkDrift 4.8s ease-in-out both}
.simpleSite .cityVisualEnter a:nth-child(2) img{animation-delay:.15s}
.simpleSite .cityVisualEnter a:nth-child(3) img{animation-delay:.3s}
.simpleSite .cityVisualEnter a:nth-child(4) img{animation-delay:.45s}
.simpleSite .cityVisualEnter a:nth-child(5) img{animation-delay:.6s}
.simpleSite .cityVisualEnter a:nth-child(6) img{animation-delay:.75s}
@keyframes cityLandmarkDrift{0%{transform:scale(1.035) translateY(3px)}50%{transform:scale(1.065) translateY(-3px)}100%{transform:scale(1) translateY(0)}}
@media(hover:hover){.simpleSite .cityLandmark:hover>img,.simpleSite .cityCoverageCards a:hover img{animation:cityLandmarkHover 4.8s ease-in-out both}}
@keyframes cityLandmarkHover{0%,100%{transform:scale(1)}50%{transform:scale(1.065) translateY(-3px)}}
@media(max-width:1000px){.simpleSite .cityCoverageCards{grid-template-columns:repeat(3,minmax(0,1fr))}.simpleSite .cityLandmark{width:100%;max-width:650px;justify-self:center}}
@media(max-width:650px){.simpleSite .cityHero{gap:22px}.simpleSite .cityLandmark{border-radius:18px}.simpleSite .cityLandmark>img{aspect-ratio:16/9}.simpleSite .cityLandmark figcaption{padding:12px 14px}.simpleSite .cityLandmark figcaption strong{font-size:16px}.simpleSite .cityLandmark figcaption span{font-size:12px}.simpleSite .cityCoverageCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.simpleSite .cityCoverageCards strong,.simpleSite .cityCoverageCards span{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.simpleSite .cityLandmark img,.simpleSite .cityCoverageCards img{animation:none!important;transform:none!important;will-change:auto}.simpleSite .cityCoverageCards a{transition:none;transform:none}}