/* BL TECHNO Marketing V10.3 — Global typography reduction + richer styling layer.
   Goals:
   1) Make headline fonts smaller across all pages.
   2) Add elegant wallpaper / watermark treatment.
   3) Give sections and cards a more polished, premium feel.
   Loaded after V10.2 so it safely overrides existing rules globally.
*/

:root{
  --v103-paper:#f7fbf8;
  --v103-paper-2:#f1f7f3;
  --v103-ink:#0f241b;
  --v103-muted:#5f7269;
  --v103-line:#d8e6de;
  --v103-card:#ffffff;
  --v103-accent:#118a4f;
  --v103-accent-2:#0a6bdc;
  --v103-shadow:0 14px 42px rgba(6,50,36,.065);
}

html{scroll-behavior:smooth}
body.marketing-site{
  background:
    radial-gradient(circle at top left, rgba(17,138,79,.05), transparent 22%),
    radial-gradient(circle at bottom right, rgba(10,107,220,.045), transparent 24%),
    linear-gradient(180deg, #fbfdfb 0%, #f5faf7 100%);
  color:var(--v103-ink);
}

.marketing-site main{
  position:relative;
}

/* Global readable type scale */
.marketing-site main p,
.marketing-site main li,
.marketing-site main td,
.marketing-site main th,
.marketing-site main label{
  font-size:.93rem;
  line-height:1.72;
  color:var(--v103-muted);
}

.marketing-site main :is(
  .lead,.hero-lead,.hero-copy>p,.platform-hero-copy>p,.platform-subhero p,
  .v8-page-hero .lead,.v9-page-hero .lead,.p9-hero p,.pd-detail-copy>p,
  .fd-detail-copy>p,.agent91-copy p,.agents-hero-copy p,.demo-copy p,
  .pricing-hero p,.security-page-hero p,.global-page-hero p,.login-page-copy p
){
  font-size:.97rem !important;
  line-height:1.72 !important;
  max-width:64ch;
}

.marketing-site main :is(
  h1,
  .hero h1,.platform-hero-copy h1,.platform-deep-hero h1,.platform-subhero h1,
  .mobile-hero h1,.v8-page-hero h1,.v9-page-hero h1,.p9-hero h1,
  .pd-index-hero h1,.pd-detail-copy h1,.p10-product-hero-copy h1,.p10-products-hero h1,
  .fd-index-hero h1,.fd-detail-copy h1,.p11-index-hero h1,.p11-feature-hero-copy h1,
  .p12-tour-hero h1,.p13-index-hero h1,.p13-solution-copy h1,
  .pricing-hero h1,.demo-page-hero h1,.global-page-hero h1,.security-page-hero h1,
  .login-page-copy h1,.agents-hero h1,.agent91-copy h1,.agent-application-hero h1,
  .data-privacy-hero h1,.legal-hero h1,.referral-hero h1,.sd-detail-hero h1,
  .connected-school-hero h1
){
  font-size:clamp(2.15rem, 4vw, 3.85rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  max-width:12ch;
}

.marketing-site main :is(
  h2,.section-heading h2,.v8-section h2,.v9-growth-head h2,.p9-section h2,
  .platform-section h2,.pd-section h2,.fd-section h2,.v8-section-head h2,
  .v9-page-extension h2,.v8-final h2,.agent91-final h2,.agents-hero-copy h2,
  .category-head h2,.product-family h2,.connected-journey-copy h2,.architecture-cta h2,
  .fd-feature-body h2,.communication-showcase h2
){
  font-size:clamp(1.55rem, 2.6vw, 2.45rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
}

.marketing-site main h3,
.marketing-site main :is(.v8-card h3,.v9-feature-panel h3,.v9-system-card h3,.v8-access-card strong,.v9-mini-card strong,.category-card h3){
  font-size:1rem !important;
  line-height:1.22 !important;
}

/* Hero treatment with wallpaper + watermark */
.marketing-site main :is(
  .hero,.platform-hero,.platform-deep-hero,.platform-subhero,.mobile-hero,
  .v8-page-hero,.v9-page-hero,.p9-hero,.pd-index-hero,.pd-detail-hero,
  .p10-product-hero,.p10-products-hero,.fd-index-hero,.fd-detail-hero,
  .p11-index-hero,.p11-feature-hero,.p12-tour-hero,.p13-index-hero,.p13-solution-hero,
  .pricing-hero,.demo-page-hero,.global-page-hero,.security-page-hero,.login-page-hero,
  .agents-hero,.agent91-hero,.agent-application-hero,.data-privacy-hero,.legal-hero,
  .connected-school-hero
){
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.marketing-site main :is(
  .hero,.platform-hero,.platform-deep-hero,.platform-subhero,.mobile-hero,
  .v8-page-hero,.v9-page-hero,.p9-hero,.pd-index-hero,.pd-detail-hero,
  .p10-product-hero,.p10-products-hero,.fd-index-hero,.fd-detail-hero,
  .p11-index-hero,.p11-feature-hero,.p12-tour-hero,.p13-index-hero,.p13-solution-hero,
  .pricing-hero,.demo-page-hero,.global-page-hero,.security-page-hero,.login-page-hero,
  .agents-hero,.agent91-hero,.agent-application-hero,.data-privacy-hero,.legal-hero,
  .connected-school-hero
)::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.78)),
    url('/static/marketing/images/wallpapers/campus-hero.webp') center/cover no-repeat;
  opacity:.36;
  z-index:-2;
}

.marketing-site main :is(
  .v9-page-hero.dark,.v8-section.dark,.agents-hero,.agent91-hero,.pricing-hero.dark,
  .security-page-hero.dark,.platform-hero.dark,.platform-deep-hero.dark,.fd-detail-hero.dark,
  .p11-feature-hero.dark,.connected-school-hero.dark
)::before{
  background:
    linear-gradient(180deg, rgba(3,20,14,.70), rgba(3,20,14,.55)),
    url('/static/marketing/images/wallpapers/school-reception.webp') center/cover no-repeat;
  opacity:.5;
}

.marketing-site main :is(
  .hero,.platform-hero,.platform-deep-hero,.platform-subhero,.mobile-hero,
  .v8-page-hero,.v9-page-hero,.p9-hero,.pd-index-hero,.pd-detail-hero,
  .p10-product-hero,.p10-products-hero,.fd-index-hero,.fd-detail-hero,
  .p11-index-hero,.p11-feature-hero,.p12-tour-hero,.p13-index-hero,.p13-solution-hero,
  .pricing-hero,.demo-page-hero,.global-page-hero,.security-page-hero,.login-page-hero,
  .agents-hero,.agent91-hero,.agent-application-hero,.data-privacy-hero,.legal-hero,
  .connected-school-hero
)::after{
  content:"BL TECHNO";
  position:absolute;
  right:-8px;
  bottom:-16px;
  font-size:clamp(3.8rem, 10vw, 7rem);
  font-weight:900;
  letter-spacing:.02em;
  line-height:1;
  color:rgba(7, 38, 27, .055);
  z-index:-1;
  pointer-events:none;
  white-space:nowrap;
}

.marketing-site main :is(.v9-page-hero.dark,.agents-hero,.agent91-hero,.connected-school-hero.dark)::after{
  color:rgba(255,255,255,.055);
}

/* Give content sections subtle wallpapers and structure */
.marketing-site main section:not(.announcement-bar):not(.v101-access-bar):not(.site-footer):not(.region-modal):not(.mobile-menu){
  position:relative;
}

.marketing-site main section:not(.announcement-bar):not(.v101-access-bar):not(.site-footer):not(.region-modal):not(.mobile-menu):not(.hero):not(.platform-hero):not(.platform-deep-hero):not(.platform-subhero):not(.mobile-hero):not(.v8-page-hero):not(.v9-page-hero):not(.p9-hero):not(.pd-index-hero):not(.pd-detail-hero):not(.fd-index-hero):not(.fd-detail-hero):not(.pricing-hero):not(.demo-page-hero):not(.global-page-hero):not(.security-page-hero):not(.agents-hero):not(.agent91-hero):not(.agent-application-hero):not(.data-privacy-hero):not(.legal-hero):not(.connected-school-hero)::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 0% 0%, rgba(17,138,79,.04), transparent 18%),
    radial-gradient(circle at 100% 100%, rgba(10,107,220,.035), transparent 18%);
  pointer-events:none;
  z-index:-1;
}

