/* HQ visual experience preview v2: ONLY static marketing directory pages.
   Never imported by Instruction Builder or functional tool pages.
   True actions are <a>/<button>; passive words lose pill/button shapes. */
body.hq-marketing-v2{
  --hq-ink:#162d4d;--hq-indigo:#332070;--hq-violet:#6235c5;
  --hq-sky:#dceeff;--hq-lilac:#eee8ff;--hq-turq:#e0f7f0;
  background:
    radial-gradient(circle at 5% 19%,rgba(57,129,224,.15),transparent 28%),
    radial-gradient(circle at 94% 34%,rgba(108,75,217,.12),transparent 30%),
    linear-gradient(180deg,#e9eef9 0,#f1f3fc 40%,#e9f3ff 100%);
}
.hq-marketing-v2 .wrap{padding-top:32px}
/* Section canvases, not isolated floating all-white rectangles. */
.hq-marketing-v2 .hero{background:linear-gradient(117deg,#172e54 0%,#263c76 65%,#4d2b86 100%);border:1px solid #2c4779;box-shadow:0 24px 48px rgba(20,39,87,.16);overflow:hidden}
.hq-marketing-v2 .hero:before{left:0;right:0;top:0;border-radius:0;height:6px;background:linear-gradient(90deg,#f6aa24,#61dbd2,#9c85ff)}
.hq-marketing-v2 .hero:after{content:"";pointer-events:none;position:absolute;left:-90px;bottom:-180px;width:420px;height:420px;border:1px solid rgba(197,224,255,.18);border-radius:50%;box-shadow:0 0 0 75px rgba(151,200,255,.035),0 0 0 155px rgba(151,200,255,.03)}
.hq-marketing-v2 .hero h1{color:#fff;position:relative;z-index:1}
.hq-marketing-v2 .hero .lead{color:#dce9fa;position:relative;z-index:1}
.hq-marketing-v2 .hero .eyebrow{color:#b5f7dc!important}
.hq-marketing-v2 .hero .eyebrow:before{background:#f5b943}
.hq-marketing-v2 .hero .trust{position:relative;z-index:1}
.hq-marketing-v2 .hero .trust .pill{color:#deeeff}
.hq-marketing-v2 .hero .trust .pill:before{color:#7ee0bb}
.hq-marketing-v2 .hero .btn-secondary,.hq-marketing-v2 .hero .btn-tertiary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(212,228,255,.45)}
.hq-marketing-v2 .hero .btn-secondary:hover,.hq-marketing-v2 .hero .btn-tertiary:hover{background:rgba(255,255,255,.22)}
.hq-marketing-v2 .hero-panel{background:#f7f9ff;border:1px solid #a5bbeb;box-shadow:0 16px 32px rgba(9,21,51,.24);position:relative;z-index:1}
.hq-marketing-v2 .hero-panel h2{color:#242766}
.hq-marketing-v2 .hero-panel .panel-kicker{display:inline-flex;align-items:center;padding:0;background:none;border:0;border-radius:0;color:#396b9e;font-size:11px;letter-spacing:.12em}
.hq-marketing-v2 .feature-link{background:#fff;border:1px solid #e2e8f4;box-shadow:0 4px 12px rgba(25,56,103,.04)}
.hq-marketing-v2 .feature-link:hover{background:#e8f2ff;border-color:#a8c5ee}
.hq-marketing-v2 .category-band{gap:20px}
.hq-marketing-v2 .category-card{box-shadow:0 10px 25px rgba(28,49,96,.07);border:1px solid transparent;position:relative;overflow:hidden}
.hq-marketing-v2 .category-card.math{background:linear-gradient(126deg,#e2edff 0%,#edf5ff 100%);border-color:#c1d7ff}
.hq-marketing-v2 .category-card.science{background:linear-gradient(126deg,#d9f6ea 0%,#e5f9f4 100%);border-color:#b5e7d7}
.hq-marketing-v2 .category-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;background:#426be4}
.hq-marketing-v2 .category-card.science:before{background:#008c87}
.hq-marketing-v2 .category-card .eyebrow{color:#38549b!important}
.hq-marketing-v2 .category-card.science .eyebrow{color:#087568!important}
.hq-marketing-v2 .home-featured{background:linear-gradient(160deg,#edf0ff 0%,#e6edff 100%);border:1px solid #cfd8f6;box-shadow:0 14px 30px rgba(30,51,100,.06)}
.hq-marketing-v2 main>section.section.home-featured{background:linear-gradient(145deg,#ebeaff,#eaf1ff);border-color:#ced8f5}
.hq-marketing-v2 .home-featured .section-head h2{color:#202e6c}
/* Real action buttons stay visually unambiguous; passive labels are text. */
.hq-marketing-v2 .btn.btn-primary{color:#fff;background:linear-gradient(115deg,#4330b3,#6550e8);box-shadow:0 8px 16px rgba(75,60,173,.17);border:1px solid #4d37b6}
.hq-marketing-v2 .btn.btn-secondary,.hq-marketing-v2 .btn.btn-tertiary{border:1px solid #bbaee9}
.hq-marketing-v2 .tool-card{background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(250,248,255,.82));border:1px solid #cbd5ee;box-shadow:0 10px 24px rgba(39,55,101,.07);position:relative;overflow:hidden}
.hq-marketing-v2 .tool-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#6267cf,#83bfef)}
.hq-marketing-v2 .home-featured .tool-card:nth-child(3n+2):before{background:linear-gradient(90deg,#00a69c,#60d7ab)}
.hq-marketing-v2 .home-featured .tool-card:nth-child(3n+3):before{background:linear-gradient(90deg,#e48b2b,#f2c36f)}
.hq-marketing-v2 .badge{display:inline-flex;align-items:center;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#5e4b8d!important;font-size:10px!important;line-height:1.4;letter-spacing:.055em;text-transform:uppercase;font-weight:850;box-shadow:none!important}
.hq-marketing-v2 .badge:before{content:"";display:inline-block;width:5px;height:5px;background:#7d6ccd;border-radius:50%;margin-right:7px;flex:0 0 5px}
.hq-marketing-v2 .availability{display:inline-flex;align-items:center;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#09665f!important;font-size:11px;font-weight:900;gap:5px}
.hq-marketing-v2 .availability:before{content:"";height:7px;width:7px;background:#13aa85;border-radius:50%}
.hq-marketing-v2 .hq-experience-tags span{background:transparent;border:0;border-radius:0;box-shadow:none;color:#dce9fc;font-size:12px;font-weight:680;padding:3px 0}
.hq-marketing-v2 .hq-experience-tags span:not(:first-child):before{content:"·";margin:0 11px 0 3px;color:#7ed9e3}
.hq-marketing-v2 .hq-experience-teacher-hero{border-radius:24px;padding:34px 32px;background:linear-gradient(120deg,#e0eaff,#e9e3ff 70%,#edf4ff);border:1px solid #c9d4f1;box-shadow:0 11px 25px rgba(29,52,110,.08)}
.hq-marketing-v2 .hq-experience-teacher-hero .page-title{color:#242668}
.hq-marketing-v2 .hq-experience-hero-image{border-color:#a4b8e2;box-shadow:0 15px 27px rgba(30,51,91,.17)}
.hq-marketing-v2 .section:not(.home-featured){background:linear-gradient(145deg,#e5eaff,#edf3ff);border:1px solid #cbd9f1;box-shadow:0 12px 28px rgba(28,51,109,.06)}
.hq-marketing-v2 main>section.section:nth-of-type(3){background:linear-gradient(135deg,#dcf5ee,#e7fbf6);border-color:#bce6dc}
.hq-marketing-v2 main>section.section:nth-of-type(4){background:linear-gradient(135deg,#fff0db,#fff8eb);border-color:#f0dac1}
.hq-marketing-v2 main>section.section:nth-of-type(5){background:linear-gradient(135deg,#e4e9ff,#efefff);border-color:#cdd5f0}
.hq-marketing-v2 main>section.section .section-head .eyebrow{color:#5040a9!important}
.hq-marketing-v2 .section .tool-card{background:rgba(255,255,255,.83)}
/* Student directory and Math/Science hubs: brighten full surfaces, not just little tags. */
.hq-marketing-v2 .page-hero{padding:40px 42px;border-radius:25px;background:linear-gradient(125deg,#dfecff,#ede9ff);border:1px solid #c7d7f4}
.hq-marketing-v2 .page-hero .page-title{color:#25276b}
.hq-marketing-v2 .stem-hero{background:linear-gradient(126deg,#e0ecff,#eaf1ff);border:1px solid #c4d8fa;border-radius:24px;padding:30px;margin:0 0 24px}
.hq-marketing-v2:has(.stem-shell .tool-hub-card[href^="/science"]) .stem-hero{background:linear-gradient(125deg,#def6ed,#edf7ff);border-color:#b6dfda}
.hq-marketing-v2 .stem-hero h1{color:#243570}
.hq-marketing-v2 .stem-hero-card{background:rgba(255,255,255,.58);border:0;border-left:4px solid #5f65cd;border-radius:0 12px 12px 0;padding:15px 19px;box-shadow:none}
.hq-marketing-v2 .tool-hub-grid{gap:18px}
.hq-marketing-v2 .tool-hub-card{position:relative;overflow:hidden;background:linear-gradient(140deg,#fff 0%,#f0f4ff 100%);border:1px solid #c7d6f3;box-shadow:0 12px 24px rgba(30,52,101,.07);padding-bottom:36px}
.hq-marketing-v2 .tool-hub-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#6471df}
.hq-marketing-v2 .tool-hub-card:nth-child(2n):before{background:#18a9a4}
.hq-marketing-v2 .tool-hub-card:nth-child(3n):before{background:#d59d37}
.hq-marketing-v2 .tool-hub-card:after{content:"Explore →";display:inline-block;position:absolute;right:22px;bottom:14px;color:#3c4291;font-size:12px;font-weight:900}
.hq-marketing-v2 .tool-hub-card:hover,.hq-marketing-v2 .tool-hub-card:focus-visible{background:#e7efff;border-color:#889de6}
.hq-marketing-v2 .stem-badge-row{gap:7px 16px}
.hq-marketing-v2 .stem-badge-row span{padding:0;border:0;border-radius:0;background:transparent;color:#52617a;font-size:11px;font-weight:700;box-shadow:none}
.hq-marketing-v2 .stem-badge-row span:before{content:"✓";margin-right:5px;color:#168e89;font-weight:900}
.hq-marketing-v2 .path-card{background:linear-gradient(125deg,#e2e9ff,#eef4ff);border:1px solid #cbd5f0}
.hq-marketing-v2 .path-card.student-path{background:linear-gradient(125deg,#ddf6ec,#f1fdf6);border-color:#bbe7d9}
/* Nonaction indicators should never gain pointer affordances. */
.hq-marketing-v2 :is(.badge,.availability,.pill,.stem-badge-row span,.hq-experience-tags span,.eyebrow,.panel-kicker){cursor:default;user-select:text;pointer-events:none}
/* Headings, cards and links have independent visual purposes. */
.hq-marketing-v2 .feature-link:focus-visible,.hq-marketing-v2 .tool-hub-card:focus-visible,.hq-marketing-v2 a.btn:focus-visible{outline:3px solid #f39c25;outline-offset:3px}
@media(max-width:950px){.hq-marketing-v2 .hero{padding:31px 25px}.hq-marketing-v2 .hero-grid{gap:25px}.hq-marketing-v2 .hq-experience-teacher-hero{padding:26px}.hq-marketing-v2 .page-hero{padding:26px}}
@media(max-width:640px){.hq-marketing-v2 .wrap{padding-top:17px}.hq-marketing-v2 .hero{padding:26px 18px}.hq-marketing-v2 .hero h1{font-size:clamp(36px,10vw,48px)}.hq-marketing-v2 .section{padding:23px 18px}.hq-marketing-v2 .hq-experience-teacher-hero{padding:22px 18px}.hq-marketing-v2 .page-hero{padding:22px 18px}.hq-marketing-v2 .stem-hero{padding:22px 18px}.hq-marketing-v2 .hero .trust{gap:8px 13px}.hq-marketing-v2 .hq-experience-tags span:not(:first-child):before{margin:0 6px 0 0}}
@media(prefers-reduced-motion:reduce){.hq-marketing-v2 .tool-hub-card{transition:none}}