:root{--navy:#062c4e;--deep:#09233d;--orange:#ff921f;--paper:#f7f5f0;--ink:#102a42;--muted:#45596a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:.25em}a:focus-visible,summary:focus-visible{outline:3px solid #df6600;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.top,.actions,nav,.brand{display:flex;align-items:center;gap:22px}.top{justify-content:space-between;min-height:84px}.brand{text-decoration:none;gap:12px;font-size:.7rem;font-weight:800;letter-spacing:.15em}.brand img{width:80px;height:auto}.button{display:inline-flex;gap:14px;align-items:center;background:var(--orange);color:#132539;padding:12px 17px;border-radius:8px;text-decoration:none;font-weight:750}.small{padding:8px 14px}.hero{background:var(--deep);color:#fff;padding:clamp(56px,9vw,115px) 0}.split{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(30px,6vw,85px)}.eyebrow{font-size:.74rem;letter-spacing:.15em;font-weight:800;color:#95500d}.hero .eyebrow{color:#ffb75d}.dot{display:inline-block;background:var(--orange);width:8px;height:8px;border-radius:50%;margin-right:7px}h1,h2{line-height:1.04;letter-spacing:-.055em;margin:.3em 0}h1{font-size:clamp(2.65rem,6.2vw,5.2rem)}h1 em{color:#ffae55;font-style:normal}h2{font-size:clamp(2.25rem,5vw,4rem)}p{max-width:64ch}.intro{color:#d6e2eb;font-size:1.1rem}.actions{flex-wrap:wrap;margin-top:28px}.board,.price,.company{border-radius:16px;padding:clamp(18px,4vw,38px)}.board{background:#0c3154;border:1px solid #36536e;box-shadow:14px 14px 0 #ff921f}.board div{display:grid;grid-template-columns:34px 1fr;column-gap:13px;padding:13px 0;border-top:1px solid #456079}.board b{color:#ffb75d;grid-row:span 2}.board span{font-weight:750;font-size:1.4rem}.board small,.board footer{color:#d6e2eb}.board footer{border-top:1px solid #456079;padding-top:18px;font-size:.7rem;letter-spacing:.12em}.section{padding:clamp(50px,8vw,94px) 0}.lessons{max-width:820px;margin-top:30px;border-top:1px solid #becad2}details{border-bottom:1px solid #becad2}summary{padding:17px 0;font-weight:750;cursor:pointer}details p{margin:0 0 17px;color:var(--muted)}.enroll{background:#e8eff5}.price,.company{background:#fff;border:1px solid #ced9e1}.price strong{font-size:clamp(2.3rem,5vw,4rem);line-height:1.15}.price hr{border:0;border-top:1px solid #ced9e1}.company dl{margin-bottom:0}.company dt{color:var(--muted);font-size:.85rem}.company dd{margin:0 0 12px;font-weight:700}.base{background:var(--deep);color:white;font-size:.9rem}@media(max-width:720px){.split{grid-template-columns:1fr}.top,nav{gap:12px}.brand span{display:none}nav{font-size:.82rem}.wrap{width:calc(100% - 32px)}.board{margin-right:12px}}

.payment-options{align-items:stretch;margin:28px 0}.payment-options dt{color:var(--muted)}.payment-options dd{margin:0 0 10px;font-weight:700;overflow-wrap:anywhere}.payment-options h2,.after-payment{font-size:clamp(1.7rem,4vw,2.7rem)}

.instructor{grid-column:1/-1;display:grid;grid-template-columns:minmax(120px,220px) 1fr;align-items:center;gap:clamp(20px,5vw,55px);padding:clamp(16px,4vw,32px);background:#fff;border:1px solid #ced9e1;border-radius:16px}.instructor img{width:100%;height:auto;border-radius:12px;display:block}.instructor h2{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.1;margin:.2em 0}@media(max-width:480px){.instructor{grid-template-columns:1fr}.instructor img{max-width:220px}}

@media(max-width:420px){header.top{flex-wrap:wrap;padding:12px 0}header.top nav{flex-wrap:wrap}}

header.top nav{flex-wrap:wrap}nav [aria-current="page"]{font-weight:750}@media(max-width:580px){header.top{flex-wrap:wrap;padding:12px 0}}
nav a {
  text-decoration: none;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body > footer.base {
  margin-top: auto;
}