/* Cards and panels */
.marketing-site main :is(
  .v8-card,.v8-module-card,.v8-step,.v8-access-card,.v9-feature-panel,.v9-system-card,
  .v9-journey-step,.v9-mini-card,.category-card,.portal-card,.pricing-card,.application-card,
  .faq-item,.fd-feature-card,.fd-role-panel,.fd-context-card,.fd-journey-card,.fd-film-card,
  .fd-path-panel,.pd-card,.product-card,.check-item,.agent91-access-card,.agent-benefit,
  .agent-stage,.family-links a,.resource-card,.support-card
){
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,248,.98)) !important;
  border:1px solid var(--v103-line) !important;
  box-shadow:var(--v103-shadow) !important;
  backdrop-filter:blur(3px);
}

.marketing-site main :is(.v8-card,.v8-step,.v8-access-card,.v9-feature-panel,.v9-system-card,.v9-journey-step,.v9-mini-card,.category-card,.portal-card,.pricing-card,.faq-item){
  border-radius:20px !important;
}

/* Buttons a bit slimmer and cleaner */
.marketing-site :is(.btn,.v8-btn,.v9-link-btn,.v8-pathway-link,.agent91-btn,.btn-header){
  min-height:40px !important;
  padding-inline:14px !important;
  border-radius:12px !important;
  font-size:.78rem !important;
  font-weight:850 !important;
}

