.branding-hero-subcopy{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#F2F2F2}.branding-hero-image{height:auto;width:100%}.branding-intro-section{font-family:'Poppins',sans-serif;background-color:#ffffff;padding:68px 100px}.branding-intro-row{display:flex;gap:100px}.branding-intro-cta{display:inline-flex;align-items:center;justify-content:center;background-color:#F7B82A;padding:10px 20px;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;color:#000000;text-decoration:none;border:none;cursor:pointer;transition:opacity 0.3s ease;height:44px}.branding-intro-cta:hover{opacity:0.85;color:#000000;text-decoration:none}.aeo-framework-section{background-color:#120D0D;padding:72px 100px 80px}.aeo-framework-header{display:flex;flex-direction:row;gap:40px;margin-bottom:60px}.aeo-framework-left{flex:1;min-width:0}.aeo-keystone-label{font-family:'Poppins',sans-serif;font-weight:500;font-size:40px;line-height:1.2;letter-spacing:2px;color:#C5B4E3;text-transform:uppercase;margin-bottom:8px}.aeo-framework-title{font-family:'Poppins',sans-serif;font-weight:500;font-size:40px;line-height:1.2;color:#FFFFFF;margin:0}.aeo-framework-right{flex:1;min-width:0;font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#F2F2F2}.aeo-cards-wrapper{display:flex;gap:20px}.aeo-card{flex:1;padding:28px 20px;display:flex;flex-direction:column;gap:16px;min-height:300px}.aeo-card:nth-child(1){background-color:#FEEDE9}.aeo-card:nth-child(2){background-color:#BFFFBF}.aeo-card:nth-child(3){background-color:#CDEFF8}.aeo-card-icon{object-fit:contain}.aeo-card-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:20px;line-height:1.3;color:#000000}.aeo-card-body{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.6;color:#222222}.aeo-why-section{background-color:#FFFFFF;padding:80px 100px 0}.aeo-why-label{font-family:'Poppins',sans-serif;font-weight:500;font-size:14px;line-height:1.3;color:#63666A;text-transform:uppercase;letter-spacing:2.16px;margin-bottom:16px}.aeo-why-title{font-family:'Poppins',sans-serif;font-weight:500;font-size:40px;line-height:1.2;color:#000000;margin-bottom:16px}.aeo-why-title .highlight{color:#00A86B}.aeo-why-subtitle{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#333333}.aeo-why-image{width:70%;margin-top:24px}.aeo-why-list{display:flex;flex-direction:column;gap:0}.aeo-why-item{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid rgba(0,0,0,0.1)}.aeo-why-item:last-child{border-bottom:none}.gmo-model-number-circle{min-width:40px;width:48px;height:48px;border-radius:50%;background-color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0;border:1px solid #DADADA;position:relative;z-index:2}.aeo-why-item-text{font-family:'Poppins',sans-serif;font-weight:500;font-size:20px;line-height:1.5;color:#000000;padding-top:5px}.branding-advantage-section{padding:80px 100px;background-color:#F2F2F299}.branding-advantage-header{display:flex;gap:80px;align-items:flex-start;justify-content:space-between;margin-bottom:72px}.branding-advantage-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:40px;line-height:1.2;color:#120D0D;min-width:400px}.branding-advantage-desc{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#000000;max-width:620px}.branding-advantage-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:60px 80px;align-items:start}.branding-advantage-card-icon{width:56px;height:56px;margin-bottom:20px}.branding-advantage-card-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:24px;line-height:1.3;color:#000000;margin-bottom:16px}.branding-advantage-card-body{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.6;color:#212121}.branding-advantage-center-img img{width:260px;height:auto;object-fit:cover}.proof-cta-button{background-color:#f7b82a;color:#1c1510;font-family:"Poppins",sans-serif;font-weight:600;font-size:16px;padding:12px 20px;border:none;text-decoration:none;display:inline-block;transition:all 0.3s ease;cursor:pointer}.proof-cta-button:hover{background-color:#000000;color:#ffffff;text-decoration:none}.branding-hero-section .proof-cta-button:hover{background-color:#ffffff;color:#000000;text-decoration:none}.proof-cta-button-outline{background-color:transparent;color:#FFFFFF;font-family:"Poppins",sans-serif;font-weight:600;font-size:16px;padding:12px 20px;border:2px solid #FFFFFF;text-decoration:none;display:inline-block;transition:all 0.3s ease;cursor:pointer;margin-left:16px}.proof-cta-button-outline:hover{background-color:#ffffff;color:#000000;text-decoration:none}@media (max-width:991px){.branding-hero-section{padding:120px 20px 0;min-height:auto}.branding-hero-row{flex-direction:column;min-height:auto}.branding-hero-left{padding-bottom:30px}.branding-hero-heading{font-size:32px}.branding-hero-image-col{justify-content:center}.branding-hero-image{max-width:300px}.branding-intro-section{padding:40px 20px}.branding-intro-row{flex-direction:column;gap:24px}.branding-intro-left h2{font-size:24px}.aeo-framework-section{padding:40px 20px}.aeo-framework-header{flex-direction:column;gap:20px}.aeo-framework-title{font-size:28px}.aeo-cards-wrapper{flex-direction:column}.aeo-why-section{padding:40px 20px}.aeo-why-section .row{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}.aeo-why-section .row .aeo-why-left-col{display:contents}.aeo-why-section .row .aeo-why-left-top{padding:40px 20px;grid-row:1}.aeo-why-section .row .aeo-why-points-col{grid-row:2}.aeo-why-section .row .aeo-why-image{grid-row:3}.aeo-why-title{font-size:28px}.branding-advantage-section{padding:40px 20px}.branding-advantage-header{flex-direction:column;gap:20px}.branding-advantage-title{font-size:28px;min-width:auto}.branding-advantage-grid{grid-template-columns:1fr;gap:30px}.branding-advantage-center-img{grid-row:auto;grid-column:auto;order:5}.branding-advantage-grid .branding-advantage-card:nth-child(1){order:1}.branding-advantage-grid .branding-advantage-card:nth-child(3){order:2}.branding-advantage-grid .branding-advantage-card:nth-child(4){order:3}.branding-advantage-grid .branding-advantage-card:nth-child(5){order:4}.cta-section{padding:0 !important;min-height:auto !important;position:relative !important}.cta-section .container-fluid{padding:40px 20px !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;flex:0 0 auto !important;min-height:auto !important;position:relative !important;z-index:1 !important}.lottie-shapes-container{position:absolute !important;top:0 !important;left:50% !important;transform:translateX(-50%) !important;width:100vw !important;margin:0 !important;padding:0 !important;pointer-events:none !important;z-index:0 !important;overflow:hidden !important}.cta-section .row{margin-bottom:0 !important}.cta-section h2,.cta-section .col-lg-8>div:first-child{font-size:24px !important;margin-bottom:16px !important}.proof-cta-button-outline{margin-left:0;margin-top:12px}}

/* AI SEO: full-bleed hero banner (Pritesh zip3) */
.branding-hero-section{background-image:url(/wp-content/themes/ttc-theme/assets/ai-seo/hero-banner.png.webp);background-size:cover;background-position:center right;background-repeat:no-repeat;height:595px;overflow:hidden;padding:120px 20px 0;min-height:auto;}
.branding-hero-row{flex-direction:column;min-height:auto;}
.branding-hero-image-col{display:none;}
@media(max-width:991px){
  .branding-hero-section{background-image:url(/wp-content/themes/ttc-theme/assets/ai-seo/hero-banner-mobile.png.webp);background-position:center;height:auto;min-height:500px;}
}

/* AI SEO hero: left-align + vertically center text, keep clear of the photo's cards */
.branding-hero-section{display:flex;align-items:center;padding:0;}
.branding-hero-section .container-fluid{width:100%;padding:0 clamp(20px,5vw,100px) !important;}
.branding-hero-left{max-width:560px;padding-bottom:0;}
@media(max-width:991px){
  .branding-hero-section{display:block;padding:110px 20px 40px;height:auto;}
  .branding-hero-left{max-width:none;}
}

/* AI SEO hero: force text block hard-left (mirror branding container-fluid flex) so it clears the photo cards */
.branding-hero-section .container-fluid{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;padding:0 clamp(20px,5vw,90px) !important;}
.branding-hero-row{flex-direction:column !important;align-items:flex-start !important;width:100%;}
.branding-hero-left{max-width:540px !important;flex:0 0 auto !important;}
@media(max-width:991px){
  .branding-hero-section .container-fluid{justify-content:flex-start !important;}
  .branding-hero-left{max-width:none !important;}
}
/* match other studio banner height (720px) on desktop */
@media(min-width:992px){.branding-hero-section{height:720px !important;}}

/* AISEO-SERIF */

/* SERIF EMPHASIS (deck slide 25, 2026-07-20): "AI-Mediated" to Source Serif 4
   italic. Colour is already the brand orange (#f96815) — unchanged. */
.branding-intro-left h2 span{font-family:'Source Serif 4',serif;font-style:italic;font-weight:500}

/* AISEO-SERIF2 */

/* SERIF EMPHASIS (deck slides 27 & 28, 2026-07-20): "AI Visibility" (.highlight)
   and "TTC+" (.ttc-orange) to Source Serif 4 italic. Colours unchanged. */
.highlight,.ttc-orange{font-family:'Source Serif 4',serif;font-style:italic;font-weight:500}

/* AISEO-BANNER-FIX (2026-07-21): match the other studio banners — full image (no zoom),
   capped height, and pushed below the 70px fixed header (was cut). Keeps existing image. */
.branding-hero-section{background-size:cover !important;background-position:center !important;aspect-ratio:1440/595 !important;height:auto !important;min-height:0 !important;max-height:595px !important;margin-top:70px !important}
@media (max-width:991px){.branding-hero-section{aspect-ratio:393/500 !important;height:auto !important;min-height:0 !important;max-height:none !important;margin-top:70px !important}}

/* BANNER-FULLWIDTH-FIX (2026-07-21): keep the banner FULL WIDTH on wide monitors.
   aspect-ratio+max-height was computing width from the capped height (=1440px), leaving
   white space at >1440. Use viewport-width height (41.32vw = 595/1440) capped at 595 so
   the banner spans full width, shows the full image up to 1440, and stays 595 on wider. */
.branding-hero-section{width:100% !important;aspect-ratio:auto !important;height:41.32vw !important;max-height:595px !important;min-height:0 !important;background-size:cover !important;background-position:center !important}

/* BANNER-VCENTER (2026-07-21): vertically center banner content in the image (desktop). */
@media (min-width:992px){
  .branding-hero-section{display:flex !important;flex-direction:column !important;justify-content:center !important;padding-top:0 !important;padding-bottom:0 !important}
  .branding-hero-left{padding-bottom:0 !important}
}


/* AISEO-DECK-FIXES (2026-07-21): Mukesh QA deck slides S24-S29. */
/* S24 banner: push "the" onto the 3rd line on desktop to match Figma ("Architected for" / "the Future of Search"). */
.ai-hero-br{display:none}
@media (min-width:992px){.ai-hero-br{display:inline}}
/* S26 keystone eyebrow: was 40px purple (same weight as the title) — shrink to a small grey eyebrow like the design. */
.aeo-keystone-label{font-size:16px !important;color:#63666A !important}
@media (max-width:991px){.aeo-keystone-label{font-size:14px !important}}

/* AISEO-DECK-FIXES2 (2026-07-22):
   - "AEO Framework" -> green. Green was only scoped to `.aeo-why-title .highlight`, so the
     framework title's .highlight inherited white from .aeo-framework-title. Add the framework scope.
   - TTC+ Advantage right paragraph aligned as a 50% column (same as Content Studio CC-TTCPLUS-ALIGN). */
.aeo-framework-title .highlight{color:#77DD77}
@media (min-width:992px){
  .branding-advantage-header{justify-content:space-between !important;gap:24px !important}
  .branding-advantage-desc{flex:0 0 calc((100% - 24px)/2) !important;max-width:calc((100% - 24px)/2) !important}
}