main{max-width:1280px;margin:0 auto;padding:1.4rem 1.25rem 4rem}
.tab-bar{position:sticky;top:12px;z-index:15;display:flex;justify-content:center;gap:.2rem;max-width:1040px;margin:0 auto 1.15rem;padding:.3rem;border:1px solid rgba(0,0,0,.07);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 10px 35px rgba(0,0,0,.08);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}
.tab-bar button,.tab-bar #tab-vocabulary,.tab-bar #tab-materials{flex:1 1 0;min-width:0;height:46px;padding:0 .55rem;border:0;border-radius:14px;background:transparent;color:#6e6e73;font-size:.68rem;font-weight:550;line-height:1.15;box-shadow:none;transition:background .2s,color .2s}.tab-bar button:hover{background:rgba(0,0,0,.045);color:#1d1d1f;transform:none}.tab-bar button.active{background:#1d1d1f;color:#fff;border:0;box-shadow:0 5px 13px rgba(0,0,0,.16)}.tab-bar button svg{width:15px;height:15px}
.content-wrap{margin:0;border:0;border-radius:28px;background:#fff;box-shadow:var(--apple-shadow);overflow:hidden}.panel{padding:clamp(1.1rem,3vw,2.4rem);animation:appleFade .32s cubic-bezier(.22,1,.36,1)}@keyframes appleFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sim-unit,.calculator-unit,.quiz-level,.quiz-topic-card,.quiz-shell,.quiz-results,.vocab-card,.material-card,.pt-detail,.sim-card,.sn-law,.sn-chart,.sn-pathways>div,.quiz-question-card,.quiz-coming-soon{border-color:rgba(0,0,0,.075)!important;background:#fff!important;border-radius:18px!important;box-shadow:var(--apple-shadow-small)!important}.sim-unit>summary,.calculator-unit>summary{background:#f5f5f7!important;border-radius:18px;color:#1d1d1f}.grade-selector,.vocab-level-tabs{padding:.26rem;border-radius:15px;background:#f5f5f7;gap:.2rem}.grade-btn,.vocab-level-tabs button{border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}.grade-btn.active,.vocab-level-tabs button.active{background:#fff!important;color:#1d1d1f!important;box-shadow:0 2px 10px rgba(0,0,0,.08)!important}
input,select,textarea,.pt-search input,.vocab-search input,.hh-fields input,.sn-controls select{border-color:rgba(0,0,0,.12)!important;border-radius:12px!important;background:#fff!important;color:#1d1d1f!important}input:focus,select:focus,textarea:focus{border-color:#0071e3!important;box-shadow:0 0 0 4px rgba(0,113,227,.12)!important;outline:none}.quiz-primary,.material-download,.hh-calculate{border-color:#0071e3!important;border-radius:999px!important;background:#0071e3!important;color:#fff!important}.quiz-secondary,.material-open{border-color:rgba(0,0,0,.1)!important;border-radius:999px!important;background:#f5f5f7!important;color:#1d1d1f!important}.quiz-level:hover,.quiz-topic-card:hover,.vocab-card:hover,.material-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.09)!important}.quiz-level.active{border-color:#0071e3!important;background:#f0f7ff!important}.quiz-level-code,.vocab-number,.hh-number{background:#edf5ff!important;color:#0071e3!important}.quiz-level.active .quiz-level-code{background:#0071e3!important;color:#fff!important}
.quiz-option{border-color:rgba(0,0,0,.08);border-radius:14px;background:#f5f5f7;font-size:.76rem}.quiz-option:hover{border-color:#0071e3;background:#f0f7ff}.quiz-option.selected{border-color:#0071e3;background:#edf5ff;box-shadow:0 0 0 3px rgba(0,113,227,.1)}.quiz-option.selected .quiz-option-letter,.quiz-dots button.active{background:#0071e3}.footer-links a,.footer-section a{color:#0066cc}
.site-footer{margin-top:2rem;padding:1.4rem 0 0;border-top:1px solid rgba(0,0,0,.08);background:transparent}.footer-links{gap:.45rem}.footer-links a{padding:.42rem .72rem;border:0;border-radius:999px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.05);text-decoration:none}.footer-sections{gap:1.4rem;padding:1.5rem 0}.footer-section h2{font-size:.9rem;font-weight:650}.footer-section p{font-size:.67rem;line-height:1.55}.footer-label{color:#86868b}.footer-bottom{color:#86868b;font-size:.6rem}
button,a{touch-action:manipulation}:focus-visible{outline:3px solid rgba(0,113,227,.45)!important;outline-offset:3px}
@media(max-width:900px){.brand-kicker{display:none}.site-hero{min-height:480px;height:61vh}.hero-copy{width:62%}.tab-bar{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar button,.tab-bar #tab-vocabulary,.tab-bar #tab-materials{flex:0 0 145px;min-width:145px}}
@media(max-width:620px){html{font-size:16px}.header-inner{height:58px}.header-mark{width:32px;height:32px;border-radius:9px}.header-mark svg{width:20px;height:20px}header h1{font-size:.88rem}.site-hero{height:590px;min-height:590px}.site-hero::after{background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.08) 75%)}.site-hero>img{object-position:62% center}.hero-copy{left:1.25rem;right:1.25rem;top:auto;bottom:2.2rem;width:auto;transform:none}.hero-copy h2{font-size:3rem}.hero-copy p{font-size:.9rem}.hero-actions{flex-wrap:wrap}.hero-actions button{padding:.7rem .95rem}main{padding:1rem .7rem 3rem}.tab-bar{top:8px;margin-bottom:.8rem;border-radius:16px}.content-wrap{border-radius:21px}.panel{padding:1rem}.footer-sections{grid-template-columns:1fr 1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:.35rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Larger display type and tactile motion system */
html{font-size:19px}
body{font-weight:400;line-height:1.55}
header h1{font-size:1.08rem}
.hero-copy h2{font-size:clamp(3.15rem,6.2vw,6.15rem);line-height:.94}
.hero-copy p{font-size:clamp(1rem,1.5vw,1.25rem)}
.sim-title,.quiz-heading h2,.calculator-heading h2,.vocab-heading h2,.materials-heading h2,.pt-heading h2{font-size:clamp(1.55rem,2.5vw,2.15rem)!important;letter-spacing:-.045em!important;line-height:1.08!important}
.grade-heading span,.sim-unit>summary span,.calculator-unit>summary>span{font-size:.98rem!important}
.sim-sub,.quiz-heading p,.calculator-heading p,.vocab-heading p,.materials-heading p{font-size:.82rem!important;line-height:1.62!important}
.quiz-topic-card h3,.vocab-card h3,.material-summary h3{font-size:.9rem!important}
.tab-bar button,.tab-bar #tab-vocabulary,.tab-bar #tab-materials{font-size:.73rem}

button,a,[role="button"],summary,.quiz-option,.pt-element{position:relative;isolation:isolate;-webkit-tap-highlight-color:transparent}
button,.quiz-option,.pt-element,summary,.material-actions a,.footer-links a{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease!important}
button:active,.quiz-option:active,.pt-element:active,summary:active,.material-actions a:active,.footer-links a:active{transform:scale(.965)!important;transition-duration:.08s!important}
.tab-bar button:active{transform:scale(.95)!important}
.tab-bar button svg{transition:transform .35s cubic-bezier(.2,.9,.2,1)}
.tab-bar button.active svg{transform:scale(1.14) rotate(-3deg)}
.grade-btn.active strong{animation:softPop .38s cubic-bezier(.2,1.35,.35,1)}
.content-wrap{transition:box-shadow .35s ease,transform .35s ease}
.sim-unit[open],.calculator-unit[open]{box-shadow:0 18px 44px rgba(0,0,0,.09)!important}
.sim-unit>summary::after,.calculator-unit>summary::after{transition:transform .3s cubic-bezier(.2,.9,.2,1)!important}
.sim-unit[open]>summary::after,.calculator-unit[open]>summary::after{transform:rotate(180deg)}
.quiz-feedback,.quiz-results{animation:feedbackReveal .42s cubic-bezier(.16,1,.3,1)}
.ripple-wave{position:absolute;z-index:0;width:12px;height:12px;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(0);animation:rippleOut .58s ease-out forwards}
.quiz-option .ripple-wave,.grade-btn .ripple-wave,.quiz-secondary .ripple-wave,.footer-links .ripple-wave,summary .ripple-wave{background:rgba(0,113,227,.16)}
.motion-reveal{opacity:0;transform:translateY(18px) scale(.985)}
.motion-reveal.motion-visible{opacity:1;transform:none;transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.site-hero>img{animation:heroDrift 1.2s cubic-bezier(.16,1,.3,1) both}.hero-copy>*{animation:heroTextIn .75s cubic-bezier(.16,1,.3,1) both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}
@keyframes rippleOut{to{transform:translate(-50%,-50%) scale(20);opacity:0}}
@keyframes softPop{0%{transform:scale(.82)}70%{transform:scale(1.08)}100%{transform:none}}
@keyframes feedbackReveal{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes heroDrift{from{opacity:.7;transform:scale(1.08)}to{opacity:1;transform:scale(1.015)}}
@keyframes heroTextIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:620px){html{font-size:17px}.hero-copy h2{font-size:3.25rem}.tab-bar button,.tab-bar #tab-vocabulary,.tab-bar #tab-materials{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;transform:none}.ripple-wave{display:none}.site-hero>img,.hero-copy>*{animation:none}}