/* Header polish */
.site-header{
  backdrop-filter:blur(14px);
  box-shadow:0 10px 28px rgba(5,37,26,.06);
}
.brand-image-wrap{
  box-shadow:0 10px 24px rgba(8,66,45,.08);
}

/* Tighter vertical rhythm */
.marketing-site main :is(.v8-page-hero,.v9-page-hero,.agents-hero,.agent91-hero,.pricing-hero,.demo-page-hero,.global-page-hero,.security-page-hero,.platform-hero,.platform-deep-hero,.connected-school-hero){
  padding-top:58px !important;
  padding-bottom:56px !important;
}
.marketing-site main :is(.v8-section,.v9-growth-section,.v9-page-extension,.platform-section,.pd-section,.fd-feature-body,.fd-index-body,.pricing-section){
  padding-top:54px !important;
  padding-bottom:54px !important;
}

/* Access bar refined */
.v101-access-bar{
  background:linear-gradient(180deg,#f6faf7,#edf5f0) !important;
}
.v101-access-link{
  box-shadow:0 8px 20px rgba(9,72,48,.05) !important;
}
.v101-access-link:hover{transform:translateY(-1px)}

/* Mobile: smaller typography again */
@media (max-width:760px){
  .marketing-site main p,
  .marketing-site main li,
  .marketing-site main td,
  .marketing-site main th,
  .marketing-site main label{font-size:.86rem;line-height:1.65}

  .marketing-site main :is(
    h1,
    .hero h1,.platform-hero-copy h1,.platform-deep-hero h1,.platform-subhero h1,
    .mobile-hero h1,.v8-page-hero h1,.v9-page-hero h1,.p9-hero h1,
    .pd-index-hero h1,.pd-detail-copy h1,.fd-index-hero h1,.fd-detail-copy h1,
    .pricing-hero h1,.demo-page-hero h1,.global-page-hero h1,.security-page-hero h1,
    .login-page-copy h1,.agents-hero h1,.agent91-copy h1,.agent-application-hero h1,
    .data-privacy-hero h1,.legal-hero h1,.connected-school-hero h1
  ){
    font-size:clamp(1.85rem, 7.8vw, 2.45rem) !important;
    max-width:10ch;
  }

  .marketing-site main :is(
    h2,.section-heading h2,.v8-section h2,.v9-growth-head h2,.p9-section h2,
    .platform-section h2,.pd-section h2,.fd-section h2,.v8-section-head h2,
    .v9-page-extension h2,.v8-final h2,.agent91-final h2,.connected-journey-copy h2
  ){
    font-size:clamp(1.34rem, 5.8vw, 1.78rem) !important;
  }

  .marketing-site main :is(
    .lead,.hero-lead,.hero-copy>p,.platform-hero-copy>p,.platform-subhero p,
    .v8-page-hero .lead,.v9-page-hero .lead,.p9-hero p,.pd-detail-copy>p,
    .fd-detail-copy>p,.agent91-copy p,.agents-hero-copy p
  ){
    font-size:.84rem !important;
  }

  .marketing-site :is(.btn,.v8-btn,.v9-link-btn,.v8-pathway-link,.agent91-btn,.btn-header){
    min-height:42px !important;
    font-size:.74rem !important;
  }

  .marketing-site main :is(.v8-page-hero,.v9-page-hero,.agents-hero,.agent91-hero,.pricing-hero,.demo-page-hero,.global-page-hero,.security-page-hero,.platform-hero,.platform-deep-hero,.connected-school-hero){
    padding-top:44px !important;
    padding-bottom:42px !important;
  }

  .marketing-site main :is(.hero,.platform-hero,.platform-deep-hero,.platform-subhero,.mobile-hero,.v8-page-hero,.v9-page-hero,.p9-hero,.pd-index-hero,.pd-detail-hero,.pricing-hero,.demo-page-hero,.global-page-hero,.security-page-hero,.agents-hero,.agent91-hero,.connected-school-hero)::after{
    font-size:clamp(2.35rem, 12vw, 4rem);
    right:-4px;
    bottom:-8px;
  }
}