/* =====================================================
   01. DESIGN TOKENS / RESET / ACCESSIBILITY
   Edit the original declaration here or in its section.
===================================================== */
:root{--forest:#173D35;--forest-2:#214E43;--ivory:#F6F5EF;--coral:#FF704F;--coral-text:#A93D25;--sage:#DDEBE2;--lilac:#D5CDFA;--ink:#242A27;--muted:#63716B;--line:#DCE2DA;--white:#FFF;--radius:20px;--shadow:0 18px 55px rgba(20,54,45,.07);--content:1230px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.18;letter-spacing:-.042em;color:var(--forest)}h2{font-size:clamp(2rem,4vw,3.1rem)}h3{font-size:1.35rem}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.container{width:min(calc(100% - 48px),var(--content));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:10px;z-index:1000;background:#fff;padding:10px}.skip-link:focus{top:10px}.kicker,.eyebrow{font-weight:800;letter-spacing:.14em;font-size:.76rem;text-transform:uppercase;color:var(--coral-text)}.section-intro{max-width:735px;margin-bottom:42px}.section-intro h2{margin:13px 0}.section-intro p{font-size:1.06rem;max-width:590px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;border-radius:13px;min-height:54px;padding:13px 25px;font-weight:700;font-size:.95rem;text-align:center;transition:transform .2s,background .2s,border-color .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-dark{background:var(--forest);color:var(--white)}.btn-dark:hover{background:var(--forest-2)}.btn-coral{background:var(--coral);color:var(--forest)}.btn-coral:hover{background:#ff8468}.btn-outline{background:transparent;border-color:var(--line);color:var(--forest)}.btn-outline:hover{background:var(--sage)}.btn-quiet{background:transparent;color:var(--forest)}.btn-small{min-height:43px;padding:9px 18px;font-size:.84rem}.btn-full{width:100%}.text-link{color:var(--forest);font-weight:700;border-bottom:2px solid var(--coral);padding-bottom:4px}.muted{color:var(--muted)}
/* =====================================================
   02. HEADER
===================================================== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,239,.96);border-bottom:1px solid rgba(25,58,48,.09);backdrop-filter:blur(14px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:155px;height:auto;max-height:54px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:34px;color:#3a4f46;font-weight:600;font-size:.91rem}.desktop-nav a:hover{color:var(--coral-text)}
/* =====================================================
   03. HERO
===================================================== */
.hero{padding:62px 0 72px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:48px}.hero-copy h1{font-size:clamp(3.25rem,5.55vw,5.75rem);margin:22px 0 24px;letter-spacing:-.07em;line-height:1.06}.hero-copy h1 em{font-style:normal;color:var(--coral-text)}.hero-copy>p{font-size:1.12rem;max-width:565px;line-height:1.85}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:9px;height:9px;background:var(--coral);border-radius:50%}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:32px;flex-wrap:wrap}.hero-reassure{font-size:.84rem;color:var(--muted)}.hero-points{display:flex;flex-wrap:wrap;gap:22px;margin-top:44px;font-size:.86rem;font-weight:700;color:var(--forest)}.hero-visual{position:relative;min-width:0;width:100%;max-width:360px;justify-self:center;padding:0 0 14px}.hero-art{border-radius:28px;overflow:hidden;background:#173d35;aspect-ratio:4/4.5;box-shadow:0 16px 38px rgba(12,50,38,.11)}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.admission-pass{position:absolute;right:-12px;bottom:-10px;width:min(216px,58%);padding:16px 18px;background:rgba(23,61,53,.97);border:1px solid rgba(255,255,255,.14);color:white;border-radius:18px;box-shadow:0 18px 32px rgba(10,48,35,.16);transform:rotate(-2deg)}.pass-top,.pass-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.56rem;letter-spacing:.11em;color:#bad5c6}.pass-mark{font-size:1rem}.admission-pass strong{display:block;font:700 clamp(1.04rem,2vw,1.45rem)/1.18 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;margin:14px 0}.pass-bottom{border-top:1px dashed #53796b;padding-top:10px}
/* =====================================================
   04. PREDICTOR WORKSPACE
===================================================== */
.predictor-section{padding:44px 0 76px;background:white}.predictor-section .section-intro{margin-bottom:22px;max-width:860px}.predictor-section .section-intro h2{font-size:clamp(2rem,3.5vw,2.75rem);margin:8px 0 6px}.predictor-section .section-intro p{margin:0;line-height:1.5}.predictor-shell{display:grid;grid-template-columns:minmax(250px,.37fr) minmax(0,.63fr);border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.predictor-aside{background:var(--forest);padding:48px 36px;color:white;display:flex;flex-direction:column}.predictor-aside h3{font-size:2.05rem;color:#fff;margin:22px 0 15px}.predictor-aside>p{color:#d1dfd7;font-size:.9rem;max-width:270px}.side-label{color:#b7d5c9;font-size:.7rem;letter-spacing:.16em;font-weight:800}.step-list{list-style:none;margin:50px 0;padding:0;display:grid;gap:14px}.step-list li{padding:15px 13px;border-radius:13px;color:#b0cabf;font-weight:600;font-size:.91rem;display:flex;align-items:center;gap:14px}.step-list li span{opacity:.65}.step-list li.active{background:rgba(255,255,255,.13);color:#fff}.step-list li.done{color:#fff}.aside-note{margin-top:auto;border-top:1px solid #4f7568;padding-top:22px;font-size:.8rem;line-height:1.8;color:#d1dfd7}.predictor-main{padding:42px clamp(25px,4.4vw,60px);background:white;min-height:520px}.form-top{display:flex;justify-content:space-between;align-items:center;gap:15px;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;font-weight:800;color:var(--muted)}.form-top span:first-child{color:var(--coral-text)}.progress-track{background:#E9EFE9;border-radius:50px;height:5px;margin:16px 0 35px;overflow:hidden}.progress-track span{display:block;width:50%;height:100%;background:var(--forest);border-radius:50px;transition:width .28s}.form-step{padding:0;margin:0;border:0;min-width:0}.form-step h3{font-size:clamp(1.5rem,2.4vw,2.05rem);margin-bottom:9px}.step-description{margin-bottom:27px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;min-width:0}.field label{color:#30443b;font-size:.85rem;font-weight:700}.field label>span{color:var(--coral-text)}.field label small{font-weight:500;color:var(--muted)}.field input,.field select{width:100%;min-width:0;height:54px;border:1.5px solid var(--line);padding:0 16px;border-radius:12px;background:#fff;color:var(--ink);outline:none;font-size:.98rem}.field input:focus,.field select:focus{border-color:var(--forest);box-shadow:0 0 0 3px #d8e8dd}.field input::placeholder{color:#9da9a1}.field small{font-size:.77rem;color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-suffix,.phone-input{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}.input-suffix:focus-within,.phone-input:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px #d8e8dd}.input-suffix input,.phone-input input{border:0;box-shadow:none!important}.input-suffix span,.phone-input span{padding:0 14px;white-space:nowrap;font-size:.84rem;color:var(--muted)}.phone-input span{border-right:1px solid var(--line);padding:15px;font-weight:700;color:var(--forest)}.step-hint{background:var(--ivory);padding:13px 17px;border-radius:11px;color:#5c6f64;font-size:.82rem;margin-top:4px}.inline-error{border:1px solid #e7b9ae;border-radius:9px;background:#fff4f0;padding:10px 13px;font-size:.86rem;color:#a33927}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:29px}.form-actions #backBtn{margin-right:auto}
/* =====================================================
   05. ANALYSIS
===================================================== */
.analysis-section{background:white;padding:45px 0}.analysis-panel{text-align:center;padding:75px 20px;background:var(--ivory);border-radius:25px}.analysis-panel h2{font-size:1.7rem}.scanner{width:108px;height:108px;margin:0 auto 29px;border:7px solid var(--sage);border-top-color:var(--forest);border-radius:50%;animation:scan 1s linear infinite;display:grid;place-items:center}.scanner span{font-size:2.5rem;color:var(--forest);animation:scan 1s linear infinite reverse}@keyframes scan{to{transform:rotate(360deg)}}
/* =====================================================
   06. OTP / UNLOCK EXPERIENCE
===================================================== */
.unlock-section{padding:75px 0;background:var(--ivory)}.unlock-layout{display:grid;grid-template-columns:.9fr 1fr;gap:70px;align-items:center}.unlock-story h2{font-size:clamp(2.2rem,4vw,3.3rem);margin:18px 0}.unlock-story>p{max-width:490px}.unlock-benefits{display:grid;gap:15px;margin:33px 0;color:var(--forest);font-weight:700}.lock-note{border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:.84rem}.otp-panel{background:#fff;padding:clamp(23px,4vw,46px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:23px}.otp-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--sage);color:var(--forest);font-size:1.6rem}.otp-panel h3{font-size:1.75rem;margin:19px 0 5px}.otp-lead{font-size:.9rem;margin-bottom:25px}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:.77rem;line-height:1.6;color:var(--muted);margin-bottom:12px}.check-row input{width:18px;height:18px;flex-shrink:0;accent-color:var(--forest);margin:3px 0}.check-row a{text-decoration:underline;color:var(--forest)}.otp-code-box{background:var(--ivory);padding:17px;margin:20px 0;border-radius:13px}.otp-code-box .field{margin-bottom:7px}.otp-code-box input{letter-spacing:.4em;font-size:1.5rem;font-weight:800;text-align:center}.text-button{border:none;background:none;color:var(--forest);font-weight:700;font-size:.8rem;padding:4px 0}.otp-message{font-size:.83rem;min-height:18px;margin:9px 0;color:var(--forest)}.otp-message.error{color:#a33927}.privacy-foot{text-align:center;font-size:.74rem;margin:17px 0 0}
/* =====================================================
   07. VERIFIED RESULTS SUMMARY
===================================================== */
.results-section{padding:80px 0;background:#fff}.results-top{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.results-top h2{margin:12px 0}.results-top p{max-width:680px}.results-name{display:block;color:var(--coral-text);font-size:.62em;margin-top:7px}.profile-strip{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.profile-pill{border:1px solid var(--line);background:var(--ivory);padding:9px 15px;border-radius:50px;font-size:.81rem;font-weight:700;color:var(--forest)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:29px 0 18px}.summary-card{border:1px solid var(--line);border-radius:17px;padding:23px;background:#fff}.summary-card:first-child{background:var(--forest);color:#fff}.summary-card strong{font:800 2rem 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em}.summary-card span{display:block;color:var(--muted);font-size:.78rem;margin-top:6px}.summary-card:first-child span{color:#d5e3dd}.results-visuals{display:grid;grid-template-columns:1.18fr .96fr 1.05fr;gap:16px;margin:0 0 24px}.visual-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px}.percentile-card{background:linear-gradient(135deg,#173d35 0%,#214f45 100%);color:#fff}.visual-head{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.visual-kicker{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#8eaa9f;text-transform:uppercase}.percentile-card .visual-kicker{color:#bdd6cd}.visual-head strong{font:800 clamp(1.35rem,2vw,2rem) 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em}.percentile-meter,.split-bar,.program-bar{height:12px;background:#e7eeea;border-radius:999px;overflow:hidden}.percentile-meter{background:rgba(255,255,255,.16)}.percentile-meter span,.split-fill,.program-bar i{display:block;height:100%;border-radius:999px;background:var(--coral)}.percentile-card p{margin-top:14px;color:#d6e3dd;font-size:.88rem;line-height:1.75}.visual-meta{display:flex;justify-content:space-between;gap:15px;margin-top:12px;font-size:.84rem;color:var(--muted);font-weight:600}.program-row{display:grid;grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:10px;margin-top:12px}.program-row span,.program-row strong{font-size:.85rem}.program-row strong{text-align:right;color:var(--forest)}.results-notice{padding:17px 20px;border:1px solid #eddfc6;background:#fff9ef;border-radius:12px;color:#705638;font-size:.84rem;margin-bottom:40px}
/* =====================================================
   08. RESULTS FILTERS / EXPLORER
===================================================== */
.results-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:30px;align-items:start}.filters{background:var(--ivory);padding:23px;border:1px solid var(--line);border-radius:18px;position:sticky;top:96px}.filters h3{font-size:1.12rem;margin-bottom:25px}.filters .field{margin-bottom:18px}.filters .field input,.filters .field select{background:#fff;height:47px;font-size:.86rem}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.results-heading h3{margin:0}.results-heading span{font-size:.82rem;color:var(--muted)}.college-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.pagination{text-align:center;margin-top:25px}
/* =====================================================
   09. COLLEGE CARDS
===================================================== */
.college-card{border:1px solid var(--line);border-radius:18px;padding:21px;background:white;display:flex;flex-direction:column;gap:14px;min-width:0;transition:border-color .2s,box-shadow .2s}.college-card:hover{border-color:#aec9b8;box-shadow:0 12px 35px rgba(23,61,53,.07)}.college-card-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.college-monogram{background:var(--sage);border-radius:11px;width:40px;height:40px;display:grid;place-items:center;font-size:.84rem;font-weight:800;color:var(--forest);flex:0 0 auto}.college-card h4{font-size:1.03rem;letter-spacing:-.03em;margin:0}.college-city{font-size:.78rem;color:var(--muted);margin-top:7px}.college-badge{padding:5px 9px;border-radius:20px;background:var(--ivory);color:var(--forest);font-size:.72rem;font-weight:700;white-space:nowrap}.college-tags{display:flex;flex-wrap:wrap;gap:7px}.college-tags span{background:#f2f4f0;border-radius:7px;padding:5px 8px;font-size:.69rem;color:#506357;font-weight:700}.college-details{border-top:1px solid var(--line);padding-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.detail span{display:block;color:var(--muted);font-size:.7rem}.detail strong{font-size:.83rem;color:var(--forest);font-weight:700}.college-explanation{color:var(--muted);font-size:.76rem;line-height:1.65;margin:0}.college-actions{display:flex;gap:8px;margin-top:auto}.college-actions button{flex:1;padding:11px 9px;border:1px solid var(--line);border-radius:10px;font-size:.76rem;font-weight:800;background:white;color:var(--forest)}.college-actions button.saved{background:var(--forest);color:white;border-color:var(--forest)}.college-actions button:hover{border-color:var(--forest)}.empty-results{padding:40px;background:var(--ivory);border-radius:15px;color:var(--muted)}
/* =====================================================
   10. SHORTLIST
===================================================== */
.shortlist-section{margin-top:80px;padding-top:38px;border-top:1px solid var(--line)}.section-line{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.section-line h3{font-size:1.8rem;margin:10px 0 0}.section-line p{font-size:.83rem;margin:0}.shortlist-items{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.shortlist-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:50px;padding:8px 12px;background:var(--ivory);font-size:.81rem;font-weight:700}.shortlist-chip button{border:0;background:transparent;color:var(--coral-text);font-size:1.1rem;line-height:1}
/* =====================================================
   11. COMPARISON / ROI
===================================================== */
.comparison-section{margin-top:45px;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--ivory)}.table-scroll{width:100%;overflow-x:auto}.comparison-table{width:100%;min-width:600px;border-collapse:collapse;background:white;border-radius:13px;overflow:hidden}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--line);padding:15px;font-size:.84rem;vertical-align:top}.comparison-table th{color:var(--forest)}.comparison-table tr:last-child td{border-bottom:0}.roi-message{padding:18px;background:#e9f1e9;border-radius:12px;margin-top:19px}.roi-message p{font-size:.83rem;margin:5px 0 0}
/* =====================================================
   12. COUNSELLING CTA IN RESULTS
===================================================== */
.counsel-cta{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px;background:var(--forest);border-radius:23px;overflow:hidden;margin-top:70px;padding:44px 42px;color:white}.counsel-cta h3{font-size:2rem;color:white;margin:14px 0}.counsel-cta p{color:#d2e1d8}.counsel-cta img{display:block;width:100%;max-width:370px;max-height:260px;object-fit:contain;border-radius:20px;justify-self:center}.counsel-message{font-size:.85rem;margin:12px 0 0}
/* =====================================================
   13. HOW IT WORKS
===================================================== */
.how-section{padding:105px 0}.how-layout{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:65px}.how-steps{display:grid;gap:22px}.how-steps article{display:flex;gap:22px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px}.how-steps article>span{font:800 1rem 'Plus Jakarta Sans',sans-serif;color:var(--coral-text)}.how-steps h3{margin:0 0 8px;font-size:1.15rem}.how-steps p{margin:0;font-size:.9rem}.how-layout img{display:block;border-radius:22px;max-height:340px;width:100%;max-width:440px;margin-inline:auto;object-fit:contain}
/* =====================================================
   14. BENEFITS
===================================================== */
.why-section{padding:100px 0;background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:var(--ivory);padding:28px;border-radius:18px;min-height:230px}.feature-dark{background:var(--forest)}.feature h3{font-size:1.12rem;margin:25px 0 11px}.feature p{font-size:.86rem;margin:0}.feature-dark h3{color:#fff}.feature-dark p{color:#d2e1d8}.feature-icon{font-size:1.6rem;color:var(--coral-text)}.feature-dark .feature-icon{color:#ffa993}
/* =====================================================
   15. ADMISSION GUIDE
===================================================== */
.guide-section{padding:95px 0}.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px}.guide-layout h2{margin:15px 0}.guide-copy p{font-size:1rem;line-height:1.85}.guide-copy .text-link{display:inline-block;margin-top:12px}
/* =====================================================
   16. FAQ
===================================================== */
.faq-section{padding:95px 0;background:white}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-layout h2{margin:16px 0}.faq-items details{border-bottom:1px solid var(--line);padding:0}.faq-items summary{padding:20px 8px 20px 0;font-weight:700;color:var(--forest);cursor:pointer;list-style:none;position:relative;padding-right:28px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';position:absolute;right:6px;font-size:1.3rem;top:17px}.faq-items details[open] summary:after{content:'−'}.faq-items details p{font-size:.89rem;margin:0 0 20px;line-height:1.8}
/* =====================================================
   17. FINAL CTA
===================================================== */
.final-cta{background:var(--forest);text-align:center;padding:86px 0}.final-cta .kicker{color:#ffa993}.final-cta h2{color:#fff;font-size:clamp(2.1rem,4.8vw,3.8rem);margin:18px 0}.final-cta p{color:#d2e1d8}.final-cta .btn{margin-top:15px}
/* =====================================================
   18. FOOTER / TOAST
===================================================== */
.footer{background:#f1f2eb;padding:24px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner img{display:block;width:140px;height:auto}.footer-inner span{font-size:.8rem;color:var(--muted);white-space:nowrap}.toast{position:fixed;z-index:120;bottom:24px;left:50%;transform:translateX(-50%);background:var(--forest);color:#fff;padding:13px 22px;border-radius:12px;box-shadow:var(--shadow);max-width:min(92vw,520px);text-align:center;font-size:.87rem}
/* =====================================================
   RESULTS V2: COLLEGE DISCOVERY METRICS
===================================================== */
.college-card-v2{display:flex;flex-direction:column;gap:14px}.college-card-v2 .college-actions{margin-top:auto}.college-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-tile{background:#f4f7f3;border:1px solid #e1e9e1;border-radius:13px;padding:13px;min-width:0;display:flex;flex-direction:column;gap:5px}.metric-tile span{font-size:.73rem;color:#52645e}.metric-tile strong{font-size:1.06rem;line-height:1.35;color:#173d35;overflow-wrap:anywhere}.metric-tile small{font-size:.68rem;color:#61716b;line-height:1.4}.college-fitline{display:flex;flex-wrap:wrap;gap:6px}.college-fitline span{background:#fdf1e9;color:#774a34;border-radius:20px;padding:6px 9px;font-size:.69rem;font-weight:650}
/* =====================================================
   19. RESPONSIVE: 1440px
===================================================== */
@media(max-width:1440px){.hero-copy h1{font-size:clamp(3.15rem,5.4vw,5.2rem)}}
/* =====================================================
   20. RESPONSIVE: 1200px
===================================================== */
@media(max-width:1200px){.hero-layout{gap:30px}.hero-copy h1{font-size:clamp(3.1rem,5vw,4.5rem)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature{min-height:190px}.results-layout{grid-template-columns:225px minmax(0,1fr);gap:20px}.college-grid{gap:12px}.college-card{padding:17px}}
/* =====================================================
   21. RESPONSIVE: 992px
===================================================== */
@media(max-width:992px){.container{width:min(calc(100% - 40px),var(--content))}.hero{padding:72px 0}.hero-copy h1{font-size:3.25rem}.hero-points{gap:12px}.predictor-shell{grid-template-columns:235px minmax(0,1fr)}.predictor-aside{padding:30px 22px}.predictor-main{padding:30px}.unlock-layout{gap:25px}.results-layout{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.filters h3{grid-column:1/-1}.filters button{align-self:end;margin-bottom:18px}.how-layout{gap:28px}.guide-layout,.faq-layout{gap:40px}}
/* =====================================================
   22. RESPONSIVE: 770px
===================================================== */
@media(max-width:770px){.container{width:min(calc(100% - 36px),var(--content))}.desktop-nav{display:none}.header-inner{min-height:66px}.brand img{width:132px}.hero{padding:57px 0 78px}.hero-layout{grid-template-columns:1fr;gap:26px}.hero-copy h1{font-size:clamp(3rem,8vw,4.4rem)}.hero-copy>p{font-size:1rem}.hero-visual{max-width:300px;margin:4px auto 0;width:100%}.hero-art{max-height:340px}.hero-art img{object-fit:cover}.admission-pass{right:-8px;bottom:-8px;width:56%}.predictor-section{padding:34px 0 58px}.how-section,.why-section,.guide-section,.faq-section{padding:68px 0}.predictor-shell{grid-template-columns:1fr}.predictor-aside{padding:24px;background:var(--forest)}.predictor-aside h3,.predictor-aside>p,.aside-note{display:none}.step-list{display:flex;margin:12px 0 0;gap:6px;justify-content:space-between}.step-list li{font-size:.72rem;padding:8px 7px;gap:6px}.side-label{font-size:.66rem}.predictor-main{min-height:auto;padding:29px}.unlock-layout,.how-layout,.guide-layout,.faq-layout{grid-template-columns:1fr}.unlock-story h2{max-width:580px}.unlock-story{padding:0 5px}.unlock-benefits{grid-template-columns:1fr 1fr;gap:10px}.results-top{flex-direction:column}.summary-grid{grid-template-columns:repeat(2,1fr)}.results-visuals{grid-template-columns:1fr}.counsel-cta{grid-template-columns:1fr}.counsel-cta img{display:block;max-width:300px;max-height:220px}.guide-section .guide-layout{gap:18px}.footer-inner{gap:15px}}
/* =====================================================
   23. RESPONSIVE: 576px
===================================================== */
@media(max-width:576px){h2{font-size:2rem}.section-intro{margin-bottom:28px}.header-cta{font-size:.76rem;padding:10px 12px;min-height:40px}.hero-copy h1{font-size:clamp(2.65rem,10.5vw,3.45rem)}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.hero-reassure{text-align:center;width:100%}.hero-points{font-size:.77rem;gap:10px}.hero-visual{max-width:250px}.hero-art{max-height:280px}.admission-pass{width:58%;padding:11px 12px;right:-6px;bottom:-6px}.admission-pass strong{font-size:.98rem;margin:10px 0}.pass-top,.pass-bottom{font-size:.46rem}.predictor-aside{padding:18px 15px}.step-list li{flex-direction:column;text-align:center;font-size:.65rem}.step-list li span{font-size:.62rem}.field-row{grid-template-columns:1fr;gap:0}.form-actions .btn{min-width:0}.unlock-section{padding:50px 0}.unlock-benefits{grid-template-columns:1fr}.otp-panel{padding:22px}.results-section{padding:53px 0}.filters{grid-template-columns:1fr}.filters h3{margin-bottom:12px}.filters .field{margin-bottom:12px}.filters button{margin-bottom:0}.college-grid{grid-template-columns:1fr}.results-visuals{gap:12px}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.summary-card{padding:18px}.summary-card strong{font-size:1.65rem}.section-line{align-items:flex-start;flex-direction:column}.comparison-section{padding:17px}.footer-inner img{width:118px}}
/* =====================================================
   24. RESPONSIVE: 420px
===================================================== */
@media(max-width:420px){.container{width:calc(100% - 30px)}.header-cta{font-size:.69rem;padding:9px 10px}.brand img{width:119px}.hero{padding:45px 0 67px}.hero-copy h1{font-size:2.65rem}.hero-copy>p{font-size:.94rem}.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:7px}.predictor-main{padding:22px 16px}.summary-grid{grid-template-columns:1fr 1fr}.step-list li{font-size:.56rem;padding:8px 3px}.form-top{font-size:.59rem}.form-step h3{font-size:1.5rem}.field input,.field select{height:51px}.unlock-story h2{font-size:2.1rem}.otp-panel h3{font-size:1.45rem}.results-top h2{font-size:1.75rem}.profile-pill{font-size:.71rem}.college-card{padding:17px}.counsel-cta{padding:29px 21px}.counsel-cta h3{font-size:1.55rem}.final-cta{padding:70px 0}.footer-inner span{font-size:.72rem}}
/* =====================================================
   25. RESPONSIVE: 360px
===================================================== */
@media(max-width:360px){.brand img{width:103px}.header-cta{font-size:.65rem;gap:4px}.hero-copy h1{font-size:2.35rem}.hero-points{font-size:.7rem}.admission-pass{width:71%}.summary-grid{gap:8px}.summary-card{padding:13px}.step-list li{font-size:.51rem}.college-actions button{font-size:.68rem}}
/* =====================================================
   26. REDUCED MOTION
===================================================== */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}