:root{--bg:#f7f8f3;--ink:#14231f;--muted:#66736b;--accent:#ef7959;--lime:#d8f56b}
body{background:var(--bg);color:var(--ink)}
.site-header{max-width:1180px;height:78px;margin:0 auto;padding:0 24px;background:var(--bg)}
.brand{font-size:14px;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;border-radius:10px;font-size:22px}.brand b{font-size:9px}
.main-nav{display:flex;align-items:center;gap:24px}.main-nav a{display:block}.main-nav .button{padding:11px 18px;font-size:12px}
.menu-toggle{display:none}
.hero{min-height:510px;padding-top:54px;padding-bottom:52px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px}
.hero-copy{text-align:left}.eyebrow{margin-bottom:15px}.hero-text{max-width:470px;margin:22px 0;font-size:16px}.hero-actions{justify-content:flex-start;margin-top:23px}.trust-row{justify-content:flex-start;margin-top:24px}
.hero-visual{min-height:390px;display:grid;place-items:center;margin:0}.hero-visual .learning-carousel{z-index:5}.dashboard-card{width:min(100%,520px);padding:20px;border-radius:16px}.floating-stat{right:0;bottom:20px}
.logo-strip{border-top:1px solid #e1e7de;border-bottom:1px solid #e1e7de;background:#fbfcf9}.logo-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:0;padding-bottom:0}.logo-inner span{width:auto;text-align:left;color:#88948b;font-size:11px}.logo-inner b{color:#78857c;font:700 11px 'DM Sans';letter-spacing:.08em}
.courses-section{max-width:1180px;padding:58px 24px 62px}.section-heading{margin-bottom:26px}.section-heading .eyebrow{margin-bottom:13px;font-size:10px;letter-spacing:.16em}.section-heading h2{font-size:clamp(34px,4vw,48px);line-height:1.02}.section-heading .text-button{margin:0 0 4px;font-size:13px}
.course-controls{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:20px}.filter-group{width:100%;gap:8px}.filter-chip{min-height:34px;padding:8px 13px;font-size:11px}.search-sort-group{width:100%;justify-content:flex-end;gap:8px}.search-box,.sort-box{min-height:36px;padding:8px 12px;font-size:11px}.search-box{width:270px}.search-box input{font-size:11px}.sort-box select{font-size:11px}
.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{border-radius:13px}.course-art{min-height:165px;height:165px;padding:17px}.course-tag{top:14px;left:14px;padding:5px 8px;font-size:8px}.art-symbol{top:34px;right:18px;font-size:66px}.art-label{font-size:20px;line-height:.98;letter-spacing:-.04em}.course-body{height:auto;min-height:160px;padding:17px 16px 15px}.course-meta{margin-bottom:10px;font-size:9px}.course-body h3{margin-bottom:8px;font-size:17px;line-height:1.18}.course-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:43px;margin-bottom:11px;font-size:11px;line-height:1.45}.course-link{font-size:11px}
.dark-section{margin-top:0;padding:54px 0 58px}.dark-section .section-heading h2{font-size:42px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-grid>div{padding:21px 19px}.feature-grid h3{font-size:21px}.feature-grid p{font-size:13px}
.testimonial{padding-top:60px;padding-bottom:55px}.testimonial blockquote{max-width:860px;font-size:clamp(28px,3vw,42px)}.cta{padding-top:10px;padding-bottom:72px}.cta h2{font-size:clamp(36px,4vw,54px)}
.faq-section{padding-top:12px;padding-bottom:48px}.faq-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.faq-list details{padding:16px;border:1px solid #e0e7df;border-radius:8px;background:#fff}.faq-list summary{font-size:13px;font-weight:700;cursor:pointer}.faq-list p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.site-footer{max-width:1180px;padding:20px 24px 32px;font-size:11px}.site-footer .brand{font-size:14px}.site-footer .brand-mark{width:30px;height:30px;font-size:18px}
.site-footer{width:100%;max-width:none;margin:0;padding:20px max(24px,calc((100% - 1180px)/2)) 32px}
@media(max-width:900px){.site-header{padding:0 20px}.hero{gap:28px;min-height:470px}.hero-visual{min-height:340px}.floating-stat{right:0}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-inner{flex-wrap:wrap;justify-content:center}.logo-inner span{width:100%;text-align:center}.faq-list{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{height:70px}.menu-toggle{display:block;border:0;background:transparent;color:var(--ink);font-size:26px}.main-nav{display:none;position:absolute;z-index:20;top:70px;left:16px;right:16px;padding:16px;border:1px solid #dfe6dc;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(15,24,17,.1);flex-direction:column;align-items:stretch;gap:12px}.main-nav.open{display:flex}.main-nav .button{justify-content:center}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:34px}.hero-copy{text-align:left}.hero-visual{min-height:330px;margin-top:20px}.dashboard-card{width:min(100%,560px)}.floating-stat{right:0;bottom:4px}.logo-inner{padding:12px 16px}.courses-section{padding:42px 16px}.section-heading h2{font-size:36px}.filter-group{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.filter-chip{flex:0 0 auto}.search-sort-group{justify-content:flex-start}.search-box{width:min(100%,270px)}.dark-section .section-heading h2{font-size:36px}.feature-grid{grid-template-columns:1fr}.cta,.site-footer{align-items:flex-start;flex-direction:column;gap:16px}.cta{padding-bottom:48px}.site-footer{text-align:left}.hero-actions{flex-wrap:wrap}}
@media(max-width:480px){.hero-copy h1{font-size:46px}.hero-text{font-size:14px}.hero-visual{min-height:300px}.dashboard-card{padding:15px}.floating-stat{position:relative;justify-self:end;bottom:auto;margin-top:-3px}.course-grid{grid-template-columns:1fr}.course-art{height:155px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.search-sort-group{align-items:flex-start;flex-direction:column}.search-box{width:100%}.sort-box{width:max-content}.site-footer{width:100%;margin:0;padding:22px 16px}}