.hero {
  padding:72px 0 76px
}
.hero-grid {
  grid-template-columns:1.08fr 1fr;
  gap:60px
}
.hero h1 {
  font-size:clamp(2.8rem,4.2vw,3.65rem);
  line-height:1.12
}
.hero p {
  font-size:1rem
}
.hero .actions .btn {
  font-size:.85rem
}
.career-panel {
  background:var(--surface-dark);
  border:1px solid #ffffff25;
  border-radius:12px;
  padding:30px
}
.career-panel h2 {
  font-size:2rem;
  color:var(--sand);
  margin:25px 0 14px
}
.career-panel>p {
  font-size:.85rem;
  color:var(--text-on-dark)
}
.career-options {
  display:grid;
  margin-top:25px
}
.career-options a {
  display:flex;
  align-items:center;
  gap:14px;
  border-top:1px solid #ffffff18;
  padding:19px 0;
  text-decoration:none
}
.career-options a:hover strong {
  color:#e0b16a
}
.career-options a>span:last-child {
  margin-left:auto;
  color:#e0b16a
}
.career-options strong {
  display:block;
  font-weight:600;
  font-size:.9rem
}
.career-options small {
  display:block;
  font-size:.75rem;
  color:var(--text-on-dark);
  margin-top:3px
}
.career-icon {
  font:11px/1.4 Consolas,monospace;
  color:#e0b16a;
  flex-shrink:0
}
.career-panel-footer {
  font-size:.7rem;
  color:var(--text-on-dark);
  padding-top:16px;
  border-top:1px solid #ffffff18
}
.section-heading {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:65px;
  align-items:end;
  margin-bottom:40px
}
.section-heading h2 {
  margin-bottom:0
}
.section-heading>p {
  max-width:440px;
  margin-bottom:0;
  font-size:.95rem
}
.benefit-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}
.benefit {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:28px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#fffdf8;
  scroll-margin-top:30px
}
.benefit-number {
  font-size:.68rem;
  color:var(--gold-text);
  font-weight:650;
  letter-spacing:.03em;
  margin-bottom:25px
}
.benefit h3 {
  font-size:1.27rem;
  letter-spacing:-.025em;
  max-width:260px
}
.benefit p {
  font-size:.88rem;
  color:var(--muted);
  margin-bottom:25px
}
.benefit a {
  margin-top:auto;
  font-size:.8rem;
  font-weight:650;
  text-underline-offset:5px;
  text-decoration-thickness:1px;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:12px
}
.benefit a:hover {
  color:var(--gold-text)
}
.about-section {
  background:var(--navy);
  color:var(--sand)
}
.about-section .kicker {
  color:#e0b16a
}
.about-section .muted,.start-steps p {
  color:var(--text-on-dark)
}
.start-steps {
  list-style:none;
  padding:0;
  margin:45px 0 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:38px
}
.start-steps li {
  border-top:1px solid #ffffff30;
  padding-top:23px;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
.start-steps li>span {
  color:#e0b16a;
  font:12px/1.4 Consolas,monospace;
  margin-bottom:24px
}
.start-steps h3 {
  font-size:1.15rem
}
.start-steps p {
  font-size:.88rem
}
.start-steps a {
  font-size:.8rem;
  text-underline-offset:5px;
  margin-top:auto;
  color:#e0b16a;
  min-height:40px;
  display:inline-flex;
  align-items:center
}
.eco-intro h2 {
  font-size:clamp(2rem,3.5vw,2.85rem)
}
.eco-card h3 {
  font-size:1.2rem
}
.eco-card p {
  font-size:.86rem
}
.eco-status,.eco-card a {
  font-size:.75rem
}
.eco-card a {
  min-height:36px;
  display:inline-flex;
  align-items:center
}
.eco-number {
  margin-bottom:30px
}
.eco-journey {
  padding-top:25px;
  padding-bottom:25px
}
.eco-journey .eco-number {
  margin-bottom:18px
}
.faq-section {
  padding-top:0
}
.faq-layout {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:65px
}
.faq-list {
  border-top:1px solid var(--line)
}
details {
  border-bottom:1px solid var(--line)
}
summary {
  cursor:pointer;
  padding:22px 30px 22px 0;
  position:relative;
  font-size:.95rem;
  font-weight:600;
  list-style:none
}
summary::-webkit-details-marker {
  display:none
}
summary:after {
  content:'+';
  position:absolute;
  right:3px;
  top:18px;
  font-size:1.4rem;
  color:var(--gold-text);
  font-weight:400
}
details[open] summary:after {
  content:'−'
}
details p {
  font-size:.88rem;
  color:var(--muted);
  max-width:580px;
  padding-right:20px;
  margin:0 0 24px
}
summary:focus-visible {
  outline:3px solid var(--gold);
  outline-offset:4px
}
.social a {
  display:inline-flex;
  align-items:center;
  min-height:40px
}
.navlinks>a:not(.btn) {
  min-height:44px;
  display:inline-flex;
  align-items:center
}
.resource {
  padding:23px 12px
}
.banner .btn {
  font-size:.9rem
}
main:focus {
  outline:none
}
@media(max-width:1000px) {
  .navlinks {
  gap:15px
}
.navlinks a {
  font-size:.75rem
}
.hero-grid {
  gap:30px
}
.hero h1 {
  font-size:3rem
}
.career-panel {
  padding:25px
}
.benefit {
  padding:24px
}
.section-heading {
  gap:35px
}
}
@media(max-width:900px) {
  .hero-grid,.section-heading,.faq-layout {
  grid-template-columns:1fr;
  gap:30px
}
.hero {
  padding:50px 0 60px
}
.hero h1 {
  font-size:clamp(2.6rem,7.8vw,3.6rem)
}
.career-panel {
  max-width:560px
}
.benefit-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px
}
.start-steps {
  grid-template-columns:1fr;
  gap:30px;
  margin-top:35px
}
.start-steps li>span {
  margin-bottom:15px
}
.start-steps p {
  max-width:550px
}
.section-heading>p {
  max-width:570px
}
.faq-section {
  padding-top:0
}
.navlinks>a:not(.btn) {
  min-height:48px
}
.banner .btn {
  width:100%
}
}
@media(max-width:480px) {
  .benefit-grid {
  grid-template-columns:1fr
}
.hero h1 {
  font-size:2.65rem
}
.hero .actions {
  align-items:stretch;
  flex-direction:column
}
.career-panel {
  padding:23px
}
.career-panel h2 {
  font-size:1.7rem
}
.career-options strong {
  font-size:.85rem
}
.career-options small {
  font-size:.7rem
}
.career-options a {
  gap:12px
}
.benefit {
  padding:26px
}
.benefit-number {
  margin-bottom:18px
}
.section-heading h2 {
  font-size:2rem
}
.discipline-strip>.wrap {
  gap:10px
}
.discipline-strip span {
  max-width:290px
}
.faq-layout {
  gap:20px
}
}
.logo img {
  width:184px;
  height:auto
}
@media(max-width:900px) {
  .logo img {
  width:156px
}
}
.footer-navigation { display: grid; gap: var(--space-1); font-size: .8rem; }
.footer-navigation a { text-underline-offset: 4px; min-height: 32px; display: inline-flex; align-items: center; }
.footer-tagline { margin-top: var(--space-2); color: var(--text-on-dark); max-width: 300px; }
.social { margin-top: var(--space-1); }
section:focus, h2:focus { outline: none; }
@media (max-width: 900px) {
  /* Without JS, all navigation stays available. JS enables the disclosure. */
  html:not(.js) .menu-toggle { display: none; }
  html:not(.js) .navlinks { display: flex; }
}

.footer-trust{display:flex;flex-wrap:wrap;gap:8px 26px;border-top:1px solid #ffffff30;margin-top:28px;padding-top:18px}.footer-trust a{display:inline-flex;align-items:center;min-height:44px;font-size:.78rem;color:var(--sand);text-underline-offset:4px}
