.boxy-page{background:#f5f8fd;color:#152744}.boxy-main{padding-top:38px;padding-bottom:28px}.boxy-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(38px,7vw,108px);align-items:center;min-height:560px;padding:clamp(28px,5vw,70px) 0 76px}.boxy-copy{max-width:650px}.boxy-status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#3977ed;box-shadow:0 0 0 4px #e6efff}.boxy-copy h1{margin:17px 0 18px;color:#142744;font:800 clamp(46px,6.6vw,78px)/.99 Manrope,Arial,sans-serif;letter-spacing:-.075em}.boxy-copy h1 em,.boxy-section-head h2 em,.boxy-lesson h2 em{color:#315ce8;font-style:normal}.boxy-intro{max-width:590px;color:#657590;font-size:clamp(16px,1.7vw,19px);line-height:1.7}.boxy-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:27px}.boxy-fiction-note{margin-top:28px;color:#8996aa;font-size:11px}.boxy-stage{position:relative;display:grid;min-height:410px;place-items:center;overflow:hidden;border:1px solid #e2eaf5;border-radius:30px;background:radial-gradient(ellipse at 53% 35%,#fff 0,#f6f9ff 67%,#eef3fb 100%);box-shadow:0 22px 65px rgba(29,59,109,.08)}.boxy-stage:before,.boxy-stage:after{position:absolute;content:"";width:330px;height:330px;border:1px solid rgba(49,92,232,.08);border-radius:50%}.boxy-stage:after{width:240px;height:240px}.boxy-stage-kicker{position:absolute;top:24px;left:27px;color:#8190a8;font-size:10px;font-weight:800;letter-spacing:.13em}.boxy-character{position:relative;z-index:1;width:min(100%,320px);margin-top:6px;animation:boxy-arrive .8s cubic-bezier(.2,.8,.2,1) both}.boxy-stage-caption{position:absolute;z-index:2;right:21px;bottom:20px;left:21px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #e2eaf5;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(26,52,91,.07)}.boxy-mini-check{display:grid;width:31px;height:31px;flex:none;place-items:center;border-radius:10px;background:#edf8f1;color:#158153;font-weight:900}.boxy-stage-caption strong,.boxy-stage-caption small{display:block}.boxy-stage-caption strong{color:#183355;font-size:12px}.boxy-stage-caption small{margin-top:3px;color:#74839b;font-size:11px}.boxy-story{padding:57px 0 61px;border-top:1px solid #e2eaf5}.boxy-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:29px}.boxy-section-head h2{margin:9px 0 0;color:#142744;font:800 clamp(32px,4.7vw,51px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.06em}.boxy-section-head>p{max-width:390px;margin:0 0 5px;color:#6a7890;font-size:14px;line-height:1.65}.boxy-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.boxy-chapter{position:relative;min-height:275px;padding:23px;border:1px solid #e0e8f3;border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(27,52,93,.035)}.boxy-chapter-number{position:absolute;top:20px;right:21px;color:#b0bdd0;font-size:12px;font-weight:800}.boxy-chapter-mark{display:flex;align-items:end;gap:5px;width:53px;height:44px;margin:0 0 22px;padding:7px;border:1px solid #dfe8f5;border-radius:13px;background:#f2f6fd}.boxy-chapter-mark i{display:block;width:9px;border-radius:4px 4px 2px 2px;background:#76a2f4}.boxy-chapter-mark i:nth-child(1){height:17px}.boxy-chapter-mark i:nth-child(2){height:28px;background:#315ce8}.boxy-chapter-mark i:nth-child(3){height:22px;background:#9bb8ef}.mark-bronx{align-items:center}.mark-bronx i{width:9px;border-radius:5px;background:#7094d2}.mark-bronx i:nth-child(1){height:24px}.mark-bronx i:nth-child(2){height:31px}.mark-bronx i:nth-child(3){height:19px}.mark-virginia{align-items:end}.mark-virginia i{width:12px;height:14px!important;border-radius:3px;background:#a9c5f7}.mark-virginia i:nth-child(2){height:24px!important;background:#5184e5}.mark-virginia i:nth-child(3){height:30px!important;background:#315ce8}.boxy-chapter .eyebrow{margin-bottom:7px;font-size:9px}.boxy-chapter h3{margin:0 0 10px;color:#193355;font:750 19px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.035em}.boxy-chapter>p:last-child{margin:0;color:#687992;font-size:13px;line-height:1.68}.boxy-lesson{display:grid;grid-template-columns:auto 1fr auto;gap:21px;align-items:center;padding:30px;border:1px solid #dae5f5;border-radius:23px;background:linear-gradient(110deg,#edf3ff 0%,#f9fbff 72%)}.boxy-lesson-badge{display:grid;width:54px;height:54px;place-items:center;border-radius:17px;background:#315ce8;color:#fff;font:800 23px Manrope,Arial,sans-serif;box-shadow:0 8px 20px rgba(49,92,232,.2)}.boxy-lesson .eyebrow{margin:0 0 7px;font-size:9px}.boxy-lesson h2{margin:0;color:#162d4f;font:800 clamp(22px,3vw,32px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-.045em}.boxy-lesson p:last-child{max-width:720px;margin:9px 0 0;color:#657590;font-size:13px;line-height:1.65}.boxy-footer{margin-top:27px}.boxy-page .button,.boxy-page .text-link{transition:transform .18s ease,box-shadow .18s ease}.boxy-page .button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(36,81,183,.13)}
@keyframes boxy-arrive{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.boxy-hero{grid-template-columns:1fr minmax(300px,.85fr);gap:28px;min-height:480px}.boxy-stage{min-height:350px}.boxy-character{width:min(100%,280px)}.boxy-chapter{padding:19px}.boxy-chapter h3{font-size:17px}}
@media(max-width:700px){.boxy-page .site-header{gap:13px}.boxy-page .site-nav{display:none}.boxy-main{padding-top:18px}.boxy-hero{grid-template-columns:1fr;gap:28px;padding:38px 0 47px;min-height:0}.boxy-copy h1{font-size:clamp(45px,13vw,64px)}.boxy-intro{font-size:16px}.boxy-stage{min-height:330px;border-radius:23px}.boxy-character{width:270px}.boxy-story{padding:42px 0}.boxy-section-head{display:block}.boxy-section-head>p{margin-top:14px}.boxy-chapters{grid-template-columns:1fr}.boxy-chapter{min-height:0;padding:21px}.boxy-lesson{grid-template-columns:auto 1fr;gap:15px;padding:22px}.boxy-lesson>.button{grid-column:1/-1;justify-self:start}.boxy-footer{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.boxy-character{animation:none}.boxy-page .button,.boxy-page .text-link{transition:none}.boxy-page .button:hover{transform:none}}
