.interactive-learning-page .service-hero-image{border:3px solid #c6fd50;box-shadow:8px 8px 0 #131311,0 22px 55px #8cb8251f;background:#eff8dd;padding:5px;transition:box-shadow .3s,transform .3s}
.interactive-learning-page .service-hero-image:hover{transform:translateY(-3px);box-shadow:10px 12px 0 #131311,0 24px 55px #8cb8252a}
.interactive-learning-page .website-engaging h2{border-left:5px solid #c6fd50;padding-left:18px}
.interactive-learning-page .website-engaging .service-card{background:linear-gradient(145deg,#fff 62%,#eff8dd);border:1px solid #c7d6aa;position:relative;transition:transform .3s,box-shadow .3s}
.interactive-learning-page .website-engaging .service-card:hover{transform:translateY(-5px);box-shadow:6px 8px 0 #c6fd50}
.interactive-learning-page .learning-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#c6fd50;color:#131311;font-size:1.5rem;font-weight:800;margin-bottom:20px;box-shadow:3px 3px #131311}
.interactive-learning-page p.learning-card-caption{font-weight:700;color:#446400;margin:10px 0;font-size:.875rem}
.interactive-learning-page .handover-strip,.interactive-learning-page .prepare-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0;padding:22px;border:1px solid #b7ca91;border-radius:18px;background:#eff8dd}
.interactive-learning-page .handover-strip span,.interactive-learning-page .prepare-strip span{padding:12px 16px;background:white;border:1px solid #d5dec5;border-radius:10px;font-weight:650;color:#131311}
.interactive-learning-page .handover-strip b{color:#527500;animation:learning-arrow 1.6s ease-in-out infinite}
.interactive-learning-page .website-first-flow .service-card{position:relative;border-top:4px solid #c6fd50;padding-bottom:50px}
.interactive-learning-page .flow-next{position:absolute;bottom:15px;right:24px;font-size:1.8rem;color:#4b6d00;animation:learning-arrow 1.6s ease-in-out infinite}
.interactive-learning-page .website-first-flow .service-card:last-child .flow-next{display:none}
.interactive-learning-page .roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.interactive-learning-page .roadmap-card{position:relative;min-width:0;padding:24px 24px 65px!important;border:1px solid #c7d6aa;background:#fff;box-shadow:0 8px 22px #13131108;transition:transform .25s,box-shadow .25s}
.interactive-learning-page .roadmap-card:hover,.interactive-learning-page .roadmap-card:focus-within{transform:translateY(-4px);box-shadow:5px 6px #c6fd50;z-index:2}
.interactive-learning-page .roadmap-next{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#446400;font-weight:650}
.interactive-learning-page .roadmap-next b{font-size:1.4rem;animation:learning-arrow 1.6s ease-in-out infinite}
.roadmap-graphic{background:#eff8dd;border:1px solid #d5dec5;border-radius:14px;margin-bottom:20px;padding:10px}
.roadmap-graphic svg{display:block;width:100%;height:auto;color:#131311;font-family:inherit;overflow:visible}
.roadmap-graphic text{fill:#131311;font-size:13px;font-weight:650}
.diagram-shell{fill:#fff;stroke:#131311;stroke-width:1.5}
.diagram-edge{fill:none;stroke:#a2b080;stroke-width:2}
.diagram-signal{fill:none;stroke:#5a8100;stroke-width:3;stroke-dasharray:12 120;animation:diagram-travel 3s linear infinite}
.diagram-build rect{fill:#c6fd50;stroke:#131311;stroke-width:1}
.diagram-build path{fill:none;stroke:#6c921c;stroke-width:5;stroke-linecap:round}
.roadmap-expand{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;padding:8px 14px;background:#131311;color:#fff;border:1px solid #131311;border-radius:10px;font:inherit;font-weight:650;font-size:.9375rem;cursor:pointer}
.roadmap-expand:hover{background:#c6fd50;color:#131311}
.roadmap-expand:focus-visible,.roadmap-close:focus-visible,.review-pause:focus-visible{outline:3px solid #719a18;outline-offset:4px}
.roadmap-dialog{position:fixed;inset:0;margin:auto;width:min(640px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 50px);overflow:auto;border:2px solid #c6fd50;border-radius:24px;padding:32px;background:#fff;color:#131311;box-shadow:0 32px 100px #13131145;z-index:220}
.roadmap-dialog[open]{animation:roadmap-enter .28s cubic-bezier(.22,1,.36,1)}
.roadmap-dialog::backdrop{background:#13131188;backdrop-filter:blur(4px)}
.roadmap-close{position:sticky;float:right;top:0;z-index:2;width:44px;height:44px;display:grid;place-items:center;background:#131311;color:#fff;font-size:26px;border:0;border-radius:50%;cursor:pointer}
.roadmap-dialog-content{clear:both;padding-top:12px}
.roadmap-dialog .roadmap-graphic{margin:0 0 24px}
.roadmap-dialog h3{font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.3;color:#131311;margin-bottom:16px}
.roadmap-dialog p{font-size:1.05rem;line-height:1.7;margin:12px 0}
.roadmap-dialog .diagram-build{animation:diagram-build 2.5s ease-in-out infinite;transform-origin:center}
.roadmap-dialog .diagram-node{animation:diagram-build 2.5s ease-in-out infinite}
.roadmap-dialog .diagram-node-1{animation-delay:.4s}.roadmap-dialog .diagram-node-2{animation-delay:.8s}
.roadmap-dialog .diagram-signal{animation-duration:1.5s}
.review-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.review-heading h2{margin-bottom:0!important}.review-rating-note{background:#eff8dd;border:1px solid #b7ca91;border-radius:999px;padding:10px 16px;color:#3e540a;font-size:.875rem;font-weight:650}
.review-carousel{overflow:hidden;width:100%;min-width:0;position:relative;padding-block:14px}
.review-track{display:flex;width:max-content;animation:review-scroll var(--review-duration,120s) linear infinite;will-change:transform}
.review-set{display:flex;gap:20px;padding-right:20px}
.learning-landing .review-set .sample-review-card{width:330px;max-width:calc(100vw - 64px);flex:0 0 auto;border-color:#c7d6aa;box-shadow:0 6px 16px #13131108}
.review-carousel:hover .review-track,.review-carousel:focus-within .review-track,.review-carousel.is-paused .review-track,.review-carousel.is-offscreen .review-track,.review-carousel.tab-hidden .review-track{animation-play-state:paused}
.review-pause{display:inline-flex;align-items:center;min-height:44px;border:0;border-bottom:1px solid #719a18;background:none;color:#131311;font:inherit;font-weight:650;padding:10px 0;cursor:pointer}
@keyframes review-scroll{to{transform:translateX(-50%)}}
@keyframes learning-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@keyframes diagram-travel{to{stroke-dashoffset:-132}}
@keyframes diagram-build{0%,100%{opacity:.65;transform:translateY(3px)}50%{opacity:1;transform:translateY(0)}}
@keyframes roadmap-enter{from{opacity:0;transform:scale(.9) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:1024px){.interactive-learning-page .roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.interactive-learning-page .roadmap-grid{grid-template-columns:1fr}.interactive-learning-page .service-hero-image{box-shadow:4px 5px #131311}.interactive-learning-page .handover-strip,.interactive-learning-page .prepare-strip{padding:18px;gap:10px}.interactive-learning-page .handover-strip span{flex:1 1 100%;text-align:center}.interactive-learning-page .handover-strip b{transform:rotate(90deg);margin:auto;animation:none}.roadmap-dialog{padding:22px;width:calc(100vw - 28px);max-height:calc(100dvh - 32px)}.review-heading{gap:12px}.review-rating-note{border-radius:12px}.learning-landing .review-set .sample-review-card{width:290px}}
@media(prefers-reduced-motion:reduce){.roadmap-dialog[open],.diagram-build,.diagram-node,.diagram-signal,.flow-next,.roadmap-next b,.handover-strip b,.review-track{animation:none!important;transform:none!important;opacity:1!important}.review-carousel{overflow-x:auto}.review-set[aria-hidden=true]{display:none}.interactive-learning-page .service-card,.interactive-learning-page .service-hero-image{transition:none!important}}
.review-carousel.is-paused{overflow-x:auto;scrollbar-width:thin}
.review-carousel.is-paused .review-track{animation:none;transform:none}
.review-carousel.is-paused .review-set[aria-hidden=true]{display:none}