:root{
  --navy-900:#0b2545;
  --navy-800:#123164;
  --navy-700:#173d7a;
  --blue-600:#1d5bd6;
  --orange-500:#f5820c;
  --orange-600:#dd6f02;
  --gray-50:#f7f8fa;
  --gray-100:#eef1f5;
  --gray-200:#e2e6ec;
  --gray-500:#6b7688;
  --gray-700:#3c4657;
  --white:#ffffff;
  --radius:10px;
  --shadow-sm:0 1px 2px rgba(11,37,69,.06),0 1px 3px rgba(11,37,69,.08);
  --shadow-md:0 8px 24px rgba(11,37,69,.10);
  --shadow-lg:0 20px 45px rgba(11,37,69,.16);
  --max-width:1160px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden;}
body{
  margin:0;
  max-width:100%;
  overflow-x:hidden;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--navy-900);
  background:var(--white);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2;font-weight:800;color:var(--navy-900);}
p{margin:0 0 1em;color:var(--gray-700);}
a{color:inherit;text-decoration:none;}
ul,ol{margin:0;padding:0;list-style:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;}

.skip-link{
  position:absolute;left:-999px;top:0;background:var(--navy-900);color:#fff;padding:.75rem 1rem;z-index:200;border-radius:0 0 8px 0;
}
.skip-link:focus{left:0;}

.container{
  width:100%;
  max-width:var(--max-width);
  margin:0 auto;
  padding:0 24px;
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.85rem 1.5rem;
  border-radius:8px;
  font-weight:700;
  font-size:.95rem;
  border:2px solid transparent;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--orange-500);color:var(--white);box-shadow:var(--shadow-sm);}
.btn-primary:hover{background:var(--orange-600);box-shadow:var(--shadow-md);}
.btn-outline{background:transparent;border-color:var(--navy-900);color:var(--navy-900);}
.btn-outline:hover{background:var(--navy-900);color:var(--white);}
.btn-outline-light{background:transparent;border-color:rgba(255,255,255,.6);color:var(--white);}
.btn-outline-light:hover{background:var(--white);color:var(--navy-900);}
.btn-lg{padding:1rem 2rem;font-size:1.05rem;}
.btn-sm{padding:.6rem 1.1rem;font-size:.85rem;}
.btn-block{width:100%;}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--gray-200);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;padding-bottom:14px;
}
.logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0;min-width:0;}
.logo-icon{height:clamp(34px,6.5vw,50px);width:auto;max-width:100%;display:block;}
.logo-icon-footer{height:clamp(34px,5vw,48px);filter:brightness(0) invert(1);}
.logo-text{font-size:1.15rem;font-weight:800;letter-spacing:.2px;color:var(--navy-900);white-space:nowrap;}
.logo-dash{color:var(--orange-500);}
.logo-text-footer{color:var(--white);}

.main-nav{display:flex;gap:2rem;}
.main-nav a{font-weight:600;font-size:.95rem;color:var(--navy-800);padding:.5rem 0;position:relative;}
.main-nav a:hover{color:var(--orange-500);}
.nav-phone{display:none;}

.header-actions{display:flex;align-items:center;gap:1.25rem;}
.header-phone{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem;color:var(--navy-800);}
.header-phone:hover{color:var(--orange-500);}

.nav-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0;
}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--navy-900);border-radius:2px;}

