:root{--ink:#0e1b2c;--green:#0b6e61;--ground:#f8f9f5;--muted:#626b70;--line:#e1e5df;--yellow:#f2b33d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'Public Sans','Segoe UI',sans-serif;color:var(--ink);background:var(--ground);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}h1,h2,h3,.brand,.button{font-family:'Bricolage Grotesque','Segoe UI',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12}h2{font-size:42px;letter-spacing:-1.6px}h3{font-size:22px;letter-spacing:-.4px}p{color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding-inline:32px}.header{background:#f8f9f5f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand>span:not(.brand-icon):not(.brand-dot){color:var(--green)}.brand-icon{height:33px;width:33px;display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:10px;margin-right:10px;font-size:28px;line-height:1}.brand-dot{color:var(--green)}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}nav>a:hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:#fff;font-weight:600;padding:16px 23px;line-height:1.4;font-size:16px;transition:background .2s,transform .2s}.button:hover{background:#085448;color:#fff;transform:translateY(-2px)}.button.small{font-size:13px;padding:11px 17px;gap:20px}.menu-toggle{display:none}.hero{overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#e8eee0 0,transparent 50%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;min-height:635px;padding-block:65px 80px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green);display:block}.hero .eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:var(--green);display:inline-block;border-radius:50%;flex:none}h1{font-size:clamp(46px,4.8vw,65px);letter-spacing:-3px;line-height:1.09;margin:24px 0}.highlight{color:var(--green);position:relative;display:inline-block}.highlight svg{position:absolute;bottom:-10px;left:0;width:100%;height:18px;fill:none;stroke:var(--yellow);stroke-width:6;stroke-linecap:round}.hero-copy>p{font-size:16px;max-width:440px;line-height:1.85;margin-top:31px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.text-link{font-weight:700;font-size:13px;display:inline-flex;gap:18px;align-items:center}.reassurance{display:flex;gap:19px;color:var(--muted);font-size:10px;margin-top:17px}.hero-visual{position:relative;padding:40px 14px 38px 24px;min-width:0}.orbit{position:absolute;border:1px solid #d9e2d1;border-radius:50%;width:470px;height:470px;left:5px;top:-10px}.orbit-two{width:550px;height:550px;left:-35px;top:-50px}.practice-window{position:relative;background:white;border:1px solid #dce2d8;border-radius:15px;box-shadow:0 22px 55px #173a2312;transform:rotate(-3deg)}.window-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 16px;font-size:8px;letter-spacing:1px;color:#87918c}.window-dots{letter-spacing:2px;color:#cdd6ce}.window-content{padding:24px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.muted-label{font-size:8px;letter-spacing:1.1px;color:var(--muted)}.preview-heading h2{font-size:25px;letter-spacing:-.8px;margin-top:6px}.mini-logo{color:var(--green);font-size:29px}.test-banner{background:#edf3e9;padding:22px 20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.badge{color:var(--green);font-size:8px;letter-spacing:1px;font-weight:700}.test-banner h3{font-size:25px;margin-top:8px}.test-banner p{font-size:10px;margin-top:6px}.book-icon{font-size:60px;line-height:1;color:var(--green);transform:rotate(10deg)}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-block:21px}.skill-grid>div{border:1px solid var(--line);border-radius:7px;text-align:center;padding:12px 2px}.skill-grid b,.skill-grid small{display:block}.skill-grid b{font-size:10px;margin-block:6px 2px}.skill-grid small{font-size:7px;color:var(--muted)}.skill-icon{font-size:19px;color:var(--green)}.preview-start{background:var(--green);border-radius:6px;padding:10px 15px;color:#fff;font-size:11px;font-weight:600;display:flex;justify-content:space-between}.demo-note{display:block;text-align:center;color:#6f7974;font-size:8px;margin-top:12px}.floating-label{position:absolute;right:0;top:8px;z-index:2;background:white;padding:10px 16px;border:1px solid var(--line);border-radius:8px;font-size:10px;box-shadow:0 6px 20px #123b1a09;transform:rotate(3deg)}.tiny-icon{background:#e9f3e8;color:var(--green);border-radius:50%;padding:3px 5px;margin-right:6px}.floating-bottom{position:absolute;bottom:4px;left:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 26px #173a2310;transform:rotate(2deg)}.floating-bottom b{font-size:11px;display:block}.floating-bottom small{font-size:9px;color:var(--muted)}.target-icon{font-size:31px;color:var(--green)}.floating-bottom>span:last-child{font-size:27px;color:var(--yellow);margin-left:15px}.visual-spark{position:absolute;left:-7px;top:0;font-size:54px;color:var(--yellow);line-height:1}.feature-strip{border-block:1px solid var(--line);background:#fff}.feature-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:22px}.feature-strip span{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:500}.feature-strip i{font-style:normal;color:var(--green);font-size:23px}.section{padding-block:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2,.center-heading h2,.practice-layout h2,.faq-section h2{margin-top:13px}.section-heading p,.center-heading p{margin-top:14px;font-size:14px}.search{background:white;border:1px solid var(--line);border-radius:7px;display:flex;gap:9px;align-items:center;padding:9px 12px;min-width:240px}.search>span{font-size:25px;line-height:1}.search input{width:100%;border:0;background:transparent;min-width:0;font-size:12px;color:var(--ink);padding:4px}.search kbd{border:1px solid var(--line);padding:0 6px;color:var(--muted);border-radius:3px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-block:30px 25px}.filter{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:6px;padding:9px 15px;font-size:12px}.filter.active{border-color:#cadbd3;color:var(--green);background:#eaf0e8;font-weight:600}.filter span{font-size:9px;background:#d5e3d7;border-radius:4px;padding:2px 5px;margin-left:5px}.exam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.exam-card{background:white;border:1px solid var(--line);border-radius:11px;padding:23px 20px 0;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;min-width:0}.exam-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #102a2010}.exam-card.available{border-color:#91b3a5}.card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:22px}.exam-symbol{width:39px;height:40px;border-radius:10px;display:grid;place-items:center;font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:700}.green{background:#edf3e9;color:#0b6e61}.orange{background:#fff0e4;color:#b86c35}.purple{background:#efecfa;color:#7860b0}.blue{background:#e9effa;color:#4b77ae}.availability{font-size:8px;border-radius:4px;background:#f3f4f0;color:#747970;padding:3px 6px;white-space:nowrap}.availability.live{background:#edf5e9;color:var(--green)}.exam-card h3{font-size:24px}.exam-type{font-size:10px;color:var(--muted);margin-top:6px}.exam-card p{font-size:12px;line-height:1.8;margin-block:15px 23px;flex:1}.card-action{border-top:1px solid var(--line);padding-block:13px;font-size:11px;font-weight:600;display:flex;justify-content:space-between;color:var(--green)}.card-action.planned{color:#939993;font-weight:400}.catalogue-note{font-size:10px;margin-top:22px;display:flex;align-items:center;gap:8px}.practice-section{background:#eef1e8;border-block:1px solid var(--line)}.practice-layout{padding-block:73px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.practice-layout h2{line-height:1.17}.practice-layout h2>span{color:var(--green)}.practice-layout>div>p{max-width:370px;margin-block:21px;font-size:14px;line-height:1.9}.feature-list article{display:flex;align-items:start;gap:20px;padding:25px 0;border-bottom:1px solid #d7ddd1}.feature-list article:first-child{padding-top:8px}.feature-list article:last-child{border:0}.feature-list article>span:first-child{color:#7d8e74;font-size:11px;margin-top:4px}.feature-list h3{font-size:21px}.feature-list p{font-size:12px;margin-top:10px;line-height:1.9}.feature-list article>span:last-child{color:var(--green);font-size:24px;margin-left:auto}.center-heading{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:45px;text-align:center}.steps article>span{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #d3dfce;background:#ecf2e8;color:var(--green);border-radius:50%;font-size:16px;margin-bottom:20px}.steps h3{font-size:22px}.steps p{font-size:13px;margin-top:12px;line-height:1.9}.quick-section{background:var(--ink);color:white;border-radius:13px;display:flex;align-items:center;gap:26px;padding:34px 36px;max-width:1136px}.quick-section .eyebrow{color:#b9cfb2;font-size:9px}.quick-section h2{font-size:30px;letter-spacing:-.8px;margin-top:7px}.quick-section p{color:#bac3ca;font-size:12px;margin-top:7px}.quick-icon{font-size:62px;color:#cfdfbc;line-height:1}.button.light{margin-left:auto;background:#f0f4e7;color:var(--ink);border-color:transparent;font-size:13px;gap:20px;white-space:nowrap}.button.light:hover{background:#dce8cd}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;padding-block:90px}.faq-section>div>p{font-size:13px;margin-top:20px}.faq-section a{color:var(--green);font-weight:600}.faq details{border-bottom:1px solid var(--line);padding-block:21px}.faq summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:21px;color:var(--green);font-weight:400;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;padding-top:14px;line-height:1.9}.final-cta{text-align:center;background:#eaf0e3;position:relative;overflow:hidden;padding-block:65px}.final-cta h2{font-size:51px;margin:18px 0 25px}.final-cta p{font-size:11px;margin-top:15px}.cta-spark{position:absolute;font-size:240px;right:-15px;top:0;color:#d8e3c9;line-height:1;pointer-events:none}.final-cta .wrap{position:relative;z-index:1}.footer{padding-block:45px 27px}.footer-top{display:flex;justify-content:space-between;gap:25px}.footer-top p{font-size:12px;margin-top:10px}.footer nav{font-size:11px;gap:25px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.legal{font-size:9px;line-height:1.9;margin-top:18px;color:#7c837e}.empty-state{text-align:center;background:white;border:1px solid var(--line);padding:40px;border-radius:10px}.empty-state p{margin:10px 0 20px}.skip{position:fixed;top:-100px;left:10px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1500px){.hero-grid{min-height:680px}}@media(max-width:1000px){nav{gap:18px}.hero-grid{gap:20px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{font-size:14px;padding:14px 17px}.exam-grid{grid-template-columns:repeat(2,1fr)}.practice-layout,.faq-section{gap:45px}.quick-section{margin-inline:32px}.quick-section .quick-icon{display:none}.brand{font-size:21px}.skill-grid small{font-size:6px}}@media(max-width:760px){.wrap{padding-inline:22px}.nav{min-height:74px;flex-wrap:wrap;gap:0}.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;background:white;padding:7px 11px;font-size:12px}.nav nav{display:none;width:100%;padding-block:17px;align-items:stretch;border-top:1px solid var(--line);margin-top:12px}.nav nav.open{display:flex;flex-direction:column;gap:17px}.nav nav a{padding:4px 0}.nav nav .button{padding:12px}.hero-grid{grid-template-columns:1fr;padding-block:45px;gap:30px}.hero-copy>p{max-width:500px}.hero h1{font-size:57px;letter-spacing:-2.8px}.hero-visual{max-width:450px;width:100%;margin:auto;padding-inline:20px; margin-top:12px}.orbit{width:370px;height:370px;left:10px;top:15px}.orbit-two{width:430px;height:430px;left:-20px;top:-15px}.feature-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature-strip span{font-size:10px;gap:7px}.feature-strip i{font-size:19px}.section{padding-block:55px}h2{font-size:34px;letter-spacing:-1.2px}.section-heading{align-items:stretch;flex-direction:column;gap:23px}.search{max-width:none}.filters{gap:3px;margin-block:20px}.filter{font-size:10px;padding:8px 10px}.exam-grid{gap:12px}.exam-card{padding:17px 14px 0}.card-top{flex-wrap:wrap;gap:10px;margin-bottom:18px}.exam-card h3{font-size:23px}.exam-type{font-size:9px}.availability{font-size:7px}.exam-card p{font-size:11px}.practice-layout{grid-template-columns:1fr;padding-block:50px;gap:30px}.practice-layout h2 br{display:none}.practice-layout>div>p{max-width:none}.feature-list h3{font-size:20px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px;text-align:left}.steps article{position:relative;padding-left:65px}.steps article>span{position:absolute;left:0;top:0}.steps p{margin-top:9px}.quick-section{margin-inline:22px;padding:26px;align-items:start;flex-direction:column;gap:22px}.quick-section h2{font-size:28px}.button.light{margin:0;white-space:normal}.faq-section{grid-template-columns:1fr;gap:15px;padding-block:55px}.faq-section h2 br{display:none}.final-cta{padding-block:50px}.final-cta h2{font-size:43px}.final-cta .eyebrow{font-size:8px;letter-spacing:1px}.cta-spark{font-size:170px;right:-80px;top:70px}.footer-top{flex-direction:column}.footer nav{gap:17px}.footer-bottom{font-size:9px;gap:20px}.catalogue-note{font-size:9px;align-items:start}.catalogue-note .status-dot{margin-top:5px}.hero .eyebrow{font-size:8px}.reassurance{font-size:9px;gap:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:760px){.hero h1{font-size:48px;letter-spacing:-2px}}
#navigation .nav-signin{border:1px solid #234f91;border-radius:7px;color:#234f91;padding:9px 15px;font-weight:700;white-space:nowrap}#navigation .nav-signin:hover{background:#234f91;color:white}@media(max-width:760px){.nav nav .nav-signin{padding:12px 15px;text-align:center}}
/* Rich home-page palette, coordinated with the dashboard. */
body:not(.dashboard):not(.login-page){--green:#087c78;--ink:#142b50;--line:#d5deed;--ground:#f2f5fb}
.header{background:#102b50f7;border-bottom-color:#29476b;color:#fff}.header .brand{color:#fff}.header .brand>span:not(.brand-icon):not(.brand-dot){color:#ffd16b}.header .brand-icon{background:#ffd16b;color:#12315b}.header .brand-dot{color:#ffd16b}.header nav>a{color:#e8f0ff}.header nav>a:hover{color:#ffdc87}.header #navigation .nav-signin{color:#ffda86;border-color:#d2ac59}.header #navigation .nav-signin:hover{background:#ffd16b;color:#12315b}.header .button.small{background:#f3bd54;border-color:#f3bd54;color:#132c50}.header .button.small:hover{background:#ffd57b;color:#132c50}.menu-toggle{background:#1d426c;color:white;border-color:#4d6b8e}.hero{background:radial-gradient(ellipse at 90% 45%,#137f8b66,transparent 60%),linear-gradient(115deg,#102a61,#164f8d 65%,#087e83);color:white}.hero .eyebrow{color:#ffdb86}.hero .status-dot{background:#ffd16b}.hero h1{color:#fff}.hero .highlight{color:#ffd16b}.hero .highlight svg{stroke:#58d9cb}.hero-copy>p{color:#e1edfc}.hero-actions>.button{background:#ffd16b;border-color:#ffd16b;color:#163257}.hero-actions>.button:hover{background:#ffe39e;color:#163257}.hero-actions>.text-link{color:#fff}.reassurance{color:#d5e7fa}.orbit{border-color:#80d8e14d}.visual-spark{color:#ffd16b}.practice-window{color:#142b50;border-color:#7eafcd;box-shadow:0 22px 55px #03172e35}.test-banner{background:linear-gradient(120deg,#e0f1f3,#dce9fb)}.badge,.mini-logo,.skill-icon,.book-icon{color:#146f89}.preview-start{background:#2557a0;color:#fff}.floating-label,.floating-bottom{color:#142b50;border-color:#c4dbeb;box-shadow:0 10px 25px #03172e25}.tiny-icon{background:#d3f1e7;color:#08695b}.floating-bottom>span:last-child{color:#b87b18}.feature-strip{background:#142f55;border-color:#2d4d76;color:#edf4ff}.feature-strip i{color:#ffcf6a}.section-heading .eyebrow,.center-heading .eyebrow{color:#2c599f}.filter.active{background:#2459a1;color:#fff;border-color:#2459a1}.filter.active span{background:#ffffff25;color:#fff}.filter{color:#526684}.search{border-color:#b9cbe4;box-shadow:0 3px 10px #17366305}.exam-card{border-color:#d2ddec;box-shadow:0 4px 15px #15355d05}.exam-card.available{border-color:#138780;border-top:4px solid #138780}.exam-symbol.green{background:#087e7b;color:white}.exam-symbol.orange{background:#c76c2b;color:white}.exam-symbol.purple{background:#7950b4;color:white}.exam-symbol.blue{background:#356bc0;color:white}.availability.live{background:#daf2e8;color:#09634f}.card-action{color:#215c9e}.practice-section{background:linear-gradient(115deg,#173663,#175d78 70%,#08776f);color:white;border-color:#284c73}.practice-layout .eyebrow{color:#ffd582}.practice-layout h2{color:white}.practice-layout h2>span{color:#ffd16b}.practice-layout>div>p,.feature-list p{color:#e0eafa}.practice-layout .text-link{color:#ffdc87}.feature-list h3{color:white}.feature-list article{border-color:#ffffff29}.feature-list article>span:first-child{color:#99dcd3}.feature-list article>span:last-child{color:#ffd16b}.steps article>span{background:#23599f;color:white;border-color:#23599f}.quick-section{background:linear-gradient(115deg,#57318b,#315eaa);border:1px solid #62459e;box-shadow:0 10px 22px #413c8115}.quick-section .eyebrow{color:#ffe1a0}.quick-section p{color:#e9e5f7}.quick-icon{color:#ffd16b}.button.light{background:#ffd16b;color:#1b3151}.button.light:hover{background:#ffe29a}.final-cta{background:linear-gradient(120deg,#173d7a,#176ca1 60%,#008b84);color:white}.final-cta h2{color:#fff}.final-cta .eyebrow{color:#ffe19b}.final-cta .button{background:#ffd16b;color:#183257;border-color:#ffd16b}.final-cta .button:hover{background:#ffe29a;color:#183257}.final-cta p{color:#dceafb}.cta-spark{color:#8fe7da29}.footer{color:#173457}.footer .brand-icon{background:#23599f}.footer nav>a:hover{color:#087c78}.faq summary:after{color:#2b5fa6}
@media(max-width:760px){.nav nav{border-top-color:#456181}.nav nav .button{color:#163257}}

/* Keep the first action visible in laptop windows, including shorter split views. */
#exams{scroll-margin-top:0}
@media(min-width:1001px){
 #exams{padding-block:32px}
 #exams .section-heading{align-items:center;gap:18px}
 #exams .section-heading h2{font-size:clamp(28px,3.3vw,38px);margin-top:8px}
 #exams .section-heading p{font-size:13px;margin-top:8px}
 #exams .filters{margin-block:16px 14px}
 #exams .exam-grid{gap:12px}
 #exams .exam-card{padding:15px 16px 0}
 #exams .card-top{margin-bottom:12px}
 #exams .exam-symbol{width:32px;height:32px;font-size:18px;border-radius:8px}
 #exams .exam-card h3{font-size:22px}
 #exams .exam-type{margin-top:4px}
 #exams .exam-card p{font-size:11px;line-height:1.6;margin-block:10px 12px}
 #exams .card-action{padding-block:10px}
 #exams .catalogue-note{margin-top:12px}
}
@media(min-width:1001px) and (max-height:700px){
 #exams{padding-block:20px}
 #exams .section-heading h2{font-size:28px}
 #exams .filters{margin-block:8px}
 #exams .filter{padding-block:6px}
 #exams .exam-grid{gap:10px}
 #exams .exam-card{padding:8px 13px 0}
 #exams .card-top{margin-bottom:6px}
 #exams .exam-symbol{width:26px;height:26px;font-size:16px}
 #exams .exam-card h3{font-size:20px}
 #exams .exam-card p{margin-block:6px;line-height:1.5}
 #exams .card-action{padding-block:8px}
}
@media(min-width:761px){
 .header .nav{min-height:72px;gap:14px}
 .header nav{gap:clamp(10px,1.5vw,24px);flex-wrap:wrap;justify-content:flex-end}
 .hero-grid{min-height:0;padding-block:clamp(24px,5svh,56px);gap:clamp(24px,4vw,48px)}
 .hero-copy{min-width:0}
 .hero h1{font-size:clamp(38px,min(4.8vw,8svh),62px);letter-spacing:-2px;margin-block:18px}
 .hero-copy>p{font-size:clamp(14px,2.2svh,16px);line-height:1.7;margin-top:22px}
 .hero-actions{flex-wrap:wrap;gap:14px 22px;margin-top:22px}
 .reassurance{flex-wrap:wrap;gap:6px 16px}
 .hero-visual{max-width:500px;width:100%;justify-self:center}
}
@media(min-width:761px) and (max-height:800px){
 .hero-grid{padding-block:24px}
 .hero h1{font-size:clamp(36px,min(4.6vw,8svh),56px);margin-block:16px}
 .hero-copy>p{margin-top:20px;line-height:1.65}
 .hero-visual{max-width:430px;padding-block:28px}
 .hero-visual .window-content{padding:18px}
 .hero-visual .preview-heading{margin-bottom:14px}
 .hero-visual .test-banner{padding:16px}
 .hero-visual .skill-grid{margin-block:14px}
 .hero-visual .skill-grid>div{padding-block:8px}
 .hero-visual .floating-bottom{padding:8px 12px;bottom:-3px}
 .hero-visual .orbit{width:100%;height:auto;aspect-ratio:1;left:0;top:0}
 .hero-visual .orbit-two{width:110%;left:-5%;top:-5%}
}
@media(min-width:761px) and (max-height:600px){
 .hero-grid{padding-block:18px}
 .hero-visual{max-width:360px;padding-block:16px}
 .hero-visual .floating-label,.hero-visual .floating-bottom,.hero-visual .visual-spark{display:none}
 .hero-visual .preview-heading h2,.hero-visual .test-banner h3{font-size:21px}
 .hero-visual .skill-grid small{display:none}
 .hero-actions>.button{padding:12px 18px;font-size:14px}
}

/* The moving exam card in the hero. */
.hero-exam-enter>div{animation:heroExamIn .45s ease both}
@keyframes heroExamIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
#hero-exam.coming-soon .badge{background:#fff1cc;color:#6b4a00}
#hero-exam-skills>div{min-width:0}
#hero-exam-skills b{overflow-wrap:anywhere}
.hero-exam-dots{display:flex;justify-content:center;gap:0;margin-top:8px}
.hero-exam-dots button{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.hero-exam-dots button::before{content:"";width:8px;height:8px;border-radius:50%;background:#b8c6d6}
.hero-exam-dots button[aria-current=true]::before{background:#087c78;transform:scale(1.25)}
@media (prefers-reduced-motion:reduce){.hero-exam-enter>div{animation:none}}

/* The moving ribbon of exams. */
.exam-ribbon{overflow:hidden;padding:28px 0 0}
.exam-ribbon-band{background:#142b50;padding:16px 0}
.exam-ribbon-track{display:flex;width:max-content;animation:examRibbon 34s linear infinite}
.exam-ribbon:hover .exam-ribbon-track{animation-play-state:paused}
.exam-ribbon ul{display:flex;align-items:center;flex:none;margin:0;padding:0;list-style:none}
.exam-ribbon li{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#fff}
.exam-ribbon b{font-size:clamp(20px,2.4vw,30px);font-weight:800;letter-spacing:-.5px}
.exam-ribbon small{font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 8px;border-radius:999px}
.exam-ribbon small.ready{background:#d7f5e6;color:#075a47}
.exam-ribbon small.soon{background:#2b4570;color:#dbe6f5}
.exam-ribbon i{font-style:normal;color:#ffcf66;font-size:20px;margin:0 26px 0 16px}
@keyframes examRibbon{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.exam-ribbon-track{animation:none;width:auto}.exam-ribbon ul{flex-wrap:wrap;justify-content:center;gap:8px 0}.exam-ribbon ul[aria-hidden=true]{display:none}}
/* Wide screens: larger text and a card that sits closer, so the two sides read as one hero. */
@media (min-width:1000px){
 .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px}
 .hero h1{font-size:clamp(52px,5vw,74px)}
 .hero-copy>p{max-width:580px;font-size:18px;line-height:1.7}
 .hero-visual{justify-self:start;width:100%;max-width:500px}
}