/* Lightweight vector scene; the menu and purchase controls remain stationary. */
html{scroll-padding-top:84px}
.edu-hero{background:#1c302a}
.edu-hero-background{background:linear-gradient(105deg,#152c29eb,#1d332bdd),url('images/education-background.jpg') center/cover no-repeat}
.edu-hero-content{display:grid;grid-template-columns:1.22fr 1fr;align-items:center;gap:24px;min-height:480px;padding-block:32px;text-align:left}
.it-hero-copy{position:relative;z-index:2;padding-block:25px}
.edu-hero h1{font-size:clamp(2.1rem,3.65vw,3.2rem);letter-spacing:-.045em;line-height:1.2;margin-bottom:23px}
.edu-hero h1 em{color:#a8eaba}
.edu-hero .eyebrow{font-size:.5625rem;letter-spacing:.12em;margin-bottom:23px}
.edu-hero-description{font-size:.875rem;line-height:1.9;max-width:535px;margin-bottom:29px;color:#d7e4dc}
.edu-hero-description .desktop-only{display:none}
.edu-hero .hero-actions{gap:13px;flex-wrap:wrap}
.edu-hero .hero-actions .button{padding:12px 20px;font-size:.8125rem}
.edu-hero .hero-actions .secondary{color:#d8efdf;border-color:#789d864d;border-radius:5px}
.edu-hero .hero-actions .secondary:hover{background:#91c5a61a;border-color:#99d4af}
.hero-caption{font-size:.625rem;color:#9ab3a4;letter-spacing:.06em;margin:28px 0 0}
.tech-grid{position:absolute;z-index:-1;inset:-80px;pointer-events:none;background-image:radial-gradient(#a8eaba3d .8px,transparent .8px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 30%,#000 75%,transparent);rotate:-8deg}
.tech-scene{position:relative;height:420px;width:100%;isolation:isolate;pointer-events:none}
.tech-scene:before{content:"";position:absolute;inset:15% 5%;background:radial-gradient(ellipse,#4cb8731a,transparent 67%);filter:blur(18px)}
.tech-circuit,.tech-core{position:absolute;inset:0;will-change:transform}
.tech-circuit svg{width:100%;height:100%;overflow:visible}
.tech-core{display:grid;place-items:center}
.tech-core svg{width:200px;height:200px;rotate:-8deg;filter:drop-shadow(0 16px 28px #00000050) drop-shadow(0 0 20px #64c18c15)}
.tech-code{position:absolute;z-index:2;color:#e6f5e9;font:12px/1.85 Consolas,"Courier New",monospace;letter-spacing:.01em;padding:12px 17px;border-left:1px solid #a8eaba66;background:linear-gradient(90deg,#24433899,transparent);will-change:transform}
.tech-code-top{top:24px;left:12px;rotate:-4deg}
.tech-code-bottom{right:-4px;bottom:20px;rotate:3deg}
.code-comment{color:#8aaa96;font-size:10px}
.code-keyword{color:#9ce6b8}.code-value{color:#dbeaae}
.tech-signal{animation:signal-flow 13s linear infinite;animation-play-state:paused}
.tech-node{animation:node-glow 6s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}
.tech-node:nth-of-type(2){animation-delay:-3s}
.is-motion-active .tech-signal,.is-motion-active .tech-node{animation-play-state:running}
@keyframes signal-flow{to{stroke-dashoffset:-436}}
@keyframes node-glow{0%,100%{opacity:.25;scale:.85}50%{opacity:.7;scale:1.15}}

@media(max-width:1150px){.tech-scene{height:380px}.tech-code{font-size:11px;padding:10px 12px}.tech-code-top{left:0;top:18px}.tech-code-bottom{right:-5px;bottom:18px}.tech-core svg{width:180px;height:180px}}
@media(max-width:900px){.edu-hero-content{gap:8px;grid-template-columns:1.2fr 1fr;min-height:440px}.edu-hero h1{font-size:2rem}.edu-hero-description{font-size:.8125rem}.tech-scene{height:350px}.tech-core svg{width:160px;height:160px}.tech-code{font-size:10px}.code-comment{font-size:9px}.tech-code-top{top:22px}.tech-code-bottom{bottom:22px}}
@media(max-width:760px){
    html{scroll-padding-top:78px}.edu-hero-content{display:flex;flex-direction:column;text-align:center;gap:0;padding:30px 0 12px;min-height:0}.it-hero-copy{padding-block:8px 0;width:100%}.edu-hero h1{font-size:2rem;line-height:1.23;max-width:460px;margin:0 auto 21px}.edu-hero .eyebrow{font-size:.5rem;letter-spacing:.06em;margin-bottom:19px}.edu-hero-description{font-size:.8125rem;max-width:410px;margin:0 auto 23px}.edu-hero .hero-actions{justify-content:center;gap:11px}.edu-hero .hero-actions .button{font-size:.75rem;padding:12px 15px}.hero-caption{font-size:.5625rem;margin-top:21px}
    .tech-scene{height:270px;max-width:400px;margin-top:9px}.tech-core svg{width:150px;height:150px}.tech-code-top{top:4px;left:9px}.tech-code-bottom{bottom:0;right:0}.tech-code{font-size:10px;padding:8px 10px}.code-comment{font-size:8px}.tech-grid{background-size:27px 27px;mask-image:linear-gradient(0deg,#000,transparent 75%)}
}
@media(max-width:360px){.edu-hero h1{font-size:1.75rem}.edu-hero .hero-actions{flex-direction:column}.edu-hero .hero-actions .button{width:100%;max-width:250px}.tech-scene{height:245px}.tech-code{font-size:9px}.code-comment{font-size:7px}}
/* On phones the artwork sits quietly behind the introduction, without adding height. */
@media(max-width:760px){
    .edu-hero-content{position:relative;padding-bottom:32px}
    .tech-scene{position:absolute;z-index:0;top:0;left:50%;width:100%;height:100%;max-height:380px;max-width:420px;margin:0;transform:translateX(-50%);opacity:.2;filter:saturate(.55)}
    .tech-scene:before{display:none}
    .tech-core svg{filter:none}
    .tech-code{opacity:.55}
    .tech-grid{opacity:.45}
}
@media(prefers-reduced-motion:reduce){.tech-signal,.tech-node{animation:none}.tech-grid,.tech-circuit,.tech-core,.tech-code{will-change:auto}}