/* MR LEE V30.3 — TRUE HTML/CSS hero adapted from user's approved photo reference.
   Photo source: cropped unaltered pixels of user's provided reference with GLASSES.
   One official logo source: assets/branding/logo-mrlee.png.
   Only homepage layout: never modify form, Firebase, scoring, map or exams. */
html[data-mrlee-v303="reference"]{--v303-ink:#052d70;--v303-pink:#fb0667;--v303-blue:#0874f9}
html[data-mrlee-v303="reference"] body{background:#f8fbff;font-family:'Be Vietnam Pro',Arial,sans-serif}
html[data-mrlee-v303="reference"] .site-header{height:94px;min-height:0;border:0;background:rgba(255,255,255,.985);box-shadow:0 2px 18px #0038780e}
html[data-mrlee-v303="reference"] .header-inner{max-width:1920px;padding:10px clamp(20px,4.4vw,76px);gap:clamp(10px,1.3vw,24px)}
html[data-mrlee-v303="reference"] a.brand{width:clamp(170px,14.4vw,238px);min-width:0;max-width:none;flex-shrink:0;background:transparent;border:0}
html[data-mrlee-v303="reference"] a.brand img,
html[data-mrlee-v303="reference"] a.brand img.mrlee-approved-logo{display:block;width:100%!important;height:auto!important;max-height:78px!important;max-width:100%!important;object-fit:contain!important;filter:none!important;transform:none!important}
html[data-mrlee-v303="reference"] .main-nav{gap:clamp(4px,1.06vw,21px);flex:1;justify-content:center}
html[data-mrlee-v303="reference"] .main-nav>a{font-size:clamp(11px,.85vw,14px);color:#0e326d;font-weight:750;border-radius:16px;padding:11px clamp(6px,.8vw,15px);white-space:nowrap;letter-spacing:-.03em}
html[data-mrlee-v303="reference"] .main-nav>a.active{background:#eaf2ff;color:#0666e5}
html[data-mrlee-v303="reference"] .top-cta{font-size:clamp(11px,.85vw,14px);min-height:54px;border-radius:15px;background:linear-gradient(100deg,#fe0060,#ff348f);padding:10px clamp(15px,1.4vw,27px);box-shadow:0 12px 26px #f9046540;white-space:nowrap}
html[data-mrlee-v303="reference"] #mainContent{max-width:1920px;padding:0 0 24px;gap:10px;height:auto!important;overflow:visible!important}
html[data-mrlee-v303="reference"] #mainContent>.hero{height:clamp(530px,39vw,660px)!important;min-height:530px!important;position:relative;isolation:isolate;display:block;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:linear-gradient(105deg,#fffafd 0%,#f2f9ff 34%,#caedff 76%,#92d2fc 100%)}
html[data-mrlee-v303="reference"] #mainContent>.hero::before,
html[data-mrlee-v303="reference"] #mainContent>.hero::after,
html[data-mrlee-v303="reference"] .hero-atmosphere{display:none!important;content:none!important}
/* Right side is the REAL photo of student WITH GLASSES from the reference. */
html[data-mrlee-v303="reference"] .v303-scene{display:block;position:absolute;z-index:0;inset:0 0 0 auto;width:52%;height:100%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 7%,#000 25%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 7%,#000 25%,#000 100%)}
html[data-mrlee-v303="reference"] .v303-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;max-width:none;filter:none;opacity:1}
/* A faint left fade improves contrast without hiding the glass-wearing student. */
html[data-mrlee-v303="reference"] .hero-copy{position:relative;z-index:1;width:min(58.5%,940px);max-width:100%;padding:clamp(45px,5.3vw,94px) 0 28px clamp(24px,6.1vw,108px);margin:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}
html[data-mrlee-v303="reference"] .hero .script{font-family:'Noto Serif',Georgia,serif!important;font-size:clamp(18px,1.8vw,29px);font-weight:600;font-style:italic;line-height:1.42;letter-spacing:-.055em;color:#ff075e;text-shadow:0 1px 2px #ffffff75;white-space:nowrap;max-width:none}
html[data-mrlee-v303="reference"] .hero h1{font-family:'Be Vietnam Pro',Arial,sans-serif!important;color:#062c71;font-weight:900;font-size:clamp(70px,7.1vw,118px);line-height:.99;letter-spacing:-.078em;text-shadow:none;margin:10px 0 8px;white-space:nowrap}
html[data-mrlee-v303="reference"] .hero h1 span{color:#ff0668}
html[data-mrlee-v303="reference"] .hero-copy>p{font-family:'Noto Serif',Georgia,serif!important;font-style:italic;font-weight:650;color:#0b326b;font-size:clamp(16px,1.65vw,26px);letter-spacing:-.035em;line-height:1.4;margin:7px 0 18px;white-space:nowrap;position:relative}
html[data-mrlee-v303="reference"] .hero-copy>p::after{content:'';height:4px;position:absolute;bottom:-8px;left:0;width:100%;max-width:100%;background:linear-gradient(90deg,#ff83bb,#fda2c5);border-radius:9px;opacity:.92}
html[data-mrlee-v303="reference"] .hero-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:min(780px,100%);max-width:none;min-height:0;padding:0;margin:18px 0 0;background:none;box-shadow:none;border-radius:0;white-space:normal;backdrop-filter:none}
html[data-mrlee-v303="reference"] .hero-points>.v303-benefit{display:flex;flex-direction:row;align-items:center;text-align:left;gap:9px;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.92);border-radius:21px;min-width:0;min-height:66px;padding:9px 10px;box-shadow:0 9px 25px #004d9120;font-size:inherit;font-weight:inherit}
html[data-mrlee-v303="reference"] .v303-benefit .v303-symbol{display:grid;place-items:center;flex:none;font-style:normal;border-radius:50%;width:39px;height:39px;font-size:20px;color:#fff;background:#fa2986;box-shadow:0 5px 12px #fa29862e}
html[data-mrlee-v303="reference"] .v303-benefit:nth-child(2) .v303-symbol{background:#0978fb}
html[data-mrlee-v303="reference"] .v303-benefit:nth-child(3) .v303-symbol{background:#0ad4bf;color:#062d59}
html[data-mrlee-v303="reference"] .v303-benefit:nth-child(4) .v303-symbol{background:#822cff}
html[data-mrlee-v303="reference"] .v303-benefit .v303-info{display:grid;gap:3px;min-width:0;flex:1;padding:0;border:0}
html[data-mrlee-v303="reference"] .v303-info b{font-size:clamp(10px,.83vw,13px);font-weight:850;color:#052862;white-space:nowrap;line-height:1.2}
html[data-mrlee-v303="reference"] .v303-info small{font-size:clamp(9px,.69vw,11px);font-weight:500;color:#657797;white-space:nowrap;line-height:1.3}
html[data-mrlee-v303="reference"] .hero-buttons{width:min(780px,100%);max-width:none;margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:13px}
html[data-mrlee-v303="reference"] .hero-buttons :is(button,a){display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:72px;padding:12px 20px 12px 25px;border:2px solid #fff;border-radius:23px;box-shadow:0 11px 25px #084b9f38;color:#fff;white-space:nowrap;font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:clamp(11px,1.02vw,16px);font-weight:850;letter-spacing:-.025em;transition:transform .2s,box-shadow .2s}
html[data-mrlee-v303="reference"] .hero-cta{background:linear-gradient(100deg,#fc045d,#ff3690)!important}
html[data-mrlee-v303="reference"] .hero-map{background:linear-gradient(100deg,#0359ee,#10acff)!important}
html[data-mrlee-v303="reference"] .hero-buttons b{display:grid;place-items:center;flex:none;background:#ffffff31;color:#fff;border-radius:50%;height:36px;width:36px;font-size:21px}
html[data-mrlee-v303="reference"] .hero-buttons :is(button,a):hover{transform:translateY(-2px);box-shadow:0 16px 29px #0c4d9b50}
html[data-mrlee-v303="reference"] .search-strip{position:relative;z-index:4;width:calc(100% - clamp(28px,3.2vw,55px));margin:-2px auto 0;min-height:89px;padding:12px 13px;gap:9px;border:1px solid #e1eaf8;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 13px 30px #1b457426;display:flex;align-items:center}
html[data-mrlee-v303="reference"] .school-search{grid-template-columns:minmax(190px,1.55fr) minmax(140px,1.04fr) minmax(140px,1fr) minmax(120px,.8fr);gap:9px}
html[data-mrlee-v303="reference"] .field input,
html[data-mrlee-v303="reference"] .field select{height:58px;border:1px solid #dce5f4;border-radius:15px;color:#18376d;padding:0 14px;background:#fff;font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:clamp(10px,.76vw,12px)}
html[data-mrlee-v303="reference"] .search-button{height:58px;min-width:0;background:linear-gradient(100deg,#035bfa,#129cff);border-radius:15px;font-size:clamp(11px,.82vw,13px);font-family:'Be Vietnam Pro',Arial,sans-serif;font-weight:850}
html[data-mrlee-v303="reference"] .quick-links{gap:8px;justify-content:space-evenly}
html[data-mrlee-v303="reference"] .quick-links a{min-height:58px;padding:9px 12px;display:grid;place-items:center;text-align:center;border:1px solid #dfeafa;border-radius:13px;background:#edf4ff;color:#17478a;font-size:clamp(9px,.67vw,11px);font-weight:800;white-space:nowrap}
/* Existing functional sections are kept and not visually collapsed out of view. */
html[data-mrlee-v303="reference"] .feature-cards,
html[data-mrlee-v303="reference"] .journey,
html[data-mrlee-v303="reference"] .ranking{margin-left:clamp(12px,1.6vw,29px);margin-right:clamp(12px,1.6vw,29px)}
@media(max-width:1440px){
 html[data-mrlee-v303="reference"] .site-header{height:79px}
 html[data-mrlee-v303="reference"] .header-inner{padding-left:27px;padding-right:27px;gap:10px}
 html[data-mrlee-v303="reference"] a.brand{width:195px}
 html[data-mrlee-v303="reference"] .main-nav{gap:3px}
 html[data-mrlee-v303="reference"] .main-nav>a{font-size:11px;padding:8px}
 html[data-mrlee-v303="reference"] .top-cta{font-size:11px;min-height:48px;padding:8px 14px}
 html[data-mrlee-v303="reference"] .hero-copy{width:64%;padding-top:61px;padding-left:6%}
 html[data-mrlee-v303="reference"] .hero h1{font-size:clamp(67px,7.0vw,101px)}
 html[data-mrlee-v303="reference"] .hero .script{font-size:clamp(16px,1.8vw,25px)}
 html[data-mrlee-v303="reference"] .hero-copy>p{font-size:clamp(15px,1.55vw,22px)}
 html[data-mrlee-v303="reference"] .hero-points>.v303-benefit{padding:7px;gap:6px;min-height:61px}
 html[data-mrlee-v303="reference"] .v303-benefit .v303-symbol{width:32px;height:32px;font-size:16px}
 html[data-mrlee-v303="reference"] .hero-buttons :is(button,a){min-height:64px;padding:10px 16px;font-size:clamp(10px,.98vw,14px)}
 html[data-mrlee-v303="reference"] .hero-points,html[data-mrlee-v303="reference"] .hero-buttons{width:min(730px,100%)}
}
@media(max-width:1199px){
 html[data-mrlee-v303="reference"] .main-nav{display:none}
 html[data-mrlee-v303="reference"] .menu-toggle{display:block}
 html[data-mrlee-v303="reference"] #mainContent>.hero{height:560px!important;min-height:0!important}
 html[data-mrlee-v303="reference"] .hero-copy{width:73%;padding:55px 0 25px 4.5%}
 html[data-mrlee-v303="reference"] .hero h1{font-size:clamp(60px,8vw,94px)}
 html[data-mrlee-v303="reference"] .v303-scene{width:77%}
 html[data-mrlee-v303="reference"] .search-strip{flex-wrap:wrap}
 html[data-mrlee-v303="reference"] .school-search{flex-basis:100%}
 html[data-mrlee-v303="reference"] .quick-links{width:100%}
 html[data-mrlee-v303="reference"] .quick-links a{flex:1}
}
@media(max-width:900px){
 html[data-mrlee-v303="reference"] .hero-copy{width:82%;padding-top:55px}
 html[data-mrlee-v303="reference"] .hero h1{font-size:clamp(50px,9vw,76px)}
 html[data-mrlee-v303="reference"] .hero .script{font-size:18px}
 html[data-mrlee-v303="reference"] .hero-copy>p{font-size:16px;white-space:normal}
 html[data-mrlee-v303="reference"] .hero-points{grid-template-columns:repeat(2,minmax(0,1fr));width:66%;margin-top:10px}
 html[data-mrlee-v303="reference"] .hero-buttons{width:69%;gap:8px}
 html[data-mrlee-v303="reference"] .hero-buttons :is(button,a){min-height:54px;padding:9px;font-size:10px;white-space:normal}
 html[data-mrlee-v303="reference"] .school-search{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 html[data-mrlee-v303="reference"] .site-header{height:67px;min-height:67px}
 html[data-mrlee-v303="reference"] .header-inner{padding:5px 12px}
 html[data-mrlee-v303="reference"] a.brand{width:150px;min-width:0}
 html[data-mrlee-v303="reference"] .top-cta{display:none}
 html[data-mrlee-v303="reference"] #mainContent>.hero{min-height:0!important;height:690px!important;border-radius:0}
 html[data-mrlee-v303="reference"] .v303-scene{top:auto;bottom:0;height:55%;width:100%;mask-image:linear-gradient(to bottom,transparent 0%,#000 26%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 26%,#000 100%)}
 html[data-mrlee-v303="reference"] .v303-scene img{object-position:58% 30%}
 html[data-mrlee-v303="reference"] .hero-copy{width:100%;padding:22px 18px;z-index:2}
 html[data-mrlee-v303="reference"] .hero .script{font-size:clamp(14px,4vw,19px);white-space:normal}
 html[data-mrlee-v303="reference"] .hero h1{font-size:clamp(43px,11vw,66px);margin:5px 0;line-height:.99}
 html[data-mrlee-v303="reference"] .hero-copy>p{font-size:clamp(12px,3.5vw,16px);margin:6px 0 10px;white-space:normal;max-width:100%}
 html[data-mrlee-v303="reference"] .hero-points{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
 html[data-mrlee-v303="reference"] .hero-points>.v303-benefit{min-height:52px;border-radius:14px;padding:7px}
 html[data-mrlee-v303="reference"] .v303-benefit .v303-symbol{width:29px;height:29px;font-size:16px}
 html[data-mrlee-v303="reference"] .v303-info b{font-size:11px}
 html[data-mrlee-v303="reference"] .v303-info small{font-size:9px}
 html[data-mrlee-v303="reference"] .hero-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
 html[data-mrlee-v303="reference"] .hero-buttons :is(button,a){font-size:9px;min-height:49px;padding:6px 8px;border-radius:13px;white-space:normal}
 html[data-mrlee-v303="reference"] .hero-buttons b{height:25px;width:25px;font-size:14px}
 html[data-mrlee-v303="reference"] .search-strip{width:calc(100% - 18px);margin:-2px auto 0;padding:9px;gap:7px;min-height:0;border-radius:15px}
 html[data-mrlee-v303="reference"] .school-search{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 html[data-mrlee-v303="reference"] .field-search{grid-column:1/-1}
 html[data-mrlee-v303="reference"] .search-button{grid-column:1/-1}
 html[data-mrlee-v303="reference"] .field input,
 html[data-mrlee-v303="reference"] .field select,
 html[data-mrlee-v303="reference"] .search-button{height:43px;font-size:11px}
 html[data-mrlee-v303="reference"] .quick-links a{min-height:44px;padding:6px 4px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){html[data-mrlee-v303="reference"] .hero-buttons :is(a,button){transition:none}}