.tyz9-page-seo .tyz9-hero-media{position:relative;border-radius:24px;overflow:hidden;background:#142d46}
.tyz9-page-seo .tyz9-hero-media:has(.tyz9-seo-hero-live){background:#142d46}
.tyz9-seo-gallery{background:#0b2035!important;padding:80px 0 96px}
.tyz9-seo-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.tyz9-seo-card{min-width:0;overflow:hidden;border:1px solid #34516c;border-radius:18px;background:#152f48;display:flex;flex-direction:column}
.tyz9-seo-visual{width:100%;aspect-ratio:4/3;background:#091e31 center/contain no-repeat;display:grid;place-items:center}
.tyz9-seo-placeholder{color:#e7bc6b;display:flex;flex-direction:column;align-items:center;font-size:52px}
.tyz9-seo-placeholder small{font-size:14px;color:#cad5e0}
.tyz9-seo-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:19px;color:#fff}
.tyz9-seo-caption span{color:#ecc071;font-size:12px}
.tyz9-seo-caption strong{font-size:16px}
@media(max-width:960px){.tyz9-seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tyz9-seo-grid{grid-template-columns:1fr}.tyz9-seo-gallery{padding:55px 0}}

.tyz9-page-seo .tyz9-hero-media{min-height:360px;display:flex;align-items:stretch;justify-content:stretch}
.tyz9-page-seo .tyz9-seo-hero-art{background:#152e48 url("./portfolio/seo/seo-hero.png") center/cover no-repeat;width:100%;min-height:340px;display:flex;align-items:center;justify-content:center}
.tyz9-page-seo .tyz9-seo-hero-fallback{text-align:center;color:#efc26c;background:rgba(9,28,49,.6);padding:20px 40px;border-radius:18px}
.tyz9-page-seo .tyz9-seo-hero-fallback span{font-size:65px;display:block;font-weight:900;letter-spacing:5px}
.tyz9-page-seo .tyz9-seo-hero-fallback strong{color:#fff}

.tyz9-page-seo .tyz9-seo-hero-art.is-ready .tyz9-seo-hero-fallback{display:none}

/* Match social media services section exactly: sizing, heading, cards, spacing and responsive rules. */
.tyz9-page-seo .tyz9-deliver{background:#06182b;padding:76px 0 82px}
.tyz9-page-seo .tyz9-deliver .tyz9-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;margin-bottom:36px}
.tyz9-page-seo .tyz9-deliver .tyz9-heading>div{width:100%}
.tyz9-page-seo .tyz9-deliver .tyz9-heading .tyz9-kicker{display:inline-flex;justify-content:center;color:#edbe66;font-size:13px}
.tyz9-page-seo .tyz9-deliver .tyz9-heading h2{font-size:clamp(31px,3.3vw,50px);line-height:1.35;margin:10px 0 12px;color:#f8faff}
.tyz9-page-seo .tyz9-deliver .tyz9-heading>p{max-width:700px;margin-inline:auto;font-size:15px;line-height:1.85;color:#aebdd0}
.tyz9-page-seo .tyz9-deliver .tyz9-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.tyz9-page-seo .tyz9-deliver .tyz9-feature{min-height:210px;padding:24px 21px;border-radius:19px;background:linear-gradient(145deg,#132b45,#0b2139);border:1px solid rgba(154,180,207,.16);color:#fff;box-shadow:none}
.tyz9-page-seo .tyz9-deliver .tyz9-feature-top i{background:#24394d;border:1px solid rgba(238,190,101,.28);border-radius:12px;color:#edbe66;width:43px;height:43px}
.tyz9-page-seo .tyz9-deliver .tyz9-feature h3{font-size:18px;color:#fff;line-height:1.4;margin:17px 0 8px}
.tyz9-page-seo .tyz9-deliver .tyz9-feature p{font-size:12px;color:#aebed1;line-height:1.8}
.tyz9-page-seo .tyz9-deliver .tyz9-feature-line{display:none}
.tyz9-page-seo .tyz9-deliver .tyz9-highlight{margin-top:22px}
@media(max-width:950px){.tyz9-page-seo .tyz9-deliver .tyz9-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.tyz9-page-seo .tyz9-deliver{padding:60px 0}.tyz9-page-seo .tyz9-deliver .tyz9-features{grid-template-columns:1fr}.tyz9-page-seo .tyz9-deliver .tyz9-feature{min-height:165px}.tyz9-page-seo .tyz9-deliver .tyz9-heading{margin-bottom:28px}}