{ scroll-behavior: smooth; }.edu-scope *{ box-sizing: border-box; }.edu-scope{
  --page-w: 210mm;
  --page-h: 297mm;
  --ink: #142235;
  --muted: #5e7084;
  --blue: #0a84ff;
  --cyan: #32d8ff;
  --navy: #071523;
  --line: rgba(15, 41, 68, 0.13);
}.edu-scope, .edu-scope button, .edu-scope input, .edu-scope textarea{
  font-family: "Microsoft Yahei","微软雅黑","PingFang SC",sans-serif !important;
}.edu-scope{
  margin: 0;
  background: #dfe6ee;
  letter-spacing: 0;
}.edu-scope.edu-brochure{
  margin: 0 auto;
  background: #f4f7fa;
}.edu-scope [contenteditable="true"]{ outline: 0; }.edu-scope [contenteditable="true"]:focus{
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.35);
  border-radius: 4px;
}.edu-scope .stage{
  display: grid;
  place-items: start center;
  padding: 28px 0 56px;
}.edu-scope .page{
  position: relative;
  width: var(--page-w);
  height: var(--page-h);
  overflow: hidden;
  color: var(--ink);
  background:
    radial-gradient(circle at 84% 15%, rgba(10, 132, 255, 0.12), transparent 28%),
    radial-gradient(circle at 12% 72%, rgba(50, 216, 255, 0.11), transparent 32%),
    linear-gradient(180deg, #f8fbff 0%, #eef4f9 100%);
  box-shadow: 0 20px 48px rgba(16, 34, 52, 0.28);
  isolation: isolate;
}.edu-scope .logo{ width: 136px; height: auto; }.edu-scope .title-block{
  position: relative;
  z-index: 2;
  padding: 22px 42px 0;
}.edu-scope .kicker, .edu-scope .section-title, .edu-scope .panel-title, .edu-scope .loop-card small, .edu-scope .topline span:first-child{
  margin: 0 0 10px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}.edu-scope h1{
  margin: 0;
  max-width: 700px;
  color: var(--ink);
  font-size: 30px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: 0;
}.edu-scope .title-block > p:last-child{
  margin: 10px 0 0;
  max-width: 700px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0;
}.edu-scope .topbar, .edu-scope .title-block, .edu-scope .hero, .edu-scope .main-grid, .edu-scope .content-grid, .edu-scope .loop-stage, .edu-scope .product-strip, .edu-scope .coverage-strip, .edu-scope .bottom-grid{
  position: relative;
  z-index: 2;
}.edu-scope .image-slot, .edu-scope .product-image-wrap, .edu-scope .software-image-wrap, .edu-scope .test-image-wrap, .edu-scope .closed-loop-image, .edu-scope .visual-panel figure, .edu-scope .simulation-figures figure, .edu-scope .security-figures figure, .edu-scope .image-frame, .edu-scope .figure-wrap, .edu-scope .media-frame{
  border-color: var(--line) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 28px rgba(17,36,56,0.12) !important;
}.edu-scope .product-image-wrap, .edu-scope .software-image-wrap, .edu-scope .test-image-wrap, .edu-scope .closed-loop-image, .edu-scope .visual-panel figure, .edu-scope .simulation-figures figure, .edu-scope .security-figures figure{
  background: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(236,246,253,0.76)) !important;
}.edu-scope .image-slot img, .edu-scope .product-image-wrap img, .edu-scope .software-image-wrap img, .edu-scope .test-image-wrap img, .edu-scope .closed-loop-image img, .edu-scope .visual-panel img, .edu-scope .simulation-figures img, .edu-scope .security-figures img{
  filter: saturate(1.03) contrast(1.02);
  border-radius: 6px;
}.edu-scope .loop-card, .edu-scope .module, .edu-scope .panel, .edu-scope .flow-card, .edu-scope .test-card, .edu-scope .advantage-card, .edu-scope .outcome-band, .edu-scope .detail-panel, .edu-scope .visual-panel{
  border-color: var(--line) !important;
}.edu-scope .foot, .edu-scope footer{ font-size: 10.5px !important; }.edu-scope .foot::before, .edu-scope footer::before{ height: 1px !important; opacity: 0.82; }.edu-scope .foot span, .edu-scope footer > span:first-child{
  max-width: 620px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}.edu-scope .foot b, .edu-scope footer > span:last-child{
  min-width: 44px; text-align: right; font-size: 20px !important;
  letter-spacing: 0 !important; font-weight: 900 !important;
}.edu-scope footer > span:last-child{ text-transform: uppercase; }.edu-scope .edu-banner{
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  background: #050b13 url("images/01_bg.jpg") center/cover no-repeat ;
}.edu-scope .edu-banner::before{
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(5,11,19,0.82), rgba(5,11,19,0.55) 60%, rgba(5,11,19,0.72));
}.edu-scope .edu-banner::after{
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0.2) 70%, transparent);
}.edu-scope .edu-banner-inner{
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 60px;
  color: #fff;
}.edu-scope .edu-banner-logo{
  width: 180px; height: auto; margin-bottom: 16px;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,0.35));
}.edu-scope .edu-banner-subtitle{
  margin: 0 0 28px;
  color: rgba(210,230,250,0.72);
  font-size: 13px; font-weight: 700; letter-spacing: 2px;
}.edu-scope .edu-banner h1{
  margin: 0 0 20px; color: #fff; font-size: 44px;
  line-height: 1.2; font-weight: 900;
  text-shadow: 0 2px 18px rgba(0,0,0,0.4);
}.edu-scope .edu-banner p.banner-desc{
  margin: 0; max-width: 720px;
  color: rgba(225,238,250,0.82);
  font-size: 15px; line-height: 1.85;
}.edu-scope .edu-nav{
  max-width: 1200px;
  margin: 0 auto;
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  flex-wrap: wrap;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(10,132,255,0.12);
  padding: 0 20px;
}.edu-scope .edu-nav a{
  display: inline-block;
  padding: 14px 16px;
  color: #3a4a5c;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: 0.2s;
  white-space: nowrap;
}.edu-scope .edu-nav a:hover{
  color: #0a84ff;
  background: rgba(10,132,255,0.05);
}.edu-scope.edu-brochure .edu-page{
  width: 100% !important;
  max-width: 1200px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding-bottom: 48px !important;
  overflow: visible !important;
  box-sizing: border-box;
}.edu-scope.edu-brochure .edu-page .page{
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  margin: 0 auto !important;
  box-sizing: border-box;
  transform: none !important;
}.edu-scope.edu-brochure .edu-page .stage{ padding: 0 !important; }.edu-scope.edu-brochure .edu-page .grid, .edu-scope.edu-brochure .edu-page .halo, .edu-scope.edu-brochure .edu-page .glow, .edu-scope.edu-brochure .edu-page .bg-grid, .edu-scope.edu-brochure .edu-page .scan, .edu-scope.edu-brochure .edu-page .corner-mark, .edu-scope.edu-brochure .edu-page .hero-img, .edu-scope.edu-brochure .edu-page .page::before, .edu-scope.edu-brochure .edu-page .page::after, .edu-scope.edu-brochure .edu-page .cover-page::before, .edu-scope.edu-brochure .edu-page .cover-page::after, .edu-scope.edu-brochure .edu-page .shade{
  display: none !important;
}.edu-scope .edu-page.theme-light{ background: #ffffff; }.edu-scope .edu-page.theme-light .page, .edu-scope .edu-page.theme-light .cover-page{
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(10,30,50,0.06);
}.edu-scope .edu-page.theme-light .kicker, .edu-scope .edu-page.theme-light .eyebrow{ color: #0a84ff !important; }.edu-scope .edu-page.theme-light h1, .edu-scope .edu-page.theme-light h2, .edu-scope .edu-page.theme-light .title-block h1, .edu-scope .edu-page.theme-light .brand-lockup h1, .edu-scope .edu-page.theme-light .panel-heading h2{ color: #0d1f33 !important; }.edu-scope .edu-page.theme-light p, .edu-scope .edu-page.theme-light .summary, .edu-scope .edu-page.theme-light .title-block p, .edu-scope .edu-page.theme-light .contact-list p{ color: #35475a !important; }.edu-scope .edu-page.theme-light .subtitle{ color: #5a6d82 !important; }.edu-scope .edu-page.theme-light .card, .edu-scope .edu-page.theme-light .panel, .edu-scope .edu-page.theme-light .highlight-row article, .edu-scope .edu-page.theme-light .system-list article, .edu-scope .edu-page.theme-light .practice-grid article, .edu-scope .edu-page.theme-light .spec-bar, .edu-scope .edu-page.theme-light .contact-panel{
  background: #f7fafd !important;
  border-color: rgba(10,132,255,0.12) !important;
  color: #0d1f33 !important;
}.edu-scope .edu-page.theme-light .insight-panel, .edu-scope .edu-page.theme-light .shift-card{
  background: #ffffff !important;
  border-color: rgba(10,132,255,0.15) !important;
  color: #0d1f33 !important;
  box-shadow: 0 2px 8px rgba(10,30,50,0.06);
}.edu-scope .edu-page.theme-light .metric-strip article, .edu-scope .edu-page.theme-light .proof-card{
  background: #f7fafd !important;
  border-color: rgba(10,132,255,0.15) !important;
  color: #0d1f33 !important;
}.edu-scope .edu-page.theme-light .metric-strip b, .edu-scope .edu-page.theme-light .proof-card h2{ color: #0d1f33 !important; }.edu-scope .edu-page.theme-light .proof-card p, .edu-scope .edu-page.theme-light .metric-strip span{ color: #35475a !important; }.edu-scope .edu-page.theme-light .capability-strip span, .edu-scope .edu-page.theme-light .stack-row, .edu-scope .edu-page.theme-light .spec-bar span{
  background: #eef4fa !important;
  border-color: rgba(10,132,255,0.12) !important;
  color: #0d1f33 !important;
}.edu-scope .edu-page.theme-light .capability-strip span, .edu-scope .edu-page.theme-light .stack-row span{ color: #35475a !important; }.edu-scope .edu-page.theme-light .stack-row b{ color: #0d1f33 !important; }.edu-scope .edu-page.theme-light .accent{ color: #0a84ff !important; }.edu-scope .edu-page.theme-dark{ background: #061222; }.edu-scope .edu-page.theme-dark .page, .edu-scope .edu-page.theme-dark .cover-page{
  background: linear-gradient(160deg, #061222 0%, #0a1b30 55%, #081424 100%) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.35);
}.edu-scope .edu-page.theme-dark .kicker, .edu-scope .edu-page.theme-dark .eyebrow{ color: #32d8ff !important; }.edu-scope .edu-page.theme-dark h1, .edu-scope .edu-page.theme-dark h2, .edu-scope .edu-page.theme-dark .title-block h1, .edu-scope .edu-page.theme-dark .brand-lockup h1, .edu-scope .edu-page.theme-dark .panel-heading h2{ color: #ffffff !important; }.edu-scope .edu-page.theme-dark .subtitle{ color: rgba(200,220,240,0.65) !important; }.edu-scope .edu-page.theme-dark small, .edu-scope .edu-page.theme-dark .label{ color: rgba(180,200,220,0.55) !important; }.edu-scope .edu-page.theme-dark .shift-card small{ color: #0a64c8 !important; }.edu-scope .edu-page.theme-dark .card, .edu-scope .edu-page.theme-dark .panel, .edu-scope .edu-page.theme-dark .highlight-row article, .edu-scope .edu-page.theme-dark .system-list article, .edu-scope .edu-page.theme-dark .practice-grid article, .edu-scope .edu-page.theme-dark .spec-bar, .edu-scope .edu-page.theme-dark .contact-panel{
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(50,216,255,0.18) !important;
  color: #ffffff !important;
}.edu-scope .edu-page.theme-dark .insight-panel, .edu-scope .edu-page.theme-dark .shift-card{
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(50,216,255,0.22) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.25);
}.edu-scope .edu-page.theme-dark .insight-panel b{ color: #ffffff !important; }.edu-scope .edu-page.theme-dark .shift-card b, .edu-scope .edu-page.theme-dark .card b, .edu-scope .edu-page.theme-dark .panel b, .edu-scope .edu-page.theme-dark .highlight-row b, .edu-scope .edu-page.theme-dark .system-list b, .edu-scope .edu-page.theme-dark .practice-grid b{ color: #000000 !important; }.edu-scope .edu-page.theme-dark .metric-strip article, .edu-scope .edu-page.theme-dark .proof-card{
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(50,216,255,0.22) !important;
  color: #ffffff !important;
}.edu-scope .edu-page.theme-dark .metric-strip b, .edu-scope .edu-page.theme-dark .proof-card h2{ color: #ffffff !important; }.edu-scope .edu-page.theme-dark .proof-card p, .edu-scope .edu-page.theme-dark .metric-strip span{ color: rgba(225,238,250,0.72) !important; }.edu-scope .edu-page.theme-dark .capability-strip span, .edu-scope .edu-page.theme-dark .stack-row, .edu-scope .edu-page.theme-dark .spec-bar span{
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(50,216,255,0.18) !important;
  color: #ffffff !important;
}.edu-scope .edu-page.theme-dark .capability-strip span, .edu-scope .edu-page.theme-dark .stack-row span{ color: rgba(225,238,250,0.72) !important; }.edu-scope .edu-page.theme-dark .stack-row b{ color: #ffffff !important; }.edu-scope .edu-page.theme-dark .accent{ color: #32d8ff !important; }.edu-scope .page{
  background:
    radial-gradient(circle at 74% 16%, rgba(68,203,255,0.24), transparent 30%),
    radial-gradient(circle at 18% 84%, rgba(40,139,255,0.22), transparent 36%),
    linear-gradient(160deg, #0d2236 0%, #12324d 48%, #081826 100%) !important;
  box-shadow: 0 20px 48px rgba(16,34,52,0.22);
}.edu-scope .bg-grid{
  background-image:
    linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px) !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.84), rgba(0,0,0,0.34) 52%, rgba(0,0,0,0.78));
}.edu-scope .page::before{
  background: linear-gradient(90deg, transparent, rgba(78,205,255,0.22), transparent) !important;
}.edu-scope .glow-a{ background: rgba(68,203,255,0.14) !important; }.edu-scope .glow-b{ background: rgba(40,139,255,0.16) !important; }.edu-scope .title-block > p:last-child, .edu-scope .lead, .edu-scope .stack-row span, .edu-scope .module-card p, .edu-scope .platform-card span, .edu-scope .scenario-strip span, .edu-scope .config-item p, .edu-scope .advantage-list span, .edu-scope .outcome-band p, .edu-scope .course-list li, .edu-scope .flow-text, .edu-scope .foot, .edu-scope footer{
  color: rgba(233,243,255,0.8) !important;
}.edu-scope .image-placeholder, .edu-scope .os-card, .edu-scope .stack-panel, .edu-scope .module-card, .edu-scope .segment-card, .edu-scope .product-card, .edu-scope .feature-card, .edu-scope .visual-panel, .edu-scope .detail-panel, .edu-scope .advantage-card, .edu-scope .outcome-band, .edu-scope .course-card, .edu-scope .flow-card, .edu-scope .test-card, .edu-scope .security-card, .edu-scope .security-panel{
  border-color: rgba(95,215,255,0.32) !important;
  background: linear-gradient(145deg, rgba(35,73,105,0.82), rgba(15,41,66,0.74)) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}.edu-scope .stack-row, .edu-scope .row-os, .edu-scope .config-item, .edu-scope .scenario-strip div, .edu-scope .advantage-list span, .edu-scope .capability-strip span, .edu-scope .capability-grid span, .edu-scope .os-list span, .edu-scope .course-chip, .edu-scope .test-chip, .edu-scope .badge, .edu-scope .metric, .edu-scope .pill{
  border-color: rgba(95,215,255,0.28) !important;
  background: rgba(31,66,96,0.72) !important;
}.edu-scope .visual-panel figure, .edu-scope .figure-wrap, .edu-scope .image-frame, .edu-scope .diagram-frame, .edu-scope .media-frame{
  border-color: rgba(95,215,255,0.34) !important;
}.edu-scope .vehicle-shift{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 18px 1fr 18px 1fr 18px 1fr;
  align-items: stretch;
  gap: 7px;
  margin: 16px 42px 0;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(10,132,255,0.13);
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(233,244,253,0.86));
  box-shadow: 0 16px 38px rgba(18,38,60,0.09);
}.edu-scope .vehicle-shift i{
  align-self: center; width: 18px; height: 1px;
  background: var(--cyan);
  box-shadow: 0 0 12px rgba(50,216,255,0.72);
}.edu-scope .vehicle-shift i::after{
  content: ""; display: block; width: 6px; height: 6px;
  margin-left: 12px; margin-top: -3px;
  border-top: 1px solid var(--cyan);
  border-right: 1px solid var(--cyan);
  transform: rotate(45deg);
}.edu-scope .shift-card{
  min-height: 92px; padding: 11px 10px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
}.edu-scope .shift-card small{ display: block; color: #0a64c8; font-size: 11px; font-weight: 900; }.edu-scope .shift-card b{ display: block; margin-top: 5px; color: #142235; font-size: 12.5px; line-height: 1.24; }.edu-scope .shift-card span{ display: block; margin-top: 6px; color: #5e7084; font-size: 11px; line-height: 1.48; }.edu-scope .main-grid{
  position: relative; z-index: 2;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 12px;
  margin: 12px 42px 0;
}.edu-scope .insight-panel, .edu-scope .radar-panel{
  min-height: 250px;
  border: 1px solid rgba(255,255,255,0.75);
  border-radius: 8px;
  background: rgba(255,255,255,0.82);
  box-shadow: 0 16px 38px rgba(18,38,60,0.1);
}.edu-scope .insight-panel{
  padding: 17px;
  display: flex; flex-direction: column; justify-content: center;
}.edu-scope .panel-no{ margin: 0 0 12px; color: var(--blue); font-size: 12px; font-weight: 900; }.edu-scope h2{ margin: 0; color: var(--ink); font-size: 18px; line-height: 1.24; font-weight: 900; }.edu-scope .shift-list{ display: grid; gap: 7px; margin-top: 13px; }.edu-scope .shift-list div{
  padding: 8px 10px;
  border: 1px solid rgba(10,132,255,0.13);
  border-radius: 8px;
  background: rgba(10,132,255,0.055);
}.edu-scope .shift-list b{ display: block; color: #0a64c8; font-size: 11px; line-height: 1.2; }.edu-scope .shift-list span{ display: block; margin-top: 5px; font-size: 11px; line-height: 1.4; }.edu-scope .radar-panel{ position: relative; display: grid; place-items: center; padding: 14px; }.edu-scope .radar{ position: relative; width: 254px; height: 254px; }.edu-scope .radar svg{ position: absolute; inset: 0; width: 100%; height: 100%; }.edu-scope .radar polygon, .edu-scope .radar line{
  fill: none; stroke: rgba(10,132,255,0.22); stroke-width: 1.4;
}.edu-scope .radar .ring-a{ fill: rgba(10,132,255,0.04); }.edu-scope .radar .ring-b{ fill: rgba(50,216,255,0.045); }.edu-scope .radar .ring-c{ fill: rgba(10,132,255,0.06); }.edu-scope .role-center{
  position: absolute; left: 50%; top: 50%;
  width: 82px; height: 82px;
  display: grid; place-items: center; text-align: center;
  color: #fff; font-size: 13px; line-height: 1.28; font-weight: 900;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a84ff, #073b66);
  box-shadow: 0 14px 34px rgba(10,132,255,0.28);
  transform: translate(-50%, -50%);
}.edu-scope .role{
  position: absolute; min-width: 76px; padding: 7px 8px;
  text-align: center; color: #123052; font-size: 11px; font-weight: 900;
  border: 1px solid rgba(10,132,255,0.22);
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 10px 22px rgba(18,38,60,0.1);
}.edu-scope .role-software{ left: 50%; top: 0; transform: translateX(-50%); }.edu-scope .role-algorithm{ right: -4px; top: 74px; }.edu-scope .role-test{ right: 18px; bottom: 26px; }.edu-scope .role-hardware{ left: 16px; bottom: 26px; }.edu-scope .role-system{ left: -6px; top: 74px; }.edu-scope .role-cards{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(5, 1fr);
  gap: 8px; margin: 10px 42px 0;
}.edu-scope .role-cards article{
  min-height: 72px; padding: 9px;
  border: 1px solid rgba(10,132,255,0.13);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 12px 24px rgba(18,38,60,0.07);
}.edu-scope .role-cards b{ display: block; color: #0a64c8; font-size: 12px; line-height: 1.25; }.edu-scope .role-cards span{ display: block; margin-top: 7px; color: #4d5c70; font-size: 11px; line-height: 1.42; }.edu-scope .path-strip{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1fr 22px 1fr 22px 1fr 22px 1fr;
  align-items: center; gap: 6px;
  margin: 10px 42px 0; padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(10,132,255,0.13);
  background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(234,246,255,0.84));
  box-shadow: 0 16px 38px rgba(18,38,60,0.09);
}.edu-scope .path-strip div{
  min-height: 42px; display: grid; place-items: center; text-align: center;
  padding: 8px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
}.edu-scope .path-strip b{ color: #142235; font-size: 11px; }.edu-scope .path-strip span{ color: #5e7084; font-size: 11px; }.edu-scope .path-strip i{
  width: 22px; height: 1px;
  background: var(--cyan);
  box-shadow: 0 0 12px rgba(50,216,255,0.72);
}.edu-scope .path-strip i::after{
  content: ""; display: block; width: 7px; height: 7px;
  margin-left: 15px; margin-top: -3px;
  border-top: 1px solid var(--cyan);
  border-right: 1px solid var(--cyan);
  transform: rotate(45deg);
}.edu-scope .evidence-box{
  position: relative; z-index: 2;
  margin: 10px 42px 0; padding: 9px 12px 10px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 12px 24px rgba(18,38,60,0.07);
}.edu-scope .evidence-title{ color: #0a64c8; font-size: 11px; font-weight: 900; }.edu-scope .evidence-grid{
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-top: 7px;
}.edu-scope .evidence-grid p{ margin: 0; color: #4d5c70; font-size: 8px; line-height: 1.42; }.edu-scope .evidence-grid b{ color: #142235; font-weight: 900; }.edu-scope .source-line{
  margin: 5px 0 0; padding-top: 5px;
  color: #7a8796; font-size: 7.8px; line-height: 1.35;
  border-top: 1px solid rgba(18,38,60,0.1);
}.edu-scope .foot span, .edu-scope .foot b{ position: relative; z-index: 1; background: #eef4f9; }.edu-scope .module-stage{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 0.82fr 1.32fr 0.82fr;
  align-items: center; gap: 12px;
  margin: 16px 42px 0;
}.edu-scope .module{
  position: relative;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  box-shadow: 0 18px 42px rgba(0,0,0,0.2);
}.edu-scope .side-module{
  min-height: 176px; padding: 16px 14px;
  display: flex; flex-direction: column; justify-content: center;
}.edu-scope .module small{ color: rgba(50,216,255,0.8); font-size: 10px; font-weight: 900; }.edu-scope .module h2{ margin: 8px 0 0; color: #fff; font-size: 18px; line-height: 1.18; font-weight: 900; }.edu-scope .module p{ margin: 12px 0 0; color: rgba(226,236,248,0.72); font-size: 11px; line-height: 1.42; }.edu-scope .module p b{ display: block; margin-bottom: 3px; color: rgba(50,216,255,0.88); font-size: 11px; line-height: 1.2; }.edu-scope .cockpit-module{
  min-height: 224px; padding: 20px;
  display: flex; flex-direction: column; justify-content: center;
  border-color: rgba(50,216,255,0.5);
  background:
    linear-gradient(145deg, rgba(10,132,255,0.38), rgba(8,23,39,0.88)),
    repeating-linear-gradient(45deg, rgba(255,255,255,0.045) 0 8px, rgba(255,255,255,0.015) 8px 16px);
  box-shadow: 0 24px 58px rgba(10,132,255,0.26), inset 0 0 60px rgba(50,216,255,0.08);
}.edu-scope .core-label{
  width: max-content; padding: 6px 10px;
  color: #071523; font-size: 11px; font-weight: 900;
  border-radius: 999px;
  background: var(--cyan);
}.edu-scope .cockpit-module h2{ margin-top: 14px; font-size: 30px; }.edu-scope .cockpit-module p{ max-width: 290px; color: rgba(255,255,255,0.82); font-size: 11px; line-height: 1.44; }.edu-scope .cockpit-tags{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 12px; }.edu-scope .cockpit-tags b{
  min-height: 30px; display: grid; place-items: center;
  color: rgba(255,255,255,0.9); font-size: 11px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px;
  background: rgba(255,255,255,0.08);
}.edu-scope .bridge-strip{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1fr 22px 1fr 22px 1.1fr;
  align-items: center; gap: 6px;
  margin: 9px 42px 0; padding: 9px;
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
}.edu-scope .bridge-strip div{
  min-height: 40px; display: grid; place-items: center; text-align: center;
  padding: 8px;
  border: 1px solid rgba(50,216,255,0.18);
  border-radius: 8px;
  background: rgba(2,9,17,0.36);
}.edu-scope .bridge-strip b{ color: #fff; font-size: 11px; }.edu-scope .bridge-strip span{ color: rgba(226,236,248,0.72); font-size: 11px; }.edu-scope .bridge-strip i{
  width: 22px; height: 1px;
  background: var(--cyan);
  box-shadow: 0 0 12px rgba(50,216,255,0.72);
}.edu-scope .bridge-strip i::after{
  content: ""; display: block; width: 7px; height: 7px;
  margin-left: 15px; margin-top: -3px;
  border-top: 1px solid var(--cyan);
  border-right: 1px solid var(--cyan);
  transform: rotate(45deg);
}.edu-scope .cockpit-job-map{
  position: relative; z-index: 2;
  margin: 9px 42px 0; padding: 11px 12px;
  border: 1px solid rgba(50,216,255,0.22);
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  box-shadow: 0 14px 32px rgba(0,0,0,0.14);
}.edu-scope .job-map-title{ color: var(--cyan); font-size: 13px; font-weight: 900; }.edu-scope .job-table{ display: grid; gap: 4px; margin-top: 7px; }.edu-scope .job-head, .edu-scope .job-row{
  display: grid;
  grid-template-columns: 0.6fr 1.25fr 1.66fr;
  gap: 8px; align-items: start;
}.edu-scope .job-head{
  padding: 0 8px 3px;
  color: rgba(255,255,255,0.92);
  font-size: 11px; font-weight: 900;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}.edu-scope .job-row{
  min-height: 33px; padding: 6px 8px;
  border: 1px solid rgba(50,216,255,0.12);
  border-radius: 6px;
  background: rgba(2,9,17,0.32);
}.edu-scope .job-row span{ color: rgba(226,236,248,0.76); font-size: 11px; line-height: 1.36; }.edu-scope .job-row span:first-child{ color: #fff; font-weight: 900; }.edu-scope .job-row span:nth-child(3){ color: #fff; font-weight: 900; }.edu-scope .value-band{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin: 10px 42px 0;
}.edu-scope .value-band article{
  min-height: 76px; padding: 10px 11px;
  border: 1px solid rgba(50,216,255,0.18);
  border-radius: 8px;
  background: rgba(255,255,255,0.07);
}.edu-scope .value-band b{ display: block; color: #fff; font-size: 12px; }.edu-scope .value-band span{ display: block; margin-top: 6px; color: rgba(226,236,248,0.72); font-size: 11px; line-height: 1.38; }.edu-scope .foot span, .edu-scope .foot b{ background: #050b13; }.edu-scope .solution-lead{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.52fr 0.48fr;
  gap: 12px; margin: 18px 42px 0;
}.edu-scope .lead-card{
  min-height: 218px; padding: 14px;
  border: 1px solid rgba(255,255,255,0.76);
  border-radius: 8px;
  background: rgba(255,255,255,0.86);
  box-shadow: 0 16px 38px rgba(18,38,60,0.1);
}.edu-scope .image-card{
  display: grid; place-items: center; overflow: hidden;
  background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(239,247,255,0.94));
  border-color: rgba(10,132,255,0.22);
}.edu-scope .tech-stack-img{
  width: 100%; height: 100%; display: block;
  object-fit: contain; object-position: center;
  border-radius: 6px; filter: none;
  box-shadow: 0 0 0 1px rgba(10,132,255,0.08);
}.edu-scope .lead-summary{ display: grid; gap: 8px; }.edu-scope .lead-summary div{
  min-height: 66px; padding: 12px;
  border: 1px solid rgba(10,132,255,0.13);
  border-radius: 8px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 12px 24px rgba(18,38,60,0.06);
}.edu-scope .lead-summary b{ display: block; color: #0a64c8; font-size: 12px; line-height: 1.25; }.edu-scope .lead-summary span{ display: block; margin-top: 4px; color: #4d5c70; font-size: 11px; line-height: 1.38; }.edu-scope .build-loop{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 10px; margin: 14px 42px 0;
}.edu-scope .build-loop::before{
  content: "";
  position: absolute;
  left: 70px; right: 70px; top: 32px;
  height: 2px;
  background: linear-gradient(90deg, rgba(10,132,255,0.1), rgba(10,132,255,0.85), rgba(50,216,255,0.25));
  z-index: -1;
}.edu-scope .step{
  min-height: 202px; padding: 14px 13px;
  border: 1px solid rgba(10,132,255,0.15);
  border-radius: 8px;
  background: rgba(255,255,255,0.86);
  box-shadow: 0 16px 34px rgba(18,38,60,0.08);
}.edu-scope .step small{
  width: 34px; height: 34px;
  display: grid; place-items: center;
  color: #fff; font-size: 12px; font-weight: 900;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a84ff, #073b66);
  box-shadow: 0 10px 22px rgba(10,132,255,0.24);
}.edu-scope .step h3{ margin: 13px 0 0; color: var(--ink); font-size: 16px; line-height: 1.22; font-weight: 900; }.edu-scope .step p{ margin: 8px 0 0; color: #4d5c70; font-size: 11px; line-height: 1.48; }.edu-scope .outcomes{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin: 14px 42px 0; padding: 12px;
  border: 1px solid rgba(10,132,255,0.13);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(233,244,253,0.86));
  box-shadow: 0 16px 38px rgba(18,38,60,0.09);
}.edu-scope .outcomes article{
  min-height: 78px; padding: 10px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
}.edu-scope .outcomes b{ display: block; color: #0a64c8; font-size: 13px; line-height: 1.28; }.edu-scope .outcomes span{ display: block; margin-top: 7px; color: #4d5c70; font-size: 11px; line-height: 1.42; }.edu-scope .foot span, .edu-scope .foot b{ background: #eef4f9; }.edu-scope .loop-stage{
  position: relative; z-index: 2;
  height: 430px; margin: 18px 42px 0;
  border: 1px solid rgba(134,203,245,0.22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 50%, rgba(50,216,255,0.16), transparent 31%),
    linear-gradient(145deg, rgba(33,76,106,0.45), rgba(11,31,50,0.38));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 42px rgba(0,0,0,0.18);
}.edu-scope .loop-stage::before, .edu-scope .loop-stage::after{
  content: ""; position: absolute; left: 50%; top: 50%;
  border: 1px solid rgba(50,216,255,0.16);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}.edu-scope .loop-stage::before{ width: 420px; height: 258px; }.edu-scope .loop-stage::after{ width: 520px; height: 318px; }.edu-scope .loop-core{
  position: absolute; left: 50%; top: 50%; z-index: 4;
  width: 160px; height: 160px;
  display: grid; place-items: center; text-align: center;
  padding: 22px;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a84ff, #073b66);
  box-shadow: 0 20px 60px rgba(10,132,255,0.32);
  transform: translate(-50%, -50%);
}.edu-scope .loop-core small, .edu-scope .loop-card small{ color: rgba(50,216,255,0.86); font-size: 11px; font-weight: 900; }.edu-scope .loop-core b{ color: #fff; font-size: 18px; line-height: 1.2; }.edu-scope .loop-core span{ color: rgba(255,255,255,0.75); font-size: 11px; line-height: 1.4; }.edu-scope .loop-card{
  position: absolute; z-index: 5;
  width: 214px; min-height: 108px;
  padding: 12px 14px;
  border: 1px solid rgba(95,196,244,0.24);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(15,45,68,0.82), rgba(6,22,36,0.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 14px 28px rgba(0,0,0,0.16);
}.edu-scope .loop-card h2{ margin: 4px 0 0; color: #fff; font-size: 16px; line-height: 1.22; font-weight: 900; }.edu-scope .loop-card p{ margin: 7px 0 0; color: rgba(226,236,248,0.78); font-size: 11px; line-height: 1.4; }.edu-scope .loop-card b{ display: block; margin-top: 8px; color: rgba(50,216,255,0.82); font-size: 11px; line-height: 1.36; }.edu-scope .card-1{ left: calc(50% - 100px); top: 6px; }.edu-scope .card-2{ left: 10%; top: 126px; }.edu-scope .card-3{ right: 10%; top: 126px; }.edu-scope .card-4{ left: calc(50% - 240px); bottom: 16px; }.edu-scope .card-5{ right: calc(50% - 240px); bottom: 16px; }.edu-scope .product-strip{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 8px; margin: 16px 42px 0;
}.edu-scope .product-strip figure{
  margin: 0; min-height: 102px; overflow: hidden;
  border: 1px solid rgba(95,196,244,0.22);
  border-radius: 8px;
  background: rgba(20,50,72,0.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}.edu-scope .product-strip img{
  display: block; width: 100%; height: 240px;
  padding: 8px;
  background: rgba(255,255,255,0.9);
}.edu-scope .product-strip figure.software-course-image img{ object-fit: contain; }.edu-scope .product-strip figcaption{
  padding: 8px;
  color: rgba(238,247,255,0.9);
  font-size: 11px; line-height: 1.25;
  text-align: center; font-weight: 800;
  background: linear-gradient(180deg, rgba(25,58,82,0.38), rgba(12,34,52,0.5));
}.edu-scope .coverage-strip{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(5, 1fr);
  gap: 8px; margin: 12px 42px 0; padding: 10px;
  border-radius: 8px;
  background: rgba(30,67,92,0.42);
  border: 1px solid rgba(134,203,245,0.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}.edu-scope .coverage-strip span{
  min-height: 34px; display: grid; place-items: center;
  color: rgba(255,255,255,0.9); font-size: 11px; font-weight: 900;
  border: 1px solid rgba(95,196,244,0.24);
  border-radius: 6px;
  background: rgba(18,47,69,0.68);
}.edu-scope .foot span, .edu-scope .foot b{ background: #050b13; }.edu-scope .hero-layout{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.9fr 0.9fr;
  gap: 14px; margin: 18px 42px 0;
}.edu-scope .product-image-wrap{
  position: absolute;
  left: 36px; right: 36px; top: 34px;
  padding: 30px;
  z-index: 2; margin: 0;
  display: grid; place-items: center;
  border-radius: 8px;
  background: rgba(255,255,255,0.96);
  box-shadow: inset 0 0 28px rgba(50,216,255,0.06), 0 18px 34px rgba(18,38,60,0.12);
  overflow: hidden;
}.edu-scope .product-image-wrap img{ width: 60%; height: 100%; object-fit: contain; display: block; }.edu-scope .training-tags{
  position: absolute;
  left: 30px; right: 30px; bottom: 18px;
  z-index: 6; padding: 14px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.86);
  box-shadow: 0 12px 26px rgba(18,38,60,0.08);
}.edu-scope .training-tags b{ display: block; color: #142235; font-size: 13px; line-height: 1.2; }.edu-scope .training-tags div{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 10px; }.edu-scope .training-tags span{
  min-height: 24px; display: grid; place-items: center;
  padding: 4px 5px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 6px;
  color: #5e7084; font-size: 11px; line-height: 1.2;
  background: rgba(10,132,255,0.045);
}.edu-scope .capability-panel{
  min-height: 542px; padding: 16px 14px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(233,244,253,0.86));
  box-shadow: 0 16px 38px rgba(18,38,60,0.09);
}.edu-scope .panel-title small{ color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: 1px; }.edu-scope .panel-title h2{ margin: 6px 0 0; color: #142235; font-size: 21px; line-height: 1.18; }.edu-scope .config-stack{ display: grid; gap: 8px; margin-top: 14px; }.edu-scope .config-stack article{
  min-height: 86px; padding: 10px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
}.edu-scope .config-stack small{ display: block; color: #0a64c8; font-size: 11px; font-weight: 900; letter-spacing: 0.8px; }.edu-scope .config-stack b{ display: block; margin-top: 6px; color: #142235; font-size: 12px; line-height: 1.25; }.edu-scope .config-stack span{ display: block; margin-top: 6px; color: #5e7084; font-size: 11px; line-height: 1.4; }.edu-scope .feature-list{ display: grid; gap: 7px; margin: 10px 0 0; padding: 0; list-style: none; }.edu-scope .feature-list li{
  min-height: 48px; display: grid; align-content: center;
  padding: 8px 10px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.82);
}.edu-scope .feature-list b{ display: block; color: #142235; font-size: 11px; line-height: 1.2; }.edu-scope .feature-list span{ display: block; margin-top: 4px; color: #5e7084; font-size: 11px; line-height: 1.36; }.edu-scope .workflow-band{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 10px; margin: 14px 42px 0;
}.edu-scope .workflow-band article{
  min-height: 112px; padding: 13px 12px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 12px 24px rgba(18,38,60,0.07);
}.edu-scope .workflow-band small{ display: block; color: var(--blue); font-size: 11px; font-weight: 900; }.edu-scope .workflow-band b{ display: block; margin-top: 8px; color: #fff; font-size: 17px; line-height: 1.18; }.edu-scope .workflow-band span{ display: block; margin-top: 8px; color: #5e7084; font-size: 11px; line-height: 1.42; }.edu-scope .foot span, .edu-scope .foot b{ background: #eef4f9; }.edu-scope .hero-layout{
  display: grid; grid-template-columns: 1.62fr 1.08fr;
  gap: 14px; margin: 18px 42px 0;
}.edu-scope .product-frame{
  position: relative; min-height: 542px;
  border: 1px solid rgba(50,216,255,0.18);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.035)),
    radial-gradient(circle at 54% 44%, rgba(50,216,255,0.15), transparent 34%);
  box-shadow: 0 20px 48px rgba(0,0,0,0.22);
  overflow: hidden;
}.edu-scope .product-frame::before{
  content: "";
  position: absolute; inset: 28px;
  border-radius: 8px;
}.edu-scope .product-image-wrap{
  position: absolute;
  left: 30px; right: 30px; top: 30px;
  height: 344px; z-index: 2; margin: 0;
  display: grid; place-items: center;
  border: 1px solid rgba(50,216,255,0.34);
  border-radius: 8px;
  background: rgba(255,255,255,0.94);
  box-shadow: inset 0 0 36px rgba(50,216,255,0.08), 0 18px 42px rgba(0,0,0,0.2);
  overflow: hidden;
}.edu-scope .product-image-wrap img{ width: 100%; height: 100%; object-fit: contain; display: block; }.edu-scope .scenario-strip{
  position:relative;
  margin: 20px 0px;
  z-index: 4;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}.edu-scope .scenario-strip article{
  min-height: 112px; padding: 12px 10px;
  border: 1px solid rgba(50,216,255,0.2);
  border-radius: 8px;
  background: rgba(2,9,17,0.58);
}.edu-scope .scenario-strip small{ display: block; color: var(--cyan); font-size: 11px; font-weight: 900; }.edu-scope .scenario-strip b{ display: block; margin-top: 7px; color: #fff; font-size: 14px; line-height: 1.2; }.edu-scope .scenario-strip span{ display: block; margin-top: 8px; color: rgba(226,236,248,0.68); font-size: 11px; line-height: 1.36; }.edu-scope .module-panel{
  min-height: 542px; padding: 16px 14px;
  border: 1px solid rgba(50,216,255,0.2);
  border-radius: 8px;
  background: rgba(2,9,17,0.62);
  box-shadow: 0 20px 48px rgba(0,0,0,0.18);
}.edu-scope .module-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 15px; }.edu-scope .module-grid article{
  min-height: 62px; display: grid; align-content: center;
  padding: 10px 9px;
  border: 1px solid rgba(50,216,255,0.18);
  border-radius: 8px;
  background: rgba(255,255,255,0.065);
}.edu-scope .module-grid b{ color: var(--cyan); font-size: 11px; line-height: 1; }.edu-scope .module-grid span{ display: block; margin-top: 7px; color: rgba(255,255,255,0.88); font-size: 11px; line-height: 1.25; font-weight: 800; }.edu-scope .teaching-card{
  margin-top: 12px; min-height: 106px; padding: 12px;
  border: 1px solid rgba(50,216,255,0.24);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(10,132,255,0.18), rgba(255,255,255,0.06));
}.edu-scope .teaching-card small{ color: var(--cyan); font-size: 11px; font-weight: 900; letter-spacing: 0.8px; }.edu-scope .teaching-card b{ display: block; margin-top: 8px; color: #fff; font-size: 13px; line-height: 1.3; }.edu-scope .teaching-card span{ display: block; margin-top: 8px; color: rgba(226,236,248,0.72); font-size: 11px; line-height: 1.42; }.edu-scope .scenario-strip article, .edu-scope .module-grid article, .edu-scope .workflow-band article{
  border-color: rgba(95,196,244,0.24);
  background: linear-gradient(145deg, rgba(25,62,89,0.78), rgba(11,35,55,0.64));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 12px 26px rgba(0,0,0,0.12);
}.edu-scope .module-grid article{ background: rgba(30,67,96,0.64); }.edu-scope .teaching-card{
  border-color: rgba(95,196,244,0.3);
  background: linear-gradient(145deg, rgba(28,83,118,0.72), rgba(12,43,67,0.62));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}.edu-scope .scenario-strip span, .edu-scope .module-grid span, .edu-scope .teaching-card span, .edu-scope .workflow-band span{
  color: rgba(233,243,255,0.8);
}.edu-scope .foot span, .edu-scope .foot b{ background: #050b13; }.edu-scope .dev-flow, .edu-scope .course-panel{
  min-height: 542px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(233,244,253,0.86));
  box-shadow: 0 16px 38px rgba(18,38,60,0.09);
}.edu-scope .dev-flow{
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(233,244,253,0.86)),
    radial-gradient(circle at 48% 46%, rgba(50,216,255,0.11), transparent 34%);
}.edu-scope .flow-header small, .edu-scope .panel-title small, .edu-scope .project-card small{
  color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: 1px;
}.edu-scope .flow-header b{ display: block; margin-top: 7px; color: #142235; font-size: 19px; line-height: 1.25; }.edu-scope .flow-rail{ position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 16px; }.edu-scope .flow-rail::before{
  content: "";
  position: absolute;
  left: 42px; right: 42px; top: 25px;
  height: 2px;
  background: linear-gradient(90deg, rgba(50,216,255,0.14), rgba(50,216,255,0.82), rgba(10,132,255,0.22));
}.edu-scope .flow-rail article{
  position: relative; min-height: 132px; padding: 10px 8px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.86);
}.edu-scope .flow-rail small{
  width: 28px; height: 28px;
  display: grid; place-items: center;
  color: #fff; font-size: 11px; font-weight: 900;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a84ff, #073b66);
}.edu-scope .flow-rail b{ display: block; margin-top: 12px; color: #142235; font-size: 13px; line-height: 1.2; }.edu-scope .flow-rail span{ display: block; margin-top: 8px; color: #5e7084; font-size: 11px; line-height: 1.34; }.edu-scope .software-image-wrap{
  margin: 14px 0 0;
  display: grid; grid-template-rows: 1fr 1fr;
  gap: 8px; padding: 8px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.72);
  box-shadow: inset 0 0 20px rgba(50,216,255,0.05);
  overflow: hidden;
}.edu-scope .software-image-wrap img{
  width: 100%; height: 100%; min-height: 0;
  object-fit: contain; display: block;
  border-radius: 5px;
  background: rgba(255,255,255,0.94);
}.edu-scope .course-panel{ padding: 16px 14px; }.edu-scope .module-list{ display: grid; gap: 6px; margin-top: 12px; }.edu-scope .module-list article{
  min-height: 45px;
  display: grid; grid-template-columns: 28px 1fr;
  align-items: center; gap: 8px;
  padding: 8px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
}.edu-scope .module-list b{
  width: 28px; height: 28px;
  display: grid; place-items: center;
  color: #fff; font-size: 11px;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a84ff, #073b66);
}.edu-scope .module-list span{ color: #142235; font-size: 11px; line-height: 1.32; font-weight: 800; }.edu-scope .project-card{
  margin-top: 10px; min-height: 106px; padding: 11px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.86);
}.edu-scope .project-card b{ display: block; margin-top: 7px; color: #142235; font-size: 12px; line-height: 1.28; }.edu-scope .project-card span{ display: block; margin-top: 7px; color: #5e7084; font-size: 11px; line-height: 1.38; }.edu-scope .outcome-band{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 10px; margin: 14px 42px 0;
}.edu-scope .outcome-band article{
  min-height: 112px; padding: 13px 12px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 12px 24px rgba(18,38,60,0.07);
}.edu-scope .outcome-band small{ display: block; color: var(--blue); font-size: 11px; font-weight: 900; }.edu-scope .outcome-band b{ display: block; margin-top: 8px; color: #142235; font-size: 17px; line-height: 1.18; }.edu-scope .outcome-band span{ display: block; margin-top: 8px; color: #5e7084; font-size: 11px; line-height: 1.42; }.edu-scope .foot span, .edu-scope .foot b{ background: #eef4f9; }.edu-scope .quality-panel, .edu-scope .experiment-panel{
  min-height: 542px;
  border: 1px solid rgba(95,196,244,0.26);
  border-radius: 8px;
  background:
    radial-gradient(circle at 48% 44%, rgba(50,216,255,0.13), transparent 36%),
    linear-gradient(145deg, rgba(34,76,106,0.48), rgba(11,31,50,0.42));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 40px rgba(0,0,0,0.16);
}.edu-scope .quality-panel{
  padding: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.035)),
    radial-gradient(circle at 48% 46%, rgba(50,216,255,0.15), transparent 34%);
}.edu-scope .flow-header small, .edu-scope .panel-title small, .edu-scope .aspice-card small{
  color: var(--cyan); font-size: 11px; font-weight: 900; letter-spacing: 1px;
}.edu-scope .flow-header b{ display: block; margin-top: 7px; color: #fff; font-size: 19px; line-height: 1.25; }.edu-scope .test-flow{ position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 16px; }.edu-scope .test-flow::before{
  content: "";
  position: absolute;
  left: 42px; right: 42px; top: 25px;
  height: 2px;
  background: linear-gradient(90deg, rgba(50,216,255,0.14), rgba(50,216,255,0.82), rgba(10,132,255,0.22));
}.edu-scope .test-flow article{
  position: relative; min-height: 132px; padding: 10px 8px;
  border: 1px solid rgba(50,216,255,0.18);
  border-radius: 8px;
  background: rgba(2,9,17,0.62);
}.edu-scope .test-flow small{
  width: 28px; height: 28px;
  display: grid; place-items: center;
  color: #fff; font-size: 11px; font-weight: 900;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a84ff, #073b66);
}.edu-scope .test-flow b{ display: block; margin-top: 12px; color: #fff; font-size: 13px; line-height: 1.2; }.edu-scope .test-flow span{ display: block; margin-top: 8px; color: rgba(226,236,248,0.68); font-size: 11px; line-height: 1.34; }.edu-scope .test-image-wrap{
  height: 360px; margin: 14px 0 0;
  display: grid; grid-template-rows: 1fr 1fr;
  gap: 8px; padding: 8px;
  border: 1px solid rgba(50,216,255,0.22);
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  box-shadow: inset 0 0 24px rgba(50,216,255,0.08);
  overflow: hidden;
}.edu-scope .test-image-wrap img{
  width: 100%; min-height: 0; display: block;
  border-radius: 5px;
  background: rgba(255,255,255,0.94);
}.edu-scope .experiment-panel{ padding: 16px 14px; }.edu-scope .method-strip{
  margin-top: 12px; padding: 8px 10px;
  border: 1px solid rgba(50,216,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.045);
}.edu-scope .method-strip span{ display: block; color: rgba(226,236,248,0.68); font-size: 11px; line-height: 1.38; }.edu-scope .experiment-list b{
  width: 28px; height: 28px;
  display: grid; place-items: center;
  color: #fff; font-size: 11px;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a84ff, #073b66);
}.edu-scope .experiment-list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-top: 9px; }.edu-scope .experiment-list article{
  min-height: 72px; display: grid; align-content: start; gap: 8px;
  padding: 7px 8px;
  border: 1px solid rgba(50,216,255,0.18);
  border-radius: 8px;
  background: rgba(255,255,255,0.065);
}.edu-scope .experiment-list strong{ display: block; color: rgba(255,255,255,0.94); font-size: 11px; line-height: 1.2; }.edu-scope .experiment-list span{ display: block; margin-top: 4px; color: rgba(255,255,255,0.88); font-size: 11px; line-height: 1.25; font-weight: 700; }.edu-scope .aspice-card{
  margin-top: 10px; min-height: 82px; padding: 11px;
  border: 1px solid rgba(50,216,255,0.24);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(10,132,255,0.18), rgba(255,255,255,0.06));
}.edu-scope .aspice-card b{ display: block; margin-top: 7px; color: #fff; font-size: 12px; line-height: 1.28; }.edu-scope .aspice-card span{ display: block; margin-top: 7px; color: rgba(226,236,248,0.72); font-size: 11px; line-height: 1.38; }.edu-scope .test-flow article, .edu-scope .method-strip, .edu-scope .experiment-list article, .edu-scope .outcome-band article{
  border-color: rgba(95,196,244,0.24);
  background: linear-gradient(145deg, rgba(25,62,89,0.78), rgba(11,35,55,0.64));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 12px 26px rgba(0,0,0,0.12);
}.edu-scope .experiment-list article{ background: rgba(30,67,96,0.64); }.edu-scope .aspice-card{
  border-color: rgba(95,196,244,0.3);
  background: linear-gradient(145deg, rgba(28,83,118,0.72), rgba(12,43,67,0.62));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}.edu-scope .test-flow span, .edu-scope .method-strip span, .edu-scope .experiment-list span, .edu-scope .aspice-card span, .edu-scope .outcome-band span{
  color: rgba(233,243,255,0.8);
}.edu-scope .outcome-band article{
  min-height: 112px; padding: 13px 12px;
  border: 1px solid rgba(50,216,255,0.18);
  border-radius: 8px;
  background: rgba(255,255,255,0.075);
  box-shadow: 0 14px 30px rgba(0,0,0,0.13);
}.edu-scope .outcome-band small{ display: block; color: var(--cyan); font-size: 11px; font-weight: 900; }.edu-scope .outcome-band b{ display: block; margin-top: 8px; color: #fff; font-size: 17px; line-height: 1.18; }.edu-scope .outcome-band span{ display: block; margin-top: 8px; color: rgba(226,236,248,0.68); font-size: 11px; line-height: 1.42; }.edu-scope .foot span, .edu-scope .foot b{ background: #050b13; }.edu-scope .intro{ position: relative; z-index: 2; padding: 22px 42px 0; }.edu-scope .eyebrow{ margin: 0 0 10px; color: var(--cyan); font-size: 13px; font-weight: 900; }.edu-scope .intro h1{ max-width: 720px; margin: 0; color: var(--ink); font-size: 29px; line-height: 1.2; letter-spacing: 0.2px; }.edu-scope .summary{ max-width: 710px; margin: 10px 0 0; color: var(--muted); font-size: 11.4px; line-height: 1.6; }.edu-scope .product-card, .edu-scope .systems-panel{
  min-height: 468px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(39,91,126,0.42), rgba(8,30,50,0.48));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 40px rgba(0,0,0,0.16);
}.edu-scope .product-card{ padding: 18px; }.edu-scope .image-frame{
  position: relative; height: 315px; overflow: hidden;
  border: 1px solid rgba(94,211,255,0.35);
  border-radius: 7px;
  background: #f4f4f1;
  box-shadow: inset 0 0 28px rgba(52,216,255,0.09), 0 12px 28px rgba(0,0,0,0.18);
}.edu-scope .image-frame img{ display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }.edu-scope .image-label{
  position: absolute; left: 12px; bottom: 12px;
  padding: 6px 8px;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 4px;
  background: rgba(3,14,25,0.76);
  color: #dff8ff; font-size: 9px; font-weight: 800; letter-spacing: 0.8px;
}.edu-scope .highlight-row{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 12px; }.edu-scope .highlight-row article{
  min-height: 93px; padding: 10px 8px;
  border: 1px solid rgba(95,196,244,0.22);
  border-radius: 7px;
  background: linear-gradient(145deg, rgba(25,62,89,0.78), rgba(11,35,55,0.64));
}.edu-scope .highlight-row b{ display: block; color: #fff; font-size: 12px; line-height: 1.2; }.edu-scope .highlight-row span{ display: block; margin-top: 7px; color: rgba(233,243,255,0.78); font-size: 10px; line-height: 1.34; }.edu-scope .systems-panel{ padding: 16px 14px; }.edu-scope .panel-heading small{ color: var(--cyan); font-size: 10px; font-weight: 900; letter-spacing: 1px; }.edu-scope .panel-heading h2{ margin: 6px 0 0; color: #fff; font-size: 20px; line-height: 1.2; }.edu-scope .system-list{ display: grid; gap: 7px; margin-top: 14px; }.edu-scope .system-list article{
  display: grid; grid-template-columns: 27px 1fr; gap: 8px;
  min-height: 55px; padding: 9px;
  border: 1px solid rgba(95,196,244,0.2);
  border-radius: 7px;
  background: rgba(255,255,255,0.06);
}.edu-scope .system-list i{
  display: grid; place-items: center;
  width: 25px; height: 25px;
  border-radius: 50%;
  background: linear-gradient(135deg, #118ef3, #26c8dd);
  color: #fff; font-size: 9px; font-style: normal; font-weight: 900;
}.edu-scope .system-list b{ display: block; color: #fff; font-size: 11px; line-height: 1.2; }.edu-scope .system-list span{ display: block; margin-top: 3px; color: rgba(233,243,255,0.74); font-size: 10px; line-height: 1.32; }.edu-scope .practice-band{ position: relative; z-index: 2; margin: 13px 42px 0; }.edu-scope .band-title{ display: flex; align-items: baseline; gap: 11px; margin: 0 0 9px; }.edu-scope .band-title small{ color: var(--cyan); font-size: 10px; font-weight: 900; letter-spacing: 1px; }.edu-scope .band-title b{ color: #fff; font-size: 14px; }.edu-scope .practice-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }.edu-scope .practice-grid article{
  min-height: 90px; padding: 11px 10px;
  border: 1px solid rgba(95,196,244,0.2);
  border-radius: 7px;
  background: linear-gradient(145deg, rgba(25,62,89,0.78), rgba(11,35,55,0.64));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}.edu-scope .practice-grid small{ color: var(--cyan); font-size: 10px; font-weight: 900; }.edu-scope .practice-grid b{ display: block; margin-top: 6px; color: #fff; font-size: 15px; line-height: 1.2; }.edu-scope .practice-grid span{ display: block; margin-top: 7px; color: rgba(233,243,255,0.76); font-size: 10px; line-height: 1.35; }.edu-scope .spec-bar{
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.05fr 1.45fr 1.45fr;
  gap: 12px; margin: 12px 42px 0; padding: 10px 12px;
  border: 1px solid rgba(53,215,255,0.24);
  border-radius: 7px;
  background: rgba(3,18,32,0.48);
}.edu-scope .spec-bar span{ color: rgba(226,236,248,0.76); font-size: 9.8px; line-height: 1.35; }.edu-scope .spec-bar b{ display: block; margin-bottom: 3px; color: var(--cyan); font-size: 9px; letter-spacing: 0.4px; }.edu-scope .intro h1, .edu-scope .panel-heading h2, .edu-scope .highlight-row b, .edu-scope .system-list b, .edu-scope .band-title b, .edu-scope .practice-grid b{ color: #142235; }.edu-scope .eyebrow, .edu-scope .panel-heading small, .edu-scope .band-title small, .edu-scope .practice-grid small, .edu-scope .spec-bar b{ color: #0a84ff; }.edu-scope .product-card, .edu-scope .systems-panel{
  border-color: rgba(10,132,255,0.16);
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(233,244,253,0.86));
  box-shadow: 0 16px 38px rgba(18,38,60,0.09);
}.edu-scope .highlight-row article, .edu-scope .system-list article, .edu-scope .practice-grid article{
  border-color: rgba(10,132,255,0.15);
  background: rgba(255,255,255,0.82);
  box-shadow: 0 10px 22px rgba(18,38,60,0.06);
}.edu-scope .highlight-row span, .edu-scope .system-list span, .edu-scope .practice-grid span{ color: #5e7084; }.edu-scope .spec-bar{ border-color: rgba(10,132,255,0.18); background: rgba(255,255,255,0.86); }.edu-scope .spec-bar span{ color: #5e7084; }.edu-scope .loop-panel, .edu-scope .practice-panel{
  min-height: 542px;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(233,244,253,0.86));
  box-shadow: 0 16px 38px rgba(18,38,60,0.09);
}.edu-scope .loop-panel{ padding: 18px; }.edu-scope .loop-header small, .edu-scope .panel-title small, .edu-scope .project-card small{ color: var(--blue); font-size: 9px; font-weight: 900; letter-spacing: 1px; }.edu-scope .loop-header b{ display: block; margin-top: 7px; color: #142235; font-size: 19px; line-height: 1.25; }.edu-scope .closed-loop-image{
  position: relative; height: 354px; margin: 14px 0 0;
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.78);
  box-shadow: inset 0 0 20px rgba(50,216,255,0.05);
  overflow: hidden;
}.edu-scope .closed-loop-image img{ width: 100%; height: 100%; object-fit: contain; display: block; }.edu-scope .signal-strip{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }.edu-scope .signal-strip article{
  min-height: 82px; padding: 10px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 12px 24px rgba(18,38,60,0.07);
}.edu-scope .signal-strip b{ display: block; color: #142235; font-size: 12px; line-height: 1.2; }.edu-scope .signal-strip span{ display: block; margin-top: 8px; color: #5e7084; font-size: 11px; line-height: 1.36; }.edu-scope .practice-panel{ padding: 16px 14px; }.edu-scope .practice-list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 15px; }.edu-scope .practice-list article{
  min-height: 92px; padding: 9px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 12px 24px rgba(18,38,60,0.07);
}.edu-scope .practice-list b{
  width: 28px; height: 28px;
  display: grid; place-items: center;
  color: #fff; font-size: 11px;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a84ff, #0a64c8);
}.edu-scope .practice-list strong{ display: block; margin-top: 8px; color: #142235; font-size: 11px; line-height: 1.2; }.edu-scope .practice-list span{ display: block; margin-top: 6px; color: #5e7084; font-size: 11px; line-height: 1.32; }.edu-scope .project-card{
  margin-top: 12px; min-height: 118px; padding: 12px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 12px 24px rgba(18,38,60,0.07);
}.edu-scope .project-card b{ display: block; margin-top: 8px; color: #142235; font-size: 13px; line-height: 1.3; }.edu-scope .project-card span{ display: block; margin-top: 8px; color: #5e7084; font-size: 11px; line-height: 1.42; }.edu-scope .foot span, .edu-scope .foot b{ background: #eef4f9; }.edu-scope .hero{ position: relative; z-index: 1; padding: 30px 42px 0; }.edu-scope .topline{
  display: flex; align-items: center; gap: 12px;
  color: #5e7188; font-size: 11px; font-weight: 900; letter-spacing: 1.3px;
  flex-direction: row-reverse;
}.edu-scope .topline span:first-child{
  width: 38px; height: 38px;
  display: grid; place-items: center;
  border: 1px solid rgba(10,132,255,0.2);
  border-radius: 50%;
  color: #0a84ff; font-size: 17px;
  background: rgba(10,132,255,0.08);
}.edu-scope .hero-copy{ margin-top: 20px; }.edu-scope h1{ margin: 0; max-width: 700px; color: #142235; font-size: 30px; line-height: 1.18; font-weight: 900; }.edu-scope .lead{ margin: 12px 0 0; max-width: 704px; color: #5e7084; font-size: 11.5px; line-height: 1.62; }.edu-scope .product-layout{
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1.55fr 1.05fr;
  gap: 14px; margin: 22px 42px 0;
}.edu-scope .visual-panel, .edu-scope .detail-panel, .edu-scope .advantage-card, .edu-scope .outcome-band{
  border: 1px solid rgba(10,132,255,0.16);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(233,244,253,0.86));
  box-shadow: 0 16px 38px rgba(18,38,60,0.09);
}.edu-scope .visual-panel{
  min-height: 560px; padding: 16px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.035)),
    radial-gradient(circle at 50% 38%, rgba(50,216,255,0.14), transparent 34%);
}.edu-scope .panel-label, .edu-scope .section-title{ color: #0a84ff; font-size: 10px; font-weight: 900; letter-spacing: 1.4px; }.edu-scope .visual-panel figure{
  height: 386px; margin: 12px 0 0;
  display: grid; place-items: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(246,250,255,0.96);
}.edu-scope .visual-panel img{ width: 100%; height: 100%; object-fit: contain; display: block; }.edu-scope .scenario-strip div{
  min-height: 108px; padding: 10px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
}.edu-scope .scenario-strip strong{ display: block; color: #142235; font-size: 12px; line-height: 1.2; }.edu-scope .scenario-strip span{ display: block; margin-top: 8px; color: #5e7084; font-size: 11px; line-height: 1.42; }.edu-scope .detail-panel{ min-height: 560px; padding: 16px 14px; }.edu-scope .config-stack{ display: grid; gap: 10px; margin-top: 14px; }.edu-scope .config-item{
  display: grid; grid-template-columns: 42px 1fr; gap: 10px;
  min-height: 112px; padding: 11px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
}.edu-scope .config-item > span{
  width: 38px; height: 38px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--blue), #005db7);
  color: #fff; font-size: 13px; font-weight: 900;
}.edu-scope .config-item h3{ margin: 1px 0 0; color: #142235; font-size: 13px; line-height: 1.25; }.edu-scope .config-item p{ margin: 6px 0 0; color: #5e7084; font-size: 11px; line-height: 1.42; }.edu-scope .advantage-list{ display: grid; gap: 8px; margin-top: 12px; }.edu-scope .advantage-list span{
  display: block; padding: 9px 10px;
  border: 1px solid rgba(10,132,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.84);
  color: #5e7084; font-size: 11px; line-height: 1.36;
}.edu-scope .bottom-grid{
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 14px; margin: 14px 42px 0;
}.edu-scope .advantage-card{ padding: 14px; min-height: 130px; }.edu-scope .capability-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 14px; }.edu-scope .capability-grid span{
  min-height: 58px; display: grid; place-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #142235; font-size: 12px; font-weight: 900;
  background: rgba(255,255,255,0.84);
}.edu-scope .outcome-band{ padding: 16px 18px; min-height: 130px; }.edu-scope .outcome-band strong{ display: block; color: #0a84ff; font-size: 11px; letter-spacing: 1.2px; }.edu-scope .outcome-band p{ margin: 12px 0 0; color: #1c5362; font-size: 13px; line-height: 1.55; font-weight: 700; }.edu-scope footer{
  position: absolute; left: 42px; right: 42px; bottom: 24px;
  display: flex; justify-content: space-between; align-items: center;
  color: #7a8796; font-size: 11px;
}.edu-scope footer::before{
  content: "";
  position: absolute;
  left: 0; right: 72px; top: 50%;
  height: 1px;
  background: rgba(18,38,60,0.12);
}.edu-scope footer span{ position: relative; background: #02060c; }.edu-scope footer span:first-child{ padding-right: 14px; }.edu-scope footer span:last-child{ padding-left: 14px; color: var(--cyan); font-weight: 900; font-size: 17px; }.edu-scope .half-section{
  position: relative; z-index: 1;
  margin: 16px 42px 0; padding: 15px 16px 16px;
  border: 1px solid rgba(95,196,244,0.24);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(34,76,106,0.48), rgba(11,31,50,0.46));
  box-shadow: 0 15px 34px rgba(0,0,0,0.13);
}.edu-scope .section-head{ display: flex; align-items: center; gap: 10px; }.edu-scope .section-no{
  display: grid; place-items: center;
  flex: 0 0 32px; width: 32px; height: 32px;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a84ff, #32c5df);
  color: #fff; font-size: 11px; font-weight: 900;
}.edu-scope .section-head small{ color: var(--cyan); font-size: 9px; font-weight: 900; letter-spacing: 1px; }.edu-scope .section-head h2{ margin: 3px 0 0; color: #fff; font-size: 19px; line-height: 1.2; }.edu-scope .section-lead{ margin: 8px 0 10px; color: var(--muted); font-size: 10.5px; line-height: 1.45; }.edu-scope .section-body{
  display: grid; grid-template-columns: 1.12fr 1fr;
  gap: 12px; height: 268px;
}.edu-scope .task-list{ display: grid; grid-template-rows: repeat(3, 1fr); gap: 7px; }.edu-scope .task-list article{
  padding: 10px 11px;
  border: 1px solid rgba(95,196,244,0.2);
  border-radius: 7px;
  background: rgba(25,62,89,0.68);
}.edu-scope .task-list b{ display: block; color: #fff; font-size: 11px; line-height: 1.2; }.edu-scope .task-list span{ display: block; margin-top: 5px; color: rgba(233,243,255,0.78); font-size: 10px; line-height: 1.38; }.edu-scope .simulation .section-body{ height: 308px; }.edu-scope .simulation .task-list{ grid-template-rows: repeat(4, minmax(0, 1fr)); }.edu-scope .simulation .task-list article{ padding: 8px 10px; }.edu-scope .visual-stack{ display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 7px; min-height: 0; }.edu-scope .visual-stack figure{
  margin: 0; min-height: 0; overflow: hidden;
  border: 1px solid rgba(50,216,255,0.26);
  border-radius: 7px;
  background: #f5f8fa;
}.edu-scope .visual-stack img{ display: block; width: 100%; height: 100%; object-fit: contain; }.edu-scope .security{ margin-top: 13px; }.edu-scope .security .section-body{ height: 290px; }.edu-scope .security .task-list{ grid-template-rows: repeat(4, minmax(0, 1fr)); }.edu-scope .security .task-list article{ padding: 8px 10px; }.edu-scope .qr-group{
  display: grid;
  gap: 10px;
  justify-items: flex-end;
  margin-top: -150px;
  margin-left: 950px;
}.edu-scope .company-qr{
  width: 136px; height: 136px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 30px rgba(0,0,0,0.22);
} @media print { @page { size: A4 portrait; margin: 0; }.edu-scope{ background: #fff; }.edu-scope .no-print, .edu-scope .toolbar{ display: none !important; }.edu-scope .stage{ display: block; padding: 0; }.edu-scope .page{
    margin: 0;
    width: 210mm;
    height: 297mm;
    box-shadow: none;
  }.edu-scope .page::after, .edu-scope .cover-page::after{ inset: 0; }
} @media (max-width: 900px) {.edu-scope .toolbar{ display: none; }.edu-scope .stage{ display: block; padding: 0; }.edu-scope .page{
    transform: scale(calc(100vw / 794));
    transform-origin: top left;
  }
}