/* Brand primitives and shared layout metrics */
:root{--brand:#0878e8;--action:#005fbe;--action-hover:#004b98;--ink:#142638;--muted:#566879;--line:#dce4ec;--surface:#f5f7fa;--white:#fff;--blue-surface:#eaf3ff;--orange:#ffca87;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--section:5.5rem;--hero-content-gap:3rem;--radius:1.75rem;--control-radius:.875rem;--width:75rem;--body:1rem;--small:.875rem;--focus:#0057ae;--shadow:0 18px 40px #183b6115;--motion:160ms ease;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;background:var(--surface);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0}h1,h2,h3,h4,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:5px}main:focus{outline:none}.wrap{width:min(var(--width),calc(100% - 5rem));margin-inline:auto}.skip{position:fixed;left:1rem;top:-6rem;background:var(--white);padding:1rem;z-index:20}.skip:focus{top:1rem}.site-header{min-height:6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:.75rem}.brand{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;font-size:1.5rem;font-weight:750}.brand img{width:2.75rem;height:2.75rem}.brand small{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-top:.1875rem}.site-header nav{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.nav-link,.text-link,.icp-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;font-size:var(--small);line-height:1.5;transition:color var(--motion)}.text-link{color:var(--action);font-weight:600}.nav-link:hover,.text-link:hover,.icp-link:hover{text-decoration:underline;text-underline-offset:.25rem;color:var(--action)}button.text-link{border:0;background:transparent;padding:.5rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:3.375rem;padding:1rem 1.5rem;border:1px solid transparent;border-radius:var(--control-radius);background:var(--action);color:var(--white);font-weight:600;font-size:1rem;line-height:1.5;transition:background var(--motion)}.button:hover{background:var(--action-hover)}.button-small{min-height:2.75rem;padding:.75rem 1rem;font-size:var(--small);gap:1rem}.button span,.text-link span{font-size:1.125rem}.eyebrow{font-size:var(--small);font-weight:600;line-height:1.7;color:var(--action)}h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.4;letter-spacing:-.015em;text-wrap:balance}
/* Signature blue first screen, with the actual Mini Program code */
.hero{--hero-pad:3.5rem;display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:3rem;align-items:center;background:#095dc6;background:linear-gradient(115deg,#075cc6 15%,#086ed5 100%);border-radius:2rem;padding:var(--hero-pad);color:var(--white)}.hero-copy{min-width:0}.hero-kicker{font-size:var(--small);color:#dceaff;line-height:1.8}.hero h1{font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:750;line-height:1.32;letter-spacing:-.025em;margin:1.5rem 0}.hero h1 span{color:var(--orange)}.hero-description{font-size:1.125rem;line-height:1.9;color:#edf5ff}.hero-link{display:inline-flex;align-items:center;gap:1rem;min-height:2.75rem;margin-top:1.75rem;font-size:1rem;font-weight:600;border-bottom:1px solid #ffffff70}.hero-link:hover{border-color:var(--white)}.hero-link:focus-visible{outline-color:var(--white)}.hero-bottom{display:flex;gap:0;align-items:center;flex-wrap:wrap;margin-top:2.75rem;color:#e4f0ff;font-size:var(--small)}.hero-bottom span+span{margin-left:1.5rem;padding-left:1.5rem;border-left:1px solid #ffffff50}.scan-card{color:var(--ink);background:var(--white);padding:1.5rem;border-radius:1.5rem;min-width:0;text-align:center;scroll-margin-top:2rem}.scan-eyebrow{color:var(--muted);font-size:.8125rem;line-height:1.5}.scan-card h2{font-size:1.25rem;line-height:1.5;margin:.5rem 0 1rem;letter-spacing:0}.mini-code{--center-inset:27.7%;--center-size:44.6%;width:14.5rem;max-width:100%;position:relative;margin:auto;background:var(--white)}.code-original{width:100%}.code-logo{position:absolute;left:var(--center-inset);top:var(--center-inset);width:var(--center-size);height:var(--center-size);border-radius:50%;background:var(--brand);overflow:hidden;pointer-events:none}.code-logo img{position:absolute;width:113.64%;height:113.64%;max-width:none;left:-6.82%;top:-6.82%}.qr-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem}.phone-help{border-top:1px solid var(--line);margin-top:.5rem;text-align:left}.phone-help summary{font-size:var(--small);min-height:2.75rem;padding:.875rem 0;line-height:1.5;color:var(--muted);cursor:pointer}.phone-help ol{margin:.25rem 0 .75rem;padding-left:1.25rem;color:var(--ink);font-size:var(--small);line-height:1.8}.phone-help p{font-size:.8125rem;color:var(--muted);line-height:1.7}.hero-footnote{font-size:.8125rem;color:var(--muted);line-height:1.7;padding:1rem .5rem 0}
/* Asymmetric feature modules */
.features{padding-top:var(--hero-content-gap);padding-bottom:var(--section)}.section-heading{margin-bottom:2rem}.section-heading h2{margin:.75rem 0}.section-heading>p:last-child{font-size:1.0625rem;color:var(--muted);line-height:1.85}.feature-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:1.5rem;align-items:stretch}.feature-card{padding:2.5rem;background:var(--white);border-radius:var(--radius);border:1px solid #e3e9ef;min-width:0;overflow:hidden}.card-label{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--action);font-size:var(--small);font-weight:600;line-height:1.5;margin-bottom:1.5rem}.card-label span:last-child{font-weight:400;opacity:.75}.feature-card h3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.45;letter-spacing:-.015em;margin-bottom:1rem}.feature-card>p{font-size:var(--body);line-height:1.9;color:var(--muted)}.eligibility-card{grid-column:1;grid-row:1}/* Shared feature reading rhythm and device presentation metrics */
.feature-points{list-style:none;padding:0;margin:var(--space-5) 0 0;display:grid;gap:var(--space-4)}.feature-points li{padding-left:var(--space-3);border-left:3px solid var(--line)}.feature-points strong{display:block;font-size:1.0625rem;line-height:1.6;margin-bottom:.25rem}.feature-points span{display:block;font-size:var(--body);line-height:1.8;color:var(--muted)}
.score-card{grid-column:1;grid-row:2;background:#142b44;color:var(--white);border-color:#142b44}.score-card .card-label{color:#c0dcff}.score-options{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.score-options>div+div{padding-top:var(--space-4);border-top:1px solid #ffffff29}.path-label{font-size:var(--small);color:#b9d9ff;line-height:1.6}.score-options h4{font-size:1.25rem;line-height:1.6;margin:.5rem 0;color:var(--white)}.score-options p{font-size:var(--body);line-height:1.85;color:#e1eaf5;max-width:27em}
.school-card{grid-column:2;grid-row:1/span 2;background:var(--blue-surface);border-color:#e1ebf8}.school-tabs{display:flex;background:var(--white);border:1px solid var(--line);padding:.3125rem;border-radius:var(--control-radius);gap:.25rem;max-width:22rem;margin:var(--space-5) auto var(--space-4)}.school-tabs button{flex:1;min-width:0;min-height:2.75rem;border:0;border-radius:.625rem;padding:.625rem .75rem;background:transparent;color:var(--muted);font-size:var(--body);line-height:1.5}.school-tabs [aria-selected="true"]{background:var(--action);color:var(--white);font-weight:600}.school-tabs button:hover{box-shadow:inset 0 0 0 1px var(--action)}[hidden]{display:none!important}
.phone-preview{--device-width:21rem;display:block;max-width:100%;width:var(--device-width);border:0;background:transparent;padding:0;margin:auto;line-height:0;border-radius:2rem;overflow:hidden;cursor:zoom-in}.phone-preview svg{display:block;width:100%;height:auto}.result-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center;background:var(--white)}.result-copy{max-width:31rem}.result-card h3{font-size:clamp(1.75rem,3vw,2.5rem)}.result-copy>p{font-size:var(--body);line-height:1.85;color:var(--muted)}.result-copy .example-note{font-size:var(--small);margin-top:var(--space-5);line-height:1.8}.result-device{background:var(--surface);border-radius:var(--radius);padding:var(--space-4)}.result-device .phone-preview{--device-width:19rem}.faq-source{display:block;color:var(--action);font-size:var(--small);margin-top:var(--space-2);text-decoration:underline;text-underline-offset:.2rem;min-height:2.75rem;padding-top:.5rem}
.reference-note{font-size:var(--small);line-height:1.8;color:var(--muted);margin-top:1.25rem}
/* Search-intent questions, readable without JavaScript */
.questions{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;padding-bottom:var(--section);scroll-margin-top:2rem}.question-heading h2{font-size:clamp(1.5rem,2.5vw,2rem);margin:.75rem 0 1.25rem}.faq-list{border-top:1px solid #cbd7e2}.faq-list details{border-bottom:1px solid #cbd7e2}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.5rem;padding:1.25rem .25rem;font-size:1rem;font-weight:600;line-height:1.7;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:1.5rem;font-weight:400;color:var(--action);flex-shrink:0}.faq-list details[open] summary::after{content:'−'}.faq-list summary:hover{color:var(--action)}.faq-list details>p{font-size:1rem;color:var(--muted);line-height:1.9;padding:0 1.75rem 1.5rem .25rem}.closing{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:2.75rem}.closing h2{font-size:clamp(1.5rem,2.5vw,2rem);margin-top:.5rem}.footer{padding-block:2rem;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.footer-brand{font-size:1.25rem}.footer-brand img{width:2.25rem;height:2.25rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:.8125rem;color:var(--muted);line-height:1.8}.icp-link{flex-shrink:0;font-size:.8125rem;max-width:100%;overflow-wrap:anywhere;justify-content:flex-start}.mobile-break{display:none}
/* Existing accessible image preview */
.image-dialog{border:0;border-radius:1.25rem;padding:0;width:min(32rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);background:var(--white);color:var(--ink)}.image-dialog::backdrop{background:#13283aaa;backdrop-filter:blur(4px)}.dialog-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 1rem;position:sticky;top:0;background:var(--white);border-bottom:1px solid var(--line)}.dialog-bar h2{font-size:1rem}.dialog-note{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:.25rem}.close-button{flex-shrink:0;width:2.75rem;height:2.75rem;border:0;border-radius:.5rem;background:var(--surface);color:var(--ink);font-size:1.75rem}.close-button:hover{background:#dfebf6}.dialog-image{padding:1rem}.dialog-image img{width:100%;height:auto}body.modal-open{overflow:hidden}
@media(max-width:1050px){.wrap{width:calc(100% - 3rem)}.hero{--hero-pad:2.5rem;grid-template-columns:minmax(0,1fr) 19rem;gap:2rem}.hero h1{font-size:2.75rem}.hero-description{font-size:1rem}.hero-bottom{margin-top:2rem}.feature-card{padding:2rem}.questions{gap:2rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.5rem}}
@media(max-width:760px){:root{--section:3.5rem;--hero-content-gap:2rem;--radius:1.25rem}.wrap{width:calc(100% - 2.5rem)}.site-header{min-height:5rem}.brand{font-size:1.25rem;gap:.5rem}.brand img{width:2.5rem;height:2.5rem}.site-header nav{gap:0}.nav-link{display:none}.button-small{padding:.625rem .75rem;gap:.5rem;font-size:.8125rem}.hero{--hero-pad:1.5rem;grid-template-columns:minmax(0,1fr);gap:2rem;border-radius:1.5rem}.hero-kicker{font-size:.8125rem}.hero h1{font-size:clamp(2rem,7.8vw,2.625rem);margin:1rem 0;line-height:1.35}.hero-description{font-size:1rem;line-height:1.85}.hero-link{margin-top:1rem;font-size:.875rem}.hero-bottom{display:none}.scan-card{width:min(100%,21rem);justify-self:center;padding:1.25rem;border-radius:1.125rem}.mini-code{width:14rem}.hero-footnote{font-size:.75rem;padding-top:.75rem}.feature-grid{grid-template-columns:minmax(0,1fr)}.eligibility-card,.score-card,.school-card,.result-card{grid-column:auto;grid-row:auto}.result-card{grid-template-columns:minmax(0,1fr);gap:2rem}.result-device{padding:.75rem}.phone-preview{--device-width:20rem}.feature-card{padding:1.5rem}.feature-card h3{font-size:1.75rem}.card-label{margin-bottom:1rem}.condition-flow{margin-top:1.5rem}.screenshot-button{width:15rem}.questions{grid-template-columns:minmax(0,1fr);gap:1.5rem}.question-heading h2{font-size:1.75rem}.question-heading .text-link{margin-top:0}.mobile-break{display:block}.desktop-break{display:none}.section-heading>p:last-child{font-size:1rem}.closing{align-items:flex-start;gap:1.5rem}.closing h2{font-size:1.75rem}.footer-bottom{gap:.5rem}.image-dialog{max-height:calc(100dvh - 1rem);width:calc(100% - 1rem)}.dialog-image{padding:.5rem}}
@media(max-width:360px){.wrap{width:calc(100% - 2rem)}.brand small{display:none}.brand img{width:2rem;height:2rem}.button-small{font-size:.75rem}.hero{--hero-pad:1.125rem}.hero h1{font-size:1.875rem}.scan-card{padding:1rem}.scan-card h2{font-size:1.125rem}.qr-actions{gap:1rem}.condition-flow{gap:.375rem}.condition-flow span{padding:.375rem}.feature-card h3{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}