/*
 * Compass dark marketing theme (Analytics-inspired), October 2026.
 * Use only on publicly browsable Home, About, Majors and Projects.
 * Never serve this stylesheet on /dashboard/, account pages or counselor tools.
 * Palette and restrained typography are adapted from AI Agent Analytics.
 */
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page){
  --night:#071426;
  --night-2:#091a30;
  --night-panel:#0d2038;
  --night-panel-2:#102743;
  --night-panel-3:#132c49;
  --night-text:#f7f9ff;
  --night-soft:#d3def0;
  --night-muted:#a2b4ce;
  --night-border:rgba(135,173,225,.19);
  --night-bright:#5f8cff;
  --night-blue:#2f73ff;
  --night-cyan:#32d9ff;
  --night-glow:rgba(47,115,255,.20);
  --night-heading:Inter,ui-sans-serif,system-ui,sans-serif;
  background:radial-gradient(70rem 38rem at 86% -8%,rgba(36,115,255,.18),transparent 66%),radial-gradient(45rem 32rem at 4% 6%,rgba(99,68,255,.10),transparent 70%),linear-gradient(180deg,#071426 0%,#08182b 48%,#071426 100%);
  color:var(--night-text);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .site-header{
  background:rgba(7,20,38,.92);
  border-color:var(--night-border);
  backdrop-filter:blur(20px);
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .site-header .brand-name{
  color:var(--night-text);
  font-size:clamp(24px,2.5vw,29px);
  font-weight:700;
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .site-header .brand-subtitle{
  color:var(--night-muted);
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .nav-links a{
  color:var(--night-soft);
  font-weight:550;
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .nav-links a:hover{
  color:#fff;
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .nav-links a.nav-signin{
  background:rgba(40,61,94,.75);
  border-color:var(--night-border);
  color:#eaf2ff;
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .nav-links a.nav-cta{
  background:linear-gradient(135deg,var(--night-blue),#4257f2);
  border-radius:11px;
  box-shadow:0 10px 22px rgba(38,99,255,.2);
  color:#fff;
  font-weight:700;
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .nav-toggle{
  color:var(--night-text);
  background:var(--night-panel);
  border-color:var(--night-border);
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .site-footer{
  background:#061222;
  border-top:1px solid var(--night-border);
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .footer-main-row{
  border-color:var(--night-border);
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .footer-brand-block h3{
  color:var(--night-text);
  font-weight:700;
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .footer-brand-block p,
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .footer-links a,
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .footer-copy{
  color:var(--night-muted);
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .footer-links a:hover{
  color:var(--night-text);
}
body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) :is(a,button,input,select,textarea):focus-visible{
  outline:3px solid var(--night-cyan);
  outline-offset:3px;
}

/* The Compass homepage gets the same dark visual grammar as Analytics. */
body.home-page{
  --home-text:var(--night-text);
  --home-muted:var(--night-muted);
  --home-accent:var(--night-blue);
  --home-accent-2:var(--night-bright);
  --home-soft:#132a50;
  --home-line:var(--night-border);
  --home-card:var(--night-panel);
  --home-ink:var(--night-text);
  --home-heading:var(--night-heading);
  --home-heading-font:var(--night-heading);
}
body.home-page .home-hero{
  background:radial-gradient(42rem 35rem at 82% 30%,rgba(37,115,255,.20),transparent 69%),radial-gradient(22rem 25rem at 7% 65%,rgba(106,70,255,.10),transparent 68%),linear-gradient(180deg,#071426,#091a30);
  border-bottom:1px solid var(--night-border);
  padding-block:90px 100px;
}
body.home-page .home-hero-left h1{
  color:var(--night-text);
  font-family:var(--night-heading);
  font-size:clamp(45px,5.2vw,68px);
  font-weight:700;
  letter-spacing:-.057em;
  line-height:1.06;
}
body.home-page .home-hero-left .accent-word{
  color:#79abff;
}
body.home-page .home-pill{
  color:#a7c5ff;
  border:1px solid rgba(80,150,255,.29);
  background:rgba(44,91,178,.14);
}
body.home-page .home-lede,
body.home-page .home-ai-coach-copy>p,
body.home-page .home-section-heading>span{
  color:var(--night-muted);
  font-weight:400;
}
body.home-page .home-button.primary,
body.home-page .home-path-option-footer a{
  background:linear-gradient(110deg,var(--night-blue),#475ff6);
  color:#fff;
  box-shadow:0 13px 32px rgba(36,97,242,.22);
}
body.home-page .home-button.secondary{
  background:rgba(30,54,89,.67);
  color:var(--night-text);
  border-color:var(--night-border);
  box-shadow:none;
}
body.home-page .home-proof-row span{
  color:var(--night-soft);
  border-color:var(--night-border);
}
body.home-page .home-feature-strip article{
  background:linear-gradient(145deg,rgba(17,41,75,.9),rgba(11,30,56,.94));
  border:1px solid var(--night-border);
  box-shadow:none;
  border-radius:18px;
}
body.home-page .home-feature-strip article span{
  color:#91b9ff;
  background:transparent;
}
body.home-page .home-feature-strip article strong{
  color:var(--night-text);
  font-weight:700;
}
body.home-page .home-feature-strip article p{
  color:var(--night-muted);
}
body.home-page .home-signup-card{
  background:radial-gradient(circle at 95% 0%,rgba(52,99,239,.2),transparent 47%),linear-gradient(150deg,#132c49,#0d2038 72%);
  border:1px solid rgba(98,152,230,.29);
  box-shadow:0 20px 70px rgba(0,8,25,.34);
  backdrop-filter:none;
  border-radius:22px;
}
body.home-page .home-signup-card::before{
  background:linear-gradient(135deg,rgba(121,171,255,.065),transparent 42%);
}
body.home-page .home-signup-card::after{
  background:rgba(65,127,255,.16);
}
body.home-page .signup-card-topline span{
  background:linear-gradient(90deg,var(--night-blue),var(--night-cyan));
}
body.home-page .signup-card-topline p,
body.home-page .home-signup-kicker,
body.home-page .home-path-option>div:first-child>span{
  color:#90b7ff;
}
body.home-page .signup-card-header h2,
body.home-page .home-path-option strong,
body.home-page .home-student-entry strong{
  color:var(--night-text);
  font-weight:700;
}
body.home-page .signup-card-header p,
body.home-page .home-path-option p,
body.home-page .home-path-option-footer small,
body.home-page .home-student-entry span,
body.home-page .home-signin-note{
  color:var(--night-muted);
}
body.home-page .home-path-option,
body.home-page .home-path-option.counselor{
  background:rgba(7,20,38,.54);
  border:1px solid var(--night-border);
  border-radius:15px;
  box-shadow:none;
}
body.home-page .home-student-entry,
body.home-page .home-signin-note{
  border-color:var(--night-border);
}
body.home-page .home-student-entry a,
body.home-page .home-signin-note a{
  color:#9dc3ff;
}
body.home-page .home-section{
  background:transparent;
}
body.home-page .home-ai-coach-section{
  background:linear-gradient(180deg,#08182b,#091a30);
}
body.home-page .home-ai-coach-panel{
  background:radial-gradient(circle at 92% 18%,rgba(47,115,255,.21),transparent 45%),linear-gradient(150deg,#102743,#091b32);
  border:1px solid var(--night-border);
  box-shadow:0 16px 40px rgba(0,10,30,.19);
  border-radius:22px;
}
body.home-page .home-ai-coach-copy h2,
body.home-page .process-heading h2,
body.home-page .home-section-heading h2{
  color:var(--night-text);
  font-weight:700;
}
body.home-page .home-ai-coach-kicker,
body.home-page .compass-ai-coach-badge,
body.home-page .home-section-heading>p{
  color:#91b8ff;
}
body.home-page .home-ai-coach-visual{
  background:rgba(7,20,38,.47);
  border-color:var(--night-border);
}
body.home-page .compass-ai-coach-feature-list li{
  background:rgba(14,37,69,.85);
  border-color:var(--night-border);
}
body.home-page .compass-ai-coach-feature-list strong{
  color:var(--night-text);
}
body.home-page .compass-ai-coach-feature-list small{
  color:var(--night-muted);
}
body.home-page .premium-process-section{
  background:linear-gradient(180deg,#091a30,#071426);
}
body.home-page .premium-process-grid article,
body.home-page .process-trust-bar{
  background:var(--night-panel);
  border:1px solid var(--night-border);
  box-shadow:none;
  border-radius:18px;
}
body.home-page .premium-process-grid strong,
body.home-page .process-trust-bar div{
  color:#7cb0ff;
}
body.home-page .premium-process-grid h3,
body.home-page .process-trust-bar strong{
  color:var(--night-text);
  font-weight:700;
}
body.home-page .premium-process-grid p,
body.home-page .process-trust-bar p{
  color:var(--night-muted);
}
body.home-page .process-trust-bar article:not(:last-child){
  border-color:var(--night-border);
}

/* A genuinely dark Compass About page, not a light page with a dark banner. */
body.compass-about-page .compass-about{
  background:transparent;
  color:var(--night-text);
}
body.compass-about-page .compass-about .about-hero{
  background:radial-gradient(36rem 30rem at 82% 23%,rgba(50,116,245,.23),transparent 68%),linear-gradient(180deg,#071426,#091a30);
  border-bottom:1px solid var(--night-border);
}
body.compass-about-page .compass-about .eyebrow{
  color:#8db7ff;
}
body.compass-about-page .compass-about h1,
body.compass-about-page .compass-about h2,
body.compass-about-page .compass-about h3{
  color:var(--night-text);
  font-family:var(--night-heading);
  font-weight:700;
}
body.compass-about-page .compass-about p,
body.compass-about-page .compass-about .about-list li{
  color:var(--night-muted);
}
body.compass-about-page .compass-about .lead{
  color:var(--night-soft);
}
body.compass-about-page .compass-about .about-actions a{
  background:linear-gradient(110deg,var(--night-blue),#475ff6);
  border:1px solid transparent;
  color:#fff;
  box-shadow:0 12px 25px rgba(35,103,255,.17);
}
body.compass-about-page .compass-about .about-actions a.secondary{
  background:#132b49;
  color:var(--night-soft);
  border-color:var(--night-border);
  box-shadow:none;
}
body.compass-about-page .compass-about section.about-section{
  background:#08182b;
}
body.compass-about-page .compass-about section.about-section.soft{
  background:#0a1b30;
}
body.compass-about-page .compass-about .about-card,
body.compass-about-page .compass-about .about-list li{
  background:var(--night-panel);
  border:1px solid var(--night-border);
  box-shadow:none;
}
body.compass-about-page .compass-about .about-card .card-index{
  color:#8db7ff;
}
body.compass-about-page .compass-about .about-note a{
  color:#9bc4ff;
}

/* Public Majors and Projects share the same dark chrome and dark editorial
   surfaces, without styling the dashboard / account / counselor portals. */
body.majors-public-page{
  --majors-ink:var(--night-text);
  --majors-muted:var(--night-muted);
  --majors-blue:#7faaff;
  --majors-blue-dark:#8db7ff;
  --majors-line:var(--night-border);
  --majors-soft:#102743;
  --editorial-ink:var(--night-text);
  --editorial-muted:var(--night-muted);
  --editorial-blue:var(--night-bright);
  --editorial-dark-blue:#8db7ff;
  --editorial-line:var(--night-border);
  --editorial-soft:var(--night-panel-2);
}
body.projects-public-page{
  --project-ink:var(--night-text);
  --project-ink-deep:var(--night-text);
  --project-muted:var(--night-muted);
  --project-purple:#78a7ff;
  --project-purple-dark:#9bbdff;
  --project-line:var(--night-border);
  --project-soft:#102743;
  --project-soft-2:#102743;
  --editorial-ink:var(--night-text);
  --editorial-muted:var(--night-muted);
  --editorial-blue:var(--night-bright);
  --editorial-dark-blue:#8db7ff;
  --editorial-line:var(--night-border);
  --editorial-soft:var(--night-panel-2);
}
body:is(.majors-public-page,.projects-public-page) :is(.majors-public-hero,.major-detail-hero,.major-os-hero,.major-choice-hero,.major-tool-hero,.projects-hero,.project-detail-hero){
  background:radial-gradient(40rem 28rem at 83% 12%,rgba(47,115,255,.21),transparent 65%),linear-gradient(180deg,#071426,#091a30);
  border-color:var(--night-border);
}
body:is(.majors-public-page,.projects-public-page) :is(.majors-public-hero,.major-os-hero,.projects-hero,.project-detail-hero)::before{
  opacity:.12;
}
body:is(.majors-public-page,.projects-public-page) main{
  color:var(--night-text);
  background:#071426;
}
body:is(.majors-public-page,.projects-public-page) main :is(h1,h2,h3){
  color:var(--night-text);
}
body:is(.majors-public-page,.projects-public-page) main :is(p,li){
  color:var(--night-muted);
}
body:is(.majors-public-page,.projects-public-page) main :is(.majors-eyebrow,.projects-eyebrow){
  color:#91baff;
}
body.majors-public-page :is(.majors-explorer-section,.major-directory-section,.majors-trust-section,.major-os-section,.major-os-soft,.major-choice-content,.major-tool-content,.major-curated-links-section,.major-reality-section,.major-project-section,.major-career-section,.major-faq-section,.major-related-section){
  background:#08182b;
}
body.projects-public-page :is(.projects-directory,.projects-benefits,.projects-editorial-strip,.project-editorial-trust,.project-detail-section,.project-detail-soft,.project-quality-section,.project-related-section,.projects-discovery-band,.projects-choice-guide){
  background:#08182b;
}
body.majors-public-page :is(.majors-quick-jump,.majors-route-strip,.majors-project-bridge,.major-search-card,.major-search-card:has(.major-card-art),.major-os-snapshot,.major-fit-lab,.major-question-card,.major-project-card,.major-compare-inline,.major-directory,.major-curated-links,.major-theme-choice,.major-comparison,.majors-trust-methodology,.major-career-context,.major-route-action){
  background:linear-gradient(150deg,#102743,#0d2038);
  border-color:var(--night-border);
  box-shadow:0 8px 28px rgba(0,9,28,.14);
}
body.projects-public-page :is(.projects-benefits-grid,.projects-filter-panel,.project-directory-card,.project-snapshot,.project-quality-card,.project-outcome-card,.project-signal-grid>*,.project-deliverables>*,.projects-editorial-strip .projects-shell,.project-editorial-trust .projects-shell,.project-family-section,.project-copy-grid,.projects-final-cta){
  background:linear-gradient(145deg,#102743,#0d2038);
  border-color:var(--night-border);
  box-shadow:0 8px 28px rgba(0,9,28,.12);
}
body.majors-public-page :is(.major-search-card,.major-search-card:has(.major-card-art)):hover,
body.projects-public-page .project-directory-card:hover{
  border-color:rgba(109,170,255,.48);
  box-shadow:0 14px 36px rgba(24,69,143,.21);
}
body:is(.majors-public-page,.projects-public-page) main :is(.major-search-card h3,.project-directory-card h3,.project-snapshot dd,.major-card-link,.project-directory-card a,.major-project-card h3,.project-quality-card h3){
  color:var(--night-text);
}
body:is(.majors-public-page,.projects-public-page) main :is(.major-card-tagline,.project-directory-card>p,.major-detail-overview,.project-detail-lede,.majors-hero-lede,.projects-lede){
  color:var(--night-soft);
}
body.majors-public-page :is(.majors-search-form,.major-search-insights,.major-ai-console,.major-ai-result,.major-choice-answer,.major-fit-signals,.major-faq-list,.major-os-nav,.major-theme-grid .major-theme-choice){
  background:var(--night-panel);
  color:var(--night-text);
  border-color:var(--night-border);
}
body.projects-public-page :is(.projects-search,.projects-popular,.project-detail-nav,.project-plan-section,.project-quality-grid,.projects-hero-visual){
  color:var(--night-text);
  border-color:var(--night-border);
}
body:is(.majors-public-page,.projects-public-page) main input,
body:is(.majors-public-page,.projects-public-page) main select,
body:is(.majors-public-page,.projects-public-page) main textarea{
  background:var(--night-panel-2);
  color:var(--night-text);
  border-color:rgba(139,177,227,.30);
}
body:is(.majors-public-page,.projects-public-page) main input::placeholder{
  color:#8a9fba;
}
body.majors-public-page :is(.major-primary-link,.major-choice-primary,.major-search-card:has(.major-card-art) .major-card-footer strong){
  background:linear-gradient(110deg,var(--night-blue),#475ff6);
  color:#fff;
}
body.projects-public-page .projects-primary{
  background:linear-gradient(110deg,var(--night-blue),#475ff6);
  color:#fff;
}
body.projects-public-page .projects-secondary,
body.majors-public-page :is(.major-secondary-link,.major-choice-secondary){
  color:#dce9ff;
  background:#132b49;
  border-color:var(--night-border);
}
body:is(.majors-public-page,.projects-public-page) main :is(a,.major-card-compare,.projects-clear,.project-family-toggle){
  text-underline-offset:3px;
}
body:is(.majors-public-page,.projects-public-page) main :is(.major-breadcrumb,.majors-breadcrumb,.project-breadcrumb){
  color:var(--night-muted);
}
body:is(.majors-public-page,.projects-public-page) main :is(.major-breadcrumb a,.majors-breadcrumb a,.project-breadcrumb a){
  color:#a8c8ff;
}
body.projects-public-page .projects-benefits article>span{
  background:#132f59;
  color:#8fb8ff;
}
body:is(.majors-public-page,.projects-public-page) main :is(.projects-benefits strong,.major-route-kicker,.major-snapshot-label,.project-snapshot dt,.major-os-snapshot-label){
  color:var(--night-soft);
}
body:is(.majors-public-page,.projects-public-page) main :is(.project-editorial-trust a,.projects-editorial-strip a){
  background:#112d50;
  color:#a4caff;
}
@media(max-width:760px){
  body.home-page .home-hero{padding-block:58px 70px}
  body.home-page .home-signup-card{position:relative;top:auto}
  body.home-page .home-hero-left h1{font-size:clamp(40px,10vw,55px)}
  body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .nav-links.is-open{
    background:#102743;
    border:1px solid var(--night-border);
    box-shadow:0 20px 55px rgba(0,8,25,.5);
  }
  body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .nav-links.is-open a{
    color:var(--night-text);
  }
  body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) .nav-links.is-open a.nav-cta{
    color:#fff;
  }
}
@media(prefers-reduced-motion:reduce){
  body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) a,
  body:is(.home-page,.compass-about-page,.majors-public-page,.projects-public-page) button{
    transition:none;
  }
}

/* Dark panel texture and contrast restoration, October 8, 2026.
   Analytics reference: quiet top-to-bottom navy layering, hairline blue edges,
   a restrained inset highlight. No bright white or flat gray UI islands.
   Entirely public marketing CSS; application/dashboard remains untouched. */
body.home-page,
body.compass-about-page {
  --compass-panel-texture:
    linear-gradient(180deg, rgba(17,43,73,.82), rgba(10,28,50,.88));
  --compass-panel-texture-soft:
    linear-gradient(180deg, rgba(15,41,70,.73), rgba(9,28,50,.79));
  --compass-panel-edge: 1px solid rgba(113,154,211,.24);
  --compass-panel-highlight: inset 0 1px 0 rgba(255,255,255,.045);
}

/* The large bright/gray student sign-in rectangle was inherited from home.css.
   Make it part of the same signup-card system and keep its link readable. */
body.home-page .home-student-entry {
  background: var(--compass-panel-texture-soft);
  border: var(--compass-panel-edge);
  border-radius: 14px;
  box-shadow: var(--compass-panel-highlight);
}
body.home-page .home-student-entry strong {
  color: #f7f9ff;
  font-weight: 700;
}
body.home-page .home-student-entry span {
  color: #bdcde4;
  font-weight: 450;
  line-height: 1.55;
}
body.home-page .home-student-entry a {
  color: #a9ccff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.home-page .home-student-entry a:hover {
  color: #e4f0ff;
}
body.home-page .home-signin-note {
  color: #b9cbe3;
}
body.home-page .home-signin-note a {
  color: #a9ccff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Keep each option distinct without over-saturated blue blocks. */
body.home-page .home-signup-card {
  background:
    radial-gradient(circle at 94% 0%, rgba(58,117,242,.13), transparent 45%),
    linear-gradient(180deg, #102743, #0b2038 72%);
  border: 1px solid rgba(110,165,235,.30);
  box-shadow: 0 24px 60px rgba(0,8,25,.29), var(--compass-panel-highlight);
}
body.home-page .home-path-option,
body.home-page .home-path-option.counselor {
  background: var(--compass-panel-texture);
  border: var(--compass-panel-edge);
  box-shadow: var(--compass-panel-highlight);
}
body.home-page .home-path-option strong,
body.home-page .home-path-option-footer small {
  color: #f3f7ff;
}
body.home-page .home-path-option p {
  color: #b8cbe4;
}

/* Remove the light pill and icon tiles left by legacy Coach CSS. */
body.home-page .compass-ai-coach-badge,
body.home-page .home-section-heading p {
  background: linear-gradient(180deg, rgba(20,48,85,.88), rgba(12,34,63,.90));
  border: 1px solid rgba(115,172,248,.32);
  color: #c7dcff;
  box-shadow: var(--compass-panel-highlight);
  font-weight: 700;
}
body.home-page .compass-ai-coach-badge img {
  background: rgba(128,179,255,.14);
  border-radius: 8px;
}
body.home-page .compass-ai-coach-feature-list li > span {
  background: linear-gradient(180deg, rgba(30,65,110,.8), rgba(16,44,80,.86));
  border: 1px solid rgba(117,169,235,.28);
  box-shadow: var(--compass-panel-highlight);
}
body.home-page .compass-ai-coach-feature-list li > span img {
  display: block;
}

/* The screenshot's large flat blue boxes become finely layered navy cards. */
body.home-page .home-feature-strip article,
body.home-page .premium-process-grid article,
body.home-page .process-trust-bar,
body.home-page .home-ai-coach-visual {
  background: var(--compass-panel-texture);
  border: var(--compass-panel-edge);
  box-shadow: var(--compass-panel-highlight);
}
body.home-page .home-feature-strip article::before {
  background: radial-gradient(circle, rgba(103,160,248,.095), transparent 75%);
}
body.home-page .home-feature-strip article::after {
  color: rgba(146,190,255,.22);
}
body.home-page .home-feature-strip article span {
  color: #9cc4ff;
  background: rgba(30,65,110,.48);
  border: 1px solid rgba(119,174,247,.23);
  box-shadow: var(--compass-panel-highlight);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 35px;
  padding-inline: 9px;
}
body.home-page .home-feature-strip article strong {
  color: #f7f9ff;
  font-weight: 700;
}
body.home-page .home-feature-strip article p {
  color: #b8cbe4;
}
body.home-page .home-ai-coach-panel {
  background:
    radial-gradient(circle at 87% 14%,rgba(45,109,232,.13),transparent 52%),
    linear-gradient(155deg,#102743,#0a1e34);
  border: 1px solid rgba(116,162,229,.26);
  box-shadow: var(--compass-panel-highlight);
}
body.home-page .compass-ai-coach-feature-list li {
  background: rgba(12,33,60,.63);
  border: 1px solid rgba(113,154,211,.13);
  border-radius: 12px;
}
body.home-page .compass-ai-coach-feature-list strong {
  color: #f7f9ff;
}
body.home-page .compass-ai-coach-feature-list small {
  color: #b9cce6;
}

/* Replace white "How Compass Works" step markers and icon tiles. */
body.home-page .process-path span {
  background: linear-gradient(180deg,#15345a,#0d2646);
  border: 1px solid rgba(112,174,255,.40);
  box-shadow: 0 7px 22px rgba(0,13,36,.18), var(--compass-panel-highlight);
  color: #b1d9ff;
  font-weight: 750;
}
body.home-page .process-icon,
body.home-page .process-trust-bar div {
  background: linear-gradient(180deg,rgba(28,63,108,.94),rgba(13,41,77,.98));
  border: 1px solid rgba(114,166,234,.30);
  color: #a6d5ff;
  box-shadow: var(--compass-panel-highlight);
}
body.home-page .premium-process-grid article h3,
body.home-page .process-trust-bar strong {
  color: #f7f9ff;
}
body.home-page .premium-process-grid article p,
body.home-page .process-trust-bar p {
  color: #bacce5;
}
body.home-page .premium-process-grid article em {
  background: linear-gradient(90deg,#318bff,#51d1ec);
}
body.home-page .process-trust-bar article:not(:last-child) {
  border-color: rgba(113,154,211,.18);
}

/* About cards follow the same texture instead of plain opaque blocks. */
body.compass-about-page .compass-about .about-card,
body.compass-about-page .compass-about .about-list li {
  background: linear-gradient(180deg,rgba(17,43,73,.83),rgba(10,28,50,.89));
  border: var(--compass-panel-edge);
  box-shadow: var(--compass-panel-highlight);
}
body.compass-about-page .compass-about .about-card p,
body.compass-about-page .compass-about .about-list li {
  color: #bbcee7;
}
@media(max-width:760px) {
  body.home-page .home-student-entry {
    gap: 10px;
    padding: 16px;
  }
  body.home-page .home-feature-strip article span {
    margin-bottom: 14px;
  }
  body.home-page .premium-process-grid article {
    border-radius: 15px;
  }
}