/* Gradify Learning – Programs pages (shared styles) */
:root{--ink:#12233D;--ink2:#1C3254;--teal:#0E7C7B;--teal-d:#0A6160;--teal-l:#E3F1F0;--orange:#F36E33;--orange-l:#F79A6E;--bg:#F5F8F7;--line:#DCE3E1;--muted:#4A5A68;--white:#fff}
*{box-sizing:border-box}
body{margin:0;font-family:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--teal-d)}a:hover{color:#06403F}
img{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:10px;font-weight:800;font-size:15px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,background .15s}
.btn:active{transform:scale(.97)}
.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-d);color:#fff}
.btn-orange{background:var(--orange);color:var(--ink)}.btn-orange:hover{background:#e65f22;color:var(--ink)}
.btn-ghost{border:1.5px solid var(--ink);color:var(--ink);background:transparent}.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-ghost-w{border:1.5px solid #fff;color:#fff;background:transparent}.btn-ghost-w:hover{background:#fff;color:var(--ink)}
.btn-white{background:#fff;color:var(--teal-d)}.btn-white:hover{color:var(--ink)}
/* header */
.hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap}
.hdr img{height:40px;width:auto;display:block}
.nav{display:flex;gap:24px;font-weight:600;font-size:15px;flex-wrap:wrap}
.nav a{color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a[aria-current="page"]{color:var(--teal-d);border-color:var(--teal)}
.hdr-cta{display:flex;align-items:center;gap:16px}
.hdr-cta .tel{font-weight:700;color:var(--ink);text-decoration:none}
/* hero */
.hero{background:var(--ink);color:#fff}
.hero .wrap{padding-top:52px;padding-bottom:60px;display:flex;flex-wrap:wrap;gap:44px;align-items:center}
.crumb{font-size:14px;color:#B9C7D6;margin:0 0 16px}.crumb a{color:#B9C7D6}
.hero h1{margin:0 0 16px;font-size:clamp(32px,4.4vw,48px);line-height:1.1;font-weight:800}
.hero h1 span{color:var(--orange-l)}
.hero p.lead{margin:0 0 22px;font-size:18px;line-height:1.6;color:#D3DCE6;max-width:620px}
.hero-main{flex:1 1 540px;min-width:0}
.stats{flex:0 1 420px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stat{background:var(--ink2);border-radius:16px;padding:20px}.stat strong{display:block;font-size:clamp(20px,2.1vw,28px);white-space:nowrap}.stat span{font-size:14px;color:#B9C7D6}
.stat.hl{background:var(--orange);color:var(--ink)}.stat.hl span{color:var(--ink);font-weight:600}
.search{display:flex;gap:10px;flex-wrap:wrap;max-width:640px}
.search input{flex:1 1 300px;min-width:0;height:54px;border:0;border-radius:12px;padding:0 18px;font:inherit;font-size:16px;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:14px;color:#B9C7D6}
.chips a{color:#fff;background:var(--ink2);border-radius:999px;padding:8px 14px;text-decoration:none;font-weight:600}.chips a:hover{background:#2A4570}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pills a{color:#fff;border:1px solid #4A6080;border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:600;font-size:14px}.pills a:hover{background:var(--ink2)}
/* sections */
main{padding:56px 0 24px}
main .wrap{display:flex;flex-direction:column;gap:72px}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);margin:0 0 6px}
h2.sec{margin:0;font-size:clamp(26px,3vw,34px);font-weight:800}
.sec-sub{margin:6px 0 0;color:var(--muted);font-size:16px}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.seg{display:flex;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px}
.seg button{height:40px;padding:0 18px;border-radius:9px;border:0;font:inherit;font-weight:700;font-size:15px;cursor:pointer;background:transparent;color:var(--ink)}
.seg button[aria-pressed="true"],.seg button[aria-selected="true"]{background:var(--ink);color:#fff}
.grid{display:grid;gap:20px}
.g-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.g-4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.g-uni{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.g-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.note{font-size:13px;color:var(--muted);margin:14px 0 0}
/* program card */
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.pcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(18,35,61,.10)}
.pband{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.pband.pg{background:var(--ink);color:#fff}.pband.ug{background:var(--teal-l);color:var(--teal-d)}
.badge{background:var(--orange);color:var(--ink);padding:4px 10px;border-radius:999px;letter-spacing:0;text-transform:none}
.pbody{padding:22px;display:flex;flex-direction:column;gap:16px;flex:1}
.pbody h3{margin:0;font-size:24px;font-weight:800}
.pbody p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.offered{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.avs{display:flex}.avs span{width:34px;height:34px;border-radius:50%;border:2px solid #fff;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-left:-10px}
.avs span:first-child{margin-left:0}.avs span:nth-child(3n+1){background:var(--ink)}.avs span:nth-child(3n+2){background:var(--teal)}.avs span:nth-child(3n){background:#2E4A73}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:var(--bg);border-radius:12px;padding:14px}
.facts span{display:block;font-size:12px;color:var(--muted)}.facts strong{font-size:18px}
.pact{display:flex;gap:10px;margin-top:auto}.pact .btn{flex:1;font-size:14px;padding:0 10px}
/* tiles */
.tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px}
.tile h3{margin:0;font-size:19px;font-weight:800}.tile p{margin:4px 0 0;font-size:14px;color:var(--muted);line-height:1.5}
.ico{width:48px;height:48px;border-radius:12px;background:var(--teal-l);display:flex;align-items:center;justify-content:center}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tags a{font-size:13px;font-weight:700;color:var(--teal-d);background:var(--teal-l);border-radius:999px;padding:7px 12px;text-decoration:none}.tags a:hover{background:#cfe8e6}
.utile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px;transition:border-color .15s}
.utile:hover{border-color:var(--teal);color:var(--ink)}
.umark{width:48px;height:48px;border-radius:12px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.utile strong{font-size:15px;line-height:1.3}.utile span.s{font-size:13px;color:var(--muted)}
/* finder */
.finder{display:flex;flex-wrap:wrap;gap:32px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px}
.finder-q{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:22px}
fieldset{border:0;margin:0;padding:0}legend{font-weight:800;font-size:15px;margin-bottom:10px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts button{min-height:44px;padding:0 16px;border-radius:10px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;background:#fff;color:var(--ink);border:1.5px solid #C7D2CF}
.opts button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.match{flex:1 1 320px;background:var(--ink);color:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.match small{font-size:14px;color:#B9C7D6}.match strong{font-size:36px;line-height:1.1}.match p{margin:0;color:#D3DCE6;line-height:1.6}
.match .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
/* steps */
.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
.step b{display:block;font-size:40px;color:var(--teal);margin-bottom:8px}.step h3{margin:0 0 8px;font-size:20px}.step p{margin:0;color:var(--muted);line-height:1.6}
.step.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.step.dark b{color:var(--orange-l)}.step.dark p{color:#D3DCE6}
/* cta */
.cta{background:var(--teal);color:#fff;border-radius:24px;padding:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cta h2{margin:0 0 8px;font-size:30px}.cta p{margin:0;color:var(--teal-l);line-height:1.6;max-width:620px}.cta .row{display:flex;flex-wrap:wrap;gap:12px}
.cta.dark{background:var(--ink)}.cta.dark p{color:#D3DCE6}
/* uni list (program page) */
.ulist{display:flex;flex-direction:column;gap:14px}
.urow{display:flex;flex-wrap:wrap;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;transition:border-color .15s,box-shadow .15s}
.urow.on{border:2px solid var(--teal);box-shadow:0 8px 22px rgba(14,124,123,.12)}
.uid{display:flex;align-items:center;gap:16px;flex:1 1 320px;min-width:0}
.uid .umark{background:var(--teal-l);color:var(--teal-d);width:56px;height:56px;flex:0 0 56px}
.uid h3{margin:2px 0;font-size:19px}.uid small{font-size:13px;color:var(--muted)}
.ufacts{display:flex;gap:28px;flex-wrap:wrap;flex:1 1 340px}
.ufacts span{display:block;font-size:12px;color:var(--muted)}.ufacts strong{font-size:18px}
.uact{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.chk{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;cursor:pointer;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;min-height:46px}
.chk input{width:18px;height:18px;accent-color:var(--teal)}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#0b1830;color:#fff}
.tbl{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:16px}
table{width:100%;min-width:720px;border-collapse:collapse;font-size:15px}
thead tr{background:var(--ink);color:#fff;text-align:left}
th,td{padding:14px 16px;text-align:left;vertical-align:top}
thead th small{display:block;font-size:12px;font-weight:500;color:#B9C7D6}
tbody tr{border-top:1px solid #EEF2F1}tbody th{color:var(--muted);font-weight:700;width:210px}
td.best{font-weight:800;color:var(--teal-d);background:var(--teal-l)}
.empty{padding:28px;text-align:center;color:var(--muted)}
.emi{display:flex;flex-wrap:wrap;gap:24px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px}
.emi-in{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px}
.emi-in label,.emi-in .lbl{font-size:14px;font-weight:700;display:block;margin-bottom:8px}
.emi select{width:100%;height:48px;border-radius:10px;border:1px solid #C7D2CF;padding:0 12px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.emi-out{flex:1 1 320px;background:var(--teal);color:#fff;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.emi-out span{color:var(--teal-l)}.emi-out strong{font-size:48px;line-height:1}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
details+details{margin-top:12px}summary{font-weight:700;font-size:16px;cursor:pointer}details p{margin:10px 0 0;color:var(--muted);line-height:1.6}
.tray{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:40;transform:translateY(100%);transition:transform .25s ease}
.tray.show{transform:none}
.tray .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
/* footer */
.ftr{background:var(--ink);color:#B9C7D6;font-size:14px;margin-top:40px}
.ftr .wrap{padding-top:40px;padding-bottom:28px}
.fcols{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px;margin-bottom:28px}
.ftr h4{color:#fff;margin:0 0 12px;font-size:15px}.ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ftr a{color:#B9C7D6;text-decoration:none}.ftr a:hover{color:#fff}
.ftr .legal{border-top:1px solid #2A4062;padding-top:20px;font-size:12px;line-height:1.7}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.in{opacity:1;transform:none}
@media (max-width:720px){.nav{display:none}.hdr-cta .tel{display:none}.finder,.emi,.cta{padding:24px}.pact{flex-direction:column}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}.reveal{opacity:1;transform:none}}
[hidden]{display:none!important}
/* ---- v2 additions ---- */
.hdr img.logo{height:46px;width:auto;border-radius:8px}
.ftr img.logo{height:52px;width:auto;border-radius:8px}
.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:28px}
.lvl{display:flex;align-items:center;gap:16px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:18px;padding:20px 22px;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.lvl:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,35,61,.08)}
.lvl[aria-pressed="true"]{border-color:var(--teal);box-shadow:0 10px 24px rgba(14,124,123,.15)}
.lvl .li{width:54px;height:54px;flex:0 0 54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--teal-l)}
.lvl[aria-pressed="true"] .li{background:var(--teal)}.lvl[aria-pressed="true"] .li svg{stroke:#fff}
.lvl b{display:block;font-size:19px}.lvl small{font-size:14px;color:var(--muted)}
.lvl .cnt{margin-left:auto;font-weight:800;font-size:15px;background:var(--bg);border-radius:999px;padding:6px 12px}
.pact .btn{min-height:48px}
/* program overview */
.ov{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ov .tile strong{font-size:22px}
.ucard{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.6fr) auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;transition:box-shadow .2s,border-color .2s}
.ucard:hover{border-color:var(--teal);box-shadow:0 12px 28px rgba(18,35,61,.08)}
.ucard .uid{flex:none}
.ucard .ufacts{flex:none}
.tagok{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--teal-d);background:var(--teal-l);border-radius:999px;padding:4px 10px;margin-top:6px}
.tagform{display:inline-flex;font-size:12px;font-weight:800;color:#7A3A12;background:#FDE7DC;border-radius:999px;padding:4px 10px;margin-top:6px}
@media (max-width:900px){.ucard{grid-template-columns:1fr}}
/* compare page */
.cmp-hero{background:linear-gradient(180deg,var(--ink) 0,var(--ink) 72%,var(--bg) 72%)}
.picker{color:var(--ink);background:#fff;border-radius:22px;padding:26px;box-shadow:0 18px 40px rgba(18,35,61,.12);display:flex;flex-direction:column;gap:16px}
.picker h2{margin:0;font-size:20px}
.chipset{display:flex;flex-wrap:wrap;gap:10px}
.uchip{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 14px 6px 6px;border-radius:999px;border:1.5px solid #C7D2CF;background:#fff;font:inherit;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}
.uchip i{font-style:normal;width:36px;height:36px;border-radius:50%;background:var(--teal-l);color:var(--teal-d);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.uchip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}.uchip[aria-pressed="true"] i{background:var(--orange);color:var(--ink)}
.uchip:disabled{opacity:.45;cursor:not-allowed}
.bars{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}
.bar{display:grid;grid-template-columns:minmax(140px,220px) 1fr auto;gap:14px;align-items:center;font-size:15px}
.bar .track{height:16px;background:var(--bg);border-radius:999px;overflow:hidden}
.bar .fill{height:100%;border-radius:999px;background:var(--ink);transition:width .5s ease}
.bar.low .fill{background:var(--teal)}
.bar strong{white-space:nowrap}
.duel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.fc{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.fc.win{border:2px solid var(--teal)}
.fc .top{background:var(--ink);color:#fff;padding:22px;display:flex;flex-direction:column;gap:8px}
.fc.win .top{background:var(--teal)}
.fc .top .m{width:52px;height:52px;border-radius:14px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800}
.fc .top b{font-size:18px;line-height:1.3}.fc .top small{color:#D3DCE6}
.ribbon{position:absolute;top:16px;right:16px;background:var(--orange);color:var(--ink);font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px}
.fc .body{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1}
.fc .big{font-size:30px;font-weight:800;line-height:1}
.fc .lbl{font-size:12px;color:var(--muted);display:block;margin-bottom:4px}
.fc .kv{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #EEF2F1;padding-top:12px;font-size:15px}
.fc .kv span{color:var(--muted)}
.fc .act{margin-top:auto;display:flex;flex-direction:column;gap:8px}
/* modal */
.modal{position:fixed;inset:0;background:rgba(18,35,61,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}
.modal[hidden]{display:none}
.mbox{background:#fff;border-radius:20px;max-width:440px;width:100%;padding:28px;position:relative;max-height:92vh;overflow:auto}
.mbox h3{margin:0 0 6px;font-size:22px}.mbox p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5}
.mclose{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:10px;border:0;background:var(--bg);cursor:pointer;font-size:20px}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.fld label{font-size:14px;font-weight:700}
.fld input,.fld select{height:48px;border:1px solid #C7D2CF;border-radius:10px;padding:0 12px;font:inherit;font-size:16px;color:var(--ink)}
.consent{display:flex;gap:8px;font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 16px}
.consent input{margin-top:3px}
.ferr{color:#B42318;font-size:13px;margin:-4px 0 10px;min-height:1em}
.float-wa{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:50%;background:#1F9D55;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.2)}

/* ===== v3: same look as gradifylearn.com (Inter, teal + coral, light hero, teal footer); navy blue and orange kept as accents ===== */
:root{--ink:#12262A;--muted:#44585C;--teal:#0E7C7B;--teal-d:#0A6766;--teal-deep:#0A4F4F;--teal-l:#E3F4F3;--orange:#FF7A59;--orange-h:#F76843;--orange-l:#FF7A59;--on-orange:#141B34;
  --bg:#F5FAF9;--line:#DDE9E8;--navy:#1D3261;--navy-2:#26407A;--navy-d:#15264B}
body{font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3,.sec{letter-spacing:-.02em}
a{color:var(--teal-d)}a:hover{color:var(--teal-deep)}
.btn{border-radius:999px;font-weight:700}
.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-d);color:#fff}
.btn-orange{background:var(--orange);color:var(--on-orange)}.btn-orange:hover{background:var(--orange-h);color:var(--on-orange)}
.btn-ink{background:var(--navy);color:#fff}.btn-ink:hover{background:var(--navy-d);color:#fff}
.btn-ghost{border-color:var(--teal);color:var(--teal-d)}.btn-ghost:hover{background:var(--teal);color:#fff}
.hdr img.logo{height:36px;border-radius:0}
.nav a[aria-current="page"]{color:var(--teal-d);border-color:var(--teal)}
/* hero: light, like the home page */
.hero{color:var(--ink);background:radial-gradient(760px 420px at 92% -12%,rgb(255 122 89/.16),transparent 62%),radial-gradient(820px 520px at -6% -10%,rgb(14 124 123/.13),transparent 60%),linear-gradient(180deg,#EEF8F7 0%,#FFFFFF 100%);border-bottom:1px solid var(--line)}
.crumb{color:var(--muted)}.crumb a{color:var(--muted)}.crumb .here{color:var(--ink);font-weight:600}
.hero h1{font-weight:700;color:var(--ink)}.hero h1 span{color:var(--teal)}
.hero p.lead{color:var(--muted)}
.hero .btn-ghost-w{border-color:var(--teal);color:var(--teal-d);background:#fff}.hero .btn-ghost-w:hover{background:var(--teal);color:#fff}
.stat{background:var(--navy);color:#fff;box-shadow:0 12px 28px -12px rgb(29 50 97/.45)}.stat span{color:#C9D5EA}
.stat.hl{background:var(--orange);color:var(--on-orange)}.stat.hl span{color:var(--on-orange)}
.search input{border:1px solid var(--line);box-shadow:0 2px 4px rgb(16 24 40/.04),0 12px 32px -8px rgb(16 24 40/.12)}
.cmp-hero{background:radial-gradient(760px 420px at 92% -12%,rgb(255 122 89/.16),transparent 62%),radial-gradient(820px 520px at -6% -10%,rgb(14 124 123/.13),transparent 60%),linear-gradient(180deg,#EEF8F7 0,#FFFFFF 70%,var(--bg) 70%);border-bottom:0}
.picker{border:1px solid var(--line);box-shadow:0 2px 4px rgb(16 24 40/.04),0 18px 40px -12px rgb(16 24 40/.16)}
.seg button[aria-pressed="true"],.seg button[aria-selected="true"]{background:var(--teal);color:#fff}
.pband.pg{background:var(--navy);color:#fff}
.badge{background:var(--orange);color:var(--on-orange)}
.lvl[aria-pressed="true"]{border-color:var(--teal)}
.ucard:hover{border-color:var(--teal)}
.cta{background:var(--teal)}.cta p{color:#D6F0EE}
.cta.dark{background:var(--navy)}.cta.dark p{color:#C9D5EA}
.uchip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}.uchip[aria-pressed="true"] i{background:var(--orange);color:var(--on-orange)}
.fc .top{background:var(--navy)}.fc.win .top{background:var(--teal)}.fc .top small{color:#D6E0F0}
.ftr{background:var(--teal-deep);color:#CFE6E4}.ftr a{color:#CFE6E4}.ftr a:hover{color:#fff}.ftr .legal{border-top-color:rgb(255 255 255/.14)}
.ftr img.logo{background:#fff;padding:6px 10px;border-radius:10px;height:52px}
/* university logos */
.ulogo{flex:0 0 132px;width:132px;height:64px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px 10px;box-sizing:border-box}
.ulogo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.ulogo.txt{background:var(--teal-l);border-color:transparent;color:var(--teal-d);font-weight:800;font-size:15px;letter-spacing:.02em}
.uchip i.lg{width:62px;height:36px;border-radius:999px;background:#fff;border:1px solid var(--line);padding:3px 7px;box-sizing:border-box}
.uchip i.lg img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.uchip[aria-pressed="true"] i.lg{background:#fff}
.fc .top .m.lg{width:132px;height:60px;padding:6px 10px;box-sizing:border-box}
.fc .top .m.lg img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.avs span.lg{width:54px;height:34px;border-radius:10px;background:#fff!important;border:1px solid var(--line);padding:3px 5px;box-sizing:border-box;margin-left:6px}
.avs span.lg:first-child{margin-left:0}.avs span.lg img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.avs{flex-wrap:wrap;gap:4px 0}.avs span:not(.lg):nth-child(3n+1){background:var(--navy)}
@media (max-width:640px){.ulogo{flex-basis:104px;width:104px;height:52px}.fc .top .m.lg{width:112px;height:52px}}
.bar .track{display:block}.bar .fill{display:block;background:var(--navy)}.bar.low .fill{background:var(--teal)}
.avs{flex-wrap:nowrap}.offered{gap:12px}