/* K12YouthCode landing page: a light version of the top of the page. The server adds this file to index.html only for
   k12youthcode.com; club.stemguyana.com never loads it. */
.siteHeader{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}
.brand{color:var(--navy)}.brand span{color:var(--muted)}
.menu a.link{color:#33505f}.menu a.link:hover{color:var(--navy);background:#eef5f8}
.siteHeader .btn.ghost,.hero .btn.ghost{color:var(--navy);border-color:rgba(6,33,53,.28)}
.siteHeader .btn.ghost:hover,.hero .btn.ghost:hover{background:#eef5f8}
.menuToggle{color:var(--navy);border-color:rgba(6,33,53,.25)}
@media (max-width:1080px){.menu{background:#fff;border-bottom:1px solid var(--line)}}
.hero{background:radial-gradient(1000px 520px at 85% 10%,rgba(20,200,197,.16),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(183,232,74,.2),transparent 60%),#f4fafc;color:var(--ink)}
.hero::before{background-image:linear-gradient(rgba(6,33,53,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,33,53,.05) 1px,transparent 1px)}
.eyebrow{background:rgba(183,232,74,.28);color:#356b0c;border-color:rgba(110,160,30,.45)}
.eyebrow i{background:#6fb51f;box-shadow:0 0 0 4px rgba(111,181,31,.22)}
.hero h1{color:var(--navy)}
.hero h1 em{background:linear-gradient(90deg,var(--aqua-dark),#5ea416);-webkit-background-clip:text;background-clip:text}
.hero p.lead{color:#3e5a69}
.heroNote{color:var(--muted)}
.hero .deviceCall{background:#fff;border-color:rgba(20,200,197,.55);color:var(--navy);box-shadow:0 12px 30px rgba(6,33,53,.08)}
.hero .deviceCall b,.hero .deviceCall em{color:var(--aqua-dark)}
.hero .deviceCall .deviceImg{box-shadow:0 8px 18px rgba(6,33,53,.18)}