/* Blue concept for the home page. Existing content and layout stay in place. */
body[data-page=home]{
  --ink:#1b2c46;
  --muted:#344a69;
  --border:#cedbf0;
  --soft:#eff5fd;
  --paper:#fff;
  --deep:#183f80;
  color:var(--ink);
  background:#fff;
}
body[data-page=home] p{color:var(--muted)}
body[data-page=home] .eyebrow{color:#245caf}
body[data-page=home] .prototype-bar{background:#203d70;color:#fff;font-size:16px;letter-spacing:0}
body[data-page=home] .license-strip{background:#dce9ff;color:#213b65;border-color:#c3d6f5;font-size:16px}
body[data-page=home] .site-header{border-bottom-color:#d5e1f3}
body[data-page=home] .site-header .desktop-nav a,
body[data-page=home] .site-header .mobile-nav a{color:#233b60;font-size:16px}
body[data-page=home] .site-header .desktop-nav a:hover,
body[data-page=home] .site-header .desktop-nav a.is-active,
body[data-page=home] .site-header .mobile-nav a.is-active{border-bottom-color:#286ce0}
body[data-page=home] .site-header .nav-actions .button{background:#286ce0;border-color:#286ce0;font-size:16px}
body[data-page=home] .site-header .nav-actions .button:hover{background:#1d56bb}
body[data-page=home] .site-header .menu-toggle{border-color:#a8bfdf}
body[data-page=home] .site-header .menu-toggle span{background:#23436f}
body[data-page=home] :is(a,button,summary):focus-visible{outline:3px solid #753bd0;outline-offset:4px}

body[data-page=home] .hero{background:linear-gradient(120deg,#e4eeff 0%,#d4e5fd 58%,#c7dcf8 100%);color:#1b2c46}
body[data-page=home] .hero :is(h1,.eyebrow,.lead){color:#1b2c46}
body[data-page=home] .hero h1 .underline-txt{color:#286ce0;text-decoration-color:#7baaff}
body[data-page=home] .hero-portrait:after{background:linear-gradient(180deg,transparent 65%,rgba(17,42,79,.8) 100%)}
body[data-page=home] .hero-portrait-name,
body[data-page=home] .hero-portrait-name span{color:#fff;text-shadow:0 2px 9px #142d50}
body[data-page=home] .hero-bottom{border-color:#9bbbe6}
body[data-page=home] .home-stats>div{border-color:#9bbbe6}
body[data-page=home] .home-stats strong{color:#1d5fc9}
body[data-page=home] .home-stats span{color:#28456c}
body[data-page=home] .button-dark{background:#286ce0;border-color:#286ce0;color:#fff}
body[data-page=home] .button-dark:hover{background:#1d56bb;border-color:#1d56bb}
body[data-page=home] .button-outline{border-color:#286ce0;color:#1a55b5;background:#fff}
body[data-page=home] .button-outline:hover{background:#e9f1ff}
body[data-page=home] .button-light{background:#fff;border-color:#fff;color:#1d56bb}
body[data-page=home] .button-light:hover{background:#eaf2ff}

body[data-page=home] .manifesto-section,
body[data-page=home] .home-situations{background:#f8fbff}
body[data-page=home] .manifesto-head .eyebrow,
body[data-page=home] .home-faq .eyebrow{color:#245caf}
body[data-page=home] h2 em{color:#286ce0}
body[data-page=home] .home-positioning{background:#1c4f9c}
body[data-page=home] .home-positioning .eyebrow{color:#e3edff}
body[data-page=home] .home-positioning p span:first-child{color:#d8e8ff}
body[data-page=home] .home-positioning p span:nth-child(2){color:#fff}
body[data-page=home] .home-positioning p strong{color:#cfe7ff}
body[data-page=home] .qualities .quality-art img{filter:none}
body[data-page=home] .quality,
body[data-page=home] .quality-main,
body[data-page=home] .quality+.quality{border-color:#bdd3f0}
body[data-page=home] .home-situation{border-color:#3981ed}
body[data-page=home] .home-situation p{color:#344a69}

body[data-page=home] #author{background:#dfeafe}
body[data-page=home] #author .founder-subtitle{color:#234574}
body[data-page=home] #author .editorial-box{background:#f8fbff}
body[data-page=home] #author .editorial-box p{color:#344a69}
body[data-page=home] .feature-card+.feature-card{border-color:#bdd3f0}
body[data-page=home] .feature-card .number{color:#286ce0}
body[data-page=home] .mentor-showcase{background:#eaf2ff}
body[data-page=home] .step{border-color:#92b7eb}
body[data-page=home] .step span{color:#1b60c9}
body[data-page=home] .platform-showcase{background:#eae8ff}
body[data-page=home] .standout{background:#1d5db8;color:#fff}
body[data-page=home] .standout p,
body[data-page=home] .standout .course-detail,
body[data-page=home] .course-facts span,
body[data-page=home] .course-visual figcaption{color:#eef5ff}
body[data-page=home] .standout .eyebrow{color:#e2edff}
body[data-page=home] .standout .button-outline{background:transparent;border-color:#fff;color:#fff}
body[data-page=home] .standout .button-outline:hover{background:#ffffff24}
body[data-page=home] .course-facts{border-color:#89b2ed}
body[data-page=home] .course-facts strong,
body[data-page=home] .course-detail a{color:#fff}
body[data-page=home] .category-card{background:#cfdefd;color:#1b2c46}
body[data-page=home] .category-card:nth-child(n){background:#cfdefd}
body[data-page=home] .category-card p{color:#2b4366}
body[data-page=home] .home-faq{background:#edf4fe}
body[data-page=home] .home-faq details{border:1px solid #dae6f7}
body[data-page=home] .home-faq summary{color:#233b60}
body[data-page=home] .home-faq summary::after{border-color:#286ce0;color:#286ce0}
body[data-page=home] .home-faq details p{color:#344a69}
body[data-page=home] .dark-section{background:#286fd8;color:#fff}
body[data-page=home] .dark-section p{color:#f0f6ff}
body[data-page=home] .closing h2 em{color:#fff}
body[data-page=home] .footer{background:#173966;color:#fff}
body[data-page=home] .foot-grid a,
body[data-page=home] .foot-grid p,
body[data-page=home] .small-note,
body[data-page=home] .foot-bottom{color:#e2edff}

/* Every piece of visible home-page copy is at least 16px. */
body[data-page=home] :is(.eyebrow,.number,.micro,.small-note,.prototype-bar,.license-strip,.desktop-nav a,.mobile-nav a,.nav-actions .button,.hero-portrait-name span,.home-stats span,.feature-card p,.step p,.course-detail,.course-facts span,.course-visual figcaption,.category-card p,.home-faq details p,.foot-grid b,.foot-grid a,.foot-grid p,.foot-bottom,.platform-showcase figcaption){font-size:16px}
body[data-page=home] .hero-statement .lead,
body[data-page=home] .home-lesson .section-lead,
body[data-page=home] .manifesto-head .section-lead,
body[data-page=home] .home-faq details p,
body[data-page=home] .qualities .quality p,
body[data-page=home] .qualities .quality-main p{font-size:16px}
body[data-page=home] .site-header .nav-actions .button,
body[data-page=home] .hero-statement .actions .button,
body[data-page=home] .button{font-size:16px;min-height:52px}
body[data-page=home] :is(span,a,button,small,figcaption,summary,b,strong){font-size:max(16px,1em)!important}
body[data-page=home] .home-stats strong{font-size:clamp(3rem,4vw,4.4rem)!important}
body[data-page=home] .course-facts strong{font-size:clamp(2.9rem,4vw,4rem)!important}
body[data-page=home] :is(.editorial-box p,.course-visual p,.course-foot p,.free-note p,.home-free-note){font-size:16px}

@media(max-width:800px){
  body[data-page=home] .site-header .mobile-nav a{font-size:16px}
}
@media(max-width:600px){
  body[data-page=home] .license-strip{height:auto;min-height:38px;font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body[data-page=home] .license-track,
  body[data-page=home] .license-track span{font-size:16px!important}
  body[data-page=home] .hero-portrait-name b,
  body[data-page=home] .hero-portrait-name span{font-size:16px}
  body[data-page=home] .home-stats{gap:10px}
  body[data-page=home] .home-stats>div{padding:0 7px}
  body[data-page=home] .home-stats span{font-size:16px;overflow-wrap:anywhere}
  body[data-page=home] .home-lesson .steps{grid-template-columns:1fr}
  body[data-page=home] .home-faq details p{font-size:16px}
}

/* Annotated home-page refinements. */
body[data-page=home] .hero-statement .actions{gap:14px;margin-top:29px}
body[data-page=home] .hero-statement .actions .button-dark{background:#286ce0;border:2px solid #286ce0;color:#fff}
body[data-page=home] .hero-statement .actions .button-outline{background:transparent;border:2px solid #286ce0;color:#1d56bb}
body[data-page=home] .hero-statement .actions .button-outline:hover{background:#eaf2ff}
body[data-page=home] .hero-bottom{margin-top:70px}
body[data-page=home] .home-positioning p span:first-child{color:#bbd9ff}
body[data-page=home] .home-positioning p span:nth-child(2){color:#fff}
body[data-page=home] .home-positioning p strong{color:#dacbff}
body[data-page=home] .standout .button-dark{background:#fff;border-color:#fff;color:#1d56bb}
body[data-page=home] .standout .button-dark:hover{background:#eaf2ff;border-color:#eaf2ff}
body[data-page=home] .category-card>span:first-child{color:#245caf}
@media(max-width:600px){body[data-page=home] .hero-bottom{margin-top:37px}body[data-page=home] .hero-statement .actions{gap:12px}}

/* Extend the mentor section's blue surface to the viewport edges. */
body[data-page=home] .mentor-showcase{position:relative;isolation:isolate;background:transparent}
body[data-page=home] .mentor-showcase::before{
  content:"";
  position:absolute;
  inset-block:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#eaf2ff;
  z-index:-1;
}
