/* Townlit Digital colors: "Blue Hour" (chosen Nov 7, 2026). Dark sign-panel banner to match the neon logo,
   light airy pages, amber buttons and highlights. Loaded after townlit-light.css on every page. */
:root{--s-page:#FFFFFF;--s-page2:#F4F6FB;--s-text:#0D1433;--s-muted:#4B5878;--s-hdr:#0B0F22;--s-hdrt:#E9E3D2;--s-hero:radial-gradient(60% 70% at 72% 50%,#FFFFFF 0%,#EEF1F8 50%,#E3E7F2 100%);--s-herot:#0D1433;--s-herom:#4B5878;--s-veil:244,246,252;--s-acc:#D9861C;--s-link:#9A5B0F;--s-cta:linear-gradient(180deg,#FFD27A,#F5A524);--s-ctat:#1A1206;--s-ghost:rgba(13,20,51,.18);--s-badge:#FFFFFF;--s-strip:#0B0F22;--s-stript:#FFF6DC;--s-card:#F4F6FB;--s-cardb:#E0E5F0;--s-sec:#EEF1F8;--s-sect:#0D1433;--s-secm:#4B5878;--s-line:#E0E5F0}
body{--s-page:#FFFFFF;--s-page2:#F4F6FB;--s-text:#0D1433;--s-muted:#4B5878;--s-hdr:#0B0F22;--s-hdrt:#E9E3D2;--s-hero:radial-gradient(60% 70% at 72% 50%,#FFFFFF 0%,#EEF1F8 50%,#E3E7F2 100%);--s-herot:#0D1433;--s-herom:#4B5878;--s-veil:244,246,252;--s-acc:#D9861C;--s-link:#9A5B0F;--s-cta:linear-gradient(180deg,#FFD27A,#F5A524);--s-ctat:#1A1206;--s-ghost:rgba(13,20,51,.18);--s-badge:#FFFFFF;--s-strip:#0B0F22;--s-stript:#FFF6DC;--s-card:#F4F6FB;--s-cardb:#E0E5F0;--s-sec:#EEF1F8;--s-sect:#0D1433;--s-secm:#4B5878;--s-line:#E0E5F0}

body,body .template-section{background:var(--s-page)!important;color:var(--s-text)!important}
body .header{background:var(--s-hdr)!important;color:var(--s-hdrt)!important;border-color:transparent!important}
body .header .nav a,body .header-tagline,body .header-tagline span,body .language-control label{color:var(--s-hdrt)!important}
body .motion-hero,body .hero{background:var(--s-hero)!important;color:var(--s-herot)!important}
body .motion-hero .motion-veil{background:linear-gradient(90deg,rgba(var(--s-veil),.95),rgba(var(--s-veil),.88) 48%,rgba(var(--s-veil),.35) 78%,rgba(var(--s-veil),.1))!important}
@media(max-width:800px){body .motion-hero .motion-veil{background:linear-gradient(180deg,rgba(var(--s-veil),.93),rgba(var(--s-veil),.9) 60%,rgba(var(--s-veil),.82))!important}}
body .motion-hero h1,body .motion-hero p,body .hero .hero-includes,body .hero .hero-includes strong,body .hero-checklist li,body .hero .ownership-benefit strong{color:var(--s-herot)!important}
body .hero .hero-includes span,body .hero .ownership-benefit small{color:var(--s-herom)!important}
body .motion-hero h1 span{color:var(--s-acc)!important;-webkit-text-fill-color:var(--s-acc)!important;background:none!important}
body .motion-hero .eyebrow,body .hero-checklist li>span:first-child{color:var(--s-acc)!important}
body .motion-hero .launch-offer-badge{background:var(--s-badge)!important;color:var(--s-acc)!important;border-color:var(--s-ghost)!important}
body .hero .ownership-benefit a,body .hero-scope-detail a,body .motion-hero .text-link{color:var(--s-link)!important}
body .hero-actions .text-link{border-color:var(--s-ghost)!important}
body .gold,body .reference-offer-strip a{background:var(--s-cta)!important;color:var(--s-ctat)!important;box-shadow:none!important}
body .motion-hero .motion-pause{background:var(--s-badge)!important;color:var(--s-herot)!important;border-color:var(--s-ghost)!important}
body .reference-offer-strip{background:var(--s-strip)!important;color:var(--s-stript)!important}
body .reference-offer-strip p,body .reference-offer-strip strong,body .reference-offer-strip b{color:var(--s-stript)!important}
body .section-top h2,body .template-card h3,body .template-ideas h2{color:var(--s-text)!important}
body .section-top .eyebrow,body .agency-eyebrow,body .eyebrow{color:var(--s-acc)!important}
body .section-top>p,body .template-card p,body .template-footer p,body .motion-note,body .template-ideas p,body .footer,body .footer p{color:var(--s-muted)!important}
body .template-card{background:var(--s-card)!important;border-color:var(--s-cardb)!important}
body .template-card a,body .template-footer a,body .footer a,body .home-info-links a{color:var(--s-link)!important}
body .template-ideas{border-color:var(--s-line)!important}
body #pricing.agency-pricing,body .agency-contact,body .contact{background:var(--s-sec)!important;color:var(--s-sect)!important;border-color:var(--s-line)!important}
body #pricing.agency-pricing h2,body #pricing.agency-pricing p,body #pricing.agency-pricing strong,body .agency-contact h2,body .agency-contact p{color:var(--s-sect)!important}
body #pricing.agency-pricing .home-price-fine,body .agency-contact .agency-limit-note{color:var(--s-secm)!important}
body .agency-contact a:not(.gold){color:var(--s-acc)!important}
body .home-info-links{background:var(--s-page2)!important;color:var(--s-text)!important}
body .home-info-links h2,body .home-info-links p{color:var(--s-text)!important}
body .information-section,body .information-tint{background:var(--s-page2)!important;color:var(--s-text)!important}
body .information-section h1,body .information-section h2,body .information-section h3,body .information-section p,body .information-section li{color:var(--s-text)!important}
body .seo-package,body .planned-module,body .information-grid article{background:var(--s-card)!important;border-color:var(--s-cardb)!important;color:var(--s-text)!important}
body .seo-package li,body .seo-package-price,body .planned-module p,body .planned-module h3{color:var(--s-text)!important}
body .seo-package-name,body .seo-package li:before{color:var(--s-acc)!important}
body .preview-end{background:var(--s-page2)!important;color:var(--s-muted)!important}


/* The neon logo has its own dark panel, so the faint watermark behind pricing is hidden. */
.pricing-tech-logo{display:none!important}

/* Banner layout: small language menu in the top-right corner; page links below it along the right edge. */
.header{position:relative!important}
.header-navigation{align-self:end!important;align-items:flex-end!important}
.header .nav{justify-content:flex-end!important}
.language-control{position:absolute;top:10px;right:max(24px,env(safe-area-inset-right,0px));margin:0!important}
.language-control label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.language-control select{font-size:11px!important;min-height:26px!important;padding:2px 22px 2px 8px!important;border-radius:6px!important;
  background-color:transparent!important;color:var(--s-hdrt)!important;border:1px solid rgba(233,227,210,.35)!important;cursor:pointer}
.language-control select option{color:#0D1433;background:#fff}
.language-control select:focus-visible{outline:2px solid #FFD27A!important;outline-offset:2px}
@media(min-width:1041px){.header .nav{padding-top:26px}}
@media(max-width:1040px){
  .language-control{top:8px;right:max(16px,env(safe-area-inset-right,0px))}
  .header-tagline{padding-right:84px}
  .header-navigation{align-items:stretch!important}
}
.header-navigation{width:100%}
.header .nav{width:100%;margin-left:auto!important;margin-right:0!important;justify-content:flex-end!important}

/* Bigger logo */
.header{grid-template-columns:270px 210px minmax(0,1fr)!important}
.header .brand,.header .logo-window{width:100%!important;max-width:none!important}
.header .logo-window img,.header .selected-logo{width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:1040px){.header{grid-template-columns:240px minmax(0,1fr)!important}}
@media(max-width:520px){.header{grid-template-columns:170px minmax(0,1fr)!important}.header-tagline{font-size:15px!important}}
.header{grid-template-columns:320px 210px minmax(0,1fr)!important}
@media(max-width:1040px){.header{grid-template-columns:280px minmax(0,1fr)!important}}
@media(max-width:520px){.header{grid-template-columns:minmax(0,230px) minmax(0,1fr)!important}.header-tagline{display:none!important}}
/* Laptops and tablets: logo + tagline on the first row, links on their own row along the right edge */
@media(max-width:1240px){
  .header{grid-template-columns:280px minmax(0,1fr)!important;gap:8px 18px!important}
  .header-navigation{grid-column:1/-1!important;grid-row:2!important}
  .header .header-tagline{padding-right:110px}
}
@media(max-width:520px){.header .header-tagline,.header p.header-tagline{display:none!important}}
@media(max-width:1240px){.header{min-height:0!important;padding-bottom:6px!important}}