:root{--b:#4472c4;--d:#365b74;--g:#6bae34;--t:#066c83;--i:#1d2734;--m:#5f6b7a;--l:#eef4fb;--x:#d7e0eb;--s:#f7f9fc;--w:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,sans-serif;color:var(--i);line-height:1.55}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f2b544;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:12px;z-index:99}
.skip:focus{left:8px}
.header{min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:10px 7vw;border-bottom:1px solid var(--x);background:#fffc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:16px;color:var(--d);font-weight:800}
.brand img{width:145px;height:auto}
.brand-copy small{display:block;color:var(--m);font-size:10px;margin-top:3px}
.nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}
.nav .cta{background:var(--b);color:#fff;padding:12px 16px;border-radius:8px}
.hero{padding:92px 7vw;min-height:600px;display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center;background:linear-gradient(120deg,#fff 0 57%,var(--l) 57%)}
.hero.compact{min-height:auto;padding-top:70px;padding-bottom:70px}
.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--t);margin:0 0 17px}
.hero h1,h1{font-size:clamp(48px,6vw,80px);line-height:1;letter-spacing:-.045em;color:var(--d);margin:0 0 23px}
.hero.compact h1{font-size:clamp(43px,5vw,68px)}
h1 span{color:var(--b)}
h2{font-size:clamp(34px,4vw,55px);line-height:1.08;letter-spacing:-.035em;color:var(--d);margin:0}
h3{color:var(--d)}
.lead{font-size:20px;line-height:1.6;max-width:720px;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.button{display:inline-block;border:0;border-radius:9px;padding:15px 21px;font-weight:800;cursor:pointer}
.button.primary{background:var(--b);color:#fff}
.button.secondary{border:1px solid var(--x);background:#fff;color:var(--d)}
.button.light{background:#fff;color:var(--b)}
.fine{font-size:12px;color:var(--m);margin-top:16px}
.visual{padding:30px;border:1px solid var(--x);border-radius:18px;background:#fff;box-shadow:0 28px 65px #10203322}
.visual .row{display:grid;grid-template-columns:35px 90px 1fr;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #e7edf4}
.visual .row b:first-child{width:29px;height:29px;border-radius:7px;background:var(--l);color:var(--b);display:grid;place-items:center}
.visual i{height:6px;border-radius:5px;background:linear-gradient(90deg,var(--b),#70d6e8)}
.verified{margin-top:19px;padding:13px;border-radius:8px;background:#edf7e6;color:#386c18;font-weight:800}
.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:0 7vw;background:var(--d);color:#fff}
.stats div{padding:25px 18px;border-right:1px solid #ffffff30}
.stats strong,.stats span{display:block}
.stats strong{font-size:25px}
.stats span{font-size:12px;color:#dce8ef}
.section{padding:90px 7vw}
.section.alt{background:var(--s)}
.heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:45px}
.heading p{font-size:18px;color:#425267;margin:0}
.grid{display:grid;gap:16px}
.grid.three{grid-template-columns:repeat(3,1fr)}
.grid.four{grid-template-columns:repeat(4,1fr)}
.card{padding:25px;border:1px solid var(--x);border-radius:13px;background:#fff}
.card .label{font-size:11px;color:var(--t);font-weight:800;letter-spacing:.08em}
.card h3{font-size:22px;margin:10px 0}
.card p{color:var(--m);margin:0}
.path{display:grid;gap:13px}
.course-row{display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:center;padding:24px;border:1px solid var(--x);border-radius:13px;background:#fff}
.course-code{width:48px;height:48px;display:grid;place-items:center;border-radius:9px;background:var(--b);color:#fff;font-weight:850}
.course-row h3{font-size:24px;margin:0 0 5px}
.course-row p{margin:0;color:var(--m)}
.duration{color:var(--t);font-weight:800;white-space:nowrap}
.method{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
.method .card{border-top:4px solid var(--b)}
.method b{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--l);color:var(--b)}
.completion{margin-top:16px;padding:18px 22px;border-radius:10px;background:#edf7e6;color:#386c18}
.proof{background:var(--deep,var(--d));color:#fff}
.proof h2{color:#fff}
.proof p{color:#dce8ef}
.proof .notice,.proof .notice p,.proof .notice strong{color:#315f17}
.profile{display:grid;grid-template-columns:220px 1fr;gap:6vw;align-items:center}
.profile img{width:200px;height:200px;border-radius:50%;object-fit:cover;object-position:center 38%;border:5px solid #fff;box-shadow:0 18px 44px #10203328}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:8px 11px;border-radius:18px;background:var(--l);font-size:12px;color:var(--d);font-weight:700}
.list{padding-left:20px}
.list li{margin:9px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.notice{padding:18px 20px;border-left:4px solid var(--g);background:#f1f8eb;color:var(--i);font-size:15px;line-height:1.55}
.notice strong{color:#315f17}
.faq details{padding:18px 3px;border-top:1px solid var(--x)}
.faq details:last-child{border-bottom:1px solid var(--x)}
.faq summary{cursor:pointer;font-weight:800;color:var(--d);font-size:18px}
.faq p{color:var(--m)}
.contact{background:var(--b);color:#fff;text-align:center}
.contact h2{color:#fff;max-width:800px;margin:auto}
.contact p{max-width:720px;margin:22px auto 30px}
.contact .button.secondary{background:#fff;color:var(--b);border-color:#d7e0eb}
.contact .button.secondary:hover,.contact .button.secondary:focus-visible{background:#eef4fb;color:var(--b)}
.form{max-width:850px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.field{display:grid;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-size:13px;font-weight:800}
.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid var(--x);border-radius:8px;font:inherit;background:#fff;color:var(--i)}
.field textarea{min-height:120px}
.form-note{font-size:12px;color:#dce8fb;grid-column:1/-1}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-details{grid-column:1/-1;border:1px solid rgba(255,255,255,.48);border-radius:12px;background:rgba(255,255,255,.1);overflow:hidden}
.form-details summary{cursor:pointer;list-style:none;padding:17px 20px;color:#fff;font-weight:900}
.form-details summary::-webkit-details-marker{display:none}
.form-details summary:after{content:'+';float:right;font-size:22px;line-height:18px}
.form-details[open] summary:after{content:'−'}
.form-details summary span{margin-left:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#e9f3ff}
.form-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:4px 20px 20px}
.form-submit{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.form-submit .button{min-width:210px}
.footer{padding:38px 7vw;display:flex;justify-content:space-between;gap:25px;color:var(--m);font-size:12px}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer a{color:var(--b);font-weight:700}
.resource{display:flex;gap:15px;align-items:flex-start}
.resource b{font-size:25px;color:var(--b)}
.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.offer-card{padding:30px;border:1px solid var(--x);border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:18px}
.offer-card.featured{border:2px solid var(--b);box-shadow:0 18px 45px #10203316}
.offer-card h2{font-size:clamp(30px,3vw,43px)}
.offer-card h3{margin:0}
.offer-card p{margin:0;color:var(--m)}
.offer-card .button{align-self:flex-start}
.offer-meta{display:flex;gap:8px;flex-wrap:wrap}
.offer-meta span{padding:7px 10px;border-radius:16px;background:var(--l);color:var(--d);font-size:12px;font-weight:800}
.price-status{padding:16px 18px;border-radius:10px;background:#edf7e6;color:#386c18}
.rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rate-grid.four{grid-template-columns:repeat(4,1fr)}
.rate-card{padding:26px;border:1px solid var(--x);border-radius:15px;background:#fff;display:flex;flex-direction:column;gap:14px}
.rate-card.featured{border:2px solid var(--b);box-shadow:0 18px 45px #10203316}
.rate-card h3{font-size:24px;margin:0}
.rate-card p{margin:0;color:var(--m)}
.rate-card .button{align-self:flex-start;margin-top:auto}
.rate-price{font-size:39px;line-height:1;color:var(--d);font-weight:850;letter-spacing:-.035em}
.rate-price small{display:block;margin-top:8px;font-size:12px;line-height:1.4;letter-spacing:0;color:var(--m);font-weight:700}
.rate-then{font-size:13px;color:var(--t);font-weight:800}
.rate-note{padding:18px 20px;border-left:4px solid var(--g);background:#f1f8eb;color:var(--i);margin-top:22px}
.rate-note strong{color:#315f17}
.rate-note a{color:#245aa8;font-weight:800}
.included{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.included li{position:relative;padding-left:25px}
.included li:before{content:'✓';position:absolute;left:0;color:var(--g);font-weight:900}
.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.boundary{padding:24px;border-radius:13px;background:#fff;border:1px solid var(--x)}
.boundary h3{margin-top:0}
.boundary ul{padding-left:19px;margin-bottom:0}
.boundary li{margin:8px 0}
.decision-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--x);border:1px solid var(--x);border-radius:13px;overflow:hidden}
.decision-strip div{padding:22px;background:#fff}
.decision-strip strong,.decision-strip span{display:block}
.decision-strip span{font-size:13px;color:var(--m);margin-top:6px}
.micro-proof{font-size:13px;color:var(--m);padding-top:12px;border-top:1px solid var(--x)}
@media(max-width:980px){.nav a:not(.cta){display:none}
.hero,.heading,.split,.profile{grid-template-columns:1fr}
.grid.four{grid-template-columns:1fr 1fr}
.method{grid-template-columns:repeat(3,1fr)}
.hero{background:linear-gradient(165deg,#fff 0 58%,var(--l) 58%)}
.visual{margin-top:25px}
.offer-grid,.boundary-grid,.decision-strip,.rate-grid,.rate-grid.four{grid-template-columns:1fr}
}
@media(max-width:650px){.header{position:static}
.brand img{width:125px}
.brand-copy{display:none}
.hero{padding:62px 7vw}
.hero h1,h1{font-size:44px}
.section{padding:68px 7vw}
.stats{grid-template-columns:1fr 1fr}
.grid.three,.grid.four,.method,.form{grid-template-columns:1fr}
.form-details-grid{grid-template-columns:1fr}
.course-row{grid-template-columns:52px 1fr}
.duration{grid-column:2}
.profile img{width:160px;height:160px}
.footer{display:block}
.footer-links{margin-top:15px}
}

