/* Layout concept: white slalom timing sheet. White ground, brand blue as the single accent, orange only for the apply action. Rows, hairlines and a diagonal cut borrowed from the academy posters. */
:root{
  color-scheme:light;
  --ink:#1F242B; --blue:#0066FF; --sky:#33B7FF; --orange:#FF6A00; --gray:#E5E7EB;
  --bg:#FFFFFF; --surface:#FFFFFF; --fg:#1F242B; --muted:#586370; --line:#E2E6EB;
  --link:#0057D9; --soft:#EDF4FF; --band:#F5F8FC; --warn-bg:#FFF5EC; --warn-line:#F5C9A3;
  --hdr:#FFFFFF;
  --cta:#FF6A00; --cta-ink:#1F242B; --btn:#0066FF; --btn-ink:#FFFFFF;
  --shadow:0 1px 2px rgba(31,36,43,.06),0 10px 28px rgba(31,36,43,.10);
  --ko:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --disp:"Barlow Condensed","Noto Sans KR","Arial Narrow",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
html.lock{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.72 var(--ko);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--hdr)}
a{color:var(--link)}
img,svg{max-width:100%}
h1,h2,h3,h4{margin:0;line-height:1.22;text-wrap:balance;font-weight:900;letter-spacing:-.01em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--cta);color:var(--cta-ink);padding:10px 16px;z-index:100}
.skip:focus{left:8px;top:calc(8px + env(safe-area-inset-top,0px))}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.in{width:100%;max-width:1200px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:clamp(52px,7.5vw,96px)}
.band.alt{background:var(--band)}
.band.soft{background:var(--soft)}
.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
.h2{font-size:clamp(26px,3.6vw,40px)}
.h2 .en{display:block;font:800 clamp(15px,1.6vw,18px)/1.3 var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--link);margin-bottom:10px}
.lead{color:var(--muted);font-size:clamp(16px,1.5vw,18px);max-width:62ch}
.sec-head{display:grid;gap:14px;margin-bottom:clamp(28px,4vw,48px)}
.sec-head.split{grid-template-columns:1fr;align-items:end}
@media(min-width:900px){.sec-head.split{grid-template-columns:1fr auto}}

