
:root{
  --green:#0b574d;
  --green-deep:#073f38;
  --ink:#10201d;
  --muted:#61706c;
  --line:#d8dfdc;
  --white:#fff;
  --max:1400px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 112px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.logo{font-size:20px;letter-spacing:.25em;font-weight:700;color:var(--green);white-space:nowrap}
.logo span{font-size:11px;letter-spacing:.30em;font-weight:400;color:#7b8783;margin-left:8px}
.nav-links{display:flex;align-items:center;gap:34px;font-size:15px}
.nav-links a:hover{color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;background:var(--green);color:#fff;border:1px solid var(--green);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.btn:hover{background:var(--green-deep)}
.btn-light{background:#fff;color:var(--green);border-color:#fff}
.menu{display:none;border:0;background:none;font-size:25px;color:var(--ink)}
.mobile-nav{display:none;border-top:1px solid var(--line);padding:16px 0}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:10px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:11px;font-weight:700;color:var(--green);margin-bottom:24px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(64px,8.3vw,142px);line-height:.91;letter-spacing:-.065em;font-weight:500;margin-bottom:42px}
h2{font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin-bottom:28px}
h3{font-size:26px;line-height:1.08;font-weight:500;margin-bottom:12px}
.lead{font-size:21px;line-height:1.55;color:#465854;max-width:800px}
.small{font-size:15px;color:var(--muted)}
section{padding:120px 0}
.hero{
  background:var(--green);
  color:#fff;
  padding:110px 0 105px;
  min-height:690px;
  display:flex;
  align-items:flex-end;
}
.hero .eyebrow{color:#d8e8e3}
.hero h1{max-width:1220px;margin-bottom:45px}
.hero-copy{max-width:1280px}
.hero .btn{margin-top:4px}
.rule-section{border-top:1px solid var(--line)}
.tutoring-help{padding-top:105px}
.help-intro{display:grid;grid-template-columns:.8fr 1.8fr;gap:80px;align-items:start;margin-bottom:70px}
.help-intro h2{max-width:900px}
.help-intro .lead{max-width:850px}
.help-rows{border-top:1px solid var(--line)}
.help-row{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:38px 0 42px;border-bottom:1px solid var(--line);align-items:center}
.help-row h3{margin:0}
.help-row p{margin:0;color:var(--muted);max-width:700px;font-size:18px}
.network{background:var(--green);color:#fff;padding:125px 0}
.network-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:110px}
.network h2{max-width:650px}
.network .eyebrow{color:#d8e8e3}
.network-items{border-top:1px solid rgba(255,255,255,.35)}
.network-item{display:grid;grid-template-columns:1fr 2.3fr;gap:50px;padding:38px 0;border-bottom:1px solid rgba(255,255,255,.35)}
.network-item h3{margin:0}
.network-item p{margin:0;color:#d8e8e3;font-size:17px}
.process{padding-top:115px}
.process-heading{display:grid;grid-template-columns:.75fr 1.8fr;gap:80px;margin-bottom:75px}
.process-heading h2{max-width:950px}
.process-rows{border-top:1px solid var(--line)}
.process-row{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding:42px 0;border-bottom:1px solid var(--line);align-items:start}
.process-row h3{margin:0 0 12px}
.process-row p{margin:0;color:var(--muted);font-size:17px;max-width:680px}
.cta{background:var(--green);color:#fff;padding:95px 0}
.cta-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}
.cta h2{max-width:900px}
.cta .lead{color:#d8e8e3}
.page-hero{padding:95px 0 90px;border-bottom:1px solid var(--line)}
.page-hero h1{max-width:1150px}
.page-hero .lead{max-width:850px}
.page-content{padding:105px 0}
.content-grid{display:grid;grid-template-columns:.7fr 2fr;gap:100px}
.content-main{max-width:950px}
.tutor-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:90px}
.tutor-intro p{font-size:19px;color:#4a5a56}
.subject-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr)}
.subject{padding:35px 0 42px;border-bottom:1px solid var(--line)}
.subject:nth-child(odd){padding-right:55px;border-right:1px solid var(--line)}
.subject:nth-child(even){padding-left:55px}
.subject h3{margin-bottom:10px}
.subject p{color:var(--muted);margin:0}
.resource-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}
.resource{padding:36px 35px 48px 0;border-bottom:1px solid var(--line)}
.resource:not(:nth-child(3n+1)){padding-left:35px;border-left:1px solid var(--line)}
.resource .tag{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--green);font-weight:700;margin-bottom:50px}
.resource h3{font-size:27px}
.resource p{color:var(--muted);margin-bottom:0}
.article{max-width:900px;margin:0 auto}
.article .article-lead{font-size:24px;color:#465854;margin-bottom:65px;max-width:760px}
.article p{font-size:18px;color:#465854;max-width:780px}
.article h2{font-size:43px;margin-top:68px}
.form-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:start}
.form-intro{max-width:500px}
.form-intro h2{font-size:50px}
.notice{border-top:1px solid var(--green);padding-top:18px;font-size:16px;color:#465854;margin-top:35px}
.form{border-top:1px solid var(--ink);padding-top:30px}
.form h2{font-size:42px}
.form label{display:block;font-weight:700;font-size:13px;margin:0 0 7px}
input,select,textarea{width:100%;padding:15px;border:1px solid #c7d0cc;background:#fff;color:var(--ink);font:inherit;margin:0 0 22px;border-radius:0}
textarea{min-height:145px;resize:vertical}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.check{display:flex!important;gap:10px;align-items:flex-start;margin:10px 0;font-size:14px;color:#46534f;font-weight:400!important}
.check input{width:auto;margin:4px 0 0}
.success{max-width:800px;margin:110px auto;text-align:center}
.site-footer{background:#082f29;color:#dce7e3;padding:65px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px;padding-bottom:55px}
.footer-grid h4{color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:10px;margin:0 0 18px}
.footer-grid a{display:block;font-size:14px;margin:9px 0}
.footer-grid p{max-width:400px;color:#b8c9c3;font-size:14px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.22);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a9bbb5}
@media(max-width:900px){
  .container{width:min(var(--max),calc(100% - 38px))}
  .nav{min-height:70px}
  .nav-links{display:none}
  .menu{display:block}
  section{padding:80px 0}
  .hero{min-height:620px;padding:85px 0 75px}
  h1{font-size:clamp(54px,15vw,92px)}
  h2{font-size:clamp(40px,11vw,65px)}
  .help-intro,.network-grid,.process-heading,.content-grid,.form-wrap,.tutor-intro{grid-template-columns:1fr;gap:35px}
  .help-intro{margin-bottom:45px}
  .help-row,.network-item,.process-row{grid-template-columns:1fr;gap:12px;padding:28px 0}
  .network{padding:80px 0}
  .network-items{margin-top:35px}
  .resource-grid,.subject-grid{grid-template-columns:1fr}
  .resource,.resource:not(:nth-child(3n+1)),.subject,.subject:nth-child(odd),.subject:nth-child(even){padding:30px 0;border-left:0;border-right:0}
  .field-row{grid-template-columns:1fr;gap:0}
  .cta-row{display:block}
  .cta .btn{margin-top:25px}
  .footer-grid{grid-template-columns:1fr;gap:35px}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin-top:8px}
}

.subject-fieldset{border:0;padding:0;margin:0 0 22px}
.subject-fieldset legend{font-weight:700;margin-bottom:7px}
.field-help{margin:0 0 14px;color:var(--muted);font-size:.95rem}
.subject-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px;margin-bottom:8px}
.subject-checks .check{display:flex;align-items:center;gap:10px;border:1px solid #c7d0cc;padding:13px 14px;background:#fff;cursor:pointer;font-weight:400}
.subject-checks .check input{width:auto;margin:0;accent-color:#0d5b51}
.form select{appearance:auto}
@media (max-width:800px){.subject-checks{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.subject-checks{grid-template-columns:1fr}}

.choice-row{display:flex;gap:12px;margin-top:8px}
.choice{display:flex;align-items:center;gap:10px;border:1px solid #c7d0cc;padding:14px 18px;background:#fff;cursor:pointer;font-weight:400;min-width:150px}
.choice input{width:auto;margin:0;accent-color:#0d5b51}
.guardian-note{border-left:2px solid #0d5b51;padding:12px 16px;margin:8px 0 18px;color:var(--muted)}
.guardian-note strong{color:var(--ink)}


.conditional-fields{
  border-top:1px solid var(--line);
  margin-top:28px;
  padding-top:28px;
}
.conditional-heading{
  margin-bottom:24px;
}
.conditional-heading .eyebrow{
  margin-bottom:10px;
}
.conditional-heading h3{
  margin:0 0 24px;
}
.choice-row{
  flex-wrap:wrap;
}
.choice{
  flex:0 0 auto;
}
