.edu-page { --edu: #f59e0b; --edu-deep: #dd7800; --edu-soft: #fff5df; --edu-ink: #101b30; background: #fbfcfe; }
.edu-page .site-main { overflow: hidden; }
.edu-page .site-nav__item[data-nav-key="platforms"] > .site-nav__trigger > .site-nav__link { color: var(--site-text, #09111f); font-weight: 700; background: linear-gradient(180deg, rgba(245,158,11,.12), rgba(255,255,255,.94)); box-shadow: 0 14px 28px rgba(15,23,42,.08), inset 0 0 0 1px rgba(245,158,11,.16); }
.edu-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(54px, 7vw, 110px) 0 clamp(64px, 8vw, 122px); background: radial-gradient(circle at 79% 36%, rgba(245,158,11,.18), transparent 21%), radial-gradient(circle at 71% 82%, rgba(239,68,68,.09), transparent 26%), linear-gradient(135deg, #fff 0%, #fffaf0 57%, #f5f8fc 100%); }
.edu-hero::before, .edu-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; }
.edu-hero::before { top: -280px; right: -210px; width: 720px; height: 720px; border: 1px solid rgba(245,158,11,.16); box-shadow: 0 0 0 78px rgba(245,158,11,.035), 0 0 0 160px rgba(245,158,11,.025); }
.edu-hero::after { bottom: -330px; left: -180px; width: 570px; height: 570px; background: rgba(245,158,11,.06); }
.edu-hero__grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(440px, .98fr); align-items: center; gap: clamp(30px, 6vw, 100px); }
.edu-brand { display: inline-flex; align-items: center; gap: .65rem; margin-bottom: 1.55rem; color: #151c28; font-size: clamp(1.35rem, 2vw, 1.8rem); font-weight: 800; letter-spacing: -.07em; }
.edu-brand b { color: var(--edu-deep); }
.edu-brand__mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; color: #fff; background: linear-gradient(145deg, #ffbe2f, var(--edu-deep)); box-shadow: 0 12px 22px rgba(221,120,0,.26); font-size: 1rem; }
.edu-eyebrow { display: inline-flex; align-items: center; gap: .5rem; color: var(--edu-deep); font-size: .76rem; font-weight: 800; letter-spacing: .11em; line-height: 1.3; text-transform: uppercase; }
.edu-hero h1, .edu-section h2, .edu-cta h2 { margin: .8rem 0 1.1rem; color: var(--edu-ink); font-size: clamp(2.55rem, 5vw, 5rem); font-weight: 800; letter-spacing: -.065em; line-height: 1.02; }
.edu-hero p { max-width: 60ch; color: #536075; font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.78; }
.edu-hero__actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }
.edu-button { color: #fff; background: linear-gradient(135deg, #ffbc28, var(--edu-deep)); box-shadow: 0 16px 32px rgba(221,120,0,.24); }
.edu-hero__signals { display: flex; flex-wrap: wrap; gap: .7rem 1rem; margin-top: 1.65rem; color: #536075; font-size: .82rem; font-weight: 700; }
.edu-hero__signals span { display: inline-flex; align-items: center; gap: .42rem; }
.edu-hero__signals i { color: var(--edu-deep); }
.edu-hero__visual { position: relative; min-height: 475px; }
.edu-orbit { position: absolute; border: 1px dashed rgba(221,120,0,.32); border-radius: 50%; }
.edu-orbit--outer { top: 10px; right: 4%; width: 430px; height: 430px; transform: rotate(-16deg); }
.edu-orbit--inner { top: 77px; right: 13%; width: 295px; height: 295px; border-style: solid; border-color: rgba(245,158,11,.18); }
.edu-dashboard { position: absolute; z-index: 2; top: 66px; right: 7%; width: min(390px, 84%); padding: 1.1rem; border: 1px solid rgba(255,255,255,.82); border-radius: 28px; background: rgba(255,255,255,.9); box-shadow: 0 28px 68px rgba(15,23,42,.18); backdrop-filter: blur(18px); transform: rotate(2.2deg); }
.edu-dashboard__top, .edu-dashboard__welcome, .edu-dashboard__stats { display: flex; justify-content: space-between; gap: .6rem; }
.edu-dashboard__top { padding-bottom: .9rem; color: #6b7486; font-size: .75rem; font-weight: 700; border-bottom: 1px solid rgba(15,23,42,.06); }
.edu-dashboard__top b { color: #17975b; } .edu-dashboard__top b i { font-size: .48rem; }
.edu-dashboard__welcome { flex-direction: column; padding: 1.1rem 0 .9rem; } .edu-dashboard__welcome span { color: #708096; font-size: .78rem; } .edu-dashboard__welcome strong { color: var(--edu-ink); font-size: 1.28rem; }
.edu-dashboard__stats { gap: .6rem; } .edu-dashboard__stats div { flex: 1; padding: .7rem; border-radius: 14px; background: #f7f9fc; } .edu-dashboard__stats i { display: block; margin-bottom: .45rem; color: var(--edu-deep); } .edu-dashboard__stats span, .edu-dashboard__stats strong { display: block; } .edu-dashboard__stats span { color: #7d8ba0; font-size: .63rem; } .edu-dashboard__stats strong { margin-top: .18rem; color: #202b3e; font-size: .76rem; }
.edu-dashboard__chart { margin-top: .75rem; padding: .8rem; overflow: hidden; border-radius: 16px; color: #fff; background: linear-gradient(125deg, #202d43, #384b68); font-size: .7rem; } .edu-dashboard__bars { display: flex; align-items: end; gap: .36rem; height: 68px; margin-top: .45rem; } .edu-dashboard__bars i { display: block; flex: 1; border-radius: 5px 5px 1px 1px; background: linear-gradient(#ffd46d, #f59e0b); } .edu-dashboard__bars i:nth-child(1){height:33%}.edu-dashboard__bars i:nth-child(2){height:54%}.edu-dashboard__bars i:nth-child(3){height:45%}.edu-dashboard__bars i:nth-child(4){height:78%}.edu-dashboard__bars i:nth-child(5){height:59%}.edu-dashboard__bars i:nth-child(6){height:89%}.edu-dashboard__bars i:nth-child(7){height:100%}
.edu-node { position: absolute; z-index: 3; display: flex; align-items: center; gap: .48rem; padding: .62rem .78rem .62rem .62rem; border: 1px solid rgba(255,255,255,.85); border-radius: 999px; color: #31415a; background: rgba(255,255,255,.9); box-shadow: 0 12px 30px rgba(15,23,42,.12); font-size: .72rem; font-weight: 800; backdrop-filter: blur(8px); } .edu-node i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; color: var(--edu-deep); background: var(--edu-soft); } .edu-node--students { top: 8px; left: 3%; }.edu-node--parents { top: 220px; left: -2%; }.edu-node--staff { right: 0; bottom: 59px; }.edu-node--admin { bottom: 2px; left: 17%; }
.edu-trust-bar { color: #eaf0fb; background: #15263f; }.edu-trust-bar__inner { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem 2.2rem; padding: 1.05rem 0; font-size: .76rem; font-weight: 700; }.edu-trust-bar span { display: inline-flex; align-items: center; gap: .5rem; }.edu-trust-bar i { color: #ffc34e; }
.edu-section { padding: clamp(68px, 9vw, 132px) 0; }.edu-section h2 { max-width: 18ch; font-size: clamp(2rem, 3.7vw, 3.55rem); }.edu-section--intro { background: #fff; }.edu-intro { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: clamp(34px, 7vw, 130px); }.edu-intro p, .edu-section-heading--split > p { max-width: 60ch; color: #58657a; line-height: 1.8; }.edu-intro__points { display: grid; gap: .85rem; }.edu-intro__points div { display: flex; align-items: flex-start; gap: .8rem; padding: 1rem 1.1rem; border: 1px solid rgba(15,23,42,.07); border-radius: 18px; color: #3e4d63; background: #fffaf2; font-size: .91rem; font-weight: 700; line-height: 1.5; }.edu-intro__points i { margin-top: .15rem; color: var(--edu-deep); }
.edu-section--layers { background: linear-gradient(180deg, #f7f9fc, #fff); }.edu-section-heading { margin-bottom: 2.5rem; }.edu-section-heading--split { display: flex; justify-content: space-between; align-items: end; gap: 2rem; }.edu-section-heading--split > p { margin-bottom: 1.05rem; }.edu-layer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }.edu-layer-card { min-height: 260px; padding: 1.55rem; border-radius: 26px; color: #fff; overflow: hidden; background: #1c2b43; box-shadow: 0 20px 48px rgba(15,23,42,.13); }.edu-layer-card--2 { background: linear-gradient(140deg, #d87900, #f5a510); }.edu-layer-card--3 { background: #385273; }.edu-layer-card__number { display: block; margin-bottom: 2.8rem; color: #ffcd6b; font-size: .76rem; font-weight: 800; letter-spacing: .1em; }.edu-layer-card--2 .edu-layer-card__number { color: rgba(255,255,255,.72); }.edu-layer-card h3 { margin-bottom: 1rem; font-size: 1.4rem; letter-spacing: -.04em; }.edu-layer-card ul { display: grid; gap: .5rem; }.edu-layer-card li { display: flex; gap: .5rem; color: rgba(255,255,255,.82); font-size: .83rem; }.edu-layer-card li i { color: #ffcb60; font-size: .68rem; }.edu-layer-card--2 li i { color: #fff; }
.edu-section--modules { background: linear-gradient(180deg, #fff 0%, #f7faff 100%); }.edu-module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }.edu-module-card { --module-accent: #df7d00; --module-soft: #fff4db; position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 405px; padding: 1.35rem; overflow: hidden; border: 1px solid rgba(15,23,42,.08); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: 0 15px 38px rgba(15,23,42,.055); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }.edu-module-card::before { content: ""; position: absolute; z-index: -1; top: -74px; right: -54px; width: 168px; height: 168px; border: 28px solid var(--module-soft); border-radius: 50%; transition: transform .3s ease; }.edu-module-card:hover { border-color: color-mix(in srgb, var(--module-accent) 34%, transparent); box-shadow: 0 22px 45px rgba(15,23,42,.12); transform: translateY(-6px); }.edu-module-card:hover::before { transform: scale(1.14); }.edu-module-card--2, .edu-module-card--6, .edu-module-card--10 { --module-accent: #176ec6; --module-soft: #e7f2ff; }.edu-module-card--3, .edu-module-card--7, .edu-module-card--11 { --module-accent: #0b8d67; --module-soft: #e3f7ef; }.edu-module-card--4, .edu-module-card--8, .edu-module-card--12 { --module-accent: #7546bc; --module-soft: #f0e9ff; }.edu-module-card__header { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: 1.15rem; }.edu-module-card__header > span { color: var(--module-accent); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.edu-module-card__icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; color: var(--module-accent); background: var(--module-soft); font-size: 1rem; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7); }.edu-module-card h3 { max-width: 13ch; margin-bottom: 1rem; color: var(--edu-ink); font-size: 1.17rem; font-weight: 800; letter-spacing: -.045em; line-height: 1.18; }.edu-module-card__list { display: grid; gap: .55rem; }.edu-module-card__list li { display: flex; align-items: flex-start; gap: .52rem; color: #58677c; font-size: .74rem; line-height: 1.43; }.edu-module-card__list i { margin-top: .26rem; color: var(--module-accent); font-size: .58rem; }.edu-module-card__list span { flex: 1; }
.edu-section--feature { background: #fff8e9; }.edu-feature { display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: clamp(45px, 10vw, 170px); }.edu-feature__visual { position: relative; display: grid; place-items: center; min-height: 440px; }.edu-feature__visual::before { content: ""; position: absolute; width: 330px; height: 330px; border-radius: 50%; background: radial-gradient(circle, #ffd984, rgba(255,218,139,0)); }.edu-phone { position: relative; z-index: 1; width: 220px; padding: .9rem .72rem 1.1rem; border: 8px solid #1b283b; border-radius: 32px; color: #22314a; background: #fff; box-shadow: 0 28px 48px rgba(118,76,6,.22); }.edu-phone__camera { width: 64px; height: 14px; margin: -5px auto .8rem; border-radius: 999px; background: #1b283b; }.edu-phone__head small, .edu-phone__child small { display: block; color: #8290a4; font-size: .57rem; }.edu-phone__head strong { display: block; margin-top: .17rem; font-size: .93rem; }.edu-phone__child { display: flex; align-items: center; gap: .45rem; margin: .9rem 0; padding: .6rem; border-radius: 12px; background: #fff5df; }.edu-phone__child i { display: grid; place-items: end center; width: 27px; height: 27px; overflow: hidden; border-radius: 50%; color: #fff; background: #f3a007; font-size: .9rem; }.edu-phone__child b { display: block; font-size: .64rem; }.edu-phone__child em { margin-left: auto; color: #b36d00; font-size: .52rem; font-style: normal; font-weight: 800; }.edu-phone__list { display: grid; gap: .46rem; }.edu-phone__list span { display: flex; align-items: center; gap: .43rem; padding: .5rem; border-bottom: 1px solid #edf0f4; font-size: .6rem; }.edu-phone__list i { color: var(--edu-deep); }.edu-phone__list b { margin-left: auto; color: #1a8753; font-size: .55rem; }.edu-feature__float { position: absolute; z-index: 2; top: 23%; right: 0; display: flex; align-items: center; gap: .55rem; padding: .75rem; border-radius: 16px; color: #283954; background: rgba(255,255,255,.94); box-shadow: 0 15px 30px rgba(15,23,42,.12); }.edu-feature__float > i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; color: #fff; background: var(--edu-deep); }.edu-feature__float small, .edu-feature__float b { display: block; font-size: .62rem; }.edu-feature__float small { color: #7b8799; }.edu-feature__copy h2 { max-width: 14ch; }.edu-feature__copy p { color: #59667a; line-height: 1.8; }.edu-feature__copy ul { display: grid; gap: .82rem; margin-top: 1.5rem; }.edu-feature__copy li { display: flex; align-items: flex-start; gap: .65rem; color: #35455d; font-size: .88rem; font-weight: 700; line-height: 1.6; }.edu-feature__copy li i { margin-top: .27rem; color: var(--edu-deep); }
.edu-section--addons { padding-block: clamp(64px,8vw,105px); background: #fff; }.edu-addon-list { display: flex; flex-wrap: wrap; gap: .8rem; }.edu-addon-list span { display: inline-flex; align-items: center; gap: .6rem; padding: .9rem 1rem; border: 1px solid rgba(221,120,0,.14); border-radius: 15px; color: #48566b; background: #fffaf2; font-size: .82rem; font-weight: 700; }.edu-addon-list i { color: var(--edu-deep); }
.edu-cta { position: relative; overflow: hidden; padding: clamp(62px, 8vw, 105px) 0; color: #fff; background: linear-gradient(125deg, #162942, #293f60); }.edu-cta::after { content: ""; position: absolute; top: -220px; right: -30px; width: 560px; height: 560px; border: 70px solid rgba(245,158,11,.14); border-radius: 50%; }.edu-cta__inner { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 2rem; }.edu-cta .edu-eyebrow { color: #ffd15e; }.edu-cta h2 { max-width: 18ch; color: #fff; font-size: clamp(2rem, 3.8vw, 3.6rem); }.edu-cta p { color: rgba(255,255,255,.73); }.edu-button--light { flex: 0 0 auto; color: #263a57; background: #fff; box-shadow: 0 16px 32px rgba(0,0,0,.18); }
@media (max-width: 980px) { .edu-hero__grid, .edu-intro, .edu-feature { grid-template-columns: 1fr; }.edu-hero__visual { width: min(570px, 100%); min-height: 450px; margin: 0 auto; }.edu-intro { gap: 2rem; }.edu-feature__visual { order: 2; }.edu-layer-grid, .edu-module-grid { grid-template-columns: repeat(2, 1fr); }.edu-cta__inner { align-items: flex-start; flex-direction: column; }.edu-section-heading--split { display: block; }.edu-section-heading--split > p { margin-top: -.25rem; } }
@media (max-width: 620px) { .edu-hero { padding-top: 46px; }.edu-hero h1 { font-size: clamp(2.35rem, 12vw, 3.25rem); }.edu-hero__actions .intello-button { width: 100%; }.edu-hero__visual { min-height: 355px; }.edu-orbit--outer { top: 10px; right: 3%; width: 315px; height: 315px; }.edu-orbit--inner { top: 62px; right: 11%; width: 210px; height: 210px; }.edu-dashboard { top: 68px; right: 8%; width: 79%; padding: .8rem; border-radius: 21px; }.edu-dashboard__welcome { padding: .8rem 0 .6rem; }.edu-dashboard__stats div { padding: .5rem; }.edu-node { font-size: .62rem; }.edu-node--students { left: 0; }.edu-node--parents { top: 246px; left: 0; }.edu-node--staff { right: -2%; bottom: 25px; }.edu-node--admin { bottom: -20px; left: 12%; }.edu-trust-bar__inner { justify-content: flex-start; gap: .6rem 1rem; padding: .9rem 0; }.edu-section { padding-block: 64px; }.edu-section h2 { font-size: clamp(1.95rem, 9vw, 2.65rem); }.edu-layer-grid, .edu-module-grid { grid-template-columns: 1fr; }.edu-layer-card { min-height: auto; }.edu-layer-card__number { margin-bottom: 1.5rem; }.edu-module-card { min-height: 0; }.edu-feature__visual { min-height: 375px; }.edu-feature__float { top: 12%; right: -4px; }.edu-addon-list { gap: .55rem; }.edu-addon-list span { width: 100%; }.edu-cta__inner .intello-button { width: 100%; }.edu-cta h2 { font-size: 2.15rem; } }

/* INTELLO EDU - elevated landing-page visual system */
.edu-page { --edu: #ff9200; --edu-deep: #e87800; --edu-ink: #102646; --edu-muted: #536885; --edu-surface: #f5f8fc; --edu-line: rgba(16,38,70,.11); background: var(--edu-surface); }
.edu-page .site-main { background: var(--edu-surface); }
.edu-hero { padding-block: clamp(72px, 8vw, 126px); background: radial-gradient(circle at 80% 24%, rgba(255,146,0,.2), transparent 22%), radial-gradient(circle at 12% 90%, rgba(74,144,226,.1), transparent 26%), linear-gradient(122deg, #ffffff 0%, #fffaf2 52%, #edf4fc 100%); }
.edu-hero::before { border-color: rgba(255,146,0,.22); box-shadow: 0 0 0 72px rgba(255,146,0,.045), 0 0 0 148px rgba(16,38,70,.025); animation: edu-orbit-spin 28s linear infinite; }
.edu-hero::after { background: linear-gradient(145deg, rgba(255,203,104,.16), rgba(27,99,181,.05)); }
.edu-hero__grid { gap: clamp(38px, 6vw, 110px); }
.edu-brand { margin-bottom: 1.25rem; font-size: clamp(1.45rem, 2vw, 1.95rem); letter-spacing: -.08em; }
.edu-brand__mark { width: 45px; height: 45px; border-radius: 15px; background: linear-gradient(145deg, #ffc44d, #f27700); box-shadow: 0 14px 28px rgba(226,116,0,.25); }
.edu-eyebrow { padding: .48rem .76rem; border-radius: 999px; color: #bd6200; background: rgba(255,238,203,.78); font-size: .73rem; letter-spacing: .13em; }
.edu-hero h1, .edu-section h2, .edu-cta h2 { max-width: 13ch; color: var(--edu-ink); font-size: clamp(2.75rem, 5vw, 5.4rem); font-weight: 800; letter-spacing: -.07em; line-height: .98; }
.edu-hero p { max-width: 57ch; color: var(--edu-muted); font-size: clamp(1.05rem, 1.4vw, 1.22rem); font-weight: 500; line-height: 1.75; }
.edu-hero__actions { gap: 1rem; }.edu-button { border: 0; background: linear-gradient(135deg, #ffb322, #ed7900); box-shadow: 0 17px 30px rgba(230,120,0,.25); transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; }.edu-button:hover { filter: saturate(1.1); box-shadow: 0 22px 36px rgba(230,120,0,.34); transform: translateY(-3px); }
.edu-hero__signals { gap: .7rem; margin-top: 1.8rem; }.edu-hero__signals span { padding: .55rem .72rem; border: 1px solid rgba(16,38,70,.08); border-radius: 999px; background: rgba(255,255,255,.74); box-shadow: 0 8px 18px rgba(16,38,70,.04); }
.edu-hero__visual { min-height: 510px; }.edu-dashboard { top: 56px; right: 6%; width: min(420px, 84%); padding: 1.25rem; border: 1px solid rgba(255,255,255,.96); border-radius: 30px; background: rgba(255,255,255,.82); box-shadow: 0 35px 80px rgba(16,38,70,.2); animation: edu-dashboard-float 6s ease-in-out infinite; }.edu-dashboard__welcome strong { font-size: 1.4rem; }.edu-dashboard__stats div { border: 1px solid rgba(16,38,70,.05); background: linear-gradient(145deg, #ffffff, #f3f7fb); }.edu-dashboard__chart { background: linear-gradient(135deg, #102646, #234a79); }.edu-node { border-color: rgba(255,255,255,.95); color: #1b3558; box-shadow: 0 16px 35px rgba(16,38,70,.14); }.edu-node:nth-of-type(even) { animation: edu-node-float 5s ease-in-out infinite; }.edu-node:nth-of-type(odd) { animation: edu-node-float 6.5s ease-in-out -1.6s infinite; }
.edu-trust-bar { position: relative; overflow: hidden; background: linear-gradient(100deg, #102646, #18385f); }.edu-trust-bar::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent); transform: translateX(-100%); animation: edu-shimmer 7s ease-in-out infinite; }.edu-trust-bar__inner { position:relative; z-index:1; padding: 1.2rem 0; font-size: .82rem; }
.edu-section { padding-block: clamp(72px, 8vw, 108px); }.edu-section h2 { max-width: 14ch; font-size: clamp(2.35rem, 4.2vw, 4.2rem); }.edu-section--intro { background: #fff; }.edu-intro { gap: clamp(45px, 7vw, 120px); }.edu-intro p, .edu-section-heading--split > p { color: var(--edu-muted); font-size: 1.05rem; font-weight: 500; line-height: 1.85; }.edu-intro__points { gap: 1rem; }.edu-intro__points div { padding: 1.15rem 1.25rem; border-color: rgba(232,120,0,.17); border-radius: 20px; color: #25415f; background: linear-gradient(100deg, #fff9ef, #fff); box-shadow: 0 14px 30px rgba(16,38,70,.055); font-size: 1rem; transition: transform .25s ease, box-shadow .25s ease; }.edu-intro__points div:hover { box-shadow: 0 20px 36px rgba(16,38,70,.1); transform: translateX(8px); }
.edu-section--layers { position:relative; overflow:hidden; background: radial-gradient(circle at 82% 10%, rgba(255,146,0,.12), transparent 19%), linear-gradient(180deg, #f0f5fa, #fff); }.edu-section-heading { margin-bottom: 2.9rem; }.edu-layer-grid { gap: 1.4rem; }.edu-layer-card { position:relative; min-height: 290px; padding: 1.8rem; border: 1px solid rgba(255,255,255,.17); border-radius: 28px; background: linear-gradient(145deg, #102646, #1b365b); box-shadow: 0 25px 50px rgba(16,38,70,.16); transition: transform .28s ease, box-shadow .28s ease; }.edu-layer-card::after { content:""; position:absolute; inset:auto -30px -70px auto; width:170px; height:170px; border:28px solid rgba(255,255,255,.08); border-radius:50%; }.edu-layer-card--2 { background: linear-gradient(145deg, #ffab16, #e77700); }.edu-layer-card--3 { background: linear-gradient(145deg, #24456e, #426b99); }.edu-layer-card:hover { box-shadow: 0 32px 58px rgba(16,38,70,.23); transform: translateY(-10px) rotate(-.5deg); }.edu-layer-card__number { margin-bottom: 3.4rem; font-size: .78rem; }.edu-layer-card h3 { font-size: 1.5rem; }.edu-layer-card li { color: rgba(255,255,255,.94); font-size: .93rem; line-height: 1.5; }
.edu-section--modules { background: linear-gradient(180deg, #ffffff 0%, #f1f6fc 100%); }.edu-section-heading--split { gap: 3rem; }.edu-section-heading--split > p { max-width: 47ch; margin-bottom: .4rem; }.edu-module-grid { gap: 1.35rem; }.edu-module-card { min-height: 0; padding: 1.65rem; border-color: rgba(16,38,70,.1); border-radius: 26px; background: rgba(255,255,255,.96); box-shadow: 0 16px 40px rgba(16,38,70,.07); transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, border-color .32s ease; }.edu-module-card::before { top: -84px; right: -63px; width: 186px; height: 186px; border-width: 30px; }.edu-module-card:hover { border-color: var(--module-accent); box-shadow: 0 26px 52px rgba(16,38,70,.15); transform: translateY(-9px); }.edu-module-card__header { margin-bottom: 1.4rem; }.edu-module-card__header > span { font-size: .72rem; }.edu-module-card__icon { width: 52px; height: 52px; border-radius: 17px; font-size: 1.15rem; }.edu-module-card h3 { max-width: 15ch; margin-bottom: 1.15rem; font-size: 1.42rem; line-height: 1.12; }.edu-module-card__list { gap: .68rem; }.edu-module-card__list li { gap: .62rem; color: #4e627e; font-size: .88rem; font-weight: 500; line-height: 1.5; }.edu-module-card__list i { font-size: .65rem; }
.edu-section--feature { background: linear-gradient(135deg, #fff4dd, #fffdf9 55%, #eef6ff); }.edu-feature { gap: clamp(55px, 9vw, 155px); }.edu-feature__visual { min-height: 485px; }.edu-phone { width: 236px; padding: 1rem .8rem 1.25rem; border: 9px solid #102646; border-radius: 36px; box-shadow: 0 32px 65px rgba(126,77,2,.25); animation: edu-dashboard-float 6.5s ease-in-out -1.2s infinite; }.edu-feature__float { border:1px solid rgba(255,255,255,.9); box-shadow: 0 20px 40px rgba(16,38,70,.15); animation: edu-node-float 5.5s ease-in-out infinite; }.edu-feature__copy p { color: var(--edu-muted); font-size: 1.05rem; font-weight: 500; }.edu-feature__copy li { color: #25415f; font-size: .97rem; }
.edu-section--addons { background: #fff; }.edu-addon-list { gap: 1rem; }.edu-addon-list span { padding: 1rem 1.15rem; border-color: rgba(232,120,0,.2); border-radius: 17px; color: #304762; background: linear-gradient(145deg, #fffaf1, #fff); font-size: .94rem; box-shadow: 0 10px 20px rgba(16,38,70,.04); transition: transform .24s ease, box-shadow .24s ease; }.edu-addon-list span:hover { box-shadow: 0 17px 28px rgba(16,38,70,.11); transform: translateY(-4px); }
.edu-section--why { position:relative; overflow:hidden; background: radial-gradient(circle at 8% 85%, rgba(255,146,0,.14), transparent 24%), linear-gradient(135deg, #edf4fc, #ffffff 58%, #fff7e9); }.edu-why-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.15rem; }.edu-why-card { min-height:218px; padding:1.45rem; border:1px solid rgba(16,38,70,.1); border-radius:24px; background:rgba(255,255,255,.88); box-shadow:0 16px 34px rgba(16,38,70,.07); transition:transform .28s ease, box-shadow .28s ease; }.edu-why-card:hover { box-shadow:0 24px 42px rgba(16,38,70,.14); transform:translateY(-7px); }.edu-why-card__icon { display:grid; place-items:center; width:46px; height:46px; margin-bottom:1.15rem; border-radius:15px; color:#b85d00; background:linear-gradient(145deg, #fff0d1, #ffe1a1); font-size:1.05rem; }.edu-why-card h3 { margin-bottom:.55rem; color:#193657; font-size:1.2rem; letter-spacing:-.035em; }.edu-why-card p { margin:0; color:#58708d; font-size:.93rem; font-weight:500; line-height:1.65; }
.edu-cta { padding-block: clamp(76px, 8vw, 120px); background: radial-gradient(circle at 84% 50%, rgba(255,151,0,.3), transparent 21%), linear-gradient(125deg, #102646, #1d426d); }.edu-cta::before { content:""; position:absolute; inset:0; background-image: radial-gradient(rgba(255,255,255,.11) 1px, transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(90deg, #000, transparent); }.edu-cta h2 { color:#fff; }.edu-cta p { font-size:1.05rem; }.edu-button--light { color:#173353; background:#fff; }.edu-button--light:hover { filter:none; }
.edu-page.edu-motion-ready .edu-reveal { opacity: 0; transform: translateY(34px); transition: opacity .72s cubic-bezier(.2,.65,.25,1), transform .72s cubic-bezier(.2,.65,.25,1); }.edu-page.edu-motion-ready .edu-reveal.is-visible { opacity: 1; transform: translateY(0); }.edu-page.edu-motion-ready .edu-reveal:nth-child(2) { transition-delay: .09s; }.edu-page.edu-motion-ready .edu-reveal:nth-child(3) { transition-delay: .18s; }.edu-page.edu-motion-ready .edu-reveal:nth-child(4) { transition-delay: .27s; }
@keyframes edu-dashboard-float { 0%,100% { transform: rotate(2.2deg) translateY(0); } 50% { transform: rotate(1deg) translateY(-13px); } }
@keyframes edu-node-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes edu-orbit-spin { from { transform: rotate(-16deg); } to { transform: rotate(344deg); } }
@keyframes edu-shimmer { 0%,20% { transform: translateX(-120%); } 58%,100% { transform: translateX(120%); } }
@media (max-width: 980px) { .edu-section-heading--split { gap: 1.3rem; }.edu-section-heading--split > p { max-width: 60ch; }.edu-module-card h3 { font-size: 1.32rem; }.edu-why-grid { grid-template-columns:repeat(2, 1fr); } }
@media (max-width: 620px) { .edu-hero { padding-block: 58px 76px; }.edu-hero h1 { font-size: clamp(2.65rem, 12vw, 3.55rem); }.edu-hero__visual { min-height: 390px; }.edu-section { padding-block: 72px; }.edu-section h2 { font-size: clamp(2.35rem, 10vw, 3rem); }.edu-intro__points div { font-size: .93rem; }.edu-layer-card { min-height: 0; padding: 1.45rem; }.edu-module-card { padding: 1.35rem; }.edu-module-card__list li { font-size: .86rem; }.edu-module-grid, .edu-why-grid { gap: 1rem; grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce) { .edu-page *, .edu-page *::before, .edu-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } .edu-page.edu-motion-ready .edu-reveal { opacity: 1; transform: none; } }

/* Rebalanced product-content sections */
.edu-section-heading--split {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, .72fr);
    align-items: center;
    gap: clamp(2rem, 7vw, 8rem);
    margin-bottom: 2rem;
    padding: clamp(1.65rem, 3vw, 2.6rem);
    border: 1px solid rgba(16, 38, 70, .08);
    border-radius: 30px;
    background: linear-gradient(120deg, rgba(255,255,255,.98), rgba(245,249,253,.88));
    box-shadow: 0 18px 48px rgba(16, 38, 70, .06);
}

.edu-section-heading--split h2 {
    max-width: 13ch;
    margin: .65rem 0 0;
    font-size: clamp(2.4rem, 4.3vw, 4.6rem);
    line-height: .98;
}

.edu-section-heading--split > p {
    max-width: 36ch;
    margin: 0;
    padding: .3rem 0 .3rem 1.4rem;
    border-left: 3px solid #ff9200;
    color: #425d7e;
    font-size: clamp(1rem, 1.25vw, 1.14rem);
    font-weight: 500;
    line-height: 1.8;
}

.edu-section--modules .edu-module-grid { margin-top: 1.5rem; }

.edu-section--layers {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 5%, rgba(255, 151, 0, .28), transparent 20%),
        radial-gradient(circle at 12% 80%, rgba(64, 132, 212, .22), transparent 26%),
        linear-gradient(135deg, #0c213d 0%, #112e53 48%, #173d69 100%);
}

.edu-section--layers::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: .28;
    background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(115deg, #000, transparent 78%);
}

.edu-layer-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(280px, .72fr);
    align-items: end;
    gap: clamp(2rem, 7vw, 8rem);
    margin-bottom: 3rem;
}

.edu-layer-heading h2 {
    max-width: 13ch;
    margin: .75rem 0 0;
    color: #fff;
    font-size: clamp(2.45rem, 4.6vw, 4.9rem);
    line-height: .97;
}

.edu-layer-heading > p {
    max-width: 37ch;
    margin: 0 0 .35rem;
    padding-left: 1.4rem;
    border-left: 3px solid #ffad2d;
    color: rgba(238, 246, 255, .84);
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.8;
}

.edu-layer-heading .edu-eyebrow { color: #ffe0a6; background: rgba(255, 170, 37, .16); }
.edu-layer-grid { gap: 1.5rem; }

.edu-layer-card {
    display: flex;
    min-height: 390px;
    padding: 1.85rem;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(29, 67, 110, .96), rgba(16, 38, 70, .97));
    box-shadow: 0 24px 54px rgba(0, 10, 28, .28);
    flex-direction: column;
}

.edu-layer-card--2 { background: linear-gradient(145deg, #ffad17, #ef7700); }
.edu-layer-card--3 { background: linear-gradient(145deg, #3d6b9f, #24466f); }

.edu-layer-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.35rem;
}

.edu-layer-card__number {
    display: inline-block;
    margin: 0;
    color: #ffd378;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.edu-layer-card--2 .edu-layer-card__number { color: rgba(255,255,255,.82); }

.edu-layer-card__icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 16px;
    color: #ffc04d;
    background: rgba(255,255,255,.11);
    font-size: 1.1rem;
    box-shadow: inset 0 1px rgba(255,255,255,.2);
}

.edu-layer-card--2 .edu-layer-card__icon { color: #df7000; background: rgba(255,255,255,.9); }
.edu-layer-card h3 { margin-bottom: .65rem; color: #fff; font-size: clamp(1.45rem, 2vw, 1.75rem); }
.edu-layer-card > p { min-height: 3.3em; margin: 0 0 1.2rem; color: rgba(255,255,255,.79); font-size: .96rem; font-weight: 500; line-height: 1.65; }
.edu-layer-card ul { gap: .64rem; }
.edu-layer-card li { color: rgba(255,255,255,.94); font-size: .91rem; }
.edu-layer-card__link { display: inline-flex; align-items: center; gap: .45rem; margin-top: auto; padding-top: 1.3rem; color: #ffd378; font-size: .88rem; font-weight: 800; }
.edu-layer-card--2 .edu-layer-card__link { color: #fff; }
.edu-layer-card__link:hover { color: #fff; transform: translateX(4px); }

@media (max-width: 980px) {
    .edu-section-heading--split, .edu-layer-heading { grid-template-columns: 1fr; gap: 1.25rem; }
    .edu-section-heading--split > p, .edu-layer-heading > p { max-width: 56ch; }
}

@media (max-width: 620px) {
    .edu-section-heading--split { padding: 1.45rem; border-radius: 22px; }
    .edu-section-heading--split h2, .edu-layer-heading h2 { max-width: 12ch; font-size: clamp(2.35rem, 11vw, 3.2rem); }
    .edu-section-heading--split > p, .edu-layer-heading > p { padding-left: 1rem; font-size: .98rem; }
    .edu-layer-card { min-height: 0; padding: 1.45rem; }
}

/* Module catalogue: product showcase rather than repetitive admin cards */
.edu-section--modules {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 6% 8%, rgba(255, 164, 35, .2), transparent 20%),
        radial-gradient(circle at 91% 35%, rgba(51, 129, 220, .15), transparent 24%),
        #f4f7fb;
}

.edu-section--modules::before {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    opacity: .45;
    background-image: radial-gradient(rgba(18, 52, 89, .08) .75px, transparent .75px);
    background-size: 18px 18px;
    mask-image: linear-gradient(180deg, #000, transparent 58%);
}

.edu-section--modules .site-container { position: relative; z-index: 1; }
.edu-section--modules .edu-module-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.35rem;
    margin-top: 1.75rem;
}

.edu-module-card {
    --module-surface: #fff;
    --module-copy: #425b7c;
    --module-title: #102646;
    --module-border: rgba(16,38,70,.09);
    grid-column: span 4;
    min-height: 400px;
    padding: 1.7rem;
    border: 1px solid var(--module-border);
    border-radius: 30px;
    background: var(--module-surface);
    box-shadow: 0 18px 38px rgba(20, 49, 84, .07), inset 0 1px rgba(255,255,255,.7);
    transform: translateZ(0);
}

.edu-module-card::after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 42%;
    height: 40%;
    content: "";
    opacity: .52;
    background: linear-gradient(135deg, var(--module-soft), transparent 72%);
    border-radius: 0 29px 0 100%;
}

.edu-module-card:hover {
    border-color: var(--module-accent);
    box-shadow: 0 28px 62px rgba(20, 49, 84, .16);
    transform: translateY(-10px);
}

.edu-module-card:hover::before { transform: rotate(18deg) scale(1.14); }
.edu-module-card__header { position: relative; z-index: 1; margin-bottom: 1.5rem; }
.edu-module-card__header > span { font-size: .69rem; letter-spacing: .12em; }
.edu-module-card__icon { width: 54px; height: 54px; border-radius: 18px; font-size: 1.12rem; }
.edu-module-card h3 { max-width: 16ch; margin-bottom: 1rem; color: var(--module-title); font-size: clamp(1.35rem, 1.8vw, 1.65rem); line-height: 1.05; }
.edu-module-card__list { gap: .66rem; }
.edu-module-card__list li { color: var(--module-copy); font-size: .88rem; font-weight: 500; line-height: 1.48; }
.edu-module-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1.25rem; border-top: 1px solid color-mix(in srgb, var(--module-copy) 15%, transparent); color: var(--module-accent); font-size: .69rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.edu-module-card__footer i { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: var(--module-accent); font-size: .68rem; transition: transform .25s ease; }
.edu-module-card:hover .edu-module-card__footer i { transform: rotate(45deg); }

.edu-module-card--featured { --module-copy: rgba(255,255,255,.84); --module-title: #fff; --module-border: rgba(255,255,255,.19); min-height: 424px; box-shadow: 0 25px 58px rgba(8, 28, 54, .2); }
.edu-module-card--featured::after { opacity: .26; background: linear-gradient(135deg, rgba(255,255,255,.45), transparent 70%); }
.edu-module-card--featured .edu-module-card__header > span, .edu-module-card--featured .edu-module-card__footer { color: rgba(255,255,255,.84); }
.edu-module-card--featured .edu-module-card__icon { color: #fff; background: rgba(255,255,255,.14); box-shadow: inset 0 1px rgba(255,255,255,.2); }
.edu-module-card--featured .edu-module-card__list i { color: #ffd17a; }
.edu-module-card--featured .edu-module-card__footer { border-color: rgba(255,255,255,.19); }
.edu-module-card--featured .edu-module-card__footer i { color: var(--module-accent); background: #fff; }

.edu-module-card--1 { --module-accent: #ffc14b; --module-soft: #f9bd42; grid-column: span 6; background: linear-gradient(135deg, #112c50, #234f7d); }
.edu-module-card--2 { --module-accent: #73c9ff; --module-soft: #a6dbff; grid-column: span 3; background: linear-gradient(145deg, #1557a8, #12386c); }
.edu-module-card--3 { --module-accent: #72e5c4; --module-soft: #9cf5dd; grid-column: span 3; background: linear-gradient(145deg, #08775d, #0a3d49); }
.edu-module-card--4, .edu-module-card--8, .edu-module-card--12, .edu-module-card--16, .edu-module-card--20 { --module-accent: #8a59d5; --module-soft: #f1e8ff; }
.edu-module-card--5, .edu-module-card--9, .edu-module-card--13, .edu-module-card--17, .edu-module-card--21 { --module-accent: #ed8400; --module-soft: #fff0d3; }
.edu-module-card--6, .edu-module-card--10, .edu-module-card--14, .edu-module-card--18, .edu-module-card--22 { --module-accent: #1977d3; --module-soft: #e0f0ff; }
.edu-module-card--7, .edu-module-card--11, .edu-module-card--15, .edu-module-card--19, .edu-module-card--23 { --module-accent: #099a70; --module-soft: #dcf8ef; }

.edu-module-card--4, .edu-module-card--5 { grid-column: span 6; }
.edu-module-card--4, .edu-module-card--5 { min-height: 376px; }

@media (max-width: 980px) {
    .edu-section--modules .edu-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .edu-module-card, .edu-module-card--1, .edu-module-card--2, .edu-module-card--3, .edu-module-card--4, .edu-module-card--5 { grid-column: auto; }
}

@media (max-width: 620px) {
    .edu-section--modules .edu-module-grid { grid-template-columns: 1fr; gap: 1rem; }
    .edu-module-card, .edu-module-card--featured { min-height: 0; padding: 1.4rem; border-radius: 24px; }
    .edu-module-card h3 { font-size: 1.45rem; }
    .edu-module-card__list li { font-size: .9rem; }
}

/* Full-page small-device responsiveness (320px and up) */
.edu-page { max-width: 100%; overflow-x: clip; }
.edu-page *, .edu-page *::before, .edu-page *::after { min-width: 0; }
.edu-page p, .edu-page li, .edu-page span { overflow-wrap: anywhere; }

@media (max-width: 560px) {
    .edu-page .site-container { width: min(100% - 32px, 1360px); }
    .edu-hero { padding-block: 48px 64px; }
    .edu-brand { gap: .5rem; margin-bottom: 1rem; font-size: 1.45rem; }
    .edu-brand__mark { width: 39px; height: 39px; border-radius: 13px; }
    .edu-eyebrow { max-width: 100%; padding: .42rem .62rem; font-size: .62rem; letter-spacing: .09em; }
    .edu-hero h1, .edu-section h2, .edu-cta h2 { max-width: 11.5ch; font-size: clamp(2.25rem, 11vw, 3.25rem); letter-spacing: -.065em; line-height: 1; }
    .edu-hero p, .edu-intro p, .edu-feature__copy p { font-size: .98rem; line-height: 1.7; }
    .edu-hero__actions { display: grid; grid-template-columns: 1fr; gap: .7rem; margin-top: 1.45rem; }
    .edu-hero__actions .intello-button, .edu-cta__inner .intello-button { width: 100%; min-height: 52px; padding-inline: 1rem; white-space: normal; }
    .edu-hero__signals { display: grid; grid-template-columns: 1fr; gap: .55rem; margin-top: 1.2rem; font-size: .78rem; }
    .edu-hero__signals span { width: fit-content; max-width: 100%; }

    .edu-hero__visual { width: 100%; min-height: 335px; margin-top: .5rem; }
    .edu-orbit--outer { top: 12px; right: -27px; width: 292px; height: 292px; }
    .edu-orbit--inner { top: 60px; right: 20px; width: 196px; height: 196px; }
    .edu-dashboard { top: 54px; right: 6%; width: 88%; padding: .85rem; border-radius: 23px; transform: rotate(1deg); }
    .edu-dashboard__top { padding-bottom: .65rem; font-size: .65rem; }
    .edu-dashboard__welcome { padding: .72rem 0 .6rem; }
    .edu-dashboard__welcome strong { font-size: 1.08rem; }
    .edu-dashboard__stats { gap: .35rem; }
    .edu-dashboard__stats div { padding: .45rem; border-radius: 11px; }
    .edu-dashboard__stats span { font-size: .53rem; }
    .edu-dashboard__stats strong { font-size: .62rem; }
    .edu-dashboard__chart { margin-top: .55rem; padding: .6rem; border-radius: 12px; font-size: .6rem; }
    .edu-dashboard__bars { height: 42px; }
    .edu-node { gap: .33rem; padding: .42rem .58rem .42rem .42rem; font-size: .59rem; }
    .edu-node i { width: 22px; height: 22px; border-radius: 7px; font-size: .62rem; }
    .edu-node--students { top: 7px; left: 0; }
    .edu-node--parents { top: auto; bottom: 10px; left: 0; }
    .edu-node--staff { right: 0; bottom: 45px; }
    .edu-node--admin { display: none; }

    .edu-trust-bar__inner { display: grid; grid-template-columns: 1fr 1fr; justify-content: normal; gap: .6rem .8rem; padding-block: .85rem; font-size: .67rem; }
    .edu-trust-bar span { align-items: flex-start; }

    .edu-section { padding-block: 58px; }
    .edu-intro, .edu-feature { gap: 2rem; }
    .edu-intro__points { gap: .7rem; }
    .edu-intro__points div { padding: .9rem; border-radius: 16px; font-size: .88rem; }
    .edu-section-heading { margin-bottom: 1.5rem; }
    .edu-section-heading--split { gap: 1rem; padding: 1.2rem; margin-bottom: 1.35rem; border-radius: 21px; }
    .edu-section-heading--split h2, .edu-layer-heading h2 { max-width: 11ch; margin-top: .6rem; font-size: clamp(2.1rem, 10.5vw, 3rem); }
    .edu-section-heading--split > p, .edu-layer-heading > p { padding-left: .85rem; font-size: .93rem; line-height: 1.65; }
    .edu-layer-heading { gap: 1.1rem; margin-bottom: 1.8rem; }
    .edu-layer-card { padding: 1.35rem; border-radius: 23px; }
    .edu-layer-card__top { margin-bottom: 1.5rem; }
    .edu-layer-card > p { min-height: auto; font-size: .9rem; }
    .edu-layer-card li { font-size: .86rem; }

    .edu-section--modules .edu-module-grid { gap: .9rem; margin-top: 1.15rem; }
    .edu-module-card, .edu-module-card--featured { padding: 1.2rem; border-radius: 22px; }
    .edu-module-card__header { margin-bottom: 1.05rem; }
    .edu-module-card__header > span { max-width: calc(100% - 62px); font-size: .62rem; }
    .edu-module-card__icon { width: 46px; height: 46px; border-radius: 15px; font-size: 1rem; }
    .edu-module-card h3 { max-width: 15ch; margin-bottom: .9rem; font-size: 1.3rem; }
    .edu-module-card__list { gap: .56rem; }
    .edu-module-card__list li { gap: .5rem; font-size: .84rem; line-height: 1.45; }
    .edu-module-card__footer { padding-top: 1rem; font-size: .6rem; }

    .edu-feature__visual { order: 0; min-height: 330px; }
    .edu-feature__visual::before { width: 270px; height: 270px; }
    .edu-phone { width: 205px; padding: .8rem .65rem 1rem; border-width: 7px; border-radius: 29px; }
    .edu-feature__float { top: 9%; right: -6px; max-width: 180px; padding: .58rem; border-radius: 13px; }
    .edu-feature__float small, .edu-feature__float b { font-size: .55rem; }
    .edu-feature__copy li { gap: .55rem; font-size: .88rem; }

    .edu-addon-list { display: grid; grid-template-columns: 1fr; gap: .65rem; }
    .edu-addon-list span { width: 100%; padding: .82rem .9rem; font-size: .82rem; }
    .edu-why-grid { grid-template-columns: 1fr; gap: .85rem; }
    .edu-why-card { min-height: 0; padding: 1.25rem; border-radius: 20px; }
    .edu-cta { padding-block: 62px; }
    .edu-cta__inner { gap: 1.35rem; }
}

@media (max-width: 370px) {
    .edu-page .site-container { width: min(100% - 24px, 1360px); }
    .edu-hero h1, .edu-section h2, .edu-cta h2 { font-size: clamp(2rem, 10.8vw, 2.55rem); }
    .edu-eyebrow { font-size: .56rem; }
    .edu-hero__visual { min-height: 310px; }
    .edu-dashboard { top: 50px; right: 4%; width: 92%; }
    .edu-node--staff { display: none; }
    .edu-trust-bar__inner { grid-template-columns: 1fr; }
    .edu-section { padding-block: 48px; }
    .edu-module-card__footer span { font-size: .55rem; }
}