/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--hdr);color:var(--fg);border-bottom:1px solid var(--line)}
.hdr .in{display:flex;align-items:center;gap:16px;height:68px}
.logo{display:flex;align-items:center;text-decoration:none;margin-right:auto;min-width:0}
.logo img{display:block;height:22px;width:auto;max-width:100%}
.nav{display:none}
.nav a{display:block;color:#2F3944;text-decoration:none;font-size:14px;font-weight:500;padding:8px 9px;border-bottom:2px solid transparent;white-space:nowrap}
.nav a:hover{color:var(--blue)}
.nav a[aria-current="page"]{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}
.btn.hdr-cta{display:none}
.burger{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:6px;color:var(--fg);display:grid;place-items:center;cursor:pointer;flex:none}
.burger svg{width:22px;height:22px}
@media(min-width:420px){.logo img{height:26px}}
@media(min-width:1280px){
  .nav{display:flex}
  .btn.hdr-cta{display:inline-flex}
  .burger{display:none}
  .nav a{padding:8px 10px}
  .logo img{height:28px}
}
@media(min-width:1280px) and (max-width:1380px){.nav a{font-size:13.5px;padding:8px 7px}.logo img{height:24px}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:6px;border:2px solid transparent;font:700 15px/1 var(--ko);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;white-space:nowrap}
.btn.sm{min-height:40px;padding:0 16px;font-size:14px}
.btn-cta{background:var(--cta);color:var(--cta-ink)}
.btn-blue{background:var(--btn);color:var(--btn-ink)}
.btn-line{border-color:var(--ink);background:#fff;color:var(--ink)}
.btn-line.on-dark{color:#fff;border-color:rgba(255,255,255,.75);background:transparent}
.btn svg{width:16px;height:16px}
.btn[disabled]{opacity:.6;cursor:wait}
@media(hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px)}
  .btn-cta:hover{background:#ff7f24}
  .btn-blue:hover{background:#1a77ff}
  .btn-line:hover{border-color:var(--blue);color:var(--blue)}
  .btn-line.on-dark:hover{color:#fff;border-color:#fff}
}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* mobile menu */
.scrim{position:fixed;inset:0;background:rgba(31,36,43,.45);opacity:0;pointer-events:none;transition:opacity .25s;z-index:70}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;color:var(--fg);z-index:80;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overflow-y:auto;padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) 20px;display:flex;flex-direction:column;gap:18px;visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s}
.drawer.on{transform:none;visibility:visible;box-shadow:-12px 0 40px rgba(31,36,43,.18);transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s}
.drawer-top{display:flex;align-items:center;justify-content:space-between;min-height:44px}
.drawer-top b{font:800 18px var(--disp);letter-spacing:.12em}
.drawer h3{font:500 11px/1 var(--mono);letter-spacing:.16em;color:var(--link);margin:0 0 6px;text-transform:uppercase}
.drawer a.m{display:flex;align-items:center;justify-content:space-between;min-height:48px;color:var(--fg);text-decoration:none;font-size:17px;font-weight:700;border-bottom:1px solid var(--line)}
.drawer a.m[aria-current="page"]{color:var(--blue)}
.drawer .btn{width:100%}
.drawer .tel{display:block;text-align:center;font:700 24px var(--disp);letter-spacing:.06em;color:var(--fg);margin-top:10px;text-decoration:none}

/* floating cta */
.fab{position:fixed;z-index:40;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));display:none;gap:8px;align-items:center}
.fab .tel{background:#fff;color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:0 16px;min-height:48px;display:inline-flex;align-items:center;font:700 16px var(--disp);letter-spacing:.06em;text-decoration:none;box-shadow:var(--shadow)}
.fab .btn{box-shadow:var(--shadow)}
.bar{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(31,36,43,.08);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.bar .btn{min-height:48px;padding:0 8px;font-size:15px}
@media(min-width:760px){.fab{display:flex}.bar{display:none}}
@media(max-width:759px){#main{padding-bottom:76px}.foot{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}

/* hero */
.hero{background:#fff;overflow:hidden;position:relative}
.hero .in{display:grid;gap:28px;padding-block:clamp(32px,5vw,72px);align-items:center}
@media(min-width:960px){.hero .in{grid-template-columns:1.02fr .98fr;gap:40px}}
.hero h1{font:800 clamp(64px,12vw,136px)/.86 var(--disp);letter-spacing:.005em;text-transform:uppercase;margin:16px 0 20px;color:var(--ink)}
.hero h1 span{display:block}
.hero h1 .o{color:var(--blue)}
.hero .ko{font-size:clamp(20px,2.4vw,28px);font-weight:700;margin-bottom:14px}
.hero p.lead{margin-bottom:28px}
.hero-art{position:relative;width:100%;max-width:600px;justify-self:end}
.hero-art::before{content:"";position:absolute;inset:-14px -14px 14px 14px;background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(51,183,255,.35) 18px 20px);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.hero-img{position:relative;aspect-ratio:4/3.3;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);background:var(--soft)}
@media(min-width:960px){.hero-img{clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.values{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid var(--line);padding-top:18px;margin-top:6px;font:700 14px var(--disp);letter-spacing:.2em;color:var(--muted)}
.values b{color:var(--ink)}

/* rows (program board) */
.board{border-top:2px solid var(--fg)}
.board a{display:grid;grid-template-columns:1fr;gap:6px 24px;padding:22px 4px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;align-items:center}
@media(min-width:760px){.board a{grid-template-columns:220px 1fr 28px}}
.board .en{font:800 28px/1 var(--disp);letter-spacing:.05em;text-transform:uppercase}
.board .ko{font-weight:700;font-size:15px;color:var(--link);margin-top:4px;display:block;font-family:var(--ko);letter-spacing:0}
.board p{color:var(--muted);font-size:15px}
.board .arr{font-size:22px;color:var(--link);transition:transform .2s}
@media(hover:hover){.board a:hover{background:var(--soft)}.board a:hover .arr{transform:translateX(6px)}}

/* flagship */
.flag-main{display:grid;gap:32px;align-items:center}
@media(min-width:900px){.flag-main{grid-template-columns:1fr 1fr}}
.big{font:800 clamp(120px,22vw,240px)/.8 var(--disp);color:var(--blue);letter-spacing:-.02em}
.big small{font-size:.28em;letter-spacing:.06em;color:var(--ink);margin-left:8px}
.price-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:18px 0}
.price-line .p{font:800 clamp(40px,6vw,60px)/1 var(--disp)}
.price-line .p small{font:700 18px var(--ko);margin-left:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:14px;font-weight:500;background:var(--surface);color:var(--fg)}
.chip b{font-family:var(--disp);font-size:16px;letter-spacing:.04em}

.tiers{display:grid;gap:0;border:1px solid var(--line);background:var(--surface)}
.tiers>div{padding:22px;border-bottom:1px solid var(--line)}
.tiers>div:last-child{border-bottom:0}
@media(min-width:760px){.tiers.c3{grid-template-columns:repeat(3,1fr)}.tiers.c2{grid-template-columns:repeat(2,1fr)}.tiers>div{border-bottom:0;border-right:1px solid var(--line)}.tiers>div:last-child{border-right:0}}
.tiers .t{font:800 17px var(--disp);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.tiers .v{font:800 clamp(38px,5vw,52px)/1.05 var(--disp);margin:6px 0 4px}
.tiers .v small{font:700 16px var(--ko);margin-left:3px}

.two{display:grid;gap:clamp(28px,4vw,56px)}
@media(min-width:900px){.two{grid-template-columns:1fr 1fr}.two.w{grid-template-columns:5fr 7fr}.two.pw{grid-template-columns:5fr 6fr}}
.dl{border-top:2px solid var(--fg)}
.dl>div{display:grid;gap:4px 24px;padding:18px 2px;border-bottom:1px solid var(--line)}
@media(min-width:640px){.dl>div{grid-template-columns:200px 1fr}}
.dl dt{font:800 15px/1.4 var(--disp);letter-spacing:.1em;text-transform:uppercase}
.dl dd{margin:0;color:var(--muted)}
.dl dt small{display:block;font:500 13px var(--ko);letter-spacing:0;color:var(--link);text-transform:none}

/* program block + table */
.pblock{background:var(--surface);border:1px solid var(--line);margin-bottom:28px}
.pblock>header{padding:clamp(20px,3vw,32px);display:grid;gap:10px;border-bottom:1px solid var(--line)}
.pblock .k{font:500 12px var(--mono);letter-spacing:.12em;color:var(--link);text-transform:uppercase}
.pblock h3{font-size:clamp(22px,2.6vw,30px)}
.pblock .meta{display:grid;gap:10px 28px;padding:clamp(16px,2.4vw,24px) clamp(20px,3vw,32px);border-bottom:1px solid var(--line);background:var(--band)}
@media(min-width:760px){.pblock .meta{grid-template-columns:1fr 1fr}}
.pblock .meta b{display:block;font:800 13px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tblwrap{padding:clamp(8px,1.4vw,16px) clamp(8px,2vw,24px)}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th{font:800 13px var(--disp);letter-spacing:.1em;text-align:left;color:var(--muted);padding:12px 10px;border-bottom:2px solid var(--fg);white-space:nowrap}
.tbl th,.tbl td{vertical-align:middle}
.tbl td{padding:14px 10px;border-bottom:1px solid var(--line)}
.tbl td.nm{font-weight:700}
.tbl .won{font:800 22px var(--disp);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.tbl tr.is-main td{background:var(--soft)}
.tbl td.act{text-align:right}
.flag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:3px;background:var(--cta);color:var(--cta-ink);font:800 11px var(--disp);letter-spacing:.12em;vertical-align:2px}
.tbd{display:inline-block;padding:0 9px;border:1px dashed var(--muted);border-radius:99px;color:var(--muted);font-size:.84em;line-height:1.7;font-weight:500}
.note1{padding:0 clamp(20px,3vw,32px) 18px;color:var(--muted);font-size:14px}
.pnotes{padding:18px clamp(20px,3vw,32px) 22px;border-top:1px solid var(--line);display:grid;gap:6px;font-size:15px;color:var(--muted)}
.pnotes li{padding-left:16px;position:relative}
.pnotes li::before{content:"";position:absolute;left:0;top:.8em;width:7px;height:2px;background:var(--link)}
.pfoot{padding:16px clamp(20px,3vw,32px) 24px;display:flex;flex-wrap:wrap;gap:12px}
.disc{margin:0 clamp(20px,3vw,32px) 20px;border:1px solid var(--warn-line);background:var(--warn-bg);padding:18px 20px;border-radius:4px}
.disc h4{font-size:16px;margin-bottom:10px}
.disc table{width:100%;border-collapse:collapse;font-size:15px}
.disc td,.disc th{padding:8px 6px;border-bottom:1px solid var(--warn-line);text-align:left;vertical-align:top}
.disc th{font:800 12px var(--disp);letter-spacing:.1em;color:var(--muted)}
@media(max-width:820px){
  .tbl thead{display:none}
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl tr{border:1px solid var(--line);margin:0 0 12px;padding:6px 14px 12px;background:var(--surface)}
  .tbl tr.is-main{border-color:var(--cta);border-width:2px}
  .tbl tr.is-main td{background:transparent}
  .tbl td{display:flex;justify-content:space-between;gap:16px;padding:9px 0;text-align:right}
  .tbl td::before{content:attr(data-l);font:700 13px var(--ko);color:var(--muted);text-align:left;flex:none}
  .tbl td.nm{font-size:17px;text-align:left;display:block;padding-top:12px}
  .tbl td.nm::before{content:none}
  .tbl td.act{display:block;border:0;padding-top:12px}
  .tbl td.act::before{content:none}
  .tbl td.act .btn{width:100%}
  .pblock .tblwrap{padding:12px}
}

.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.tab{min-height:44px;padding:0 18px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:99px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.tab.on{background:var(--ink);border-color:var(--ink);color:#fff}

.diff>li{display:grid;gap:6px 32px;padding:24px 0;border-bottom:1px solid var(--line)}
.diff{border-top:2px solid var(--fg)}
@media(min-width:760px){.diff>li{grid-template-columns:320px 1fr}}
.diff b{font:800 22px/1.2 var(--disp);letter-spacing:.06em;text-transform:uppercase}
.diff b span{display:block;font:700 15px var(--ko);letter-spacing:0;color:var(--link);text-transform:none;margin-top:4px}
.diff p{color:var(--muted)}

/* people + coaches */
.people{display:grid;gap:16px}
@media(min-width:760px){.people{grid-template-columns:repeat(2,1fr)}}
.person{background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:112px 1fr;gap:18px;padding:18px}
.person img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.ptarget h3{font-size:21px;margin-bottom:6px}
.person ul{font-size:14px;color:var(--muted);display:grid;gap:2px}
.coach{display:grid;gap:clamp(20px,3vw,40px);margin-bottom:clamp(40px,6vw,72px)}
.coach:last-child{margin-bottom:0}
@media(min-width:900px){.coach{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}
.poster{width:100%;height:auto;display:block;border:1px solid var(--line)}
.cbody h3{font-size:clamp(30px,4vw,44px);margin:10px 0 4px}
.cbody .en{font:600 18px var(--disp);letter-spacing:.2em;color:var(--muted)}
.cbody .role{font-weight:700;margin-top:12px}
.cbody .headline{margin-top:6px;color:var(--link);font-weight:700}
.cbody h4{font:800 14px var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:26px 0 8px;padding-bottom:8px;border-bottom:2px solid var(--fg)}
.clist{display:grid}
.clist li{padding:9px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:15.5px}
.clist li b{font:800 16px var(--disp);letter-spacing:.06em;color:var(--link);min-width:46px}
.clist li.plain{grid-template-columns:1fr}
.cbody .btns{margin-top:24px}

/* news */
.nlist{border-top:2px solid var(--fg)}
.nitem{display:grid;gap:6px 20px;padding:20px 4px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
@media(min-width:760px){.nitem{grid-template-columns:130px 1fr 130px;align-items:center}}
.nitem h3{font-size:19px;font-weight:700;letter-spacing:0}
.nitem p{color:var(--muted);font-size:14.5px;margin-top:4px;font-weight:400}
.nitem .d{font:500 13px var(--mono);color:var(--muted)}
@media(hover:hover){.nitem:hover{background:var(--soft)}}
.cat{display:inline-block;font:700 12px var(--ko);padding:3px 10px;border-radius:3px;background:var(--soft);color:var(--link);white-space:nowrap;justify-self:start}
.pin{background:var(--cta);color:var(--cta-ink);margin-left:6px}
.article{max-width:760px}
.article h1{font-size:clamp(28px,4vw,42px);margin:16px 0}
.article .body{display:grid;gap:16px;margin:28px 0;font-size:17px}
.article .body ul{display:grid;gap:8px;padding-left:4px}
.article .body li{padding-left:16px;position:relative}
.article .body li::before{content:"";position:absolute;left:0;top:.85em;width:7px;height:2px;background:var(--link)}
.cover-img{width:100%;max-width:560px;height:auto;display:block;margin-top:20px;border:1px solid var(--line)}

/* gallery */
.gal{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.gal{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.gal.four{grid-template-columns:repeat(4,1fr)}}
.gal figure{margin:0;display:grid;min-width:0}
.gimg{position:relative;aspect-ratio:4/3;background:var(--band);overflow:hidden}
.gimg img{width:100%;height:100%;object-fit:cover;display:block}
.stag{position:absolute;left:8px;top:8px;background:rgba(255,255,255,.92);color:var(--muted);font:500 10px var(--mono);letter-spacing:.12em;padding:2px 7px;border-radius:2px}
.gal figcaption{font-size:14px;color:var(--muted);padding:8px 2px}

.steps{display:grid;gap:0;border-top:2px solid var(--fg);counter-reset:s}
.steps>li{display:grid;gap:4px 24px;padding:22px 0;border-bottom:1px solid var(--line);counter-increment:s}
@media(min-width:760px){.steps>li{grid-template-columns:90px 280px 1fr}}
.steps>li::before{content:"STEP " counter(s);font:800 16px/1.4 var(--disp);letter-spacing:.14em;color:var(--link)}
.steps b{font-size:18px}
.steps p{color:var(--muted)}

.faq details{border-bottom:1px solid var(--line)}
.faq{border-top:2px solid var(--fg)}
.faq summary{list-style:none;cursor:pointer;min-height:56px;padding:14px 4px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:700;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 24px var(--disp);color:var(--link);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 4px 20px;color:var(--muted)}

.path{display:grid;gap:0;border-left:3px solid var(--blue);margin-left:6px}
.path>li{padding:0 0 28px 28px;position:relative}
.path>li::before{content:"";position:absolute;left:-10px;top:6px;width:17px;height:17px;background:#fff;border:3px solid var(--blue);border-radius:50%}
.path b{font-size:20px;display:block}
.path span{color:var(--muted)}
.cards3{display:grid;gap:16px}
@media(min-width:760px){.cards3{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);padding:24px;display:grid;gap:10px;align-content:start}
.card h3{font-size:19px}
.card p{color:var(--muted);font-size:15px}

.callout{border:1px solid var(--warn-line);background:var(--warn-bg);padding:16px 20px;border-radius:4px;font-size:15px}
.callout b{display:block;margin-bottom:4px}
.cta-band{background:var(--blue);color:#fff}
.cta-band .lead{color:rgba(255,255,255,.9)}
.cta-band .eyebrow{color:#fff;opacity:.85}

/* form */
.formgrid{display:grid;gap:clamp(24px,4vw,48px)}
@media(min-width:1000px){.formgrid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}}
form.apply{display:grid;gap:28px}
fieldset{border:0;margin:0;padding:0;display:grid;gap:16px;min-width:0}
legend{font:800 14px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--link);padding:0 0 10px;border-bottom:2px solid var(--fg);width:100%;margin-bottom:6px}
.row2{display:grid;gap:16px}
@media(min-width:700px){.row2{grid-template-columns:1fr 1fr}}
.fld{display:grid;gap:6px;min-width:0}
.fld label,.fld .lb{font-weight:700;font-size:15px}
.fld label em{font-style:normal;color:#D45300;margin-left:6px;font-size:12px;font-weight:700}
.fld input,.fld select,.fld textarea{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid #CBD2DA;background:#fff;color:var(--fg);border-radius:6px;font:400 16px var(--ko)}
.fld textarea{min-height:104px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:3px solid var(--sky);outline-offset:1px;border-color:var(--sky)}
.fld .help{font-size:13px;color:var(--muted)}
.fld .err{font-size:13.5px;color:#C23B00;font-weight:700;display:none}
.fld.bad .err{display:block}
.fld.bad input,.fld.bad select{border-color:#C23B00}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1.5px solid #CBD2DA;background:#fff;border-radius:6px}
.consent input{width:22px;height:22px;margin-top:3px;flex:none;accent-color:var(--blue)}
.consent.bad{border-color:#C23B00}
.consent small{display:block;color:var(--muted);font-size:13.5px;margin-top:4px}
.side{position:sticky;top:calc(88px + env(safe-area-inset-top,0px));background:var(--band);border:1px solid var(--line);padding:22px;display:grid;gap:12px}
@media(max-width:999px){.side{position:static}}
.side h3{font:800 15px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
.side .nm{font-weight:700;font-size:18px}
.side .pv{font:800 38px/1 var(--disp)}
.side .pv small{font:700 15px var(--ko);margin-left:3px}
.side ul{font-size:14px;color:var(--muted);display:grid;gap:6px}
.result{background:var(--surface);border:1px solid var(--line);padding:clamp(22px,4vw,40px);display:grid;gap:20px;max-width:820px}
.result textarea{width:100%;min-height:260px;padding:14px;border:1.5px solid #CBD2DA;background:var(--band);color:var(--fg);border-radius:6px;font:400 14px/1.7 var(--mono)}
.tel-big{font:800 clamp(34px,6vw,52px)/1 var(--disp);letter-spacing:.05em;user-select:all}

/* footer */
.foot{background:var(--band);border-top:1px solid var(--line);color:var(--muted);padding-block:56px 40px;font-size:14px}
.foot .grid{display:grid;gap:36px}
@media(min-width:900px){.foot .grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.foot img.fl{height:26px;width:auto;display:block;margin-bottom:14px}
.foot h4{font:800 13px var(--disp);letter-spacing:.16em;color:var(--ink);margin-bottom:12px;text-transform:uppercase}
.foot a{color:var(--muted);text-decoration:none;display:block;padding:4px 0}
.foot a:hover{color:var(--blue)}
.foot .nav2{columns:2;column-gap:20px}
.foot .tel{font:800 28px var(--disp);letter-spacing:.06em;color:var(--ink);padding:0;user-select:all}
.foot small{display:block;margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}
.crumb{font-size:14px;color:var(--muted);margin-bottom:10px}
.crumb a{color:var(--muted)}
.page-head{background:var(--band);color:var(--fg);padding-block:clamp(40px,6vw,76px) clamp(32px,5vw,56px);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(34px,5.6vw,60px);margin-top:12px}
.page-head .lead{margin-top:16px}
.page-head::after{content:"";position:absolute;right:-60px;top:0;bottom:0;width:260px;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(0,102,255,.12) 22px 24px);pointer-events:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.drawer,.scrim{transition:none}}

/* additions */
.h3{font-size:clamp(20px,2.4vw,26px);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--fg)}
.gsec{margin-bottom:44px}
.gsec:last-of-type{margin-bottom:28px}
.gal.sq .gimg{aspect-ratio:1}
.person img.av{border-radius:50%;width:112px;height:112px}
.ig-posts{display:grid;gap:16px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.chip small{font-size:12px;color:var(--muted)}
.board li{list-style:none}
.cta-band .btn-line.on-dark{color:#fff;border-color:rgba(255,255,255,.8)}
.page-head .crumb a,.article .crumb a{color:var(--link)}
.hero-img img{aspect-ratio:auto}
.tbl .nm{min-width:130px}


.btn-dark{background:var(--ink);color:#fff}
@media(hover:hover) and (pointer:fine){.btn-dark:hover{background:#2f3944}}
.drawer-cta{display:grid;gap:10px}
.drawer .drawer-cta .btn{width:100%}

.pnotes li.strong,.side li.strong{color:var(--fg);font-weight:700}
.pnotes li.strong::before{background:var(--blue);height:3px}
.nodup{margin-top:12px;font-size:14.5px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.nodup .pill{background:var(--ink);color:#fff;font:800 13px/1 var(--ko);padding:7px 10px;border-radius:3px;letter-spacing:.02em}
.disc small.lim{color:#B34700;font-weight:700}

/* orange is reserved for the apply CTA only: badges and tags use brand blue */
.flag,.ptag,.pin{background:var(--blue)!important;color:#fff!important}
.fld label em{color:var(--link)}
.disc small.lim{color:var(--fg)}
:root{--warn-bg:#EEF4FF;--warn-line:#B9D3FF}
.tbl td.nw{white-space:nowrap}
@media(max-width:820px){.tbl td.nw{white-space:normal}}
.skip{background:var(--blue);color:#fff}
@media(max-width:820px){.tbl tr.is-main{border-color:var(--blue)}}

/* promo hero slider */
.promo{background:#fff;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.promo-stage{overflow:hidden}
.promo-list{display:flex;gap:0;margin:0;padding:0}
.promo-list>li{flex:0 0 100%;min-width:0;list-style:none}
.pslide{display:grid;gap:22px;align-items:center;padding-block:clamp(20px,4vw,56px) 8px}
.pimg{position:relative;display:block;aspect-ratio:16/10;background:var(--ink);overflow:hidden}
.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.ptxt{display:grid;gap:12px;justify-items:start;align-content:center}
.ptag{display:inline-block;font:800 13px/1 var(--disp);letter-spacing:.16em;padding:7px 11px;border-radius:3px}
.ptitle{font:800 clamp(36px,7vw,76px)/.98 var(--disp);letter-spacing:.005em;text-transform:none;font-family:var(--ko);font-weight:900;letter-spacing:-.02em;text-wrap:balance}
.psub{font-size:clamp(16px,2vw,20px);color:var(--muted);max-width:34ch;line-height:1.55}
.ptxt .btn{margin-top:6px}
@media(min-width:900px){
  .pslide{grid-template-columns:1fr 1.05fr;gap:40px}
  .pimg{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
}
@media(max-width:899px){.pslide .pimg{order:-1}}
.pctl{display:flex;align-items:center;justify-content:space-between;padding-block:6px 20px}
.pdots{display:flex;gap:2px}
.pdots button{width:28px;height:28px;border:0;background:none;cursor:pointer;position:relative;padding:0}
.pdots button::after{content:"";position:absolute;inset:10px;border-radius:50%;background:#C3CBD5}
.pdots button[aria-current="true"]::after{background:var(--blue);inset:8px}
.parrows{display:flex;gap:8px}
.pnav{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:400 28px/1 var(--ko);cursor:pointer;display:grid;place-items:center;padding:0 0 4px}
@media(hover:hover){.pnav:hover{border-color:var(--blue);color:var(--blue)}}
@media(prefers-reduced-motion:reduce){.promo-list{transition:none}}

/* dedicated lesson lane */
.lane{background:var(--soft);border-block:1px solid var(--line);padding-block:clamp(40px,6vw,72px)}
.lane-box{position:relative;background:#fff;border:3px solid var(--blue);padding:clamp(24px,4vw,52px);display:grid;gap:14px;justify-items:start;overflow:hidden}
.lane-box::after{content:"";position:absolute;right:-40px;top:0;bottom:0;width:240px;background:repeating-linear-gradient(115deg,transparent 0 20px,rgba(0,102,255,.12) 20px 22px);pointer-events:none}
.lane-box>*{position:relative;z-index:1}
.lane-pill{background:var(--blue);color:#fff;font:800 13px/1 var(--ko);padding:8px 12px;border-radius:3px}
.lane-box .h2{font-size:clamp(30px,5vw,54px)}
.lane-lead{font-size:clamp(18px,2.4vw,24px);font-weight:700}
.lane-text{color:var(--muted);max-width:56ch}
.lane-pts{display:grid;gap:12px;width:100%;max-width:720px;margin-top:6px}
@media(min-width:700px){.lane-pts{grid-template-columns:1fr 1fr}}
.lane-pts li{border-top:3px solid var(--blue);padding-top:10px;display:grid;gap:2px;list-style:none}
.lane-pts b{font-size:18px}
.lane-pts span{color:var(--muted);font-size:14.5px}

/* promo: colored ground, white text */
.promo{background:var(--blue);border-bottom:0;color:#fff}
.promo .ptitle,.promo .psub{color:#fff}
.promo .psub{opacity:.92}
.promo .ptag{background:#fff!important;color:var(--blue)!important}
.promo .btn-blue{background:#fff;border-color:#fff;color:var(--blue)}
@media(hover:hover){.promo .btn-blue:hover{background:var(--soft);border-color:var(--soft);color:var(--blue)}}
.promo .pdots button::after{background:rgba(255,255,255,.5)}
.promo .pdots button[aria-current="true"]::after{background:#fff}
.promo .pnav{background:transparent;border-color:#fff;color:#fff}
@media(hover:hover){.promo .pnav:hover{background:#fff;color:var(--blue);border-color:#fff}}
.promo .pimg{background:rgba(255,255,255,.12)}
.promo :focus-visible{outline-color:#fff}

/* price tables: row hover, matrix, captions */
.tbl tbody tr{transition:background-color .15s}
@media(hover:hover){
  .tbl tbody tr:hover td{background:#DCEAFF}
  .tbl tbody tr:hover{cursor:default}
}
.tbl.mx th:not(:first-child),.tbl.mx td:not(.nm){text-align:center}
.tbl.mx td.nm{white-space:nowrap}
.tt{display:block;font:400 13px var(--ko);color:var(--muted)}
.tcap{font:700 14px var(--ko);color:var(--muted);margin:4px 0 8px}
.tabs.sub{margin-bottom:24px}
.subnote{margin:0 0 18px;color:var(--muted)}
.tabs-band{padding-block:24px 0;border-bottom:1px solid var(--line)}
.tabs-band .tabs{margin-bottom:0;padding-bottom:20px}
.tpanel[hidden]{display:none}
.tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:820px){
  .tbl.mx tr{padding-bottom:6px}
  .tbl.mx td{text-align:right}
  .tbl.mx td.nm{white-space:normal;display:flex;justify-content:space-between;align-items:baseline}
  .tbl.mx td.nm .tt{display:inline}
}

/* schedule grid + more-tabs */
.schwrap{padding:clamp(8px,1.4vw,16px) clamp(8px,2vw,24px) 0;border-bottom:1px solid var(--line)}
.sch{width:100%;max-width:640px;border-collapse:collapse;table-layout:fixed;font-size:14px}
.sch th,.sch td{border:1px solid var(--line);text-align:center;padding:8px 2px}
.sch thead th{background:var(--band);font-weight:700;color:var(--muted)}
.sch tbody th{background:var(--band);font-weight:700;width:56px}
.sch td.on{background:#DCEAFF;color:var(--blue);font-size:18px;line-height:1}
.schwrap{padding-bottom:16px}
.moretabs{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.moretabs .h2{font-size:clamp(22px,3vw,30px);margin-bottom:16px}
.moretabs .tabs{margin-bottom:0}

/* discount box: pastel orange (explicit request) */
.disc{--warn-line:#F5C9A3;background:#FFF5EC;border-color:#F5C9A3}
/* consent */
.cinfo{border:1px solid var(--line);background:var(--band);border-radius:6px;padding:16px 18px;margin-bottom:12px}
.cinfo h3{font-size:16px;margin:0 0 10px}
.cinfo dl{display:grid;gap:10px;margin:0}
.cinfo dt{font-weight:700;font-size:14px;color:var(--fg)}
.cinfo dd{margin:2px 0 0;color:var(--muted);font-size:14.5px;line-height:1.6}
@media(min-width:700px){.cinfo dl>div{display:grid;grid-template-columns:92px 1fr;gap:12px}.cinfo dd{margin:0}}

/* emphasis orange: benefits, deadlines, promo badges (not the apply button) */
.nodup .pill{background:#FFE8D4;color:#B34700;border:1px solid #F5C9A3}
.disc small.lim{color:#B34700;font-weight:700}
.pnotes li.hot{color:#B34700}
.pnotes li.strong.hot::before{background:var(--orange)}
.promo .ptag.hot{background:var(--orange)!important;color:var(--ink)!important}
.cat.hot{background:#FFE8D4;color:#B34700}

/* lesson lane: orange benefit emphasis */
.lane{background:#FFF5EC;border-block:1px solid #F5C9A3}
.lane-box{border-color:var(--orange)}
.lane-box::after{background:repeating-linear-gradient(115deg,transparent 0 20px,rgba(255,106,0,.16) 20px 22px)}
.lane-pill{background:var(--orange);color:var(--ink)}
.lane .eyebrow{color:#B34700}
.lane-pts li{border-top-color:var(--orange)}

/* apply: per-person blocks */
.ptarget{border:1px solid var(--line);background:#fff;border-radius:6px;padding:16px;display:grid;gap:12px;margin-bottom:14px}
.ptarget h3{font-size:16px;margin:0}
.row3{display:grid;gap:12px}
@media(min-width:700px){.row3{grid-template-columns:1fr 1fr 1fr}}
[hidden]{display:none!important}