@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700;900&display=swap');

:root { --ink:#102b30; --paper:#f4f0e6; --sea:#0c6770; --foam:#d9eee8; --sun:#f2b441; --coral:#ef6e55; --line:rgba(16,43,48,.18); --white:#fffdf7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Noto Serif SC",serif; }
button,input,select { font:inherit; color:inherit; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.12; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E"); }
.masthead { height:86px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:12px; align-items:center; color:inherit; text-decoration:none; }
.brand-mark { width:46px; height:46px; border:1px solid var(--ink); border-radius:50%; display:grid; place-items:center; background:var(--sun); font-size:24px; font-weight:900; }
.brand b,.brand small { display:block; }.brand b{font-size:17px;}.brand small,.verified,.eyebrow,.calc-head p,.section-heading p,.privacy,.table-footnote { font-family:"DM Mono",monospace; }
.brand small { font-size:10px; letter-spacing:.12em; margin-top:2px; }
.verified { font-size:11px; letter-spacing:.06em; display:flex; align-items:center; gap:9px; }.verified span{width:8px;height:8px;border-radius:50%;background:#32a86d;box-shadow:0 0 0 4px rgba(50,168,109,.13)}
main { overflow:hidden; }
.hero { min-height:680px; display:grid; grid-template-columns:1.15fr .85fr; gap:7vw; padding:72px 8vw 88px; position:relative; }
.hero:before { content:""; position:absolute; width:520px;height:520px;border:1px solid var(--line);border-radius:50%;left:-250px;top:110px;box-shadow:0 0 0 58px rgba(12,103,112,.04),0 0 0 116px rgba(12,103,112,.025); }
.hero-copy { position:relative; z-index:1; padding-top:18px; }
.eyebrow { text-transform:uppercase; letter-spacing:.18em; color:var(--sea); font-size:12px; font-weight:500; }
h1,h2,p { margin-top:0; } h1 { font-size:clamp(58px,7vw,112px); line-height:.98; letter-spacing:-.06em; margin:24px 0 34px; font-weight:900; } h1 em { color:var(--sea); font-style:normal; position:relative; } h1 em:after { content:"";position:absolute;height:11px;background:var(--sun);left:0;right:-8px;bottom:1px;z-index:-1;transform:rotate(-1deg); }
.lede { max-width:650px; font-size:18px; line-height:1.95; }
.truth-note { max-width:680px; margin-top:30px; padding:17px 20px; border-left:5px solid var(--coral); background:rgba(255,253,247,.7); line-height:1.7; font-size:14px; }
.calculator { align-self:start; background:var(--white); border:1px solid var(--ink); border-radius:2px; box-shadow:14px 14px 0 var(--sea); padding:30px; transform:rotate(.35deg); }
.calc-head { display:flex; gap:14px; align-items:center; border-bottom:1px solid var(--line); padding-bottom:20px; }.calc-head>span,.section-heading>div>span{font-family:"DM Mono";background:var(--ink);color:var(--white);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:12px}.calc-head p,.section-heading p{font-size:11px;margin:0;color:var(--sea);letter-spacing:.12em}.calc-head h2{font-size:22px;margin:3px 0 0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;margin:24px 0 14px;border:1px solid var(--line);padding:4px}.mode-switch button,.plan-legend button{border:0;background:transparent;padding:10px;cursor:pointer}.mode-switch button.active{background:var(--ink);color:white}.big-input{display:block;position:relative;background:var(--foam);padding:16px 18px 10px}.big-input span{font-size:12px;display:block}.big-input input{width:100%;border:0;background:transparent;font-family:"DM Mono";font-size:68px;font-weight:500;outline:none;line-height:1}.big-input i{position:absolute;right:20px;bottom:20px;font-style:normal}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.field-row label{font-size:12px}.field-row select{width:100%;margin-top:6px;border:1px solid var(--line);background:white;padding:11px 8px}.primary{width:100%;border:0;background:var(--sun);padding:16px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;transition:.2s}.primary:hover{background:var(--coral);transform:translateY(-2px)}.privacy{text-align:center;font-size:10px;margin:12px 0 0;color:#617276}
.today-strip { background:var(--ink); color:var(--white); padding:28px 8vw; display:grid; grid-template-columns:repeat(3,1fr) auto; align-items:end; gap:34px; }.today-strip div{border-left:1px solid rgba(255,255,255,.24);padding-left:16px}.today-strip small{display:block;color:#a9c5c5}.today-strip strong{font-family:"DM Mono";font-size:33px;margin-right:5px}.today-strip a{color:var(--sun);font-size:13px}
.result-section,.plan-section,.history-section,.method-section,.sources-section{padding:100px 8vw}.section-heading{display:grid;grid-template-columns:.6fr 1.4fr;align-items:start;margin-bottom:48px}.section-heading>div{display:flex;gap:12px;align-items:center}.section-heading h2{font-size:clamp(38px,4.5vw,70px);line-height:1.16;letter-spacing:-.04em}.section-heading.compact h2{font-size:clamp(32px,3.6vw,58px)}
.result-summary{display:grid;grid-template-columns:1.25fr repeat(3,.7fr);border:1px solid var(--ink);margin-bottom:26px}.result-summary>div{padding:24px;border-right:1px solid var(--line)}.result-summary>div:last-child{border:0}.result-summary small{display:block;margin-bottom:8px}.result-summary strong{font-size:28px}.result-summary .rank-card{background:var(--sea);color:white}.result-summary .rank-card strong{font-family:"DM Mono";font-size:45px;display:block;line-height:1.2}.result-summary .rank-card span{display:block;margin-top:7px;font-size:12px}
.recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.school-card{background:var(--white);border:1px solid var(--line);padding:20px;position:relative;min-height:210px;transition:.2s}.school-card:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:7px 7px 0 var(--foam)}.school-card .tag{font-family:"DM Mono";font-size:10px;padding:4px 8px;border-radius:20px;background:var(--foam)}.school-card .tag.rush{background:#ffe1d9}.school-card .tag.safe{background:#e5edc8}.school-card h3{font-size:18px;min-height:54px;margin:18px 0}.school-card .score-line{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.school-card .score-line strong{font-family:"DM Mono";font-size:26px}.school-card p{font-size:12px;color:#5d6a6c;margin:10px 0 0;line-height:1.6}.special-note{grid-column:1/-1;background:var(--foam);padding:30px;border-left:7px solid var(--sea)}
.plan-section{background:#e7e0d2}.plan-legend{display:flex;align-items:end;gap:8px;margin-bottom:18px}.plan-legend button{border:1px solid var(--ink);padding:8px 15px}.plan-legend button.active{background:var(--ink);color:white}.plan-legend label{margin-left:auto;font-size:11px}.plan-legend input{display:block;margin-top:5px;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:8px;width:230px}.table-wrap{overflow:auto;border:1px solid var(--ink);background:var(--white)}table{width:100%;border-collapse:collapse;min-width:1080px;font-size:13px}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:right}th{background:var(--ink);color:white;position:sticky;top:0}th:first-child,td:first-child{text-align:left;min-width:260px}tbody tr:hover{background:var(--foam)}td b{display:block}td small{color:#687679}.table-footnote{font-size:11px;margin:14px 0 0;line-height:1.6}
.history-section{background:var(--white)}.history-grid{display:grid;gap:10px}.history-row{display:grid;grid-template-columns:1.7fr repeat(6,1fr);border:1px solid var(--line)}.history-row>div{padding:16px;border-left:1px solid var(--line);text-align:center}.history-row>div:first-child{border-left:0;text-align:left;background:var(--foam)}.history-row small{font-family:"DM Mono";display:block;color:#6b7979}.history-row strong{font-family:"DM Mono";font-size:20px}.history-row.header{background:var(--ink);color:white}.history-row.header>div{background:transparent!important;text-align:center!important;padding:10px}.history-row.header strong{font-size:12px}
.method-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:var(--sea);color:white}.method-copy h2{font-size:clamp(40px,5vw,76px);line-height:1.18}.method-copy .eyebrow{color:var(--sun)}.method-list{list-style:none;padding:0;margin:0}.method-list li{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:22px 0;border-top:1px solid rgba(255,255,255,.24)}.method-list li>span{font-family:"DM Mono";width:36px;height:36px;border-radius:50%;border:1px solid white;display:grid;place-items:center}.method-list b{font-size:18px}.method-list p{color:#c8dddd;line-height:1.7;margin:6px 0 0;font-size:14px}
.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.source-list a{color:inherit;text-decoration:none;border:1px solid var(--line);background:var(--white);padding:18px;display:flex;justify-content:space-between;gap:20px}.source-list a:hover{border-color:var(--sea);color:var(--sea)}.source-list small{font-family:"DM Mono"}.disclaimer{margin-top:28px;padding:18px;background:#f6e2d8;border-left:5px solid var(--coral);font-size:13px;line-height:1.8}
footer{padding:28px 5vw;background:var(--ink);color:white;display:flex;gap:18px}footer span{color:#9bb5b5}footer a{margin-left:auto;color:var(--sun)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:48px 5vw 70px}.calculator{max-width:620px}.today-strip{grid-template-columns:1fr 1fr}.today-strip a{grid-column:1/-1}.section-heading{grid-template-columns:1fr;gap:24px}.recommendations{grid-template-columns:1fr 1fr}.result-summary{grid-template-columns:1fr 1fr}.method-section{grid-template-columns:1fr}.source-list{grid-template-columns:1fr}}
@media(max-width:600px){.masthead{padding:0 20px}.verified{display:none}.hero{padding-left:20px;padding-right:20px}.calculator{padding:20px;box-shadow:8px 8px 0 var(--sea)}h1{font-size:55px}.lede{font-size:16px}.field-row{grid-template-columns:1fr}.today-strip{grid-template-columns:1fr;padding:25px 20px}.result-section,.plan-section,.history-section,.method-section,.sources-section{padding:72px 20px}.recommendations{grid-template-columns:1fr}.result-summary{grid-template-columns:1fr}.result-summary>div{border-right:0;border-bottom:1px solid var(--line)}.plan-legend{flex-wrap:wrap}.plan-legend label{width:100%;margin:10px 0 0}.plan-legend input{width:100%}.source-list{grid-template-columns:1fr}.history-grid{overflow:auto}.history-row{min-width:760px}footer{font-size:12px}}