:root{--ink:#111d23;--muted:#42484a;--paper:#f4faff;--white:#fff;--blue:#3b555f;--blue-dark:#263238;--blue-soft:#e9f6fd;--line:#c2c7ca;--gold:#fdbf3a;--gold-hover:#f2ad1c;--container:1240px;--radius:16px;--shadow:0 8px 28px rgba(38,50,56,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Be Vietnam Pro",system-ui,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,strong,.button,.eyebrow{font-family:"Plus Jakarta Sans",system-ui,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.03em}h2{font-size:clamp(1.6rem,3.5vw,2.25rem);line-height:1.2;letter-spacing:-.02em}h3{font-size:1.12rem}.container{width:min(calc(100% - 32px),var(--container));margin:auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;color:#000;background:#fff;padding:10px}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:20;background:rgba(244,250,255,.95);backdrop-filter:blur(16px);box-shadow:0 1px 8px rgba(38,50,56,.06)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-width:0}.brand-logo{width:40px;height:40px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{color:var(--blue);font-size:1.1rem}.brand small{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.primary-nav ul,.mobile-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}.primary-nav a{display:block;padding:8px 11px;color:var(--muted);font-size:.85rem;font-weight:700;text-decoration:none}.primary-nav a:hover{color:var(--ink);background:#d7e4ec;border-radius:8px}.header-actions{display:flex;align-items:center;gap:8px}.header-phone{display:flex;align-items:center;gap:5px;color:var(--ink);font-size:.85rem;font-weight:700;text-decoration:none}.icon{width:20px;height:20px;vertical-align:middle;flex:none}.button{min-height:48px;padding:12px 18px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;text-decoration:none;cursor:pointer}.button-primary,.button-accent{background:var(--gold);color:#271900}.button-primary:hover,.button-accent:hover{background:var(--gold-hover)}.button-dark{background:var(--blue);color:#fff}.button-secondary{background:#fff;border:1px solid var(--blue);color:var(--blue)}.menu-toggle{display:none;padding:9px;border:0;border-radius:10px;background:var(--blue-soft);color:var(--ink)}.mobile-menu{padding:12px 16px 16px;background:#fff;border-top:1px solid var(--line)}.mobile-menu nav{display:grid;gap:8px}.mobile-menu ul{display:grid;gap:4px}.mobile-menu a{color:var(--ink);text-decoration:none;padding:8px}.section{padding:72px 0}.section-tint,.quick-info,.map-section{background:var(--blue-soft)}.hero{padding-top:56px}.hero-grid,.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.eyebrow{color:#7b5800;font-size:.77rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.lead,.section-intro{max-width:650px;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.text-link{display:flex;align-items:center;gap:5px;color:var(--blue);font-weight:700}.hero-media{min-height:350px;border-radius:20px;overflow:hidden;background:#d7e4ec}.hero-media img{display:block;width:100%;height:100%;object-fit:cover}.media-placeholder{display:grid;min-height:350px;place-items:center;background:linear-gradient(135deg,#cbe7f4,#72919f);color:#fff;font-weight:700}.quick-info{padding:24px 0}.cards{display:grid;gap:20px}.cards-three{grid-template-columns:repeat(3,1fr)}.info-card,.course-card,.reason-card,.lead-form-wrap{background:var(--white);border:1px solid rgba(114,145,159,.2);border-radius:var(--radius);box-shadow:0 2px 8px rgba(38,50,56,.05)}.info-card{padding:18px;display:flex;align-items:center;gap:12px}.info-card>.icon{color:#7b5800}.info-card strong,.info-card span{display:block}.info-card span{font-size:.87rem;color:var(--muted)}.course-grid{grid-template-columns:repeat(2,1fr);margin-top:28px}.course-card{padding:24px;display:flex;flex-direction:column}.course-top{display:flex;justify-content:space-between;align-items:start}.course-code{display:grid;place-items:center;min-width:52px;min-height:52px;border-radius:12px;background:#f8e8b9;font-size:1.2rem;font-weight:800}.chip{padding:5px 8px;border-radius:7px;background:#f8e8b9;font-size:.7rem;font-weight:700}.course-card p,.reason-card p{color:var(--muted)}.course-fee{margin-top:auto}.course-card ul{list-style:none;padding:0}.course-card li{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:.9rem}.course-card li .icon{width:16px;color:var(--blue)}.course-choose{margin-top:12px}.reasons-grid{margin-top:28px}.reason-card{padding:22px}.icon-feature{color:#7b5800;width:28px;height:28px}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0;list-style:none;margin:32px 0}.process-list li{position:relative}.process-list span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:50%;background:var(--gold);font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800}.process-list p{color:var(--muted)}.process-action{text-align:center}.mid-cta{padding:42px 0;background:var(--blue);color:#fff}.mid-cta>.container{display:flex;justify-content:space-between;align-items:center;gap:24px}.mid-cta h2{margin-bottom:6px}.mid-cta p{margin:0;color:#d2eefb}.contact-grid{align-items:start}.contact-details p{display:flex;gap:8px;align-items:flex-start}.contact-details a{color:var(--blue);font-weight:700}.lead-form-wrap{padding:25px}.lead-form-wrap label{display:grid;gap:6px;margin:14px 0;font-size:.88rem;font-weight:700}.lead-form-wrap input,.lead-form-wrap select,.lead-form-wrap textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;color:var(--ink);background:#fff}.lead-form-wrap input:focus,.lead-form-wrap select:focus,.lead-form-wrap textarea:focus{outline:3px solid rgba(83,109,120,.2);border-color:var(--blue)}.lead-form-wrap button{width:100%}.hp-field{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.form-notice{padding:10px;border-radius:8px}.form-notice.success{background:#e5f7ed;color:#0a5725}.form-notice.error{background:#fff0ef;color:#8f1d15}.map-section{padding:54px 0}.closing-cta{text-align:center;padding:54px 0}.site-footer{padding:56px 0 80px;background:var(--blue-dark);color:#e6f3fb}.footer-grid{display:grid;grid-template-columns:2fr 1.3fr 1fr;gap:36px}.footer-brand{font-size:1.3rem;color:#fff}.site-footer h2{font-size:1rem;color:#fff}.site-footer p,.site-footer a{color:#c2c7ca;font-size:.9rem;text-decoration:none}.footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid rgba(194,199,202,.2)}.mobile-dock{display:none}@media(max-width:900px){.primary-nav,.header-phone,.header-cta{display:none}.menu-toggle{display:inline-grid;place-items:center}.hero-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.hero-media,.media-placeholder{min-height:260px}.cards-three,.course-grid{grid-template-columns:repeat(2,1fr)}.process-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.mobile-dock{position:fixed;z-index:19;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 -3px 14px rgba(38,50,56,.14)}.mobile-dock a{min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:var(--blue);color:#fff;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none}.mobile-dock a+a{background:var(--gold);color:#271900}.site-footer{padding-bottom:86px}}@media(max-width:580px){.header-inner{min-height:70px}.section{padding:52px 0}.hero{padding-top:36px}.cards-three,.course-grid{grid-template-columns:1fr}.process-list{grid-template-columns:1fr;gap:10px}.mid-cta>.container{display:block}.mid-cta .button{margin-top:18px}.footer-grid{grid-template-columns:1fr}.brand small{display:none}.hero-actions .button{width:100%}.text-link{width:100%;justify-content:center}}

.media-lightbox-trigger{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.carousel-shell{position:relative}.carousel-controls{display:none}.image-lightbox{max-width:min(96vw,1100px);max-height:90vh;padding:42px 14px 14px;border:0;border-radius:16px;background:#111d23;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.45)}.image-lightbox::backdrop{background:rgba(0,0,0,.76)}.image-lightbox img{display:block;max-width:100%;max-height:calc(90vh - 80px);margin:auto;object-fit:contain}.image-lightbox p{margin:10px 4px 0;font-size:.85rem;text-align:center}.lightbox-close{position:absolute;right:9px;top:7px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#111d23;font-size:25px;line-height:1;cursor:pointer}(max-width:767px){.carousel-track{display:flex!important;grid-template-columns:none!important;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 14px;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>*{min-width:82%;scroll-snap-align:start}.quick-info .carousel-track>*{min-width:78%}.process-list.carousel-track{padding-left:2px}.carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.carousel-controls button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue);font-size:27px;line-height:1;cursor:pointer}.carousel-controls button:disabled{opacity:.4;cursor:not-allowed}}

/* Homepage overview: surface HOLIS first and keep the long-form content on demand. */
.hero{padding-top:48px;padding-bottom:52px;background:linear-gradient(118deg,#edf9ff 0%,#f4faff 58%,#e4f2f8 100%)}
.hero-grid{grid-template-columns:1.06fr .94fr}
.hero-brand{margin:0 0 7px;color:var(--blue);font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:.83rem;font-weight:800;letter-spacing:.07em}
.hero-brand strong{color:#7b5800}
.hero h1{max-width:680px;margin-bottom:12px;font-size:clamp(2.25rem,5vw,3.8rem)}
.hero-course-focus{max-width:620px;margin:0 0 12px;color:var(--blue);font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:1.05rem;font-weight:800}
.hero-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;margin:24px 0 0;list-style:none}
.hero-highlights li{display:flex;gap:8px;align-items:flex-start;padding:11px;border:1px solid rgba(59,85,95,.12);border-radius:12px;background:rgba(255,255,255,.7)}
.hero-highlights .icon{width:18px;color:#7b5800}
.hero-highlights strong,.hero-highlights span{display:block}
.hero-highlights strong{font-size:.78rem}
.hero-highlights span{color:var(--muted);font-size:.7rem;line-height:1.35}
.hero-media{position:relative;min-height:0;aspect-ratio:10 / 9;max-height:504px;border-radius:22px;box-shadow:0 18px 45px rgba(38,50,56,.16)}
.hero-media>.media-lightbox-trigger{position:absolute;inset:0}
.hero-media img{object-position:center top}
.hero-media::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(17,29,35,.72));pointer-events:none}
.hero-media-label{position:absolute;z-index:1;right:18px;bottom:18px;left:18px;display:grid;gap:3px;color:#fff}
.hero-media-label span{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.12em}
.hero-media-label strong{font-size:1rem}
.content-disclosure{margin:0 0 12px}
.content-disclosure p{margin:8px 0 0}
.content-disclosure summary{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;cursor:pointer;color:var(--blue);font-size:.86rem;font-weight:800;list-style:none}
.content-disclosure summary::-webkit-details-marker{display:none}
.content-disclosure summary::after{content:"↓";font-size:1rem}
.content-disclosure[open] summary::after{content:"↑"}
.content-disclosure [data-disclosure-close]{display:none}
.content-disclosure[open] [data-disclosure-open],.content-disclosure[open] .content-disclosure-preview{display:none}
.content-disclosure[open] [data-disclosure-close]{display:inline}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero-media{min-height:0;max-height:320px;aspect-ratio:16 / 7}}
@media(max-width:580px){.hero{padding-top:30px;padding-bottom:36px}.hero h1{font-size:2.3rem}.hero-highlights{grid-template-columns:1fr;gap:7px}.hero-highlights li{padding:9px 11px}.hero-media{min-height:0}.content-disclosure summary{min-height:38px;padding:5px 0}}

/* Keep the first mobile viewport focused on the offer and next action. */
@media(max-width:580px){
	.hero{padding-top:24px;padding-bottom:24px}
	.hero-grid{gap:20px}
	.hero .eyebrow{margin-bottom:5px;font-size:.68rem}
	.hero-brand{display:none}
	.hero h1{margin-bottom:8px;font-size:clamp(2rem,10vw,2.25rem);line-height:1.08}
	.hero-course-focus{margin-bottom:8px;font-size:.96rem;line-height:1.35}
	.hero .lead{display:-webkit-box;overflow:hidden;margin-bottom:0;font-size:.95rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
	.hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:15px}
	.hero-highlights li{gap:6px;min-height:48px;padding:8px}
	.hero-highlights li:last-child{grid-column:1 / -1}
	.hero-highlights .icon{width:16px}
	.hero-highlights strong{font-size:.72rem}
	.hero-highlights span{font-size:.64rem;line-height:1.2}
	.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
	.hero-actions .button{width:auto;min-height:46px;padding:10px 8px;font-size:.8rem}
	.hero-actions .text-link{grid-column:1 / -1;width:auto;min-height:28px;font-size:.86rem}
	.hero-media{min-height:0;aspect-ratio:16 / 7;border-radius:16px}
	.hero-media-label{right:12px;bottom:10px;left:12px}
	.hero-media-label strong{font-size:.8rem}
	.hero-media-label span{font-size:.62rem}
}