/* ---------- Hero ---------- */
.hero{
  background:
    linear-gradient(160deg,rgba(11,37,69,.94) 0%,rgba(18,49,100,.92) 55%,rgba(23,61,122,.9) 100%),
    url('../images/hero-mold-texture.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  color:var(--white);
  padding:72px 0 96px;
  position:relative;
  overflow:hidden;
}
.hero-inner{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:56px;
  align-items:center;
  position:relative;
}
.hero-copy{
  background:rgba(8,24,47,.55);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  padding:32px;
  transition:box-shadow .2s ease, transform .2s ease, background-color .2s ease;
}
.hero-copy:hover{
  background:rgba(8,24,47,.68);
  box-shadow:var(--shadow-lg);
  transform:translateY(-3px);
}
.eyebrow{
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-size:.8rem;
  font-weight:700;
  color:var(--orange-500);
  margin-bottom:.75rem;
}
.hero h1{
  font-size:clamp(2rem,3.6vw,2.9rem);
  color:var(--white);
  margin-bottom:1rem;
}
.hero h1 span{display:block;color:var(--orange-500);font-size:1em;font-weight:800;margin-top:.15em;}
.hero-lead{color:#c9d3e6;font-size:1.08rem;max-width:560px;}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin:1.75rem 0 2rem;}
.hero-meta{display:flex;flex-wrap:wrap;gap:1.5rem;}
.hero-meta li{font-size:.9rem;color:#b7c3dc;}
.hero-meta strong{color:var(--white);display:block;font-size:1.05rem;}

.hero-card{
  background:var(--white);
  color:var(--navy-900);
  border-radius:16px;
  padding:32px;
  box-shadow:var(--shadow-lg);
  position:relative;
}
.hero-card-badge{
  position:absolute;top:-14px;left:24px;
  background:var(--orange-500);color:#fff;
  font-size:.72rem;font-weight:700;
  padding:.35rem .75rem;border-radius:999px;
  box-shadow:var(--shadow-sm);
}
.hero-card h3{font-size:1.1rem;margin-bottom:1.1rem;}
.hero-course-list{margin-bottom:0;}
.hero-course-list li{border-bottom:1px solid var(--gray-100);}
.hero-course-list li:last-child{border-bottom:none;}
.hero-course-list a{
  display:flex;justify-content:space-between;align-items:center;gap:.75rem;
  padding:.75rem .25rem;
  border-radius:8px;
  transition:background-color .15s ease, padding-left .15s ease;
}
.hero-course-list a:hover{background:var(--gray-50);padding-left:.6rem;}
.hero-course-name{font-size:.92rem;font-weight:700;color:var(--navy-900);}
.hero-course-meta{font-size:.82rem;font-weight:700;color:var(--orange-500);white-space:nowrap;}

/* ---------- Trust strip ---------- */
.trust-strip{background:var(--gray-50);border-bottom:1px solid var(--gray-200);}
.trust-strip-inner{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;
  padding-top:20px;padding-bottom:20px;
  font-size:.85rem;color:var(--gray-500);font-weight:600;
  text-align:center;
}
.trust-badges{display:flex;flex-wrap:wrap;gap:.6rem;}
.badge{
  background:var(--white);
  border:1px solid var(--gray-200);
  padding:.4rem .85rem;
  border-radius:999px;
  font-size:.8rem;
  font-weight:700;
  color:var(--navy-800);
  transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease, color .2s ease;
}
.badge:hover{
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
  border-color:var(--orange-500);
  color:var(--orange-600);
}

/* ---------- Sections ---------- */
.section{padding:88px 0;}
.section-alt{background:var(--gray-50);}
.section-head{max-width:680px;margin:0 auto 48px;text-align:center;}
.section-head h2{font-size:clamp(1.6rem,2.6vw,2.1rem);}
.section-sub{font-size:1.02rem;}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
@media (max-width:640px){.grid-2{grid-template-columns:1fr;}}

.feature-card{
  display:block;
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:var(--radius);
  padding:28px;
  transition:box-shadow .2s ease, transform .2s ease;
}
.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.feature-icon{font-size:1.6rem;margin-bottom:.75rem;}
.feature-card h3{font-size:1.05rem;}
.feature-card p{font-size:.92rem;margin-bottom:0;}

/* Curriculum cards: pin the CTA to the bottom regardless of copy length */
#curriculum .feature-grid{align-items:stretch;}
#curriculum .feature-card{display:flex;flex-direction:column;height:100%;}
#curriculum .feature-card .btn{margin-top:auto;align-self:flex-start;}

/* Certification boxes linking out to third-party accreditation sites */
.cert-box{
  display:block;
  text-align:center;
  padding:32px 24px;
}
.cert-box h3{font-size:1.05rem;margin-bottom:.5rem;}
.cert-box p{font-size:.88rem;margin-bottom:0;}
.cert-box .cert-box-arrow{color:var(--orange-500);font-weight:700;}

/* ---------- Course tabs (shared: Curriculum & Who It's For) ---------- */
.course-tabs{
  display:flex;flex-wrap:wrap;gap:.6rem;
  justify-content:center;
  margin-bottom:40px;
}
.course-tab{
  font-family:inherit;
  font-size:.85rem;font-weight:700;
  color:var(--navy-800);
  background:var(--white);
  border:1.5px solid var(--gray-200);
  padding:.6rem 1.2rem;
  border-radius:999px;
  cursor:pointer;
  transition:background-color .15s ease, color .15s ease, border-color .15s ease;
}
.course-tab:hover{border-color:var(--orange-500);color:var(--orange-500);}
.course-tab.active{background:var(--navy-900);border-color:var(--navy-900);color:var(--white);}
.course-panel{display:none;}
.course-panel.active{display:block;}

/* ---------- Curriculum ---------- */
.curriculum-list{
  max-width:800px;margin:0 auto;
  display:flex;flex-direction:column;gap:0;
  border-top:1px solid var(--gray-200);
}
.curriculum-list li{
  display:flex;gap:24px;
  padding:26px 4px;
  border-bottom:1px solid var(--gray-200);
  align-items:flex-start;
}
.curriculum-num{
  font-size:1.4rem;font-weight:800;color:var(--orange-500);
  min-width:48px;
}
.curriculum-list h3{font-size:1.05rem;margin-bottom:.35rem;}
.curriculum-list p{font-size:.92rem;margin-bottom:0;}

/* ---------- Audience ---------- */
.audience-card{
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:var(--radius);
  padding:22px 18px;
  text-align:center;
  font-weight:700;
  font-size:.95rem;
  color:var(--navy-800);
  box-shadow:var(--shadow-sm);
  transition:box-shadow .2s ease, transform .2s ease;
}
.audience-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}

/* Who It's For: centers a trailing incomplete row instead of left-hanging it */
.audience-panel-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.audience-panel-grid .audience-card{flex:1 1 240px;max-width:263px;}
@media (max-width:960px){.audience-panel-grid .audience-card{max-width:calc(50% - 10px);}}
@media (max-width:640px){.audience-panel-grid .audience-card{max-width:100%;flex-basis:100%;}}

/* ---------- Compare courses ---------- */
.compare-table-wrap{overflow-x:auto;}
.compare-table{
  width:100%;
  min-width:640px;
  border-collapse:collapse;
  background:var(--white);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.compare-table th,
.compare-table td{
  padding:16px 20px;
  text-align:left;
  border-bottom:1px solid var(--gray-200);
  font-size:.9rem;
}
.compare-table thead th{
  background:var(--navy-900);
  color:var(--white);
  font-size:.85rem;font-weight:700;
  vertical-align:top;
}
.compare-table thead th:first-child{background:var(--navy-800);}
.compare-table tbody td:first-child{
  font-weight:700;color:var(--navy-800);
  background:var(--gray-50);
  white-space:nowrap;
}
.compare-table tbody tr:last-child td{border-bottom:none;}
.compare-current{background:rgba(245,130,12,.06);}
.state-table tbody td:first-child{white-space:normal;}
.compare-table thead th.compare-current{background:var(--orange-500);}
.compare-cta-row td{padding:20px;}

/* Below the breakpoint, swap the table for stacked per-course cards so nothing needs horizontal scrolling */
.compare-cards{display:none;}
@media (max-width:860px){
  .compare-table-wrap{display:none;}
  .compare-cards{display:grid;gap:20px;}
  .compare-card{
    background:var(--white);
    border:1px solid var(--gray-200);
    border-radius:var(--radius);
    padding:24px;
    box-shadow:var(--shadow-sm);
  }
  .compare-card.compare-current{border-color:var(--orange-500);box-shadow:var(--shadow-md);}
  .compare-card h3{font-size:1.1rem;margin-bottom:16px;}
  .compare-card dl{margin:0 0 20px;border-top:1px solid var(--gray-100);}
  .compare-card dl > div{
    display:flex;justify-content:space-between;gap:12px;
    padding:.6rem 0;border-bottom:1px solid var(--gray-100);
  }
  .compare-card dt{font-weight:700;color:var(--navy-800);font-size:.85rem;}
  .compare-card dd{margin:0;color:var(--gray-700);font-size:.85rem;text-align:right;}
}

/* ---------- Pricing ---------- */
.pricing-section{background:var(--navy-900);}
.pricing-section .section-head h2{color:var(--white);}
.pricing-section .section-head .eyebrow{color:var(--orange-500);}
.pricing-section .section-sub{color:#c9d3e6;}

.pricing-card{
  max-width:640px;margin:0 auto;
  background:var(--white);
  border-radius:16px;
  padding:40px;
  box-shadow:var(--shadow-lg);
}
.course-select-row{margin-bottom:24px;}
.course-select-label{font-size:.85rem;font-weight:700;color:var(--navy-800);display:block;margin-bottom:10px;}
.course-select-row .course-tabs{justify-content:center;margin-bottom:0;}

.pricing-card-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;
  flex-wrap:wrap;
  border-bottom:1px solid var(--gray-200);
  padding-bottom:24px;margin-bottom:24px;
}
.pricing-card-top h3{font-size:1.15rem;max-width:340px;}
.price{
  display:flex;flex-direction:column;align-items:flex-end;gap:2px;
  white-space:nowrap;
}
.price-original{
  font-size:1rem;font-weight:700;
  color:var(--gray-500);
  text-decoration:line-through;
}
.price-current{display:flex;align-items:baseline;gap:.3rem;}
.price-amount{font-size:2rem;font-weight:800;color:var(--orange-500);}
.price-per{color:var(--gray-500);font-size:.9rem;}

.pricing-features{margin-bottom:28px;}
.pricing-features li{
  padding:.5rem 0 .5rem 1.6rem;
  font-size:.93rem;
  color:var(--gray-700);
  position:relative;
}
.pricing-features li::before{
  content:"✓";
  position:absolute;left:0;top:.5rem;
  color:var(--orange-500);font-weight:800;
}

.enroll-form{display:flex;flex-direction:column;gap:14px;}
.form-row{display:flex;flex-direction:column;gap:6px;}
.form-row label{font-size:.85rem;font-weight:700;color:var(--navy-800);}
.form-row input{
  padding:.7rem .9rem;
  border:1.5px solid var(--gray-200);
  border-radius:8px;
  font-size:.95rem;
  font-family:inherit;
  color:var(--navy-900);
}
.form-row input:focus{outline:none;border-color:var(--orange-500);}
.form-note{font-size:.78rem;color:var(--gray-500);text-align:center;margin:.5rem 0 0;}

.bulk-pricing{
  border:1.5px solid var(--gray-200);
  border-radius:8px;
  overflow:hidden;
}
.bulk-pricing-toggle{
  width:100%;
  display:flex;align-items:center;gap:.5rem;
  padding:.7rem .9rem;
  background:var(--white);
  border:none;
  cursor:pointer;
  font-family:inherit;font-size:.9rem;font-weight:700;
  color:var(--navy-800);
  text-align:left;
}
.bulk-pricing-toggle svg{flex-shrink:0;}
.bulk-pricing-toggle span{flex:1;}
.bulk-pricing-chevron{transition:transform .2s ease;}
.bulk-pricing-toggle[aria-expanded="true"] .bulk-pricing-chevron{transform:rotate(180deg);}
.bulk-pricing-toggle:hover{color:var(--orange-500);}
.bulk-pricing-panel{
  border-top:1px solid var(--gray-200);
  padding:.5rem .9rem;
}
.bulk-pricing-table{width:100%;border-collapse:collapse;font-size:.85rem;}
.bulk-pricing-table th{
  text-align:left;
  padding:.4rem .3rem;
  font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;
  color:var(--gray-500);
  border-bottom:1px solid var(--gray-200);
}
.bulk-pricing-table th:last-child,
.bulk-pricing-table td:last-child{text-align:right;}
.bulk-pricing-table td{
  padding:.45rem .3rem;
  color:var(--gray-700);
  border-bottom:1px solid var(--gray-100);
}
.bulk-pricing-table tr:last-child td{border-bottom:none;}
.bulk-pricing-table td:last-child{font-weight:700;color:var(--navy-900);}
.bulk-pricing-table tr.active{background:rgba(245,130,12,.08);}
.bulk-pricing-table tr.active td{color:var(--navy-900);font-weight:800;}
.bulk-pricing-table tr.active td:last-child{color:var(--orange-500);}
.format-note{
  font-size:.82rem;color:var(--gray-500);
  text-align:center;
  margin:16px 0 0;
  padding-top:16px;
  border-top:1px solid var(--gray-200);
}
.format-note a{color:var(--orange-500);font-weight:700;}
.form-total{
  display:flex;justify-content:space-between;align-items:center;
  padding:.85rem 1rem;
  background:var(--gray-50);
  border:1px solid var(--gray-200);
  border-radius:8px;
  font-size:1.05rem;font-weight:800;color:var(--navy-900);
}

.form-success{
  max-width:640px;margin:24px auto 0;
  background:#eef7ee;border:1px solid #cbe7cc;
  border-radius:12px;padding:24px;text-align:center;
}
.form-success h4{color:#1e5c1f;margin-bottom:.4rem;}
.form-success p{margin-bottom:0;color:#2c6b2d;font-size:.9rem;}

/* ---------- FAQ ---------- */
.faq-list{max-width:760px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--gray-200);}
.faq-question{
  width:100%;
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;
  background:none;border:none;
  padding:22px 4px;
  font-size:1rem;font-weight:700;
  color:var(--navy-900);
  text-align:left;cursor:pointer;
}
.faq-icon{
  flex-shrink:0;
  width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:var(--gray-100);
  color:var(--navy-800);
  font-size:1.1rem;font-weight:700;
  transition:transform .2s ease, background .2s ease;
}
.faq-question[aria-expanded="true"] .faq-icon{
  background:var(--orange-500);color:#fff;transform:rotate(45deg);
}
.faq-list .faq-item:hover .faq-icon{
  background:var(--orange-500);color:#fff;
}
.faq-answer{
  max-height:0;overflow:hidden;
  transition:max-height .25s ease;
}
.faq-list .faq-item:hover .faq-answer{max-height:400px;}
.faq-answer p{padding:0 4px 22px;font-size:.94rem;margin:0;}

.faq-view-more{text-align:center;margin-top:32px;}

/* ---------- FAQ category list (reused on the FAQ resource page) ---------- */
.faq-category{
  font-size:.95rem;text-transform:uppercase;letter-spacing:.6px;
  color:var(--orange-600);
  margin:36px 0 4px;
  padding-bottom:8px;
  border-bottom:2px solid var(--gray-200);
}
.faq-category:first-of-type{margin-top:0;}
.faq-page-list .faq-item{border-bottom:1px solid var(--gray-200);}
.faq-page-disclaimer{
  margin-top:32px;padding-top:20px;
  border-top:1px solid var(--gray-200);
  font-size:.82rem;font-style:italic;color:var(--gray-500);
}

/* ---------- FAQ resource page ---------- */
.hero-solo .hero-inner{
  display:block;
  max-width:760px;margin:0 auto;
  text-align:center;
}
.hero-solo .hero-lead{margin:0 auto;}
.hero-solo .hero-cta-row{justify-content:center;}
.hero-solo .hero-meta{justify-content:center;}

.faq-jumpnav{
  display:flex;flex-wrap:wrap;gap:.6rem;
  justify-content:center;
  padding:24px 0;
}
.faq-jumpnav a{
  font-size:.82rem;font-weight:700;
  color:var(--navy-800);
  background:var(--gray-100);
  padding:.5rem 1rem;
  border-radius:999px;
  transition:background-color .15s ease, color .15s ease;
}
.faq-jumpnav a:hover{background:var(--orange-500);color:#fff;}

.faq-cta-box{
  background:var(--gray-50);
  border:1px solid var(--gray-200);
  border-left:4px solid var(--orange-500);
  border-radius:10px;
  padding:22px 26px;
  margin:32px 0;
}
.faq-cta-box p{margin:0;font-size:.95rem;color:var(--gray-700);}
.faq-cta-box strong{color:var(--navy-900);}
.faq-cta-box a{color:var(--orange-600);font-weight:700;text-decoration:underline;}

.state-law-intro{max-width:720px;margin:0 auto 40px;text-align:center;}

.state-search{max-width:420px;margin:0 auto 32px;position:relative;}
.state-search-input{
  width:100%;
  padding:.85rem 1.1rem;
  border:1.5px solid var(--gray-200);
  border-radius:999px;
  font-size:.95rem;
  font-family:inherit;
  color:var(--navy-900);
  background:var(--white) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%236b7688" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>') no-repeat;
  background-position:left 16px center;
  padding-left:44px;
}
.state-search-input:focus{outline:none;border-color:var(--orange-500);}
.state-search-empty{text-align:center;color:var(--gray-500);font-size:.9rem;margin-bottom:24px;}

.state-law-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.state-law-card{
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:10px;
  padding:18px 20px;
}
.state-law-card h4{font-size:.95rem;margin-bottom:.35rem;color:var(--navy-900);}
.state-law-card p{font-size:.85rem;margin:0;color:var(--gray-700);}

/* ---------- Final CTA ---------- */
.final-cta{
  background:linear-gradient(120deg,var(--orange-500),var(--orange-600));
  color:#fff;
  padding:72px 0;
  text-align:center;
}
.final-cta h2{color:#fff;font-size:clamp(1.6rem,2.8vw,2.2rem);}
.final-cta p{color:rgba(255,255,255,.9);font-size:1.05rem;margin-bottom:1.75rem;}
.final-cta-inner{display:flex;flex-direction:column;align-items:center;}
.final-cta .btn-primary{background:var(--navy-900);}
.final-cta .btn-primary:hover{background:#08182f;}

/* ---------- Footer ---------- */
.site-footer{background:var(--navy-900);color:#c9d3e6;padding:56px 0 0;}
.footer-grid{
  display:grid;
  grid-template-columns:1.2fr .85fr 1fr;
  gap:40px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-nav-links{display:flex;flex-direction:column;gap:.6rem;}
.footer-nav-links a{font-size:.92rem;font-weight:600;color:#c9d3e6;}
.footer-nav-links a:hover{color:var(--orange-500);}
.footer-address{font-size:.85rem;color:#9fadc9;margin-top:.75rem;}
@media (max-width:960px){
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-col-brand{grid-column:1 / -1;}
}
@media (max-width:640px){
  .footer-grid{grid-template-columns:1fr;}
  .footer-col-brand{grid-column:auto;}
}
.footer-logo{margin-bottom:20px;}
.footer-legal{font-size:.85rem;color:#9fadc9;margin-bottom:1em;}
.footer-legal strong{color:#dfe6f2;}
.footer-legal a{color:var(--orange-500);font-weight:700;text-decoration:underline;}
.footer-legal a:hover{color:#ffb156;}

.footer-col-heading{
  font-size:.78rem;text-transform:uppercase;letter-spacing:1px;
  color:var(--orange-500);font-weight:700;
  margin-bottom:14px;
}
.footer-contact-lead{font-size:1.05rem;font-weight:800;color:var(--white);margin-bottom:.35rem;}
.footer-contact-sub{font-size:.85rem;color:#9fadc9;margin-bottom:1.1rem;}
.footer-contact-links{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem;}
.footer-contact-links a{
  display:flex;align-items:center;gap:.55rem;
  font-size:.92rem;font-weight:600;color:#c9d3e6;
}
.footer-contact-links a:hover{color:var(--orange-500);}
.footer-badges{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;}
.footer-badges a{
  display:flex;align-items:center;justify-content:center;
  background:var(--white);
  border-radius:6px;
  padding:6px 10px;
  height:40px;
}
.footer-badges img{height:100%;width:auto;display:block;}
.footer-social{display:flex;gap:.6rem;}
.footer-social a{
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#c9d3e6;
  transition:background-color .15s ease, color .15s ease;
}
.footer-social a:hover{background:var(--orange-500);color:var(--white);}

.footer-bottom{background:var(--orange-500);padding:16px 0;}
.footer-bottom p{font-size:.82rem;color:var(--white);font-weight:600;text-align:center;margin:0;}

/* ---------- Important Pages quick menu (About page) ---------- */
.important-pages{
  max-width:360px;margin:32px auto 0;
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:var(--radius);
  padding:24px 28px;
  box-shadow:var(--shadow-sm);
}
.important-pages h3{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--orange-600);margin-bottom:14px;}
.important-pages a{
  display:flex;align-items:center;gap:.6rem;
  padding:.5rem 0;
  font-size:.95rem;font-weight:700;color:var(--navy-800);
}
.important-pages a:hover{color:var(--orange-500);}
.important-pages a + a{border-top:1px solid var(--gray-100);}

/* ---------- Policy documents ---------- */
.policy-content{max-width:820px;margin:0 auto;}
.policy-content h2{font-size:1.3rem;margin-top:2.2em;}
.policy-content h2:first-child{margin-top:0;}
.policy-content h3{font-size:1.05rem;margin-top:1.6em;color:var(--navy-800);}
.policy-content p{color:var(--gray-700);}
.policy-content ul,.policy-content ol{list-style:disc;padding-left:1.4rem;margin:0 0 1em;}
.policy-content ol{list-style:decimal;}
.policy-content li{margin-bottom:.4em;color:var(--gray-700);}
.policy-content a{color:var(--orange-600);font-weight:700;text-decoration:underline;}
.policy-meta{font-size:.85rem;color:var(--gray-500);margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid var(--gray-200);}

/* ---------- Responsive ---------- */
@media (max-width:960px){
  .hero-inner{grid-template-columns:1fr;}
  .hero-card{order:-1;}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .grid-4{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:1024px){
  .main-nav{
    position:absolute;top:100%;left:0;right:0;
    background:var(--white);
    flex-direction:column;
    padding:12px 24px 24px;
    gap:.25rem;
    border-bottom:1px solid var(--gray-200);
    box-shadow:var(--shadow-md);
    display:none;
  }
  .main-nav.open{display:flex;}
  .main-nav a{padding:.65rem 0;border-bottom:1px solid var(--gray-100);}
  .nav-toggle{display:flex;}
  .header-phone{display:none;}
  .nav-phone{
    display:flex;align-items:center;gap:.5rem;
    color:var(--orange-500);font-weight:700;
    border-bottom:none;
    margin-top:.5rem;padding-top:.75rem;
    border-top:1px solid var(--gray-200);
  }
  .nav-phone:hover{color:var(--orange-600);}
}

@media (max-width:480px){
  .header-inner{gap:.5rem;}
  .header-actions{gap:.6rem;}
  .logo-text{font-size:.95rem;}
  .logo-icon{height:34px;}
}

@media (max-width:400px){
  .logo-text{display:none;}
}

@media (max-width:640px){
  .grid-3{grid-template-columns:1fr;}
  .grid-4{grid-template-columns:1fr;}
  .hero{padding:48px 0 64px;}
  .section{padding:64px 0;}
  .pricing-card{padding:28px 20px;}
  .footer-grid{grid-template-columns:1fr;gap:36px;}
  .curriculum-list li{gap:16px;}
  .state-law-grid{grid-template-columns:1fr;}
}

/* ---------- Human / Machine view toggle ---------- */
.mode-toggle{
  position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:300;
  display:inline-flex;align-items:center;gap:2px;padding:3px;
  border-radius:9999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(11,37,69,.9);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;
  font-size:12px;line-height:1;letter-spacing:.02em;
  box-shadow:var(--shadow-lg);
}
.mode-toggle__btn{
  display:inline-flex;align-items:center;gap:6px;
  height:26px;padding:0 12px;border:0;background:transparent;
  color:rgba(255,255,255,.55);border-radius:9999px;cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.mode-toggle__btn:hover{color:rgba(255,255,255,.9);}
.mode-toggle__btn.is-active{background:rgba(255,255,255,.1);color:#fff;}
.mode-toggle__dot{
  display:inline-block;width:6px;height:6px;border-radius:9999px;
  background:rgba(255,255,255,.25);transition:background .15s ease;
}
.mode-toggle__btn.is-active .mode-toggle__dot{background:var(--orange-500);}

.machine-view{display:none;}

html[data-mode="machine"]{color-scheme:dark;}
html[data-mode="machine"] body{
  overflow-x:hidden;
  background:#0b0d12;
  color:#e6e6e6;
  font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;
}
html[data-mode="machine"] [data-human-only]{display:none !important;}
html[data-mode="machine"] .machine-view{display:block;}

.machine-view{
  max-width:760px;margin:0 auto;padding:72px 24px 120px;
  min-height:100vh;
}
.machine-view__meta{font-size:14px;color:#8a8f98;margin:0 0 32px;letter-spacing:.02em;}
.machine-view__pre{
  margin:0;white-space:pre-wrap;word-wrap:break-word;
  font-family:inherit;font-size:13px;line-height:1.65;color:#e6e6e6;
}
.machine-view__pre strong{color:var(--orange-500);font-weight:400;}

@media (max-width:640px){
  .machine-view{padding:56px 16px 100px;}
  .mode-toggle{left:16px;bottom:14px;transform:none;}
}
