:root{--ink:#102a2d;--muted:#607174;--cream:#f5f1e9;--paper:#fffdf9;--line:#d9dfdb;--orange:#ef603e;--navy:#123e42}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:16px;height:16px}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1220px)/2));border-bottom:1px solid #dde3df;background:#fffdf9ee;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:800}.brand--full img{display:block;height:40px;width:auto;max-width:min(220px,42vw);object-fit:contain}.brand-mark,.brand span{display:block;width:36px;height:36px;border-radius:8px;flex:none;object-fit:contain}.brand span{display:grid;place-items:center;background:var(--orange);color:white;font:italic 700 20px Georgia}.topbar nav{display:flex;gap:34px;font-size:14px;font-weight:700;color:#5d6e70}.topbar nav a{height:76px;display:flex;align-items:center;position:relative}.topbar nav .active{color:var(--ink)}.topbar nav .active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange)}.actions{display:flex;align-items:center;gap:16px}.actions>button:first-child{border:0;background:none;font-weight:700}.actions .bg-primary,.searchRow .bg-primary,.matchCopy .bg-primary{background:var(--orange)!important;color:white!important;border-radius:9px!important}
.hero{min-height:465px;background:var(--cream);padding:70px max(28px,calc((100vw - 1220px)/2)) 0;display:grid;grid-template-columns:1fr 320px;gap:70px;position:relative;border-bottom:1px solid #dedbd4}.heroCopy{padding-bottom:120px}.eyebrow,.sectionTitle small,.matchCopy>small{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#bd4e33;display:flex;align-items:center;gap:7px}.hero h1{font:500 72px/.95 Georgia,serif;letter-spacing:-3px;margin:18px 0 24px}.hero h1 em{color:var(--orange);font-weight:400}.heroCopy>p{font-size:18px;line-height:1.6;color:#536568;max-width:670px}.heroStats{align-self:start;margin-top:12px;background:var(--navy);color:white;border-radius:18px 18px 18px 5px;padding:24px 27px;box-shadow:10px 10px 0 #d9ccb8}.heroStats small{color:#a9c7c5;letter-spacing:1.4px}.heroStats div{display:flex;gap:10px;align-items:baseline;padding:14px 0;border-bottom:1px solid #426468;font-size:13px;color:#dce7e5}.heroStats div:last-child{border:0}.heroStats b{font:600 28px Georgia;color:#f2d28c}
.searchBox{position:absolute;z-index:5;left:max(28px,calc((100vw - 1220px)/2));right:max(28px,calc((100vw - 1220px)/2));bottom:-75px;background:white;border:1px solid #d3ddd7;border-radius:17px;padding:0 22px 18px;box-shadow:0 20px 45px #243a371c}.tabs{height:54px;display:flex;gap:25px;border-bottom:1px solid #e4e9e5;margin-bottom:18px}.tabs button{display:flex;align-items:center;gap:7px;border:0;background:none;color:#829091;font-size:13px;font-weight:700;position:relative}.tabs .on{color:var(--ink)}.tabs .on:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.searchRow{display:grid;grid-template-columns:minmax(280px,1.7fr) 190px 170px 185px;gap:10px}.searchInput{height:49px;border:1px solid #ccd6d0;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 13px}.searchInput input{border:0!important;box-shadow:none!important;height:100%;padding:0}.searchRow [data-slot=select-trigger]{width:100%;height:49px;border-color:#ccd6d0;box-shadow:none}.searchRow>.bg-primary{height:49px}.quick{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:#7a8889}.quick button{border:0;background:#eff4ef;color:#405759;border-radius:20px;padding:6px 11px}.trust{padding:107px max(28px,calc((100vw - 1220px)/2)) 30px;display:flex;gap:42px;border-bottom:1px solid #e5e9e5;font-size:12px;color:#738182}.trust>b{margin-right:auto;color:var(--ink)}.trust strong{color:#2d5557;margin-right:5px}
.workspace{padding:70px max(28px,calc((100vw - 1220px)/2)) 90px}.sectionTitle{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.sectionTitle h2,.matchCopy h2,.premium h2{font:500 42px/1.08 Georgia;letter-spacing:-1px;margin:10px 0}.sectionTitle p,.matchCopy p,.premium p{color:var(--muted);line-height:1.6;margin:0}.sectionTitle>button,.cardFoot>button,.mapTitle button,.mapText button{border:0;background:none;color:#b94c32;font-weight:700;display:flex;align-items:center;gap:5px}.workspaceGrid{display:grid;grid-template-columns:1.55fr .8fr;gap:22px}.schoolList{display:flex;flex-direction:column;gap:12px}.schoolCard{display:flex;gap:17px;padding:20px;background:white;border:1px solid var(--line);border-radius:13px;transition:.2s}.schoolCard:hover{transform:translateY(-1px);box-shadow:0 10px 24px #243a3713;border-color:#9fb3aa}.schoolIcon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex:none}.schoolIcon svg{width:24px;height:24px}.c0{background:#dcecf5;color:#286785}.c1{background:#f8edd1;color:#9b6b16}.c2{background:#dff0e6;color:#2e7351}.c3{background:#eee4f2;color:#725087}.schoolBody{flex:1}.schoolHead{display:flex;justify-content:space-between}.schoolHead small{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:#7a8989}.schoolHead h3{font:600 21px Georgia;margin:4px 0 5px}.schoolHead p{display:flex;gap:4px;align-items:center;font-size:12px;color:#6b7b7c;margin:0}.schoolHead>button{border:0;background:none;color:#8b9999}.schoolHead .saved{color:var(--orange)}.schoolHead .saved svg{fill:currentColor}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:17px 0;padding:13px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}.metrics div{display:flex;flex-direction:column;gap:4px;border-right:1px solid #edf0ed;padding:0 12px}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics span{font-size:10px;text-transform:uppercase;color:#849191}.metrics b{font-size:13px}.metrics .score{color:#1d7e56}.cardFoot{display:flex;align-items:center;gap:18px}.tag{font-size:11px;font-weight:800;padding:5px 9px;border-radius:20px;background:#e5f2ea;color:#267452}.cardFoot label{font-size:12px;display:flex;align-items:center;gap:7px;color:#526667}.cardFoot input{position:absolute;opacity:0}.cardFoot i{width:16px;height:16px;border:1px solid #aebbb6;border-radius:4px;display:grid;place-items:center;color:white}.cardFoot input:checked+i{background:var(--orange);border-color:var(--orange)}.cardFoot i svg{width:11px}.cardFoot>button{margin-left:auto;font-size:12px}.empty{border:1px dashed #c9d2cd;border-radius:14px;padding:55px;text-align:center;color:#657677}.empty h3{color:var(--ink)}
.mapCard{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;height:max-content;position:sticky;top:95px}.mapTitle{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.mapTitle span{display:flex;align-items:center;gap:8px;font-weight:700}.mapTitle button{font-size:11px}.map{height:330px;position:relative;overflow:hidden;background-color:#e8eee8;background-image:linear-gradient(#d9e2dc 1px,transparent 1px),linear-gradient(90deg,#d9e2dc 1px,transparent 1px);background-size:34px 34px}.usa{position:absolute;inset:44px 34px 55px;background:#f8f5eb;border:2px solid #aebdb4;clip-path:polygon(2% 8%,18% 4%,26% 18%,44% 13%,57% 22%,68% 15%,79% 24%,94% 17%,99% 45%,91% 57%,86% 75%,68% 71%,59% 89%,43% 81%,30% 66%,17% 69%,8% 53%)}.map i{position:absolute;width:37px;height:37px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:var(--orange);color:white;font-style:normal;font-size:10px;font-weight:800;box-shadow:0 3px 8px #6676}.p1{left:15%;top:30%}.p2{left:75%;top:36%}.p3{left:47%;top:25%}.p4{left:58%;top:57%}.p5{left:82%;top:20%}.mapText{padding:20px}.mapText p{font-size:12px;line-height:1.55;color:#657677}.mapText button{font-size:12px;padding:0}
.match{max-width:1220px;margin:0 auto 90px;min-height:420px;background:#eaf2ec;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.matchArt{position:relative;background:var(--navy);display:grid;place-items:center;overflow:hidden}.matchArt>strong{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:#f5d788;font:600 42px Georgia;z-index:2;box-shadow:0 0 0 16px #ffffff12}.orbit{position:absolute;width:390px;height:270px;border:1px solid #91b0ad;border-radius:50%;transform:rotate(25deg)}.float{position:absolute;background:white;border-radius:9px;padding:12px 15px;font-size:10px;color:#6c7b7c;box-shadow:0 8px 25px #0015;z-index:3}.float b{display:block;color:var(--ink);font-size:12px;margin-top:3px}.float.one{left:10%;top:22%}.float.two{right:9%;bottom:21%}.matchCopy{padding:70px 65px}.matchCopy h2{font-size:46px}.checks{display:grid;gap:10px;margin:25px 0;font-size:13px;color:#42605d}.checks span,.features span{display:flex;align-items:center;gap:8px}.checks svg,.features svg{color:#2f7658}.matchCopy>.bg-primary{height:46px;padding:0 22px}
.premium{background:#f0e8d9;padding:60px max(28px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:1.2fr .8fr auto;gap:55px;align-items:center;border-block:1px solid #e1d6c3}.premium small{display:flex;align-items:center;gap:6px;color:#9b482f;font-weight:800;letter-spacing:1px}.premium h2{font-size:37px}.premium p{font-size:14px}.features{display:grid;gap:12px;font-size:12px}.premium>.bg-primary{background:var(--navy)!important;color:white!important;height:47px;border-radius:9px}.compareBar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:30;width:min(620px,calc(100% - 32px));display:flex;align-items:center;gap:14px;padding:11px 13px;border-radius:13px;background:#102f32;color:white;box-shadow:0 15px 40px #102a2d55}.compareBar>b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--orange)}.compareBar p{display:flex;flex-direction:column;margin:0 auto 0 0;font-size:12px}.compareBar small{color:#a9babb}.compareBar>button{border:0;background:none;color:#bdc9c8}.compareBar .bg-primary{background:var(--orange)!important}footer{max-width:1220px;min-height:120px;margin:auto;display:flex;align-items:center;gap:35px;font-size:12px;color:#6b7a7a}footer p{margin-right:auto}footer>div{display:flex;gap:22px}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr}.heroStats{display:none}.heroCopy{padding-bottom:190px}.searchBox{bottom:-145px}.searchRow{grid-template-columns:1fr 1fr}.searchInput,.searchRow>.bg-primary{grid-column:1/-1}.trust{padding-top:180px;flex-wrap:wrap;gap:16px}.workspaceGrid{grid-template-columns:1fr}.mapCard{position:relative;top:0}.match{margin:0 28px 70px;grid-template-columns:1fr}.matchArt{min-height:330px}.premium{grid-template-columns:1fr}}
@media(max-width:600px){.topbar{height:66px;padding:0 18px}.actions>button:first-child{display:none}.hero{padding:48px 18px 0}.hero h1{font-size:48px}.heroCopy>p{font-size:15px}.searchBox{left:12px;right:12px;padding:0 13px 14px}.searchRow{grid-template-columns:1fr}.searchInput,.searchRow>.bg-primary{grid-column:auto}.searchRow [data-slot=select-trigger]{display:none}.quick{overflow:auto;white-space:nowrap}.trust{padding-inline:18px}.trust>b{width:100%}.workspace{padding:55px 14px}.sectionTitle{display:block}.sectionTitle h2{font-size:36px}.sectionTitle>button{margin-top:14px}.schoolIcon{display:none}.schoolCard{padding:15px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics div{border:0;padding:0}.map{height:280px}.match{margin:0 14px 55px}.matchCopy{padding:45px 26px}.matchCopy h2{font-size:39px}.premium{padding:48px 24px}.premium h2{font-size:34px}footer{padding:35px 20px;flex-wrap:wrap}footer>div{width:100%;flex-wrap:wrap}.compareBar{bottom:10px}.compareBar small{display:none}}