{"id":903327,"date":"2026-09-20T10:12:20","date_gmt":"2026-09-20T10:12:20","guid":{"rendered":"https:\/\/knightongrange.co.uk\/portal\/?page_id=903327"},"modified":"2026-09-20T13:11:25","modified_gmt":"2026-09-20T13:11:25","slug":"schools","status":"publish","type":"page","link":"https:\/\/knightongrange.co.uk\/portal\/schools\/","title":{"rendered":"schools"},"content":{"rendered":"\n<!-- KGE Schools Landing Page -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<div class=\"kge-schools\">\n<style>\n.kge-schools{\n  --deep:#001f18;--green:#00382b;--teach:#3b7543;--gold:#c5a059;--lg:#e5c98d;\n  --cream:#fcfcfb;--paper:#f5f6f4;--ink:#17342b;--muted:#66756f;--line:#e0e6e2;\n  font-family:\"Montserrat\",Arial,sans-serif;color:var(--ink);background:#fff;overflow:hidden\n}\n.kge-schools *{box-sizing:border-box}\n.kge-schools a{color:inherit;text-decoration:none !important}\n.kge-schools a:hover,.kge-schools a:focus,.kge-schools a:active{text-decoration:none !important}\n.kge-schools .wrap{max-width:1240px;margin:auto;padding-left:24px;padding-right:24px}\n\n\/* HERO *\/\n.kge-schools .hero{position:relative;background:\n radial-gradient(circle at 84% 16%,rgba(197,160,89,.17),transparent 27%),\n radial-gradient(circle at 12% 90%,rgba(59,117,67,.26),transparent 30%),\n linear-gradient(135deg,#001f18 0%,#00382b 58%,#001f18 100%);color:#fff;padding:72px 0 68px}\n.kge-schools .hero:after{content:\"\";position:absolute;inset:0;background-image:\n linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),\n linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);\n background-size:42px 42px;mask-image:linear-gradient(to bottom,#0008,transparent)}\n.kge-schools .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}\n.kge-schools .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;\n border:1px solid rgba(229,201,141,.38);background:rgba(255,255,255,.055);color:var(--lg);\n font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}\n.kge-schools h1{margin:16px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1.01;letter-spacing:-.052em;font-weight:700;color:#fff}\n.kge-schools h1 span{color:var(--lg)}\n.kge-schools .hero-copy{max-width:690px;margin:0;color:rgba(255,255,255,.84);font-size:17px;line-height:1.68}\n.kge-schools .hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}\n.kge-schools .btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:9px;font-size:13px;font-weight:800}\n.kge-schools .btn-gold{background:linear-gradient(145deg,var(--gold),var(--lg));color:var(--deep);box-shadow:0 10px 25px rgba(0,0,0,.18)}\n.kge-schools .btn-outline{border:1px solid rgba(229,201,141,.55);color:#fff;background:rgba(255,255,255,.04)}\n.kge-schools .hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}\n.kge-schools .hero-proof span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:700}\n.kge-schools .hero-proof i{color:var(--lg);margin-right:6px}\n\n\/* hero visual *\/\n.kge-schools .system-card{position:relative;border:1px solid rgba(229,201,141,.25);border-radius:24px;padding:18px;background:rgba(255,255,255,.075);box-shadow:0 28px 60px rgba(0,0,0,.24);backdrop-filter:blur(10px)}\n.kge-schools .system-top{text-align:center;padding:9px 10px 16px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}\n.kge-schools .system-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.kge-schools .system-side{background:#fff;border-radius:16px;padding:18px;color:var(--ink);min-height:300px}\n.kge-schools .system-side.student{background:#f7f9f8}\n.kge-schools .side-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef5f0;color:var(--teach);margin-bottom:13px}\n.kge-schools .system-side.student .side-icon{background:#f5f1e7;color:#9b772e}\n.kge-schools .system-side h3{margin:0 0 4px;font-size:18px;color:var(--deep)}\n.kge-schools .system-side small{color:var(--muted);font-weight:600}\n.kge-schools .mini-list{margin:15px 0 0;padding:0;list-style:none;display:grid;gap:9px}\n.kge-schools .mini-list li{font-size:11px;font-weight:700;color:#42574f;display:flex;gap:8px;align-items:center}\n.kge-schools .mini-list i{color:var(--teach);font-size:9px}\n.kge-schools .system-side.student .mini-list i{color:var(--gold)}\n.kge-schools .system-link{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(145deg,var(--gold),var(--lg));color:var(--deep);font-size:11px;font-weight:800;padding:10px 14px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.2)}\n\n\/* NUMBERS *\/\n.kge-schools .numbers{background:#fff;border-bottom:1px solid var(--line)}\n.kge-schools .numbers-grid{display:grid;grid-template-columns:repeat(4,1fr)}\n.kge-schools .number{padding:27px 18px;text-align:center;border-right:1px solid var(--line)}\n.kge-schools .number:last-child{border-right:0}\n.kge-schools .number strong{display:block;font-size:29px;color:var(--deep);letter-spacing:-.04em}\n.kge-schools .number span{font-size:11px;color:var(--muted);font-weight:700}\n\n\/* common sections *\/\n.kge-schools .section{padding:82px 0}\n.kge-schools .soft{background:linear-gradient(180deg,#f5f6f4,#fbfbfa)}\n.kge-schools .section-head{text-align:center;max-width:800px;margin:0 auto 42px}\n.kge-schools .kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}\n.kge-schools h2{margin:9px 0 12px;color:var(--deep);font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.04em}\n.kge-schools .section-head p{margin:0;color:var(--muted);line-height:1.7;font-size:15px}\n\n\/* journey *\/\n.kge-schools .journey{display:grid;grid-template-columns:1fr 72px 1fr;align-items:stretch;gap:16px}\n.kge-schools .journey-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 15px 38px rgba(0,31,24,.065)}\n.kge-schools .journey-head{padding:27px;background:linear-gradient(145deg,#00271e,#00382b);color:#fff}\n.kge-schools .journey-head.student{background:linear-gradient(145deg,#17342b,#315b4c)}\n.kge-schools .journey-label{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--lg)}\n.kge-schools .journey-head h3{margin:8px 0 6px;font-size:27px}\n.kge-schools .journey-head p{margin:0;color:rgba(255,255,255,.77);font-size:13px;line-height:1.55}\n.kge-schools .feature-grid{display:grid;grid-template-columns:1fr 1fr;padding:21px;gap:10px}\n.kge-schools .feature{min-height:67px;border:1px solid #e8ece9;background:#fafbfa;border-radius:11px;padding:11px;display:flex;gap:9px;align-items:flex-start}\n.kge-schools .feature i{color:var(--teach);margin-top:2px}\n.kge-schools .feature strong{display:block;font-size:11px;color:#30473f}\n.kge-schools .feature span{display:block;font-size:9.5px;color:#7a8782;margin-top:3px;line-height:1.35}\n.kge-schools .journey-bridge{display:flex;align-items:center;justify-content:center}\n.kge-schools .bridge-circle{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),var(--lg));color:var(--deep);box-shadow:0 8px 22px rgba(197,160,89,.28);font-size:18px}\n\n\/* flow *\/\n.kge-schools .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.kge-schools .flow-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 10px 28px rgba(0,31,24,.05)}\n.kge-schools .flow-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef5f0;color:var(--teach);font-size:12px;font-weight:800;margin-bottom:17px}\n.kge-schools .flow-card h3{margin:0 0 8px;color:var(--deep);font-size:18px}\n.kge-schools .flow-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}\n\n\/* explore samples *\/\n.kge-schools .sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}\n.kge-schools .sample-card{position:relative;overflow:hidden;border-radius:22px;min-height:350px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:0 18px 45px rgba(0,31,24,.13)}\n.kge-schools .sample-card.teacher{background:\n radial-gradient(circle at 78% 15%,rgba(197,160,89,.20),transparent 28%),\n linear-gradient(145deg,#001f18,#00382b)}\n.kge-schools .sample-card.student{background:\n radial-gradient(circle at 80% 15%,rgba(229,201,141,.20),transparent 30%),\n linear-gradient(145deg,#17342b,#3b7543)}\n.kge-schools .sample-visual{position:absolute;right:25px;top:26px;width:43%;height:145px;border-radius:14px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.22);padding:12px;transform:rotate(2deg)}\n.kge-schools .sample-card.student .sample-visual{transform:rotate(-2deg)}\n.kge-schools .mock-bar{height:14px;border-radius:5px;background:var(--deep);margin-bottom:8px}\n.kge-schools .mock-line{height:7px;border-radius:5px;background:#e7ebe8;margin:6px 0}\n.kge-schools .mock-line.short{width:64%}.kge-schools .mock-line.gold{background:#e9d6a8;width:78%}\n.kge-schools .mock-boxes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}\n.kge-schools .mock-box{height:36px;border-radius:6px;background:#eef4f0;border:1px solid #dfe7e2}\n.kge-schools .sample-tag{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--lg);text-transform:uppercase;position:relative;z-index:2}\n.kge-schools .sample-card h3{position:relative;z-index:2;margin:8px 0 8px;font-size:28px}\n.kge-schools .sample-card p{position:relative;z-index:2;margin:0 0 18px;max-width:470px;color:rgba(255,255,255,.8);font-size:12.5px;line-height:1.6}\n.kge-schools .sample-card .btn{position:relative;z-index:2;align-self:flex-start}\n\n\/* licence choices *\/\n.kge-schools .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.kge-schools .plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:29px;box-shadow:0 12px 34px rgba(0,31,24,.055)}\n.kge-schools .plan.featured{border:2px solid rgba(197,160,89,.7);transform:translateY(-5px);box-shadow:0 20px 45px rgba(0,31,24,.1)}\n.kge-schools .plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(145deg,var(--gold),var(--lg));color:var(--deep);border-radius:999px;padding:6px 11px;font-size:9px;font-weight:800;white-space:nowrap}\n.kge-schools .plan-icon{width:44px;height:44px;border-radius:12px;background:#eef5f0;color:var(--teach);display:grid;place-items:center}\n.kge-schools .plan h3{margin:17px 0 8px;font-size:20px;color:var(--deep)}\n.kge-schools .plan p{min-height:58px;margin:0 0 17px;color:var(--muted);font-size:12px;line-height:1.6}\n.kge-schools .plan ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}\n.kge-schools .plan li{font-size:11px;font-weight:650;color:#465b53;display:flex;gap:8px}\n.kge-schools .plan li i{color:var(--teach);margin-top:2px}\n.kge-schools .plan .plan-cta{margin-top:22px;width:100%;border:1px solid #d8e0db;color:var(--deep);background:#f8faf8}\n.kge-schools .plan.featured .plan-cta{background:linear-gradient(145deg,var(--gold),var(--lg));border:0}\n\n\/* final CTA *\/\n.kge-schools .final{padding:82px 0;background:linear-gradient(135deg,#001f18,#00382b);color:#fff;text-align:center;position:relative}\n.kge-schools .final h2{color:#fff;max-width:850px;margin-left:auto;margin-right:auto}\n.kge-schools .final p{max-width:710px;margin:0 auto;color:rgba(255,255,255,.8);font-size:15px;line-height:1.7}\n.kge-schools .final .hero-actions{justify-content:center}\n.kge-schools .fine{margin-top:18px;font-size:10px;color:rgba(255,255,255,.55)}\n\n@media(max-width:900px){\n .kge-schools .hero{padding:52px 0}\n .kge-schools .hero-grid{grid-template-columns:1fr;gap:38px}\n .kge-schools .numbers-grid{grid-template-columns:1fr 1fr}\n .kge-schools .number:nth-child(2){border-right:0}.kge-schools .number:nth-child(-n+2){border-bottom:1px solid var(--line)}\n .kge-schools .journey{grid-template-columns:1fr}.kge-schools .journey-bridge{height:50px}.kge-schools .bridge-circle{transform:rotate(90deg)}\n .kge-schools .flow,.kge-schools .plans{grid-template-columns:1fr}\n .kge-schools .plan.featured{transform:none}\n}\n@media(max-width:700px){\n .kge-schools .wrap{padding-left:15px;padding-right:15px}\n .kge-schools .hero{padding:38px 0 44px}\n .kge-schools h1{font-size:clamp(38px,11vw,52px)}\n .kge-schools .hero-copy{font-size:14px}\n .kge-schools .hero-actions{flex-direction:column}.kge-schools .hero-actions .btn{width:100%}\n .kge-schools .system-columns,.kge-schools .sample-grid{grid-template-columns:1fr}\n .kge-schools .system-side{min-height:auto}.kge-schools .system-link{bottom:-20px}\n .kge-schools .section{padding:58px 0}\n .kge-schools .feature-grid{grid-template-columns:1fr}\n .kge-schools .sample-card{min-height:390px;padding:25px}\n .kge-schools .sample-visual{width:58%;height:135px}\n}\n\n\/* KGE dark-section heading protection: prevents WordPress\/theme blue heading overrides *\/\n.kge-schools .hero h1,\n.kge-schools .hero h2,\n.kge-schools .hero h3,\n.kge-schools .journey-head h3,\n.kge-schools .sample-card h3,\n.kge-schools .system-card .system-top,\n.kge-schools .final h2,\n.kge-schools .final h3{\n  color:#FFFFFF !important;\n}\n.kge-schools .sample-card .sample-tag,\n.kge-schools .journey-label{\n  color:#E5C98D !important;\n}\n\n\n\/* Teacher \/ Student cards sit on white backgrounds, so keep these headings dark *\/\n.kge-schools .hero .system-side h3,\n.kge-schools .hero .system-side.student h3{\n  color:#001F18 !important;\n}\n\n\n\/* PREMIUM SCHOOLS RESOURCE SHOWCASE *\/\n.kge-schools .showcase-section{\n  padding:82px 0 88px;\n  background:#fff;\n}\n.kge-schools .showcase-shell{\n  max-width:1420px;\n  margin:0 auto;\n  padding:0 24px;\n}\n.kge-schools .showcase-head{\n  text-align:center;\n  max-width:850px;\n  margin:0 auto 34px;\n}\n.kge-schools .showcase-head h2{\n  margin:9px 0 12px;\n}\n.kge-schools .showcase-head p{\n  margin:0;\n  color:var(--muted);\n  font-size:15px;\n  line-height:1.7;\n}\n.kge-schools .showcase{\n  position:relative;\n}\n.kge-schools .showcase-viewport{\n  position:relative;\n  overflow:hidden;\n  border-radius:24px;\n  background:var(--deep);\n  box-shadow:0 24px 60px rgba(0,31,24,.16);\n  border:1px solid rgba(0,31,24,.10);\n  aspect-ratio:16\/9;\n}\n.kge-schools .showcase-track{\n  display:flex;\n  height:100%;\n  transition:transform .72s cubic-bezier(.22,.61,.36,1);\n  will-change:transform;\n}\n.kge-schools .showcase-slide{\n  flex:0 0 100%;\n  min-width:100%;\n  height:100%;\n}\n.kge-schools .showcase-slide img{\n  display:block;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  user-select:none;\n  -webkit-user-drag:none;\n}\n.kge-schools .showcase-arrow{\n  position:absolute;\n  z-index:4;\n  top:50%;\n  transform:translateY(-50%);\n  width:48px;\n  height:48px;\n  border-radius:50%;\n  border:1px solid rgba(229,201,141,.72);\n  background:rgba(0,31,24,.82);\n  color:#fff;\n  display:grid;\n  place-items:center;\n  cursor:pointer;\n  box-shadow:0 8px 24px rgba(0,0,0,.18);\n  backdrop-filter:blur(8px);\n  transition:transform .2s ease,background .2s ease;\n}\n.kge-schools .showcase-arrow:hover{\n  background:var(--deep);\n}\n.kge-schools .showcase-arrow.prev{left:18px}\n.kge-schools .showcase-arrow.next{right:18px}\n.kge-schools .showcase-controls{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:9px;\n  margin-top:22px;\n}\n.kge-schools .showcase-dot{\n  width:9px;\n  height:9px;\n  padding:0;\n  border:0;\n  border-radius:50%;\n  background:#d6ddd9;\n  cursor:pointer;\n  transition:width .25s ease,background .25s ease;\n}\n.kge-schools .showcase-dot.active{\n  width:28px;\n  border-radius:999px;\n  background:var(--gold);\n}\n.kge-schools .showcase-tabs{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:8px;\n  margin:18px auto 0;\n  max-width:1100px;\n}\n.kge-schools .showcase-tab{\n  border:1px solid #dfe5e1;\n  background:#fff;\n  color:#53655e;\n  border-radius:999px;\n  padding:8px 12px;\n  font-family:inherit;\n  font-size:10px;\n  font-weight:700;\n  cursor:pointer;\n  transition:.2s ease;\n}\n.kge-schools .showcase-tab.active{\n  background:#eef5f0;\n  border-color:#b9d0c0;\n  color:var(--deep);\n}\n.kge-schools .showcase-note{\n  text-align:center;\n  margin-top:14px;\n  color:#81908a;\n  font-size:10px;\n  font-weight:600;\n}\n@media(max-width:700px){\n  .kge-schools .showcase-section{padding:58px 0 62px}\n  .kge-schools .showcase-shell{padding:0 15px}\n  .kge-schools .showcase-viewport{border-radius:15px}\n  .kge-schools .showcase-arrow{\n    width:38px;height:38px;\n  }\n  .kge-schools .showcase-arrow.prev{left:8px}\n  .kge-schools .showcase-arrow.next{right:8px}\n  .kge-schools .showcase-tabs{\n    justify-content:flex-start;\n    flex-wrap:nowrap;\n    overflow-x:auto;\n    padding:0 2px 8px;\n    scrollbar-width:none;\n  }\n  .kge-schools .showcase-tabs::-webkit-scrollbar{display:none}\n  .kge-schools .showcase-tab{white-space:nowrap}\n}\n\n\n\/* COMPACT SHOWCASE FIX: full artwork visible + controls remain on screen *\/\n.kge-schools .showcase-section{\n  padding:64px 0 68px;\n}\n.kge-schools .showcase-shell{\n  max-width:1180px;\n}\n.kge-schools .showcase-head{\n  margin-bottom:24px;\n}\n.kge-schools .showcase-viewport{\n  aspect-ratio:16\/9;\n  max-height:610px;\n  background:#001F18;\n}\n.kge-schools .showcase-slide{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#001F18;\n}\n.kge-schools .showcase-slide img{\n  width:100%;\n  height:100%;\n  object-fit:contain !important;\n  object-position:center center;\n}\n.kge-schools .showcase-controls{\n  margin-top:14px;\n}\n.kge-schools .showcase-tabs{\n  margin-top:12px;\n  gap:6px;\n}\n.kge-schools .showcase-tab{\n  padding:7px 10px;\n  font-size:9.5px;\n}\n.kge-schools .showcase-note{\n  margin-top:9px;\n}\n@media(max-width:700px){\n  .kge-schools .showcase-section{padding:48px 0 52px}\n  .kge-schools .showcase-head{margin-bottom:18px}\n  .kge-schools .showcase-controls{margin-top:12px}\n}\n\n\n\/* PREMIUM CONNECTED EXPERIENCES *\/\n.kge-schools .system-card{position:relative;overflow:hidden;border:1px solid rgba(229,201,141,.32);border-radius:26px;padding:24px!important;background:radial-gradient(circle at 15% 20%,rgba(59,117,67,.22),transparent 34%),radial-gradient(circle at 86% 12%,rgba(197,160,89,.12),transparent 30%),rgba(255,255,255,.07);box-shadow:0 30px 70px rgba(0,0,0,.25);backdrop-filter:blur(12px)}\n.kge-schools .system-top{text-align:center;padding:2px 8px 8px;color:var(--lg)!important;font-size:10px;font-weight:800;letter-spacing:.14em}\n.kge-schools .system-title{margin:0 auto 22px;text-align:center;color:#fff;font-size:clamp(20px,2.1vw,30px);line-height:1.12;letter-spacing:-.035em;font-weight:800}\n.kge-schools .system-title span{color:var(--lg)}\n.kge-schools .system-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n.kge-schools .system-side{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f7faf8);border-radius:20px;padding:20px 18px 18px;color:var(--ink);min-height:0;box-shadow:0 15px 34px rgba(0,0,0,.12)}\n.kge-schools .system-side.student{background:linear-gradient(145deg,#fff,#fbf8f1)}\n.kge-schools .side-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#eef7f1,#e4efe8);color:var(--teach);margin-bottom:16px;font-size:18px;box-shadow:0 8px 18px rgba(59,117,67,.10)}\n.kge-schools .system-side.student .side-icon{background:linear-gradient(145deg,#faf5e8,#f3ead7);color:#a77d28}\n.kge-schools .system-side h3{margin:0 0 5px!important;font-size:25px!important;letter-spacing:-.035em;color:var(--deep)!important}\n.kge-schools .system-side small{display:block;min-height:36px;color:#65766f;font-size:11px;line-height:1.45;font-weight:700}\n.kge-schools .mini-list{margin:17px 0 0;padding:0;list-style:none;display:grid;gap:7px}\n.kge-schools .mini-list li{min-height:34px;padding:8px 9px;border-radius:9px;background:rgba(59,117,67,.045);font-size:9.5px;line-height:1.35;font-weight:750;color:#3e554d;display:flex;gap:8px;align-items:center}\n.kge-schools .system-side.student .mini-list li{background:rgba(197,160,89,.055)}\n.kge-schools .mini-list i{flex:0 0 20px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff!important;background:var(--teach);font-size:8px}\n.kge-schools .system-side.student .mini-list i{background:var(--gold)}\n.kge-schools .system-message{margin-top:15px;border-radius:12px;padding:11px 12px;display:flex;gap:10px;align-items:center;background:#edf5f0;color:var(--deep);font-size:9.5px;line-height:1.35;font-weight:800}\n.kge-schools .system-side.student .system-message{background:#f7f0df}\n.kge-schools .system-message i{font-size:16px;color:var(--teach)}\n.kge-schools .system-side.student .system-message i{color:#a77d28}\n.kge-schools .system-link{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:max-content;max-width:calc(100% - 20px);margin:18px auto 0!important;padding:11px 18px;display:flex!important;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:linear-gradient(145deg,var(--gold),var(--lg));color:var(--deep);font-size:10.5px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.18)}\n@media(max-width:700px){.kge-schools .system-card{padding:18px!important}.kge-schools .system-columns{grid-template-columns:1fr;gap:12px}.kge-schools .system-title{font-size:24px;margin-bottom:18px}.kge-schools .system-side small{min-height:0}.kge-schools .system-link{white-space:normal;text-align:center}}\n\n\n\/* COMPACT CONNECTED EXPERIENCES \u2014 shorter, cleaner hero panel *\/\n.kge-schools .system-card{\n  padding:18px 20px 16px !important;\n}\n.kge-schools .system-top{\n  padding:0 8px 14px !important;\n}\n.kge-schools .system-columns{\n  gap:12px !important;\n}\n.kge-schools .system-side{\n  padding:15px 14px 13px !important;\n  border-radius:17px !important;\n}\n.kge-schools .side-icon{\n  width:42px !important;\n  height:42px !important;\n  border-radius:12px !important;\n  margin-bottom:10px !important;\n  font-size:15px !important;\n}\n.kge-schools .system-side h3{\n  font-size:21px !important;\n  margin-bottom:3px !important;\n}\n.kge-schools .system-side small{\n  min-height:28px !important;\n  font-size:9.5px !important;\n  line-height:1.35 !important;\n}\n.kge-schools .mini-list{\n  margin-top:11px !important;\n  gap:5px !important;\n}\n.kge-schools .mini-list li{\n  min-height:28px !important;\n  padding:6px 8px !important;\n  font-size:8.5px !important;\n  border-radius:8px !important;\n}\n.kge-schools .mini-list i{\n  width:18px !important;\n  height:18px !important;\n  flex-basis:18px !important;\n  font-size:7px !important;\n}\n.kge-schools .system-message{\n  margin-top:10px !important;\n  padding:8px 10px !important;\n  font-size:8.5px !important;\n}\n.kge-schools .system-message i{\n  font-size:14px !important;\n}\n.kge-schools .system-link{\n  margin-top:12px !important;\n  padding:9px 16px !important;\n}\n@media(max-width:700px){\n  .kge-schools .system-card{padding:16px !important}\n  .kge-schools .system-top{padding-bottom:12px !important}\n  .kge-schools .system-side{padding:16px 14px !important}\n}\n\n\n\/* REDUCE EMPTY SPACE BELOW SITE HEADER *\/\n.kge-schools .hero{\n  padding-top:38px !important;\n}\n@media(max-width:900px){\n  .kge-schools .hero{padding-top:28px !important}\n}\n@media(max-width:600px){\n  .kge-schools .hero{padding-top:20px !important}\n}\n\n\n\/* =========================================================\n   SCHOOLS \u2014 TRY FREE STYLE SAMPLE CARDS\n   ========================================================= *\/\n.kge-schools .school-samples{\n  padding:74px 22px 82px;\n  background:#F6F7F5;\n}\n.kge-schools .school-samples-inner{\n  max-width:1180px;\n  margin:0 auto;\n}\n.kge-schools .school-samples-head{\n  max-width:900px;\n  margin:0 auto 42px;\n  text-align:center;\n}\n.kge-schools .school-samples-head h2{\n  margin:0 0 12px!important;\n  color:var(--deep)!important;\n  font-size:clamp(34px,4.5vw,58px)!important;\n  line-height:1.02!important;\n  letter-spacing:-.045em!important;\n  font-weight:500!important;\n}\n.kge-schools .school-samples-head p{\n  max-width:820px;\n  margin:0 auto;\n  color:#65736D;\n  font-size:15px;\n  line-height:1.7;\n}\n.kge-schools .school-sample-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:22px;\n}\n.kge-schools .school-sample-card{\n  position:relative;\n  overflow:hidden;\n  min-height:500px;\n  display:flex;\n  flex-direction:column;\n  border:1px solid rgba(0,31,24,.09);\n  border-radius:24px;\n  background:#fff;\n  box-shadow:0 24px 65px rgba(0,31,24,.12);\n  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;\n}\n.kge-schools .school-sample-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 34px 80px rgba(0,31,24,.17);\n  border-color:rgba(197,160,89,.6);\n}\n.kge-schools .school-sample-image{\n  position:relative;\n  min-height:0;\n  aspect-ratio:3 \/ 1;\n  overflow:hidden;\n  background:#001F18;\n}\n.kge-schools .school-sample-image img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  object-position:center;\n  background:#001F18;\n}\n.kge-schools .school-sample-body{\n  flex:1;\n  padding:30px 30px 28px;\n  display:flex;\n  flex-direction:column;\n}\n.kge-schools .school-sample-body h3{\n  margin:0!important;\n  color:var(--deep)!important;\n  font-size:clamp(28px,3vw,38px)!important;\n  letter-spacing:-.035em!important;\n  line-height:1.05!important;\n  font-weight:800!important;\n}\n.kge-schools .school-sample-copy{\n  margin:12px 0 20px;\n  color:#65736D;\n  font-size:14px;\n  line-height:1.65;\n}\n.kge-schools .school-sample-list{\n  display:flex;\n  flex-direction:column;\n  gap:11px;\n  margin:0 0 27px;\n}\n.kge-schools .school-sample-list span{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n  color:#364B43;\n  font-size:13px;\n  line-height:1.45;\n  font-weight:600;\n}\n.kge-schools .school-sample-check{\n  flex:0 0 21px;\n  width:21px;\n  height:21px;\n  border-radius:50%;\n  display:grid;\n  place-items:center;\n  margin-top:-1px;\n  color:#fff;\n  background:#3B7543;\n  font-size:12px;\n  font-weight:800;\n}\n.kge-schools .school-sample-btn{\n  margin-top:auto;\n  min-height:51px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  padding:13px 17px;\n  border-radius:10px;\n  background:linear-gradient(135deg,#00382B,#001F18);\n  color:#fff!important;\n  font-size:13px;\n  font-weight:800;\n  text-decoration:none!important;\n  box-shadow:0 10px 24px rgba(0,31,24,.15);\n  transition:transform .2s ease,box-shadow .2s ease;\n}\n.kge-schools .school-sample-btn:hover,\n.kge-schools .school-sample-btn:focus{\n  color:#fff!important;\n  text-decoration:none!important;\n  transform:translateY(-2px);\n  box-shadow:0 14px 30px rgba(0,31,24,.22);\n}\n.kge-schools .school-sample-btn svg{\n  width:16px;\n  height:16px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:2;\n}\n@media(max-width:800px){\n  .kge-schools .school-samples{padding:54px 15px 60px}\n  .kge-schools .school-samples-head{margin-bottom:30px}\n  .kge-schools .school-sample-grid{grid-template-columns:1fr}\n  .kge-schools .school-sample-card{min-height:auto}\n}\n@media(max-width:480px){\n  .kge-schools .school-sample-body{padding:25px 22px 23px}\n}\n\n\n\/* SCHOOL SAMPLE BUTTONS \u2014 MATCH EXISTING GOLD SCHOOL CTA STYLE *\/\n.kge-schools .school-sample-btn{\n  width:max-content !important;\n  min-width:0 !important;\n  min-height:48px !important;\n  margin-top:auto !important;\n  padding:13px 22px !important;\n  border:1px solid rgba(197,160,89,.55) !important;\n  border-radius:9px !important;\n  background:linear-gradient(135deg,#C5A059 0%,#E5C98D 100%) !important;\n  color:#001F18 !important;\n  font-size:13px !important;\n  font-weight:800 !important;\n  text-decoration:none !important;\n  box-shadow:0 9px 22px rgba(0,31,24,.10) !important;\n}\n.kge-schools .school-sample-btn:hover,\n.kge-schools .school-sample-btn:focus{\n  color:#001F18 !important;\n  text-decoration:none !important;\n  transform:translateY(-2px);\n  box-shadow:0 13px 28px rgba(0,31,24,.16) !important;\n}\n.kge-schools .school-sample-btn svg{\n  width:16px !important;\n  height:16px !important;\n  stroke:#001F18 !important;\n}\n@media(max-width:480px){\n  .kge-schools .school-sample-btn{\n    width:100% !important;\n  }\n}\n\n\n\/* IMAGE-ONLY SAMPLE CARDS \u2014 CTA INSIDE GREEN IMAGE AREA *\/\n.kge-schools .school-sample-card-imageonly{\n  min-height:0 !important;\n  background:#001F18 !important;\n}\n.kge-schools .school-sample-card-imageonly .school-sample-image{\n  aspect-ratio:3 \/ 1 !important;\n  min-height:0 !important;\n}\n.kge-schools .school-sample-card-imageonly .school-sample-image img{\n  object-fit:contain !important;\n}\n.kge-schools .school-sample-overlay-btn{\n  position:absolute !important;\n  z-index:5;\n  left:24px;\n  bottom:20px;\n  width:max-content !important;\n  margin:0 !important;\n}\n@media(max-width:700px){\n  .kge-schools .school-sample-overlay-btn{\n    left:16px;\n    bottom:14px;\n    width:auto !important;\n    max-width:calc(100% - 32px);\n  }\n}\n\n\n\/* SMALLER SAMPLE OVERLAY CTAS *\/\n.kge-schools .school-sample-overlay-btn{\n  left:24px !important;\n  bottom:18px !important;\n  min-height:40px !important;\n  padding:9px 15px !important;\n  border-radius:8px !important;\n  font-size:11px !important;\n  gap:8px !important;\n  box-shadow:0 7px 16px rgba(0,31,24,.12) !important;\n}\n.kge-schools .school-sample-overlay-btn svg{\n  width:13px !important;\n  height:13px !important;\n}\n@media(max-width:700px){\n  .kge-schools .school-sample-overlay-btn{\n    left:14px !important;\n    bottom:12px !important;\n    width:max-content !important;\n    max-width:calc(100% - 28px) !important;\n    min-height:38px !important;\n    padding:8px 13px !important;\n    font-size:10px !important;\n  }\n}\n\n\n\/* REDUCE SAMPLE BUTTON HEIGHT FURTHER *\/\n.kge-schools .school-sample-overlay-btn{\n  min-height:32px !important;\n  padding:6px 13px !important;\n  border-radius:7px !important;\n  font-size:10.5px !important;\n  line-height:1.1 !important;\n}\n.kge-schools .school-sample-overlay-btn svg{\n  width:12px !important;\n  height:12px !important;\n}\n@media(max-width:700px){\n  .kge-schools .school-sample-overlay-btn{\n    min-height:30px !important;\n    padding:6px 11px !important;\n    font-size:10px !important;\n  }\n}\n\n<\/style>\n\n<section class=\"hero\">\n <div class=\"wrap hero-grid\">\n  <div>\n   <span class=\"eyebrow\"><i class=\"fa-solid fa-school\"><\/i> For Schools<\/span>\n   <h1>One Complete GCSE Computer Science <span>Teaching &amp; Learning System.<\/span><\/h1>\n   <p class=\"hero-copy\">Give teachers a complete classroom-ready curriculum and give students the structured support to learn independently. One connected approach for teaching, practice, revision and assessment.<\/p>\n   <div class=\"hero-actions\">\n    <a class=\"btn btn-gold\" href=\"#school-options\">Explore School Access <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n    <a class=\"btn btn-outline\" href=\"\/#contactus\">Talk to Us<\/a>\n   <\/div>\n   <div class=\"hero-proof\">\n    <span><i class=\"fa-solid fa-chalkboard-user\"><\/i> Teacher resources<\/span>\n    <span><i class=\"fa-solid fa-user-graduate\"><\/i> Independent student learning<\/span>\n    <span><i class=\"fa-solid fa-layer-group\"><\/i> Complete GCSE course<\/span>\n   <\/div>\n  <\/div>\n\n  <div class=\"system-card\" aria-label=\"Teacher and student platform overview\">\n    <div class=\"system-top\">ONE CURRICULUM \u00b7 TWO CONNECTED EXPERIENCES<\/div>\n    \n    <div class=\"system-columns\">\n     <div class=\"system-side\">\n      <div class=\"side-icon\"><i class=\"fa-solid fa-chalkboard-user\"><\/i><\/div>\n      <h3>For Teachers<\/h3><small>Plan less. Teach with confidence.<\/small>\n      <ul class=\"mini-list\">\n       <li><i class=\"fa-solid fa-check\"><\/i> Lesson presentations<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Workbooks &amp; activities<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Answers included throughout<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Lesson plans<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Knowledge organisers<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Vocabulary, challenge &amp; answers<\/li>\n      <\/ul>\n      <div class=\"system-message\"><i class=\"fa-regular fa-lightbulb\"><\/i><span>Everything you need to deliver great lessons.<\/span><\/div>\n     <\/div>\n     <div class=\"system-side student\">\n      <div class=\"side-icon\"><i class=\"fa-solid fa-user-graduate\"><\/i><\/div>\n      <h3>For Students<\/h3><small>Learn independently. Revise confidently.<\/small>\n      <ul class=\"mini-list\">\n       <li><i class=\"fa-solid fa-check\"><\/i> Nearly 250 teacher-guided learning videos<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Revision guides<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Flashcards<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Interactive activities<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Mini quizzes<\/li>\n       <li><i class=\"fa-solid fa-check\"><\/i> Final knowledge checks<\/li>\n      <\/ul>\n      <div class=\"system-message\"><i class=\"fa-solid fa-bullseye\"><\/i><span>Build your knowledge. Boost your confidence.<\/span><\/div>\n     <\/div>\n    <\/div>\n    <div class=\"system-link\"><i class=\"fa-solid fa-link\"><\/i> Built to work together<\/div>\n   <\/div>\n <\/div>\n<\/section>\n\n<section class=\"numbers\">\n <div class=\"wrap numbers-grid\">\n  <div class=\"number\"><strong>60+<\/strong><span>complete teacher lessons<\/span><\/div>\n  <div class=\"number\"><strong>120+<\/strong><span>lesson activity worksheets<\/span><\/div>\n  <div class=\"number\"><strong>~250<\/strong><span>teacher-guided learning videos<\/span><\/div>\n  <div class=\"number\"><strong>120+<\/strong><span>student quizzes &amp; checks<\/span><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section soft\">\n <div class=\"wrap\">\n  <div class=\"section-head\">\n   <span class=\"kicker\">A CONNECTED CURRICULUM<\/span>\n   <h2>What the teacher teaches, the student can continue independently.<\/h2>\n   <p>KGE brings classroom delivery and independent learning together. Teachers receive the resources to deliver each lesson; students receive a structured pathway to revisit the same knowledge through video, practice, revision and assessment.<\/p>\n  <\/div>\n  <div class=\"journey\">\n   <article class=\"journey-card\">\n    <div class=\"journey-head\">\n     <span class=\"journey-label\">TEACHER PORTAL<\/span>\n     <h3>Everything needed to teach.<\/h3>\n     <p>A consistent set of classroom-ready resources across the full course.<\/p>\n    <\/div>\n    <div class=\"feature-grid\">\n     <div class=\"feature\"><i class=\"fa-solid fa-display\"><\/i><div><strong>60+ presentations<\/strong><span>Structured lesson slides across the course.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-book-open\"><\/i><div><strong>60+ workbooks<\/strong><span>Student-facing lesson workbooks.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-list-check\"><\/i><div><strong>120+ worksheets<\/strong><span>Two activity worksheets across 60+ lessons.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-pen\"><\/i><div><strong>60+ homeworks<\/strong><span>Practice beyond the classroom.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-clipboard-list\"><\/i><div><strong>60+ lesson plans<\/strong><span>Clear support for lesson delivery.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-diagram-project\"><\/i><div><strong>60+ knowledge organisers<\/strong><span>Key knowledge in a concise format.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-spell-check\"><\/i><div><strong>60+ vocabulary sheets<\/strong><span>Subject terminology lesson by lesson.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-circle-check\"><\/i><div><strong>Answers included<\/strong><span>Answers for workbooks, worksheets, homework and Stretch &amp; Challenge activities.<\/span><\/div><\/div>\n    <\/div>\n   <\/article>\n\n   <div class=\"journey-bridge\"><div class=\"bridge-circle\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div><\/div>\n\n   <article class=\"journey-card\">\n    <div class=\"journey-head student\">\n     <span class=\"journey-label\">STUDENT PORTAL<\/span>\n     <h3>Everything needed to keep learning.<\/h3>\n     <p>Designed so students can revisit and learn course content independently.<\/p>\n    <\/div>\n    <div class=\"feature-grid\">\n     <div class=\"feature\"><i class=\"fa-solid fa-circle-play\"><\/i><div><strong>Nearly 250 teacher-guided learning videos<\/strong><span>Expertly structured videos designed to help students learn and revisit the full course independently.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-book\"><\/i><div><strong>60+ revision guides<\/strong><span>One for each complete lesson area.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-layer-group\"><\/i><div><strong>1,200+ flashcards<\/strong><span>20+ flashcards across more than 60 lessons.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-puzzle-piece\"><\/i><div><strong>Interactive activities<\/strong><span>Including crosswords and knowledge activities.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-circle-question\"><\/i><div><strong>60+ mini quizzes<\/strong><span>Quick checks throughout the course.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-clipboard-check\"><\/i><div><strong>60+ final quizzes<\/strong><span>End-of-lesson knowledge checks.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-arrows-up-down-left-right\"><\/i><div><strong>Drag &amp; drop tasks<\/strong><span>Active practice rather than passive reading.<\/span><\/div><\/div>\n     <div class=\"feature\"><i class=\"fa-solid fa-route\"><\/i><div><strong>Structured pathway<\/strong><span>Students know what to complete next.<\/span><\/div><\/div>\n    <\/div>\n   <\/article>\n  <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"showcase-section\" aria-label=\"KGE resource showcase\">\n <div class=\"showcase-shell\">\n  <div class=\"showcase-head\">\n   <span class=\"kicker\">EXPLORE THE KGE ECOSYSTEM<\/span>\n   <h2>Everything your department needs. One connected platform.<\/h2>\n   <p>Explore the teaching, learning, programming, revision and assessment resources available across Knighton Grange Education.<\/p>\n  <\/div>\n\n  <div class=\"showcase\" id=\"kgeShowcase\">\n   <div class=\"showcase-viewport\">\n    <div class=\"showcase-track\">\n     <div class=\"showcase-slide\"><img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/kge-schools-01.png\" alt=\"Complete KGE teacher resources\"><\/div>\n     <div class=\"showcase-slide\"><img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/kge-schools-02.png\" alt=\"KGE student workbooks\"><\/div>\n     <div class=\"showcase-slide\"><img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/kge-schools-03.png\" alt=\"KGE classroom activities and practice\"><\/div>\n     <div class=\"showcase-slide\"><img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/kge-schools-04.png\" alt=\"KGE answers and teacher support\"><\/div>\n     <div class=\"showcase-slide\"><img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/kge-schools-05.png\" alt=\"KGE teacher-guided learning videos\"><\/div>\n     <div class=\"showcase-slide\"><img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/kge-schools-06.png\" alt=\"KGE interactive student learning activities\"><\/div>\n     <div class=\"showcase-slide\"><img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/kge-schools-07.png\" alt=\"KGE programming support with Python pseudocode and flowcharts\"><\/div>\n     <div class=\"showcase-slide\"><img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/kge-schools-08.png\" alt=\"KGE revision and assessment resources\"><\/div>\n    <\/div>\n\n    <button class=\"showcase-arrow prev\" type=\"button\" aria-label=\"Previous resource\">\n     <i class=\"fa-solid fa-chevron-left\"><\/i>\n    <\/button>\n    <button class=\"showcase-arrow next\" type=\"button\" aria-label=\"Next resource\">\n     <i class=\"fa-solid fa-chevron-right\"><\/i>\n    <\/button>\n   <\/div>\n\n   <div class=\"showcase-controls\" aria-label=\"Resource slides\">\n    <button class=\"showcase-dot active\" type=\"button\" aria-label=\"Slide 1\"><\/button>\n    <button class=\"showcase-dot\" type=\"button\" aria-label=\"Slide 2\"><\/button>\n    <button class=\"showcase-dot\" type=\"button\" aria-label=\"Slide 3\"><\/button>\n    <button class=\"showcase-dot\" type=\"button\" aria-label=\"Slide 4\"><\/button>\n    <button class=\"showcase-dot\" type=\"button\" aria-label=\"Slide 5\"><\/button>\n    <button class=\"showcase-dot\" type=\"button\" aria-label=\"Slide 6\"><\/button>\n    <button class=\"showcase-dot\" type=\"button\" aria-label=\"Slide 7\"><\/button>\n    <button class=\"showcase-dot\" type=\"button\" aria-label=\"Slide 8\"><\/button>\n   <\/div>\n\n   <div class=\"showcase-tabs\">\n    <button class=\"showcase-tab active\" type=\"button\">Teacher Resources<\/button>\n    <button class=\"showcase-tab\" type=\"button\">Workbooks<\/button>\n    <button class=\"showcase-tab\" type=\"button\">Activities<\/button>\n    <button class=\"showcase-tab\" type=\"button\">Answers<\/button>\n    <button class=\"showcase-tab\" type=\"button\">Learning Videos<\/button>\n    <button class=\"showcase-tab\" type=\"button\">Interactive Learning<\/button>\n    <button class=\"showcase-tab\" type=\"button\">Programming<\/button>\n    <button class=\"showcase-tab\" type=\"button\">Revision &amp; Assessment<\/button>\n   <\/div>\n   <div class=\"showcase-note\">Auto-plays every 4 seconds \u00b7 Use the arrows, labels or swipe to explore<\/div>\n  <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"school-samples\" id=\"samples\">\n  <div class=\"school-samples-inner\">\n    <div class=\"school-samples-head\">\n      <h2>Explore both sides of KGE.<\/h2>\n      <p>Schools can inspect the teaching resources and experience the student learning journey before discussing access.<\/p>\n    <\/div>\n\n    <div class=\"school-sample-grid\">\n\n      <article class=\"school-sample-card school-sample-card-imageonly\">\n        <div class=\"school-sample-image\">\n          <img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/kge-tryfree-teacher.png\"\n               alt=\"GCSE Computer Science teacher resources\">\n          <a class=\"school-sample-btn school-sample-overlay-btn\" href=\"\/portal\/free-teacher-samples\/\">\n            View Free Samples\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"school-sample-card school-sample-card-imageonly\">\n        <div class=\"school-sample-image\">\n          <img decoding=\"async\" src=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/kge-tryfree-student.png\"\n               alt=\"GCSE Computer Science student learning resources\">\n          <a class=\"school-sample-btn school-sample-overlay-btn\"\n             href=\"https:\/\/knightongrange.co.uk\/portal\/courses\/gcse-computer-science-free-sample-exact-3\/lessons\/1-video-1-local-vs-cloud-computing-3\/?page_tab=overview\">\n            Try Free Course\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"section\" id=\"school-options\">\n <div class=\"wrap\">\n  <div class=\"section-head\">\n   <span class=\"kicker\">FLEXIBLE FOR SCHOOLS<\/span>\n   <h2>Choose the level of access your department needs.<\/h2>\n   <p>Start with teaching resources only, combine teacher and student access for a class, or discuss wider access across your department.<\/p>\n  <\/div>\n  <div class=\"plans\">\n   <article class=\"plan\">\n    <div class=\"plan-icon\"><i class=\"fa-solid fa-chalkboard-user\"><\/i><\/div>\n    <h3>Teacher Resources<\/h3>\n    <p>For departments that want the complete classroom resource library for teachers.<\/p>\n    <ul>\n     <li><i class=\"fa-solid fa-check\"><\/i> Complete teacher resource library<\/li>\n     <li><i class=\"fa-solid fa-check\"><\/i> Lesson delivery and planning support<\/li>\n     <li><i class=\"fa-solid fa-check\"><\/i> Answers included across student workbooks, worksheets, homework and Stretch &amp; Challenge<\/li>\n    <\/ul>\n    <a class=\"btn plan-cta\" href=\"\/portal\/subscriptionsteachers\">Explore Teacher Access<\/a>\n   <\/article>\n   <article class=\"plan featured\">\n    <span class=\"plan-badge\">COMPLETE CLASSROOM<\/span>\n    <div class=\"plan-icon\"><i class=\"fa-solid fa-people-group\"><\/i><\/div>\n    <h3>Teacher + Student Access<\/h3>\n    <p>Bring both sides of KGE together for a class: classroom resources for the teacher and independent learning for students.<\/p>\n    <ul>\n     <li><i class=\"fa-solid fa-check\"><\/i> Full teacher resources<\/li>\n     <li><i class=\"fa-solid fa-check\"><\/i> Individual student learning access<\/li>\n     <li><i class=\"fa-solid fa-check\"><\/i> Classroom to home continuity<\/li>\n    <\/ul>\n    <a class=\"btn plan-cta\" href=\"\/#contactus\">Request School Pricing<\/a>\n   <\/article>\n   <article class=\"plan\">\n    <div class=\"plan-icon\"><i class=\"fa-solid fa-school\"><\/i><\/div>\n    <h3>Department \/ School Access<\/h3>\n    <p>For schools requiring access across multiple classes, teachers or larger cohorts.<\/p>\n    <ul>\n     <li><i class=\"fa-solid fa-check\"><\/i> Flexible cohort sizes<\/li>\n     <li><i class=\"fa-solid fa-check\"><\/i> Teacher and student access options<\/li>\n     <li><i class=\"fa-solid fa-check\"><\/i> Pricing discussed around your needs<\/li>\n    <\/ul>\n    <a class=\"btn plan-cta\" href=\"\/#contactus\">Talk to KGE<\/a>\n   <\/article>\n  <\/div>\n <\/div>\n<\/section>\n\n<section class=\"final\">\n <div class=\"wrap\">\n  <span class=\"kicker\">FOR SCHOOLS<\/span>\n  <h2>Give your teachers the resources to teach and your students the tools to keep learning.<\/h2>\n  <p>Tell us how many teachers and students you would like to support. We can discuss the most appropriate access for your department or school.<\/p>\n  <div class=\"hero-actions\">\n   <a class=\"btn btn-gold\" href=\"\/#contactus\">Request School Pricing <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n   <a class=\"btn btn-outline\" href=\"\/portal\/free-teacher-samples\/\">View Free Samples<\/a>\n  <\/div>\n  <div class=\"fine\">Flexible options for teacher-only, classroom and wider school access.<\/div>\n <\/div>\n<\/section>\n<\/div>\n\n<script>\n(function(){\n  const root = document.getElementById('kgeShowcase');\n  if(!root) return;\n\n  const track = root.querySelector('.showcase-track');\n  const slides = Array.from(root.querySelectorAll('.showcase-slide'));\n  const dots = Array.from(root.querySelectorAll('.showcase-dot'));\n  const tabs = Array.from(root.querySelectorAll('.showcase-tab'));\n  const prev = root.querySelector('.showcase-arrow.prev');\n  const next = root.querySelector('.showcase-arrow.next');\n\n  let index = 0;\n  let timer = null;\n  let touchStartX = 0;\n  let touchDeltaX = 0;\n  const delay = 4000;\n\n  function show(i){\n    index = (i + slides.length) % slides.length;\n    track.style.transform = 'translateX(-' + (index * 100) + '%)';\n    dots.forEach((d,n)=>d.classList.toggle('active',n===index));\n    tabs.forEach((t,n)=>t.classList.toggle('active',n===index));\n  }\n\n  function stop(){\n    if(timer){ clearInterval(timer); timer = null; }\n  }\n\n  function start(){\n    stop();\n    if(document.hidden) return;\n    timer = setInterval(()=>show(index + 1), delay);\n  }\n\n  function interact(i){\n    show(i);\n    stop();\n    window.clearTimeout(root._restartTimer);\n    root._restartTimer = window.setTimeout(start, 12000);\n  }\n\n  prev.addEventListener('click', ()=>interact(index - 1));\n  next.addEventListener('click', ()=>interact(index + 1));\n  dots.forEach((d,i)=>d.addEventListener('click',()=>interact(i)));\n  tabs.forEach((t,i)=>t.addEventListener('click',()=>interact(i)));\n\n  root.addEventListener('mouseenter', stop);\n  root.addEventListener('mouseleave', start);\n  root.addEventListener('focusin', stop);\n  root.addEventListener('focusout', start);\n\n  root.addEventListener('touchstart', e=>{\n    touchStartX = e.changedTouches[0].clientX;\n    touchDeltaX = 0;\n    stop();\n  }, {passive:true});\n\n  root.addEventListener('touchmove', e=>{\n    touchDeltaX = e.changedTouches[0].clientX - touchStartX;\n  }, {passive:true});\n\n  root.addEventListener('touchend', ()=>{\n    if(Math.abs(touchDeltaX) > 45){\n      interact(index + (touchDeltaX < 0 ? 1 : -1));\n    } else {\n      start();\n    }\n  }, {passive:true});\n\n  document.addEventListener('visibilitychange', ()=>{\n    if(document.hidden) stop(); else start();\n  });\n\n  show(0);\n  start();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>For Schools One Complete GCSE Computer Science Teaching &amp; Learning System. Give teachers a complete classroom-ready curriculum and give students [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-903327","page","type-page","status-publish","hentry","pmpro-has-access"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/903327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/comments?post=903327"}],"version-history":[{"count":20,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/903327\/revisions"}],"predecessor-version":[{"id":903377,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/903327\/revisions\/903377"}],"wp:attachment":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/media?parent=903327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}