:root{--al-sky:#82c8ff;--al-cyan:#3dd6ce;--al-yellow:#f5d86e;--al-night:#06172f;--al-board:#0b2741}
.al-eyebrow{margin:0 0 14px;color:var(--blue);font-size:.65rem;font-weight:700;letter-spacing:.2em}
.al-button{min-height:50px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:.78rem;font-weight:700;transition:transform .2s,background-color .2s}
.al-button:hover{transform:translateY(-2px)}
.al-button--primary{background:var(--blue);color:#fff}
.al-button--ghost{border:1px solid #8ea7c8;color:#fff}
.al-hero{min-height:650px;padding:clamp(68px,8vw,112px) max(var(--gutter),calc((100vw - 1280px)/2 + var(--gutter)));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(370px,.95fr);align-items:center;gap:clamp(45px,7vw,100px);background:radial-gradient(circle at 76% 18%,rgba(61,214,206,.16),transparent 28%),linear-gradient(140deg,#06172f,#092848);color:#fff}
.al-hero .al-eyebrow{color:var(--al-sky)}
.al-hero h1{margin:0;font:600 clamp(2.7rem,5.1vw,5.1rem)/1.38 var(--serif);letter-spacing:.045em;text-wrap:balance}
.al-hero h1 em{color:var(--al-yellow);font-style:normal}
.al-hero__lead{max-width:660px;margin:27px 0 0;color:#d8e6f7;font-size:.92rem;line-height:2}
.al-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}
.al-hero__board{position:relative;padding:34px 35px 30px;border:1px solid #54718b;background:linear-gradient(145deg,rgba(14,52,77,.88),rgba(6,26,47,.96));box-shadow:24px 24px 0 rgba(0,0,0,.16)}
.al-hero__board::before{content:"";position:absolute;top:24px;right:24px;width:70px;height:70px;border-top:1px solid var(--al-cyan);border-right:1px solid var(--al-cyan)}
.al-hero__board>p{margin:0 0 26px;color:var(--al-cyan);font-size:.62rem;font-weight:700;letter-spacing:.2em}
.al-hero__board ol{margin:0;padding:0;list-style:none}
.al-hero__board li{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:20px 0;border-top:1px solid #3b5a72}
.al-hero__board li>span{grid-row:1/3;color:var(--al-yellow);font:600 1.2rem var(--serif)}
.al-hero__board strong{font:600 1.3rem var(--serif)}
.al-hero__board small{color:#9fb7cb;font-size:.7rem}
.al-intro,.al-themes,.al-design,.al-faq{width:min(100%,1280px);margin:auto;padding:clamp(75px,9vw,120px) var(--gutter)}
.al-intro{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:clamp(45px,8vw,110px)}
.al-intro h2,.al-section-head h2,.al-faq h2{margin:0;font:600 clamp(2rem,3.4vw,3.25rem)/1.55 var(--serif);letter-spacing:.035em}
.al-intro__lead{margin-top:0;font:500 1.08rem/2 var(--serif)}
.al-intro div:last-child>p:last-child{color:var(--muted);font-size:.86rem}
.al-section-head{max-width:760px}
.al-section-head>p:last-child{margin:21px 0 0;color:var(--muted);font-size:.84rem}
.al-theme-grid{margin-top:48px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--navy);border-left:1px solid var(--line)}
.al-theme-grid article{min-height:310px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.al-theme-grid article>span{color:var(--blue);font-size:.62rem;font-weight:700;letter-spacing:.18em}
.al-theme-grid h3{margin:12px 0;font:600 1.42rem var(--serif)}
.al-theme-grid p{color:var(--muted);font-size:.79rem}
.al-theme-grid ul{margin:22px 0 0;padding:0;list-style:none;font-size:.74rem}
.al-theme-grid li{padding:5px 0;border-top:1px solid #e5ebf3}
.al-theme-grid li::before{content:"—";margin-right:8px;color:var(--blue)}
.al-formats{padding:clamp(80px,9vw,120px) max(var(--gutter),calc((100vw - 1280px)/2 + var(--gutter)));background:var(--al-night);color:#fff}
.al-section-head--light .al-eyebrow{color:var(--al-cyan)}
.al-section-head--light>p:last-child{color:#aebed0}
.al-format-list{margin-top:52px;border-top:1px solid #39546d}
.al-format-list article{display:grid;grid-template-columns:70px 270px 1fr;align-items:center;gap:28px;padding:28px 8px;border-bottom:1px solid #39546d}
.al-format-list article>span{color:var(--al-yellow);font:600 1.2rem var(--serif)}
.al-format-list div p{margin:0;color:var(--al-cyan);font-size:.58rem;font-weight:700;letter-spacing:.18em}
.al-format-list h3{margin:5px 0;font:600 1.35rem var(--serif)}
.al-format-list article>p{margin:0;color:#aebed0;font-size:.8rem}
.al-design{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,8vw,110px)}
.al-design-flow{margin:0;padding:0;list-style:none;border-top:1px solid var(--navy)}
.al-design-flow li{display:grid;grid-template-columns:105px 1fr;gap:24px;padding:24px 4px;border-bottom:1px solid var(--line)}
.al-design-flow li>span{color:var(--blue);font-size:.63rem;font-weight:700;letter-spacing:.1em}
.al-design-flow h3{margin:0;font:600 1.08rem var(--serif)}
.al-design-flow p{margin:7px 0 0;color:var(--muted);font-size:.76rem}
.al-profile{padding:clamp(75px,8vw,105px) max(var(--gutter),calc((100vw - 1080px)/2 + var(--gutter)));display:grid;grid-template-columns:320px 1fr;align-items:center;gap:clamp(45px,8vw,100px);background:#f2f7fd}
.al-profile__photo{aspect-ratio:1;overflow:hidden;background:var(--navy)}
.al-profile__photo img{width:100%;height:100%;object-fit:cover}
.al-profile__copy h2{margin:0;font:600 clamp(2.2rem,3.5vw,3.5rem) var(--serif);letter-spacing:.08em}
.al-profile__role{font:600 1rem/1.8 var(--serif)}
.al-profile__copy>p:not(.al-eyebrow):not(.al-profile__role){max-width:650px;color:var(--muted);font-size:.82rem}
.al-profile__copy a{display:inline-flex;min-height:44px;align-items:center;gap:16px;color:var(--blue);font-size:.75rem;font-weight:700}
.al-faq{display:grid;grid-template-columns:280px 1fr;gap:70px}
.al-faq__list{border-top:1px solid var(--navy)}
.al-faq details p{font-size:.78rem;line-height:1.9}
.al-cta{padding:clamp(85px,9vw,120px) var(--gutter);text-align:center;background:linear-gradient(145deg,#0a3269,var(--blue));color:#fff}
.al-cta .al-eyebrow{color:#b8d3ff}
.al-cta h2{margin:0;font:600 clamp(2rem,3.8vw,3.7rem)/1.55 var(--serif)}
.al-cta>p:not(.al-eyebrow){max-width:680px;margin:22px auto 31px;font-size:.84rem}
.al-cta .al-button--primary{background:#fff;color:var(--navy)}
.ai-lecturer-promo{max-width:calc(var(--max) - (var(--gutter)*2));margin:20px auto 26px;padding:34px 40px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(61,214,206,.24),transparent 30%),linear-gradient(110deg,#06172f,#0a3f75);display:flex;justify-content:space-between;align-items:end;gap:40px}
.ai-lecturer-promo h2{font:600 28px var(--serif);margin:8px 0}
.ai-lecturer-promo p{font-size:12px;max-width:700px}
.ai-lecturer-promo .kicker{color:var(--al-cyan)}
.ai-lecturer-promo a{white-space:nowrap;border:1px solid #8fcbdc;padding:13px 18px;font-size:12px}
@media(max-width:1150px) and (min-width:901px){.menu-toggle{display:flex;width:44px;height:44px;border:0;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{width:24px;height:2px;background:var(--navy)}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:16px var(--gutter) 24px;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(7,26,60,.15)}.site-nav.is-open{display:flex}.site-nav a{min-height:48px;border-bottom:1px solid var(--line)}.nav-cta{margin-top:12px;justify-content:center}}
@media(max-width:900px){.al-hero{grid-template-columns:1fr;padding-top:75px}.al-hero h1{font-size:clamp(2.35rem,10vw,3.6rem)}.al-hero__lead br{display:none}.al-hero__board{box-shadow:12px 12px 0 rgba(0,0,0,.16)}.al-intro,.al-design,.al-faq{grid-template-columns:1fr}.al-theme-grid{grid-template-columns:1fr}.al-theme-grid article{min-height:auto}.al-format-list article{grid-template-columns:48px 190px 1fr}.al-profile{grid-template-columns:230px 1fr}.al-faq{gap:28px}.ai-lecturer-promo{margin:10px var(--gutter) 26px;padding:28px 22px;display:block}.ai-lecturer-promo a{display:inline-flex;margin-top:15px}}
@media(max-width:620px){.al-actions{display:grid}.al-button{width:100%}.al-hero{padding-left:20px;padding-right:20px}.al-hero__board{padding:28px 22px}.al-intro,.al-themes,.al-design,.al-faq{padding-left:20px;padding-right:20px}.al-formats{padding-left:20px;padding-right:20px}.al-theme-grid article{padding:26px 20px}.al-format-list article{grid-template-columns:40px 1fr;gap:16px}.al-format-list article>p{grid-column:2}.al-profile{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.al-profile__photo{max-width:270px}.al-cta{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.al-button{transition:none}}
