/* Layout: light, airy product storytelling; navy "night" bands for AI + final CTA; every UI mock is live HTML, not an image. */
.edutab-page{
  --blue:#1570D9; --blue-2:#2AA5DE; --blue-ink:#0B5DB8;
  --navy:#0B1638; --navy-2:#13214D;
  --soft:#EAF2FF; --bg:#F7F9FC; --surface:#FFFFFF; --surface-2:#F2F5FA;
  --ink:#111827; --muted:#667085; --line:#E3E8F1; --line-strong:#CDD5E3;
  --green:#22C55E; --green-ink:#12813C; --green-bg:#E7F8EE;
  --amber:#B76E00; --amber-bg:#FFF4E0;
  --red:#D93A3A; --red-bg:#FDECEC;
  --violet:#5B5FE0; --violet-bg:#EEEEFF;
  --on-navy:#FFFFFF; --on-navy-muted:#A9B4D0; --navy-line:rgba(255,255,255,.1);
  --shadow-sm:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  --shadow:0 12px 32px -12px rgba(11,22,56,.18),0 2px 6px rgba(11,22,56,.05);
  --shadow-lg:0 40px 80px -30px rgba(11,22,56,.32),0 8px 24px -8px rgba(11,22,56,.12);
  --f-display:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-sm:10px; --r:16px; --r-lg:24px; --r-xl:32px;
  --gutter:clamp(16px,4vw,40px); --maxw:1280px;
  --sec:clamp(64px,8vw,112px);
  --sec-tight:clamp(32px,4vw,48px);
}

.edutab-page .edutab-page[data-theme="dark"]{
  --blue:#4A9BFF; --blue-2:#45BDF0; --blue-ink:#8CC4FF;
  --navy:#081029; --navy-2:#111D44;
  --soft:#122045; --bg:#070C1F; --surface:#0E1631; --surface-2:#131D3B;
  --ink:#EEF2FA; --muted:#9AA6C1; --line:#1E2A4C; --line-strong:#2B3961;
  --green:#34D06F; --green-ink:#5BE08E; --green-bg:#0F2E22;
  --amber:#F2B04A; --amber-bg:#33260E;
  --red:#FF7272; --red-bg:#3A1717;
  --violet:#9EA2FF; --violet-bg:#20234D;
  --navy-line:rgba(255,255,255,.08);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow:0 12px 32px -12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.3);
  --shadow-lg:0 40px 80px -30px rgba(0,0,0,.7),0 8px 24px -8px rgba(0,0,0,.4);
  color-scheme:dark}

.edutab-page *, .edutab-page *::before, .edutab-page *::after{box-sizing:border-box}
.edutab-page{scroll-behavior:smooth;scroll-padding-top:120px;-webkit-text-size-adjust:100%}
.edutab-page{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.edutab-page img{max-width:100%;display:block;height:auto}
.edutab-page a{color:inherit;text-decoration:none}
.edutab-page button, .edutab-page input, .edutab-page select, .edutab-page textarea{font:inherit;color:inherit}
.edutab-page h1, .edutab-page h2, .edutab-page h3, .edutab-page h4{font-family:var(--f-display);margin:0;letter-spacing:-.025em;line-height:1.08;text-wrap:balance;font-weight:800}
.edutab-page p{margin:0}
.edutab-page ul{margin:0;padding:0;list-style:none}
.edutab-page :focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:8px}
.edutab-page .skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--surface);padding:10px 16px;border-radius:10px;box-shadow:var(--shadow)}
.edutab-page .skip:focus{left:16px}
.edutab-page .ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.edutab-page .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.edutab-page .sec{padding-block:var(--sec)}
.edutab-page .sec + .sec{padding-top:var(--sec-tight)}
.edutab-page #video{padding-bottom:var(--sec-tight)}
.edutab-page #ekosistem{padding-top:var(--sec-tight)}
.edutab-page .tnum{font-variant-numeric:tabular-nums}
.edutab-page .mono{font-family:var(--f-mono);font-size:.86em;letter-spacing:0}

/* ---------- shared type ---------- */
.edutab-page .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.edutab-page .h2{font-size:clamp(32px,4.1vw,52px);margin-top:16px}
.edutab-page .lead{font-size:clamp(17px,1.4vw,19.5px);color:var(--muted);line-height:1.65;max-width:62ch;margin-top:20px}
.edutab-page .sec-head{max-width:760px}
.edutab-page .sec-head.center{margin-inline:auto;text-align:center}
.edutab-page .sec-head.center .lead{margin-inline:auto}
.edutab-page .grad-text{background:linear-gradient(100deg,var(--blue) 10%,var(--blue-2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- buttons ---------- */
.edutab-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding-inline:24px;border-radius:999px;font-family:var(--f-display);font-weight:700;font-size:15.5px;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .25s,background .2s,border-color .2s;white-space:nowrap}
.edutab-page .btn .ic{width:18px;height:18px;transition:transform .25s}
.edutab-page .btn:hover .ic{transform:translateX(3px)}
.edutab-page .btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--blue) 80%,transparent)}
.edutab-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px -12px color-mix(in srgb,var(--blue) 90%,transparent)}
.edutab-page .btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}
.edutab-page .btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.edutab-page .btn-sm{height:42px;padding-inline:18px;font-size:14.5px}
.edutab-page .btn-light{background:#fff;color:#0B1638}
.edutab-page .btn-outline-light{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}
.edutab-page .btn-outline-light:hover{border-color:#fff}
.edutab-page .link-arrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-display);font-weight:700;font-size:15px;color:var(--blue)}
.edutab-page .link-arrow .ic{width:17px;height:17px;transition:transform .25s}
.edutab-page .link-arrow:hover .ic{transform:translateX(4px)}

/* ---------- pills ---------- */
.edutab-page .pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding-inline:10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;line-height:1}
.edutab-page .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.edutab-page .pill.ok{background:var(--green-bg);color:var(--green-ink)}
.edutab-page .pill.off{background:var(--surface-2);color:var(--muted)}
.edutab-page .pill.quiz{background:var(--soft);color:var(--blue-ink)}
.edutab-page .pill.asg{background:var(--violet-bg);color:var(--violet)}
.edutab-page .pill.lock{background:var(--amber-bg);color:var(--amber)}
.edutab-page .pill.due{background:var(--red-bg);color:var(--red)}
.edutab-page .pill.plain::before{display:none}
.edutab-page .sample-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);border:1px dashed var(--line-strong);border-radius:999px;padding:3px 10px;white-space:nowrap}

/* ---------- NAV ---------- */
.edutab-page .nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:100;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.edutab-page .nav.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px -18px rgba(11,22,56,.35)}
.edutab-page .nav-in{display:flex;align-items:center;gap:20px;height:72px}
.edutab-page .logo{display:flex;align-items:center;gap:10px;flex:none}
.edutab-page .logo-mark{width:34px;height:34px}
.edutab-page .logo-word{font-family:var(--f-display);font-weight:800;font-size:21px;letter-spacing:-.03em;line-height:1}
.edutab-page .logo-by{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-top:3px;font-family:var(--f-body)}
.edutab-page .nav-links{display:flex;gap:2px;margin-left:auto}
.edutab-page .nav-links a{font-size:14px;font-weight:500;color:var(--muted);padding:8px 10px;border-radius:8px;transition:color .2s,background .2s;white-space:nowrap}
.edutab-page .nav-links a:hover{color:var(--ink);background:var(--surface-2)}
.edutab-page .nav-cta{display:flex;gap:10px;align-items:center;flex:none}
.edutab-page .nav-explore{font-size:14px;font-weight:600;font-family:var(--f-display);color:var(--ink);padding:8px 6px}
.edutab-page .nav-explore:hover{color:var(--blue)}
.edutab-page .menu-btn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface);align-items:center;justify-content:center;cursor:pointer;margin-left:auto}
.edutab-page .drawer{position:fixed;inset:0;z-index:150;pointer-events:none;overflow:hidden}
.edutab-page .drawer-scrim{position:absolute;inset:0;background:rgba(7,12,31,.45);opacity:0;transition:opacity .3s}
.edutab-page .drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(380px,88vw);background:var(--surface);padding:calc(20px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:8px;overflow-y:auto;box-shadow:var(--shadow-lg)}
.edutab-page .drawer.open{pointer-events:auto}
.edutab-page .drawer.open .drawer-scrim{opacity:1}
.edutab-page .drawer.open .drawer-panel{transform:none}
.edutab-page .drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.edutab-page .drawer-panel nav a{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);font-family:var(--f-display);font-weight:600;font-size:17px}
.edutab-page .drawer-panel .btn{margin-top:16px;width:100%}
@media (max-width:1240px){.edutab-page .nav-links a{padding:8px 7px;font-size:13.5px}.edutab-page .nav-explore{display:none}}
@media (max-width:1120px){.edutab-page .nav-links, .edutab-page .nav-cta .btn{display:none}.edutab-page .menu-btn{display:inline-flex}}

/* ---------- HERO ---------- */
.edutab-page .hero{position:relative;overflow:hidden;padding:clamp(24px,3.2vw,40px) 0 clamp(48px,5.5vw,64px)}
.edutab-page .hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 60% at 78% 40%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 70%),
  radial-gradient(40% 50% at 10% 10%,color-mix(in srgb,var(--blue-2) 10%,transparent),transparent 70%);pointer-events:none}
.edutab-page .hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--blue) 22%,transparent) 1px,transparent 1.2px);background-size:26px 26px;mask-image:radial-gradient(55% 60% at 70% 45%,#000,transparent 75%);-webkit-mask-image:radial-gradient(55% 60% at 70% 45%,#000,transparent 75%);opacity:.5;pointer-events:none}
.edutab-page .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(40px,5vw,64px);align-items:center}
.edutab-page .hero-copy{display:flex;flex-direction:column;gap:0;padding-block:8px 12px}
.edutab-page .hero-intro{display:flex;flex-direction:column;gap:10px}
.edutab-page .hero-brand{margin:0}
.edutab-page .hero-brand .logo{gap:8px}
.edutab-page .hero-brand .wordmark{width:168px;height:36px;color:var(--logo-ink)}
.edutab-page .logo-sys{color:var(--logo-ink);font-family:var(--f-display);font-weight:700;font-size:27px;letter-spacing:-.045em;line-height:.8;transform:translateY(2px)}
.edutab-page .hero-product{margin:0;color:var(--muted);font-size:15px;font-weight:600;line-height:1.45}
.edutab-page .hero h1{font-size:clamp(32px,3.5vw,50px);margin:28px 0 0;letter-spacing:-.032em;line-height:1.12;text-wrap:balance}
.edutab-page .hero-sub{font-family:var(--f-display);font-weight:700;font-size:clamp(16px,1.45vw,19px);margin:20px 0 0;color:var(--ink);letter-spacing:-.01em;line-height:1.45}
.edutab-page .hero-sub span{color:var(--blue)}
.edutab-page .hero .lead{margin:20px 0 0;font-size:clamp(16px,1.15vw,17.5px);line-height:1.65;max-width:52ch}
.edutab-page .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.edutab-page .hero-trust{display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:14px;color:var(--muted);line-height:1.5}
.edutab-page .hero-trust .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-bg)}

.edutab-page .eco-hero{position:relative;aspect-ratio:1/0.92;max-width:100%;margin-inline:auto;width:100%;padding:8px 4px;box-sizing:border-box}
.edutab-page .eco-hero svg.lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.edutab-page .eco-hero .ln{stroke:color-mix(in srgb,var(--blue) 45%,transparent);stroke-width:1.5;fill:none;stroke-dasharray:3 7;vector-effect:non-scaling-stroke;animation:dash 1.6s linear infinite}
.edutab-page .eco-hero .ln-glow{stroke:var(--blue);stroke-width:2;fill:none;vector-effect:non-scaling-stroke;stroke-dasharray:8 400;stroke-linecap:round;animation:pulse-line 4.5s cubic-bezier(.5,0,.3,1) infinite;opacity:.9}
@keyframes dash{to{stroke-dashoffset:-20}}
@keyframes pulse-line{0%{stroke-dashoffset:60}100%{stroke-dashoffset:-340}}
.edutab-page .eco-hero .halo{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 18%,transparent),transparent 65%)}
.edutab-page .eco-hero .ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid color-mix(in srgb,var(--blue) 18%,transparent)}
.edutab-page .eco-hero .ring.r1{width:56%;aspect-ratio:1}
.edutab-page .eco-hero .ring.r2{width:84%;aspect-ratio:1;border-style:dashed;opacity:.7}
.edutab-page .hero-device{position:absolute;left:50%;top:50%;width:58%;transform:translate(-50%,-50%);z-index:2;animation:float 7s ease-in-out infinite;filter:drop-shadow(0 40px 40px rgba(11,22,56,.25))}
@keyframes float{0%, 100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 12px))}}
.edutab-page .node{position:absolute;z-index:3;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s,border-color .3s;white-space:nowrap}
.edutab-page .node:hover{transform:translate(-50%,calc(-50% - 3px));border-color:color-mix(in srgb,var(--blue) 40%,transparent)}
.edutab-page .node .nic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--blue)}
.edutab-page .node .nic .ic{width:18px;height:18px}
.edutab-page .node b{display:block;font-family:var(--f-display);font-size:14px;font-weight:700;line-height:1.2}
.edutab-page .node small{display:block;font-size:11.5px;color:var(--muted);line-height:1.3}
.edutab-page .node .live{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--surface)}
@media (max-width:960px){.edutab-page .hero-grid{grid-template-columns:1fr}.edutab-page .eco-hero{max-width:620px}}
@media (max-width:600px){
  .edutab-page .node{padding:6px 10px 6px 6px;gap:7px;border-radius:12px}
  .edutab-page .node .nic{width:26px;height:26px;border-radius:8px}.edutab-page .node .nic .ic{width:15px;height:15px}
  .edutab-page .node b{font-size:12px}.edutab-page .node small{display:none}
  .edutab-page .eco-hero{aspect-ratio:1/1.02}
  .edutab-page .hero-device{width:64%}
}

/* ---------- VALUE BAR ---------- */
.edutab-page .valuebar{border-block:1px solid var(--line);background:var(--surface)}
.edutab-page .vb-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.edutab-page .vb{display:flex;gap:14px;align-items:flex-start;padding:28px clamp(12px,2vw,28px)}
.edutab-page .vb + .vb{border-left:1px solid var(--line)}
.edutab-page .vb .vi{width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--blue);display:grid;place-items:center;flex:none}
.edutab-page .vb b{display:block;font-family:var(--f-display);font-size:16px;font-weight:700;letter-spacing:-.01em}
.edutab-page .vb span{font-size:14.5px;color:var(--muted)}
@media (max-width:900px){.edutab-page .vb-grid{grid-template-columns:1fr 1fr}.edutab-page .vb:nth-child(3){border-left:0}.edutab-page .vb:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:480px){.edutab-page .vb-grid{grid-template-columns:1fr}.edutab-page .vb+.vb{border-left:0;border-top:1px solid var(--line)}.edutab-page .vb{padding-inline:0}}

/* ---------- ECOSYSTEM DIAGRAM ---------- */
.edutab-page .eco-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,96px);align-items:center}
.edutab-page .contrast{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
.edutab-page .contrast > div{border-radius:var(--r);padding:20px;border:1px solid var(--line);background:var(--surface)}
.edutab-page .contrast h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:12px}
.edutab-page .contrast li{display:flex;gap:10px;font-size:14.5px;line-height:1.45;padding-block:6px}
.edutab-page .contrast .x{color:var(--muted)}
.edutab-page .contrast .x .ic{color:var(--line-strong);width:16px;height:16px;margin-top:2px}
.edutab-page .contrast .y{background:var(--soft);border-color:transparent}
.edutab-page .contrast .y h4{color:var(--blue-ink)}
.edutab-page .contrast .y .ic{color:var(--blue);width:16px;height:16px;margin-top:2px}
.edutab-page .eco-panel{margin-top:20px;padding:18px 20px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);min-height:96px;display:flex;gap:14px;align-items:flex-start;box-shadow:var(--shadow-sm)}
.edutab-page .eco-panel .vi{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;flex:none}
.edutab-page .eco-panel b{font-family:var(--f-display);font-size:16px}
.edutab-page .eco-panel p{font-size:15px;color:var(--muted);margin-top:2px}
.edutab-page .ring-wrap{position:relative;width:100%;max-width:560px;aspect-ratio:1;margin-inline:auto}
.edutab-page .ring-wrap > svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.edutab-page .ring-wrap .orbit{fill:none;stroke:var(--line-strong);stroke-width:.25;stroke-dasharray:1 1.4}
.edutab-page .ring-wrap .orbit2{fill:none;stroke:var(--line);stroke-width:.25}
.edutab-page .ring-wrap .spoke{stroke:var(--line-strong);stroke-width:.3;transition:stroke .3s,stroke-width .3s}
.edutab-page .ring-wrap .spoke.on{stroke:var(--blue);stroke-width:.55;stroke-dasharray:1.2 1.2;animation:dash2 1s linear infinite}
@keyframes dash2{to{stroke-dashoffset:-4.8}}
.edutab-page .core{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 30px 60px -20px color-mix(in srgb,var(--blue) 70%,transparent)}
.edutab-page .core::before, .edutab-page .core::after{content:"";position:absolute;inset:-10%;border-radius:50%;border:1px solid color-mix(in srgb,var(--blue) 35%,transparent);animation:ripple 3.6s ease-out infinite}
.edutab-page .core::after{animation-delay:1.8s}
@keyframes ripple{from{transform:scale(.9);opacity:1}to{transform:scale(1.5);opacity:0}}
.edutab-page .core b{font-family:var(--f-display);font-size:clamp(16px,2.4vw,24px);font-weight:800;letter-spacing:-.03em;display:block}
.edutab-page .core small{font-size:clamp(10px,1vw,12px);opacity:.82;display:block}
.edutab-page .rnode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;width:116px}
.edutab-page .rnode .ri{width:58px;height:58px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);box-shadow:var(--shadow);transition:transform .3s,background .3s,color .3s,border-color .3s}
.edutab-page .rnode .ri .ic{width:24px;height:24px}
.edutab-page .rnode span{font-family:var(--f-display);font-weight:700;font-size:13.5px;line-height:1.2;text-align:center}
.edutab-page .rnode:hover .ri, .edutab-page .rnode.on .ri{transform:scale(1.08);background:var(--blue);border-color:var(--blue);color:#fff}
@media (max-width:960px){.edutab-page .eco-grid{grid-template-columns:1fr}}
@media (max-width:560px){.edutab-page .rnode{width:76px;gap:5px}.edutab-page .rnode .ri{width:44px;height:44px;border-radius:13px}.edutab-page .rnode .ri .ic{width:19px;height:19px}.edutab-page .rnode span{font-size:11px}.edutab-page .contrast{grid-template-columns:1fr}}

/* ---------- COMPONENT CARDS ---------- */
.edutab-page .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.edutab-page .fcard{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;overflow:hidden}
.edutab-page .fcard::before{content:"";position:absolute;inset:0 0 auto;height:120px;background:radial-gradient(80% 100% at 0% 0%,color-mix(in srgb,var(--blue) 9%,transparent),transparent);opacity:0;transition:opacity .35s;pointer-events:none}
.edutab-page .fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--blue) 30%,var(--line))}
.edutab-page .fcard:hover::before{opacity:1}
.edutab-page .fcard-top{display:flex;justify-content:space-between;align-items:center}
.edutab-page .fi{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--soft);color:var(--blue)}
.edutab-page .fi .ic{width:22px;height:22px}
.edutab-page .fcard .who{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.edutab-page .fcard h3{font-size:22px;margin-top:22px}
.edutab-page .fcard p{color:var(--muted);font-size:15.5px;margin-top:10px}
.edutab-page .feat{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;margin-bottom:24px}
.edutab-page .feat li{font-size:13px;font-weight:500;padding:5px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.edutab-page .fcard .link-arrow{margin-top:auto}
@media (max-width:1000px){.edutab-page .cards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.edutab-page .cards{grid-template-columns:1fr}}

/* ---------- TEACHER ---------- */
.edutab-page .split{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,6vw,88px);align-items:center}
.edutab-page .split.rev{grid-template-columns:1fr 1.15fr}
.edutab-page .teach-visual{position:relative;padding-bottom:120px}
.edutab-page .teach-photo{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16/11;box-shadow:var(--shadow)}
.edutab-page .teach-photo img{width:100%;height:100%;object-fit:cover;object-position:30% 40%}
.edutab-page .app{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}
.edutab-page .app-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.edutab-page .dots{display:flex;gap:6px}.edutab-page .dots i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}
.edutab-page .app-bar .t{font-size:12.5px;font-weight:600;color:var(--muted);margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.edutab-page .teach-dash{position:absolute;left:clamp(-24px,-2vw,0px);right:12%;bottom:0}
.edutab-page .td-body{padding:16px;display:grid;gap:14px}
.edutab-page .td-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.edutab-page .td-head b{font-family:var(--f-display);font-size:17px}
.edutab-page .td-head small{display:block;color:var(--muted);font-size:12.5px}
.edutab-page .td-actions{display:flex;gap:6px;flex-wrap:wrap}
.edutab-page .td-actions span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface)}
.edutab-page .td-actions span .ic{width:14px;height:14px;color:var(--blue)}
.edutab-page .td-actions span.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.edutab-page .td-actions span.on .ic{color:#fff}
.edutab-page .td-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.edutab-page .mini{border:1px solid var(--line);border-radius:10px;padding:6px;background:var(--surface)}
.edutab-page .mini .scr{height:44px;border-radius:6px;background:var(--surface-2);position:relative;overflow:hidden}
.edutab-page .mini .scr::before{content:"";position:absolute;left:6px;right:30%;top:8px;height:5px;border-radius:3px;background:var(--line-strong)}
.edutab-page .mini .scr::after{content:"";position:absolute;left:6px;right:12%;top:18px;height:5px;border-radius:3px;background:var(--line)}
.edutab-page .mini .scr.q{background:var(--soft)}
.edutab-page .mini .scr.q::before{background:color-mix(in srgb,var(--blue) 45%,transparent)}
.edutab-page .mini .scr.l{background:var(--amber-bg)}
.edutab-page .mini .scr.l::before, .edutab-page .mini .scr.l::after{display:none}
.edutab-page .mini .scr.l svg{position:absolute;inset:0;margin:auto;width:16px;height:16px;color:var(--amber)}
.edutab-page .mini p{font-size:11px;font-weight:600;margin-top:5px;display:flex;justify-content:space-between;align-items:center}
.edutab-page .mini p i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.edutab-page .mini p i.l{background:var(--amber)}
.edutab-page .td-quiz{display:flex;align-items:center;gap:12px;font-size:12.5px;padding:10px 12px;border-radius:12px;background:var(--soft)}
.edutab-page .td-quiz b{font-family:var(--f-display);white-space:nowrap}
.edutab-page .bar{flex:1;height:7px;border-radius:999px;background:color-mix(in srgb,var(--blue) 15%,transparent);overflow:hidden}
.edutab-page .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--blue-2))}
.edutab-page .flist{display:grid;gap:4px;margin-top:32px}
.edutab-page .frow{display:flex;gap:16px;padding:16px;border-radius:var(--r);transition:background .25s}
.edutab-page .frow:hover{background:var(--surface)}
.edutab-page .frow .fi{width:44px;height:44px;border-radius:12px;flex:none}
.edutab-page .frow b{font-family:var(--f-display);font-size:17px;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.edutab-page .frow p{color:var(--muted);font-size:15px;margin-top:3px}
.edutab-page .tag-ai{font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:3px 7px;border-radius:6px;background:linear-gradient(90deg,var(--blue),var(--blue-2));color:#fff}
@media (max-width:960px){.edutab-page .split, .edutab-page .split.rev{grid-template-columns:1fr}.edutab-page .split.rev .copy{order:-1}}
@media (max-width:640px){.edutab-page .teach-visual{padding-bottom:0}.edutab-page .teach-dash{position:relative;left:auto;right:auto;margin:-48px 10px 0}.edutab-page .td-grid{grid-template-columns:repeat(2,1fr)}.edutab-page .teach-photo{aspect-ratio:4/3}}

/* ---------- STUDENT ---------- */
.edutab-page .band-soft{background:linear-gradient(180deg,var(--soft),color-mix(in srgb,var(--soft) 40%,var(--bg)))}
.edutab-page .stu-head{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(32px,5vw,72px);align-items:end}
.edutab-page .stu-photo{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;box-shadow:var(--shadow)}
.edutab-page .stu-photo img{width:100%;height:100%;object-fit:cover}
.edutab-page .tablet{margin-top:64px;background:#0d1220;border-radius:clamp(22px,3vw,40px);padding:clamp(10px,1.5vw,18px);box-shadow:var(--shadow-lg),inset 0 0 0 1.5px #2a3245;position:relative}
.edutab-page .tablet::before{content:"";position:absolute;top:50%;left:clamp(4px,.6vw,7px);width:5px;height:5px;border-radius:50%;background:#2a3245;transform:translateY(-50%)}
.edutab-page .tscreen{background:var(--bg);border-radius:clamp(14px,2vw,26px);overflow:hidden}
.edutab-page .ts-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,2.5vw,28px);border-bottom:1px solid var(--line);background:var(--surface)}
.edutab-page .ts-top .l{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:800;font-size:15px}
.edutab-page .ts-top .l svg{width:24px;height:24px}
.edutab-page .ts-top .r{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}
.edutab-page .avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#FFB27A,#FF7A9C);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;font-family:var(--f-display)}
.edutab-page .ts-body{padding:clamp(18px,2.5vw,32px);display:grid;gap:18px}
.edutab-page .greet h3{font-size:clamp(22px,2.6vw,32px)}
.edutab-page .greet p{color:var(--muted);font-size:15px;margin-top:4px}
.edutab-page .ts-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.edutab-page .tcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}
.edutab-page .tcard h4{font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.01em;margin-bottom:12px}
.edutab-page .tcard h4 small{font-family:var(--f-body);font-weight:500;color:var(--muted);font-size:12px}
.edutab-page .sched li{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px}
.edutab-page .sched li:first-child{border-top:0;padding-top:2px}
.edutab-page .sched time{font-family:var(--f-mono);font-size:12.5px;color:var(--muted)}
.edutab-page .sched b{font-weight:600}
.edutab-page .sched small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.edutab-page .sched .now{font-size:11px;font-weight:700;color:var(--blue);background:var(--soft);padding:3px 8px;border-radius:999px}
.edutab-page .asg li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--surface-2);margin-top:8px}
.edutab-page .asg li:first-child{margin-top:0}
.edutab-page .asg .ai{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--blue);flex:none;border:1px solid var(--line)}
.edutab-page .asg .ai .ic{width:17px;height:17px}
.edutab-page .asg div{flex:1;min-width:0}
.edutab-page .asg b{display:block;font-size:14px;font-weight:600}
.edutab-page .asg small{color:var(--muted);font-size:12px}
.edutab-page .prog{display:flex;align-items:center;gap:16px}
.edutab-page .ring72{position:relative;width:92px;height:92px;flex:none}
.edutab-page .ring72 svg{width:100%;height:100%;transform:rotate(-90deg)}
.edutab-page .ring72 .trk{stroke:var(--soft);fill:none;stroke-width:9}
.edutab-page .ring72 .val{stroke:url(#g-blue);fill:none;stroke-width:9;stroke-linecap:round;stroke-dasharray:251.3;stroke-dashoffset:70.4;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}
.edutab-page .ring72 span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:22px}
.edutab-page .prog b{font-family:var(--f-display);font-size:15px;display:block}
.edutab-page .prog small{color:var(--muted);font-size:12.5px}
.edutab-page .badge{display:flex;gap:12px;align-items:center;margin-top:16px;padding:12px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 10%,var(--surface)),color-mix(in srgb,var(--blue-2) 12%,var(--surface)));border:1px solid color-mix(in srgb,var(--blue) 18%,transparent)}
.edutab-page .badge .bi{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#FFC94D,#FF9F1C);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 14px -6px rgba(255,159,28,.8)}
.edutab-page .badge .bi .ic{width:20px;height:20px}
.edutab-page .badge b{font-size:14px;display:block}
.edutab-page .badge small{color:var(--muted);font-size:12px}
.edutab-page .res{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.edutab-page .res a{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .2s,transform .2s;min-width:0}
.edutab-page .res a:hover{border-color:var(--blue);transform:translateY(-2px)}
.edutab-page .res .th{width:46px;height:46px;border-radius:10px;flex:none;display:grid;place-items:center}
.edutab-page .res .th svg{width:30px;height:30px}
.edutab-page .res b{font-size:13.5px;font-weight:600;display:block;line-height:1.3}
.edutab-page .res small{color:var(--muted);font-size:12px}
@media (max-width:960px){.edutab-page .stu-head{grid-template-columns:1fr}.edutab-page .ts-grid{grid-template-columns:1fr 1fr}.edutab-page .ts-grid .tcard:last-child{grid-column:1/-1}}
@media (max-width:640px){.edutab-page .ts-grid, .edutab-page .res{grid-template-columns:1fr}.edutab-page .ts-top .r .date{display:none}.edutab-page .tablet{margin-top:40px}}

/* ---------- AI (navy band) ---------- */
.edutab-page .navy{background:var(--navy);color:var(--on-navy);position:relative;overflow:hidden}
.edutab-page .navy .lead{color:var(--on-navy-muted)}
.edutab-page .navy .eyebrow{color:#9DB9FF}
.edutab-page .ai-glow{position:absolute;width:820px;height:820px;right:-240px;top:-320px;border-radius:50%;background:radial-gradient(circle,rgba(21,112,217,.35),transparent 62%);pointer-events:none}
.edutab-page .ai-glow.b{left:-300px;right:auto;top:auto;bottom:-420px;background:radial-gradient(circle,rgba(42,165,222,.22),transparent 62%)}
.edutab-page .ai-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:center}
.edutab-page .ai-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}
.edutab-page .ai-f{padding:20px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid var(--navy-line);transition:background .3s,border-color .3s}
.edutab-page .ai-f:hover{background:rgba(255,255,255,.07);border-color:rgba(157,185,255,.35)}
.edutab-page .ai-f .ic{width:22px;height:22px;color:#9DB9FF}
.edutab-page .ai-f b{display:block;font-family:var(--f-display);font-size:16.5px;margin-top:14px}
.edutab-page .ai-f p{color:var(--on-navy-muted);font-size:14.5px;margin-top:4px}
.edutab-page .gen{background:rgba(255,255,255,.96);color:#111827;border-radius:24px;box-shadow:0 50px 100px -30px rgba(0,0,0,.6);overflow:hidden;position:relative}
.edutab-page .gen::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:linear-gradient(140deg,rgba(21,112,217,.9),rgba(42,165,222,.4) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.edutab-page .gen-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid #E3E8F1}
.edutab-page .gen-h b{font-family:var(--f-display);font-size:15px;display:flex;align-items:center;gap:8px}
.edutab-page .gen-h b .ic{color:#1570D9}
.edutab-page .gen-in{padding:18px 20px;display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:10px;border-bottom:1px solid #E3E8F1}
.edutab-page .gen-in label{font-size:11.5px;font-weight:600;color:#667085;display:block;margin-bottom:5px}
.edutab-page .gen-in .fld{height:40px;border:1px solid #CDD5E3;border-radius:10px;padding-inline:12px;display:flex;align-items:center;font-size:14px;font-weight:500;background:#fff;white-space:nowrap;overflow:hidden}
.edutab-page .gen-out{padding:18px 20px;display:grid;gap:10px;min-height:290px}
.edutab-page .q{border:1px solid #E3E8F1;border-radius:14px;padding:14px;animation:qin .5s both}
.edutab-page .q:nth-child(2){animation-delay:.12s}.edutab-page .q:nth-child(3){animation-delay:.24s}
@keyframes qin{from{opacity:.0;transform:translateY(8px)}to{opacity:1;transform:none}}
.edutab-page .q .qt{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:#667085}
.edutab-page .q .qt span{color:#0B5DB8;background:#EAF2FF;padding:2px 8px;border-radius:999px}
.edutab-page .q p{font-weight:600;font-size:14.5px;margin-top:6px;line-height:1.4}
.edutab-page .q .opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.edutab-page .q .opts i{font-style:normal;font-size:12.5px;padding:4px 10px;border-radius:8px;background:#F2F5FA;border:1px solid #E3E8F1}
.edutab-page .q .opts i.ok{background:#E7F8EE;border-color:#bfe9cf;color:#12813C;font-weight:600}
.edutab-page .shimmer{height:84px;border-radius:14px;background:linear-gradient(90deg,#F2F5FA 0%,#E6ECF7 50%,#F2F5FA 100%);background-size:200% 100%;animation:shim 1s linear infinite}
@keyframes shim{to{background-position:-200% 0}}
.edutab-page .gen-btn{height:38px;border-radius:10px;border:0;padding-inline:14px;background:#1570D9;color:#fff;font-family:var(--f-display);font-weight:700;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.edutab-page .gen-btn .ic{width:16px;height:16px}
.edutab-page .gen-btn:disabled{opacity:.6;cursor:progress}
@media (max-width:960px){.edutab-page .ai-grid{grid-template-columns:1fr}}
@media (max-width:560px){.edutab-page .ai-feats{grid-template-columns:1fr}.edutab-page .gen-in{grid-template-columns:1fr 1fr}.edutab-page .gen-in > div:first-child{grid-column:1/-1}}

/* ---------- CLASSROOM ---------- */
.edutab-page .class-stage{margin-top:56px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(18px,3vw,40px);box-shadow:var(--shadow)}
.edutab-page .hub{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:760px;margin-inline:auto;padding:16px 20px;border-radius:20px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}
.edutab-page .hub .l{display:flex;align-items:center;gap:14px}
.edutab-page .hub .hi{width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.edutab-page .hub b{font-family:var(--f-display);font-size:16.5px;display:block}
.edutab-page .hub small{color:#A9B4D0;font-size:13px}
.edutab-page .hub-stat{font-size:13px;color:#C9D3EC;display:flex;gap:14px;flex-wrap:wrap}
.edutab-page .hub-stat b{display:inline;font-size:13px;color:#fff}
.edutab-page .wires{display:block;width:100%;height:56px}
.edutab-page .wires path{stroke:var(--line-strong);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke;stroke-dasharray:4 5;animation:dash 1.4s linear infinite}
.edutab-page .students{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.edutab-page .st{border:1px solid var(--line);border-radius:18px;padding:12px;background:var(--surface);transition:border-color .3s,box-shadow .3s,transform .3s}
.edutab-page .st.flash{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 15%,transparent)}
.edutab-page .st .scr{aspect-ratio:16/10;border-radius:10px;background:var(--surface-2);position:relative;overflow:hidden;display:grid;place-items:center;transition:background .3s}
.edutab-page .st .scr .ic{width:22px;height:22px;color:var(--muted)}
.edutab-page .st .scr[data-k="quiz"]{background:var(--soft)}.edutab-page .st .scr[data-k="quiz"] .ic{color:var(--blue)}
.edutab-page .st .scr[data-k="asg"]{background:var(--violet-bg)}.edutab-page .st .scr[data-k="asg"] .ic{color:var(--violet)}
.edutab-page .st .scr[data-k="lock"]{background:var(--amber-bg)}.edutab-page .st .scr[data-k="lock"] .ic{color:var(--amber)}
.edutab-page .st .scr[data-k="recv"]{background:var(--green-bg)}.edutab-page .st .scr[data-k="recv"] .ic{color:var(--green-ink)}
.edutab-page .students.hide-scr .scr{display:none}
.edutab-page .st-name{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:6px}
.edutab-page .st-name b{font-family:var(--f-display);font-size:13.5px;white-space:nowrap}
.edutab-page .st-name small{font-family:var(--f-mono);font-size:10.5px;color:var(--muted)}
.edutab-page .st .pill{margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.edutab-page .controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.edutab-page .ctrl{display:inline-flex;align-items:center;gap:8px;height:44px;padding-inline:16px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);font-family:var(--f-display);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}
.edutab-page .ctrl .ic{width:17px;height:17px;color:var(--blue)}
.edutab-page .ctrl:hover{border-color:var(--blue);background:var(--soft)}
.edutab-page .ctrl[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.edutab-page .ctrl[aria-pressed="true"] .ic{color:#fff}
.edutab-page .ctrl.reset{border-style:dashed;color:var(--muted);font-weight:600}
.edutab-page .ctrl.reset .ic{color:var(--muted)}
.edutab-page .toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:14px;font-size:14.5px;font-weight:500;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:all .35s;z-index:180;max-width:calc(100vw - 32px)}
.edutab-page .toast .ic{color:#5BE08E}
.edutab-page .toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:1000px){.edutab-page .students{grid-template-columns:repeat(3,1fr)}.edutab-page .wires{display:none}.edutab-page .hub{margin-bottom:20px}}
@media (max-width:520px){.edutab-page .students{grid-template-columns:1fr 1fr;gap:10px}.edutab-page .ctrl{flex:1 1 calc(50% - 10px);justify-content:center}}

/* ---------- MDM DASHBOARD ---------- */
.edutab-page .dash{margin-top:56px;display:grid;grid-template-columns:220px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden}
.edutab-page .side{background:var(--surface-2);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:4px}
.edutab-page .side .logo{padding:0 8px 18px}
.edutab-page .side .logo-mark{width:28px;height:28px}
.edutab-page .side .logo-word{font-size:17px}
.edutab-page .side a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--muted);padding:9px 10px;border-radius:10px}
.edutab-page .side a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}
.edutab-page .side a.on .ic{color:var(--blue)}
.edutab-page .side .ic{width:18px;height:18px}
.edutab-page .side .camp{margin-top:auto;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:12.5px}
.edutab-page .side .camp b{display:block;font-size:13.5px}
.edutab-page .side .camp small{color:var(--muted)}
.edutab-page .main{padding:clamp(16px,2.4vw,28px);display:grid;gap:18px;min-width:0}
.edutab-page .main-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.edutab-page .main-h h3{font-size:21px}
.edutab-page .main-h small{color:var(--muted);font-size:13px;display:block;margin-top:2px}
.edutab-page .search{display:flex;align-items:center;gap:8px;height:38px;border:1px solid var(--line);border-radius:10px;padding-inline:12px;color:var(--muted);font-size:13.5px;min-width:200px;background:var(--surface)}
.edutab-page .search .ic{width:16px;height:16px}
.edutab-page .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.edutab-page .kpi{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface);min-width:0}
.edutab-page .kpi .k{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);font-weight:500}
.edutab-page .kpi .k .ic{width:17px;height:17px}
.edutab-page .kpi .v{font-family:var(--f-display);font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.03em;margin-top:8px;line-height:1}
.edutab-page .kpi .s{font-size:12.5px;color:var(--muted);margin-top:8px}
.edutab-page .kpi.g .v{color:var(--green-ink)}
.edutab-page .kpi .mbar{height:6px;border-radius:999px;background:var(--surface-2);margin-top:12px;overflow:hidden}
.edutab-page .kpi .mbar i{display:block;height:100%;border-radius:inherit;background:var(--green)}
.edutab-page .row2{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}
.edutab-page .panel{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--surface);min-width:0}
.edutab-page .panel h4{font-size:14.5px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.edutab-page .panel h4 small{font-family:var(--f-body);font-weight:500;color:var(--muted);font-size:12.5px}
.edutab-page .chart{margin-top:12px;width:100%;height:auto;display:block}
.edutab-page .chart text{font-family:var(--f-body);font-size:11px;fill:var(--muted)}
.edutab-page .chart .grid{stroke:var(--line);stroke-width:1}
.edutab-page .chart .b{fill:color-mix(in srgb,var(--blue) 75%,transparent);transition:fill .2s}
.edutab-page .chart .b.hi{fill:var(--blue)}
.edutab-page .chart .b:hover{fill:var(--blue-2)}
.edutab-page .chart .vl{font-size:11px;font-weight:600;fill:var(--ink)}
.edutab-page .mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.edutab-page .mini-kpis div{background:var(--surface-2);border-radius:12px;padding:12px}
.edutab-page .mini-kpis small{font-size:12px;color:var(--muted);display:block}
.edutab-page .mini-kpis b{font-family:var(--f-display);font-size:22px;font-weight:800;letter-spacing:-.02em}
.edutab-page .donut{display:flex;align-items:center;gap:18px;margin-top:14px}
.edutab-page .donut svg{width:96px;height:96px;transform:rotate(-90deg);flex:none}
.edutab-page .donut .trk{stroke:var(--surface-2);stroke-width:12;fill:none}
.edutab-page .donut .val{stroke:var(--blue-2);stroke-width:12;fill:none;stroke-linecap:round}
.edutab-page .donut b{font-family:var(--f-display);font-size:26px;font-weight:800;display:block;line-height:1}
.edutab-page .donut small{color:var(--muted);font-size:12.5px}
.edutab-page .tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.edutab-page table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.edutab-page th{text-align:left;font-weight:600;font-size:12px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap}
.edutab-page td{padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.edutab-page tr:last-child td{border-bottom:0}
.edutab-page tbody tr{transition:background .2s}
.edutab-page tbody tr:hover{background:var(--surface-2)}
.edutab-page .batt{display:flex;align-items:center;gap:10px}
.edutab-page .batt .track{width:64px;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line)}
.edutab-page .batt i{display:block;height:100%;background:var(--green);border-radius:inherit}
.edutab-page .batt i.low{background:var(--amber)}
.edutab-page .tbl-foot{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);padding-inline:4px;flex-wrap:wrap;gap:8px}
@media (max-width:1000px){.edutab-page .dash{grid-template-columns:1fr}.edutab-page .side{display:none}.edutab-page .row2{grid-template-columns:1fr}}
@media (max-width:640px){.edutab-page .kpis{grid-template-columns:1fr 1fr}.edutab-page .search{display:none}}

/* ---------- EMKOBOARD ---------- */
.edutab-page .board-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(40px,5vw,80px);align-items:center}
.edutab-page .steps{display:grid;gap:4px;margin-top:36px;counter-reset:s}
.edutab-page .step{display:flex;gap:16px;padding:14px 16px;border-radius:var(--r);border:1px solid transparent;transition:all .4s}
.edutab-page .step .n{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:13px;color:var(--muted);flex:none;transition:all .4s}
.edutab-page .step b{font-family:var(--f-display);font-size:15.5px;display:block}
.edutab-page .step p{font-size:14.5px;color:var(--muted)}
.edutab-page .step q{quotes:none;font-weight:600;color:var(--ink)}
.edutab-page .step.on{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
.edutab-page .step.on .n{background:var(--blue);border-color:var(--blue);color:#fff}
.edutab-page .step.done .n{border-color:var(--blue);color:var(--blue)}
.edutab-page .scene{position:relative;padding-bottom:16%}
.edutab-page .board{position:relative;background:#111726;border-radius:18px;padding:12px 12px 22px;box-shadow:var(--shadow-lg)}
.edutab-page .board::after{content:"EmkoBoard";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-family:var(--f-display);font-size:9px;font-weight:700;color:#5a6580;letter-spacing:.14em;text-transform:uppercase}
.edutab-page .bscreen{aspect-ratio:16/9;border-radius:8px;background:#fff;color:#111827;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden}
.edutab-page .bs-l{padding:clamp(12px,2.2vw,26px);display:flex;flex-direction:column;gap:8px;min-width:0}
.edutab-page .bs-l small{font-size:clamp(9px,1vw,12px);color:#667085;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.edutab-page .bs-l b{font-family:var(--f-display);font-size:clamp(14px,2vw,24px);letter-spacing:-.02em;line-height:1.1}
.edutab-page .bs-l svg{width:62%;margin-top:auto}
.edutab-page .bs-r{background:#F2F5FA;padding:clamp(10px,1.8vw,22px);display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}
.edutab-page .bs-r small{font-size:clamp(9px,1vw,12px);color:#667085;font-weight:600}
.edutab-page .bs-r .cnt{font-family:var(--f-display);font-weight:800;font-size:clamp(22px,3.6vw,44px);letter-spacing:-.03em;line-height:1}
.edutab-page .bs-r .cnt span{color:#98A2B3;font-size:.55em}
.edutab-page .bs-r .bar{flex:none;height:8px;background:#DCE6FA}
.edutab-page .bs-r .bar i{transition:width .8s cubic-bezier(.2,.8,.2,1)}
.edutab-page .bs-r .upd{font-size:clamp(9px,1vw,12px);color:#12813C;font-weight:600;opacity:0;transition:opacity .4s}
.edutab-page .bs-r .upd.show{opacity:1}
.edutab-page .tabs-row{position:absolute;left:4%;right:4%;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4%}
.edutab-page .ftab{background:#0d1220;border-radius:14px;padding:6px;box-shadow:var(--shadow-lg);transform:translateY(0);transition:transform .4s}
.edutab-page .ftab:nth-child(2){transform:translateY(-10%)}
.edutab-page .ftab .fs{aspect-ratio:16/10.5;border-radius:9px;background:#F7F9FC;color:#111827;padding:8%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.edutab-page .ftab .fs .who{font-size:clamp(8px,.9vw,11px);font-weight:600;color:#667085}
.edutab-page .ftab .fs .msg{font-family:var(--f-display);font-weight:700;font-size:clamp(9px,1.1vw,13px);line-height:1.2;display:flex;align-items:center;gap:6px}
.edutab-page .ftab .fs .msg .ic{width:1.2em;height:1.2em;flex:none}
.edutab-page .ftab .fs .msg.recv{color:#0B5DB8}
.edutab-page .ftab .fs .msg.done{color:#12813C}
.edutab-page .ftab .fs .msg.idle{color:#98A2B3}
.edutab-page .packet{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 25%,transparent);opacity:0;z-index:5;pointer-events:none}
.edutab-page .scene.sending .packet{animation:send 1.1s cubic-bezier(.5,0,.3,1) forwards}
.edutab-page .scene.sending .packet:nth-of-type(2){animation-delay:.12s}.edutab-page .scene.sending .packet:nth-of-type(3){animation-delay:.24s}
@keyframes send{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}
.edutab-page .photo-band{margin-top:clamp(64px,8vw,104px);position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:21/9;box-shadow:var(--shadow)}
.edutab-page .photo-band img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.edutab-page .photo-band figcaption{position:absolute;left:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px);display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.edutab-page .photo-band .cap{background:rgba(11,22,56,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:14px 18px;border-radius:16px;max-width:440px;font-size:14.5px;line-height:1.5}
.edutab-page .photo-band .cap b{font-family:var(--f-display);display:block;font-size:15.5px}
@media (max-width:960px){.edutab-page .board-grid{grid-template-columns:1fr}.edutab-page .photo-band{aspect-ratio:4/3}.edutab-page .photo-band img{object-position:40% 35%}}

/* ---------- PERSONAS ---------- */
.edutab-page .personas{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.edutab-page .pcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.edutab-page .pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.edutab-page .pmedia{aspect-ratio:4/3.4;overflow:hidden;position:relative;background:var(--soft)}
.edutab-page .pmedia img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.edutab-page .pcard:hover .pmedia img{transform:scale(1.05)}
.edutab-page .pmedia .ptag{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;background:var(--surface);border-radius:999px;padding:5px 11px 5px 6px;font-size:12px;font-weight:700;font-family:var(--f-display);box-shadow:var(--shadow-sm)}
.edutab-page .pmedia .ptag i{width:22px;height:22px;border-radius:50%;background:var(--soft);color:var(--blue);display:grid;place-items:center}
.edutab-page .pmedia .ptag .ic{width:13px;height:13px}
.edutab-page .pbody{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.edutab-page .pbody h3{font-size:21px}
.edutab-page .pbody p{color:var(--muted);font-size:15px;margin-bottom:8px}
.edutab-page .pbody .link-arrow{margin-top:auto}
.edutab-page .parent-ui{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,var(--soft),color-mix(in srgb,var(--blue-2) 22%,var(--soft)))}
.edutab-page .phone{width:58%;max-width:180px;aspect-ratio:9/17;background:#0d1220;border-radius:26px;padding:6px;box-shadow:var(--shadow-lg);transform:translateY(16%) rotate(-4deg)}
.edutab-page .phone .ps{width:100%;height:100%;border-radius:21px;background:#F7F9FC;padding:18px 9px 9px;display:flex;flex-direction:column;gap:7px;color:#111827}
.edutab-page .phone .ps small{font-size:9px;color:#667085;font-weight:600}
.edutab-page .phone .ps b{font-family:var(--f-display);font-size:12px;line-height:1.2}
.edutab-page .phone .nt{background:#fff;border:1px solid #E3E8F1;border-radius:10px;padding:7px;font-size:9px;line-height:1.35;display:flex;gap:6px}
.edutab-page .phone .nt i{width:16px;height:16px;border-radius:5px;flex:none;background:#EAF2FF}
.edutab-page .phone .nt i.g{background:#E7F8EE}
.edutab-page .phone .nt strong{display:block;font-size:9.5px}
@media (max-width:1100px){.edutab-page .personas{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.edutab-page .personas{grid-template-columns:1fr}}

/* ---------- HARDWARE ---------- */
.edutab-page .hw-stage{position:relative;margin-top:56px;border-radius:var(--r-xl);background:radial-gradient(80% 90% at 50% 100%,color-mix(in srgb,var(--blue) 14%,var(--surface)),var(--surface) 70%);border:1px solid var(--line);overflow:hidden;padding:clamp(24px,5vw,64px) clamp(16px,4vw,48px) 0;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:20px}
.edutab-page .hw-img{will-change:transform;transform-origin:50% 100%}
.edutab-page .hw-img img{filter:drop-shadow(0 40px 40px rgba(11,22,56,.25));margin-inline:auto}
.edutab-page .hw-call{display:grid;gap:22px;padding-bottom:clamp(24px,5vw,64px)}
.edutab-page .hw-call div b{display:block;font-family:var(--f-display);font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1}
.edutab-page .hw-call div span{display:block;font-size:14px;color:var(--muted);margin-top:6px}
.edutab-page .hw-call.r{text-align:right}
.edutab-page .hw-close{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.edutab-page .hw-close figure{margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:260px}
.edutab-page .hw-close figure .im{height:100%;display:grid;place-items:center;padding:20px;background:var(--surface-2);overflow:hidden}
.edutab-page .hw-close figure img{transform:scale(1.25);transform-origin:var(--o,50% 50%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.edutab-page .hw-close figure:hover img{transform:scale(1.45)}
.edutab-page .hw-close figcaption{padding:24px}
.edutab-page .hw-close figcaption b{font-family:var(--f-display);font-size:19px;display:block;letter-spacing:-.02em}
.edutab-page .hw-close figcaption p{color:var(--muted);font-size:15px;margin-top:6px}
.edutab-page .specs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
.edutab-page .spec{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;min-width:0}
.edutab-page .spec-h{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:16px;margin-bottom:14px}
.edutab-page .spec-h .fi{width:38px;height:38px;border-radius:11px}
.edutab-page .spec-h .fi .ic{width:19px;height:19px}
.edutab-page .spec dl{margin:0;display:grid}
.edutab-page .spec dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14.5px}
.edutab-page .spec dt{color:var(--muted)}
.edutab-page .spec dd{margin:0;font-weight:600;text-align:right}
@media (max-width:1000px){.edutab-page .specs{grid-template-columns:1fr 1fr}.edutab-page .hw-stage{grid-template-columns:1fr 1fr}.edutab-page .hw-img{grid-column:1/-1;order:3}.edutab-page .hw-call{padding-bottom:0}.edutab-page .hw-close{grid-template-columns:1fr}}
@media (max-width:560px){.edutab-page .specs{grid-template-columns:1fr}.edutab-page .hw-close figure{grid-template-columns:1fr}.edutab-page .hw-close figure .im{height:220px}}

/* ---------- BENEFITS ---------- */
.edutab-page .benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.edutab-page .ben{position:relative;padding:clamp(28px,3.5vw,44px);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);overflow:hidden;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}
.edutab-page .ben .big{position:absolute;right:clamp(20px,3vw,36px);top:clamp(20px,3vw,36px);width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--soft);color:var(--blue)}
.edutab-page .ben .big .ic{width:28px;height:28px}
.edutab-page .ben h3{font-size:clamp(24px,2.4vw,30px);max-width:16ch}
.edutab-page .ben p{color:var(--muted);margin-top:10px;max-width:44ch}
.edutab-page .ben .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.edutab-page .ben .chips span{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.edutab-page .ben.feature{background:linear-gradient(140deg,var(--blue),var(--blue-2));color:#fff;border-color:transparent}
.edutab-page .ben.feature p{color:rgba(255,255,255,.85)}
.edutab-page .ben.feature .big{background:rgba(255,255,255,.16);color:#fff}
.edutab-page .ben.feature .chips span{border-color:rgba(255,255,255,.3);color:#fff}
@media (max-width:760px){.edutab-page .benefits{grid-template-columns:1fr}.edutab-page .ben{min-height:220px}}

/* ---------- USE CASES ---------- */
.edutab-page .uses{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.edutab-page .use{padding:24px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);transition:border-color .3s,transform .3s}
.edutab-page .use:hover{border-color:var(--blue);transform:translateY(-3px)}
.edutab-page .use .ic{width:24px;height:24px;color:var(--blue)}
.edutab-page .use b{display:block;font-family:var(--f-display);font-size:17px;margin-top:18px;letter-spacing:-.01em}
.edutab-page .use p{color:var(--muted);font-size:14.5px;margin-top:6px;line-height:1.55}
@media (max-width:1000px){.edutab-page .uses{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.edutab-page .uses{grid-template-columns:1fr}}

/* ---------- NUMBERS ---------- */
.edutab-page .nums-box{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);padding:clamp(28px,4vw,56px)}
.edutab-page .nums-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.edutab-page .nums-h h2{font-size:clamp(26px,3vw,38px);max-width:22ch}
.edutab-page .nums{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}
.edutab-page .num{padding:8px clamp(12px,2vw,28px)}
.edutab-page .num + .num{border-left:1px solid var(--line)}
.edutab-page .num b{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(44px,5.5vw,72px);letter-spacing:-.045em;line-height:1}
.edutab-page .num span{display:block;color:var(--muted);margin-top:10px;font-size:15px}
@media (max-width:800px){.edutab-page .nums{grid-template-columns:1fr 1fr;row-gap:32px}.edutab-page .num:nth-child(3){border-left:0}}

/* ---------- FAQ ---------- */
.edutab-page .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,96px);align-items:start}
.edutab-page .faq-side{position:sticky;top:110px}
.edutab-page .faq-side .btn{margin-top:28px}
.edutab-page .faq details{border-bottom:1px solid var(--line)}
.edutab-page .faq details:first-child{border-top:1px solid var(--line)}
.edutab-page .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;font-family:var(--f-display);font-weight:700;font-size:clamp(17px,1.6vw,19.5px);letter-spacing:-.015em}
.edutab-page .faq summary::-webkit-details-marker{display:none}
.edutab-page .faq summary .pm{width:32px;height:32px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;flex:none;transition:transform .3s,background .3s,color .3s,border-color .3s}
.edutab-page .faq summary .pm .ic{width:16px;height:16px}
.edutab-page .faq details[open] summary .pm{transform:rotate(45deg);background:var(--blue);border-color:var(--blue);color:#fff}
.edutab-page .faq summary:hover{color:var(--blue)}
.edutab-page .faq .ans{padding:0 56px 24px 4px;color:var(--muted);font-size:16px;max-width:64ch}
@media (max-width:900px){.edutab-page .faq-grid{grid-template-columns:1fr}.edutab-page .faq-side{position:static}.edutab-page .faq .ans{padding-right:4px}}

/* ---------- FINAL CTA ---------- */
.edutab-page .final{border-radius:var(--r-xl);padding:clamp(40px,7vw,96px) clamp(24px,6vw,80px);background:linear-gradient(140deg,#0B1638 20%,#0F2D66 70%,#155BA8);color:#fff;position:relative;overflow:hidden;text-align:center}
.edutab-page .final::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.2px);background-size:24px 24px;mask-image:radial-gradient(60% 70% at 50% 100%,#000,transparent);-webkit-mask-image:radial-gradient(60% 70% at 50% 100%,#000,transparent)}
.edutab-page .final .glow{position:absolute;width:700px;height:700px;left:50%;bottom:-460px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(21,112,217,.6),transparent 65%)}
.edutab-page .final > *{position:relative}
.edutab-page .final h2{font-size:clamp(34px,4.6vw,60px);max-width:16ch;margin-inline:auto}
.edutab-page .final p.sup{color:#C9D3EC;font-size:clamp(17px,1.5vw,20px);margin:20px auto 0;max-width:52ch}
.edutab-page .final .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.edutab-page .final small{display:block;color:#A9B4D0;font-size:14.5px;margin-top:28px}

/* ---------- CONTACT ---------- */
.edutab-page .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,96px);align-items:start}
.edutab-page .c-points{display:grid;gap:18px;margin-top:36px}
.edutab-page .c-points li{display:flex;gap:14px}
.edutab-page .c-points .fi{width:42px;height:42px;border-radius:12px;flex:none}
.edutab-page .c-points b{font-family:var(--f-display);display:block;font-size:16px}
.edutab-page .c-points span{color:var(--muted);font-size:15px}
.edutab-page .form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(22px,3.5vw,44px);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:18px}
.edutab-page .field{display:flex;flex-direction:column;gap:7px;min-width:0}
.edutab-page .field.full{grid-column:1/-1}
.edutab-page .field label{font-size:13.5px;font-weight:600}
.edutab-page .field label .opt{color:var(--muted);font-weight:400}
.edutab-page .field input, .edutab-page .field select, .edutab-page .field textarea{height:50px;border:1px solid var(--line-strong);border-radius:12px;padding-inline:14px;background:var(--bg);transition:border-color .2s,box-shadow .2s,background .2s;width:100%;font-size:15.5px}
.edutab-page .field textarea{height:auto;min-height:120px;padding-block:12px;resize:vertical}
.edutab-page .field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px}
.edutab-page .field input:focus, .edutab-page .field select:focus, .edutab-page .field textarea:focus{outline:none;border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 16%,transparent)}
.edutab-page .field input[aria-invalid="true"], .edutab-page .field select[aria-invalid="true"]{border-color:var(--red)}
.edutab-page .field .err{font-size:12.5px;color:var(--red);min-height:0}
.edutab-page .form-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.edutab-page .form-foot small{color:var(--muted);font-size:13px;max-width:40ch}
.edutab-page .success{grid-column:1/-1;display:flex;gap:14px;align-items:center;padding:18px;border-radius:16px;background:var(--green-bg);color:var(--green-ink);font-weight:600}
.edutab-page .success .ic{width:26px;height:26px}
@media (max-width:900px){.edutab-page .contact-grid{grid-template-columns:1fr}}
@media (max-width:560px){.edutab-page .form{grid-template-columns:1fr}.edutab-page .form-foot .btn{width:100%}}

/* Forminator fields matched to the page form */
.edutab-page .edutab-lead-form .forminator-response-message{margin:0 0 16px}
.edutab-page .edutab-lead-form .forminator-ui.forminator-custom-form{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-xl);
  padding:clamp(22px,3.5vw,44px);
  box-shadow:var(--shadow);
}
.edutab-page .edutab-lead-form .forminator-row{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin:0 0 18px;
}
.edutab-page .edutab-lead-form .forminator-col{padding:0;min-width:0}
.edutab-page .edutab-lead-form .forminator-col-12{flex:1 1 100%}
.edutab-page .edutab-lead-form .forminator-col-6{flex:1 1 calc(50% - 9px)}
.edutab-page .edutab-lead-form .forminator-label{
  display:block;
  margin:0 0 7px;
  font-size:13.5px;
  font-weight:600;
  color:var(--ink);
}
.edutab-page .edutab-lead-form .forminator-input,
.edutab-page .edutab-lead-form .forminator-input input,
.edutab-page .edutab-lead-form .forminator-textarea,
.edutab-page .edutab-lead-form .select2-container .select2-selection--single{
  width:100%;
  height:50px;
  border:1px solid var(--line-strong) !important;
  border-radius:12px !important;
  background:var(--bg) !important;
  color:var(--ink);
  font-size:15.5px;
  box-shadow:none;
}
.edutab-page .edutab-lead-form .select2-container{width:100% !important}
.edutab-page .edutab-lead-form .select2-container .select2-selection--single{display:flex;align-items:center}
.edutab-page .edutab-lead-form .select2-container .select2-selection__rendered{
  padding-left:14px;
  line-height:48px;
  color:var(--ink);
}
.edutab-page .edutab-lead-form .select2-container .select2-selection__arrow{height:48px;right:10px}
.edutab-page .edutab-lead-form .forminator-input,
.edutab-page .edutab-lead-form .forminator-input input{padding:0 14px}
.edutab-page .edutab-lead-form .forminator-textarea{height:auto;min-height:120px;padding:12px 14px}
.edutab-page .edutab-lead-form .forminator-button-submit{
  min-height:50px;
  border:0;
  border-radius:8px;
  padding:12px 22px;
  background:var(--blue);
  color:#fff !important;
  font-weight:700;
}
.edutab-page .edutab-lead-form .forminator-button-submit:hover{background:var(--blue-ink)}
body.emkotech-edutab .select2-dropdown,
body.emkotech-edutab .select2-results,
body.emkotech-edutab .select2-results__options,
body.emkotech-edutab .select2-search--dropdown{
  background:#fff !important;
}
body.emkotech-edutab .select2-dropdown{
  border:1px solid #CDD5E3 !important;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 16px 40px -16px rgba(11,22,56,.28);
  z-index:100000;
}
body.emkotech-edutab .select2-results__option{
  background:#fff;
  color:#111827;
  padding:10px 14px;
}
body.emkotech-edutab .select2-results__option--highlighted,
body.emkotech-edutab .select2-results__option--highlighted[aria-selected]{
  background:#eef6fb !important;
  color:#0B5DB8 !important;
}
@media (max-width:560px){
  .edutab-page .edutab-lead-form .forminator-col-6{flex-basis:100%}
}

/* ---------- FOOTER ---------- */
.edutab-page footer{border-top:1px solid var(--line);background:var(--surface);padding-block:72px 32px;margin-top:var(--sec)}
.edutab-page .f-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.edutab-page .f-brand p{color:var(--muted);font-size:15px;margin-top:16px;max-width:30ch}
.edutab-page .f-col h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:16px}
.edutab-page .f-col a{display:block;font-size:15px;padding-block:6px;transition:color .2s}
.edutab-page .f-col a:hover{color:var(--blue)}
.edutab-page .f-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.edutab-page .f-bot b{color:var(--ink);font-family:var(--f-display)}
@media (max-width:900px){.edutab-page .f-grid{grid-template-columns:1fr 1fr}.edutab-page .f-brand{grid-column:1/-1}}

/* ---------- motion ---------- */
.edutab-page .reveal{transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.edutab-page .reveal.pending{opacity:0;transform:translateY(28px)}
.edutab-page .reveal.d1{transition-delay:.08s}.edutab-page .reveal.d2{transition-delay:.16s}.edutab-page .reveal.d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  .edutab-page *, .edutab-page *::before, .edutab-page *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .edutab-page .reveal.pending{opacity:1;transform:none}
}

/* ---------- brand wordmark ---------- */
.edutab-page{--logo-ink:#575B63}

.edutab-page .edutab-page[data-theme="dark"]{--logo-ink:#E6EAF2}
.edutab-page .wordmark{height:27px;width:126px;color:var(--logo-ink);display:block}
.edutab-page .logo{gap:12px}
.edutab-page .logo .logo-by{margin:0;padding-left:12px;border-left:1px solid var(--line-strong);font-size:12px;line-height:1.25}
.edutab-page .logo .logo-by b{display:block;color:var(--ink);font-family:var(--f-display);font-size:12.5px}
.edutab-page .emark{width:22px;height:28px}
.edutab-page .side .logo .emark{width:20px;height:26px}
@media (max-width:420px){.edutab-page .logo .logo-by{display:none}}

/* ---------- component chips under section head ---------- */
.edutab-page .kit{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.edutab-page .kit span{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:8px 14px 8px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.edutab-page .kit span .ic{width:16px;height:16px;color:var(--blue)}
.edutab-page .cards.c3{grid-template-columns:repeat(3,1fr)}

/* ---------- how it works ---------- */
.edutab-page .how{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative}
.edutab-page .how::before{content:"";position:absolute;left:12.5%;right:12.5%;top:27px;height:2px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 6px,transparent 6px 12px)}
.edutab-page .how li{position:relative;padding:0 clamp(8px,1.5vw,20px);text-align:center}
.edutab-page .how .hn{width:56px;height:56px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1.5px solid var(--line-strong);color:var(--blue);position:relative;box-shadow:var(--shadow-sm)}
.edutab-page .how .hn .ic{width:22px;height:22px}
.edutab-page .how .hn em{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-family:var(--f-display);font-weight:800;font-size:11.5px;display:grid;place-items:center}
.edutab-page .how b{display:block;font-family:var(--f-display);font-size:17px;margin-top:18px;letter-spacing:-.01em}
.edutab-page .how p{color:var(--muted);font-size:14.5px;margin-top:6px;max-width:30ch;margin-inline:auto}
.edutab-page .code{font-family:var(--f-mono);font-size:.92em;background:var(--soft);color:var(--blue-ink);padding:1px 6px;border-radius:6px}
@media (max-width:860px){.edutab-page .how{grid-template-columns:1fr 1fr;row-gap:36px}.edutab-page .how::before{display:none}}
@media (max-width:480px){.edutab-page .how{grid-template-columns:1fr}.edutab-page .how li{display:grid;grid-template-columns:56px 1fr;gap:16px;text-align:left;padding:0}.edutab-page .how b{margin-top:4px}.edutab-page .how p{margin-inline:0}}

/* ---------- teacher: extra feature grid ---------- */
.edutab-page .frow ul.sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.edutab-page .frow ul.sub li{font-size:12.5px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.edutab-page .tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(48px,6vw,72px)}
.edutab-page .tg{padding:20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);transition:border-color .3s,transform .3s}
.edutab-page .tg:hover{border-color:color-mix(in srgb,var(--blue) 40%,var(--line));transform:translateY(-2px)}
.edutab-page .tg .ic{width:22px;height:22px;color:var(--blue)}
.edutab-page .tg b{display:block;font-family:var(--f-display);font-size:16px;margin-top:14px;letter-spacing:-.01em}
.edutab-page .tg p{color:var(--muted);font-size:14px;margin-top:4px;line-height:1.5}
@media (max-width:1000px){.edutab-page .tgrid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.edutab-page .tgrid{grid-template-columns:1fr}}

/* ---------- student: join card ---------- */
.edutab-page .join{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,var(--blue),var(--blue-2));color:#fff}
.edutab-page .join small{display:block;font-size:12.5px;opacity:.85}
.edutab-page .join b{font-family:var(--f-display);font-size:18px}
.edutab-page .join .jb{display:inline-flex;align-items:center;gap:8px;height:42px;padding-inline:18px;border-radius:12px;background:#fff;color:#0B2E5C;font-family:var(--f-display);font-weight:700;font-size:14.5px}
.edutab-page .join .jb .ic{width:17px;height:17px}
.edutab-page .score{display:flex;align-items:baseline;gap:6px;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--green-bg)}
.edutab-page .score b{font-family:var(--f-display);font-size:24px;font-weight:800;color:var(--green-ink)}
.edutab-page .score span{font-size:12.5px;color:var(--green-ink);font-weight:600}
.edutab-page .score small{margin-left:auto;font-size:12px;color:var(--muted)}

/* ---------- classroom: picked tile ---------- */
.edutab-page .st.picked{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 20%,transparent);transform:translateY(-4px)}
.edutab-page .st .scr[data-k="pick"]{background:linear-gradient(135deg,var(--blue),var(--blue-2))}
.edutab-page .st .scr[data-k="pick"] .ic{color:#fff}
.edutab-page .st .scr[data-k="here"]{background:var(--green-bg)}.edutab-page .st .scr[data-k="here"] .ic{color:var(--green-ink)}

/* ---------- admin capability chips ---------- */
.edutab-page .caps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.edutab-page .cap{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.edutab-page .cap .fi{width:40px;height:40px;border-radius:11px;flex:none}
.edutab-page .cap .fi .ic{width:19px;height:19px}
.edutab-page .cap b{font-family:var(--f-display);font-size:15px;display:block;line-height:1.3}
.edutab-page .cap div > span{font-size:13.5px;color:var(--muted);display:block;margin-top:2px;line-height:1.45}
@media (max-width:1000px){.edutab-page .caps{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.edutab-page .caps{grid-template-columns:1fr}}

/* ---------- parent panel ---------- */
.edutab-page .veli-vis{position:relative;border-radius:var(--r-xl);background:linear-gradient(160deg,var(--soft),color-mix(in srgb,var(--blue-2) 20%,var(--soft)));min-height:520px;display:grid;place-items:center;overflow:hidden;padding:40px 16px}
.edutab-page .veli-vis::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--blue) 25%,transparent)}
.edutab-page .veli-vis .phone{width:min(260px,70%);max-width:none;transform:rotate(-3deg);position:relative;border-radius:38px;padding:9px}
.edutab-page .veli-vis .phone .ps{border-radius:30px;padding:26px 14px 14px;gap:10px}
.edutab-page .veli-vis .phone .ps small{font-size:11.5px}
.edutab-page .veli-vis .phone .ps b{font-size:17px}
.edutab-page .veli-vis .phone .nt{font-size:11.5px;padding:10px;border-radius:13px;gap:9px}
.edutab-page .veli-vis .phone .nt strong{font-size:12.5px}
.edutab-page .veli-vis .phone .nt i{width:22px;height:22px;border-radius:7px}
.edutab-page .vchart{background:#fff;border:1px solid #E3E8F1;border-radius:13px;padding:10px}
.edutab-page .vchart small{display:block;margin-bottom:6px}
.edutab-page .vchart svg{width:100%;height:58px;display:block}
.edutab-page .float-card{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;font-size:13px;animation:float2 6s ease-in-out infinite}
.edutab-page .float-card b{font-family:var(--f-display);display:block;font-size:14px}
.edutab-page .float-card small{color:var(--muted);font-size:12px}
.edutab-page .float-card .fi{width:36px;height:36px;border-radius:10px}
.edutab-page .float-card .fi .ic{width:17px;height:17px}
.edutab-page .float-card.a{top:14%;left:6%}
.edutab-page .float-card.b{bottom:14%;right:6%;animation-delay:-3s}
@keyframes float2{0%, 100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:560px){.edutab-page .float-card{display:none}.edutab-page .veli-vis{min-height:440px}}

/* ---------- board feature chips ---------- */
.edutab-page .bchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.edutab-page .bchips span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}
.edutab-page .bchips .ic{width:15px;height:15px;color:var(--green-ink)}

/* ---------- charging station ---------- */
.edutab-page .charge-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,88px);align-items:center}
.edutab-page .cart-wrap{position:relative;border-radius:var(--r-xl);background:radial-gradient(70% 70% at 50% 40%,color-mix(in srgb,var(--green) 10%,var(--surface)),var(--surface) 75%);border:1px solid var(--line);padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px) clamp(20px,3vw,40px)}
.edutab-page .cart{position:relative;margin-inline:auto;max-width:460px;background:linear-gradient(180deg,#3A4256,#262C3B);border-radius:18px 18px 10px 10px;padding:14px 14px 18px;box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.12)}
.edutab-page .cart::before{content:"";position:absolute;left:12%;right:12%;top:-14px;height:14px;border-radius:10px 10px 0 0;border:5px solid #4A5369;border-bottom:0}
.edutab-page .cart-top{display:flex;justify-content:space-between;align-items:center;padding:0 4px 10px;color:#C9D1E3;font-size:12px;font-weight:600}
.edutab-page .cart-top b{font-family:var(--f-display);color:#fff;font-size:13px}
.edutab-page .cart-top .led{display:inline-flex;align-items:center;gap:6px}
.edutab-page .cart-top .led i{width:8px;height:8px;border-radius:50%;background:#34D06F;box-shadow:0 0 8px #34D06F}
.edutab-page .slots{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;background:#171B26;border-radius:10px;padding:9px}
.edutab-page .slot{aspect-ratio:1/1.55;border-radius:5px;background:#0E1119;border:1px solid #2A3142;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px}
.edutab-page .slot::before{content:"";position:absolute;left:18%;right:18%;top:10%;bottom:22%;border-radius:3px;background:linear-gradient(180deg,#2B3346,#1C2231)}
.edutab-page .slot .lv{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#2A3142}
.edutab-page .slot .lv i{display:block;height:100%;width:var(--c,100%);background:#34D06F;transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.edutab-page .slot .lv i.mid{background:#F2B04A}
.edutab-page .cart-wheels{display:flex;justify-content:space-between;padding:0 22px;margin-top:-2px}
.edutab-page .cart-wheels i{width:26px;height:26px;border-radius:50%;background:#1A1F2C;border:5px solid #3A4256;box-shadow:0 6px 10px -4px rgba(0,0,0,.4)}
.edutab-page .cart-cap{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:18px;font-size:13.5px;color:var(--muted)}
.edutab-page .cart-cap b{color:var(--ink);font-family:var(--f-display)}
.edutab-page .adv{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:32px}
.edutab-page .adv li{display:flex;gap:10px;font-size:15px;line-height:1.45;align-items:flex-start}
.edutab-page .adv .ic{width:18px;height:18px;color:var(--green-ink);margin-top:2px}
@media (max-width:960px){.edutab-page .charge-grid{grid-template-columns:1fr}}
@media (max-width:480px){.edutab-page .adv{grid-template-columns:1fr}.edutab-page .slots{gap:5px;padding:7px}}

/* ---------- box contents ---------- */
.edutab-page .box{display:grid;grid-template-columns:auto repeat(4,1fr);gap:20px;align-items:center;margin-top:20px;padding:24px clamp(20px,3vw,32px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.edutab-page .box h3{font-size:19px;letter-spacing:-.02em;padding-right:12px}
.edutab-page .box h3 small{display:block;font-family:var(--f-body);font-weight:500;color:var(--muted);font-size:13.5px;margin-top:4px;letter-spacing:0}
.edutab-page .box div{display:flex;gap:12px;align-items:center;font-weight:600;font-size:15px;line-height:1.3}
.edutab-page .box .fi{width:44px;height:44px;border-radius:12px;flex:none}
@media (max-width:1000px){.edutab-page .box{grid-template-columns:1fr 1fr}.edutab-page .box h3{grid-column:1/-1}}
@media (max-width:480px){.edutab-page .box{grid-template-columns:1fr}}

/* ---------- use cases: 5 columns ---------- */
.edutab-page .uses.u5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1100px){.edutab-page .uses.u5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.edutab-page .uses.u5{grid-template-columns:1fr 1fr}}
@media (max-width:440px){.edutab-page .uses.u5{grid-template-columns:1fr}}
.edutab-page .num b small{font-size:.42em;letter-spacing:-.01em;margin-left:2px}

/* ---------- tanıtım filmi ---------- */
.edutab-page .video-grid{display:grid;grid-template-columns:.85fr 1.25fr;gap:clamp(36px,5vw,72px);align-items:center}
.edutab-page .vlist{display:grid;gap:14px;margin-top:28px}
.edutab-page .vlist li{display:flex;gap:14px;align-items:flex-start;font-size:15.5px;color:var(--muted);line-height:1.55}
.edutab-page .vlist b{color:var(--ink);font-weight:600}
.edutab-page .vlist .fi{width:40px;height:40px;border-radius:11px;flex:none}
.edutab-page .vlist .fi .ic{width:19px;height:19px}
.edutab-page .video{position:relative;display:block;width:100%;margin:0;padding:0;border:0;cursor:pointer;text-align:left;aspect-ratio:16/9;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);background:#0B1638;isolation:isolate;font:inherit;color:inherit}
.edutab-page .video.is-playing img,.edutab-page .video.is-playing .play,.edutab-page .video.is-playing .vmeta{opacity:0;visibility:hidden;transition:opacity .25s}
.edutab-page .video.is-playing::after{opacity:0}
.edutab-page .video img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.edutab-page .video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,16,41,.7));pointer-events:none}
.edutab-page .video:hover img{transform:scale(1.03)}
.edutab-page .video .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#1570D9;display:grid;place-items:center;z-index:2;box-shadow:0 0 0 12px rgba(21,112,217,.25),0 20px 40px -10px rgba(0,0,0,.5);transition:transform .3s,box-shadow .3s}
.edutab-page .video .play svg{width:34px;height:34px;fill:#fff;margin-left:4px}
.edutab-page .video:hover .play{transform:scale(1.08);box-shadow:0 0 0 18px rgba(21,112,217,.2),0 20px 40px -10px rgba(0,0,0,.5)}
.edutab-page .video .vmeta{position:absolute;left:clamp(16px,2.5vw,28px);bottom:clamp(14px,2.2vw,24px);z-index:2;color:#fff;display:grid;gap:2px}
.edutab-page .video .vmeta b{font-family:var(--f-display);font-size:clamp(15px,1.6vw,18px)}
.edutab-page .video .vmeta span{font-size:13.5px;color:#C9D3EC}
.edutab-page .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.edutab-page .hero-watch{display:inline-flex;align-items:center;gap:12px;margin:20px 0 0;font-family:var(--f-display);font-weight:700;font-size:14.5px;color:var(--ink)}
.edutab-page .hero-watch .pb{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);display:grid;place-items:center;transition:background .25s,border-color .25s}
.edutab-page .hero-watch .pb svg{width:16px;height:16px;fill:var(--blue);margin-left:2px}
.edutab-page .hero-watch .tnum{color:var(--muted);font-weight:600}
.edutab-page .hero-watch:hover .pb{background:var(--blue);border-color:var(--blue)}
.edutab-page .hero-watch:hover .pb svg{fill:#fff}
@media (max-width:960px){.edutab-page .video-grid{grid-template-columns:1fr}.edutab-page .video{order:-1}}
@media (max-width:480px){.edutab-page .video .play{width:64px;height:64px;margin:-32px 0 0 -32px}.edutab-page .video .play svg{width:26px;height:26px}}

/* ---------- fotoğraflı düzenler (arayüz çizimleri kaldırıldı) ---------- */
.edutab-page #ogretmen .teach-photo{aspect-ratio:4/3.4}
.edutab-page #ogrenci .stu-photo, .edutab-page .board-photo{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/3.4;box-shadow:var(--shadow)}
.edutab-page #ogrenci .stu-photo img, .edutab-page .board-photo img{width:100%;height:100%;object-fit:cover}
.edutab-page #ogrenci .stu-photo img{object-position:35% 50%}
.edutab-page .board-photo img{object-position:45% 40%}
.edutab-page .admin-photo{border-radius:var(--r-xl);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:4/3.4}
.edutab-page .admin-photo img{width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.edutab-page .caps.c2{grid-template-columns:1fr 1fr;margin-top:32px}
.edutab-page .tgrid.t3{grid-template-columns:repeat(3,1fr);margin-top:48px}
.edutab-page .ai-solo{position:relative}
.edutab-page .ai-solo .ai-feats{grid-template-columns:repeat(4,1fr);margin-top:48px}
@media (max-width:1000px){.edutab-page .ai-solo .ai-feats{grid-template-columns:1fr 1fr}.edutab-page .tgrid.t3{grid-template-columns:1fr}}
@media (max-width:960px){.edutab-page #ogrenci .copy, .edutab-page #emkoboard .copy{order:0}}
@media (max-width:560px){.edutab-page .caps.c2, .edutab-page .ai-solo .ai-feats{grid-template-columns:1fr}}

/* ---------- giriş fotoğraf galerisi ---------- */
.edutab-page .gallery{padding-bottom:clamp(48px,6vw,80px)}
.edutab-page .gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,clamp(180px,17vw,250px));gap:clamp(10px,1.4vw,18px)}
.edutab-page .gal{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow);min-width:0}
.edutab-page .gal img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.edutab-page .gal:hover img{transform:scale(1.04)}
.edutab-page .gal::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,16,41,.72));pointer-events:none}
.edutab-page .gal figcaption{position:absolute;left:clamp(12px,1.6vw,20px);right:12px;bottom:clamp(12px,1.4vw,18px);z-index:1;color:#fff;font-size:13px;line-height:1.35;color:#D5DDF0}
.edutab-page .gal figcaption b{display:block;font-family:var(--f-display);font-size:clamp(14px,1.2vw,16px);color:#fff;margin-bottom:2px}
.edutab-page .g-big{grid-column:span 2;grid-row:span 2}
.edutab-page .g-big figcaption b{font-size:clamp(16px,1.6vw,20px)}
.edutab-page .g-big img{object-position:55% 40%}
.edutab-page .g-wide{grid-column:span 2}
.edutab-page .g-wide img{object-position:50% 30%}
@media (max-width:860px){.edutab-page .gal-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.edutab-page .g-big{grid-column:1/-1;grid-row:auto;aspect-ratio:3/2}.edutab-page .g-wide{grid-column:1/-1;aspect-ratio:16/8}.edutab-page .gal:not(.g-big):not(.g-wide){aspect-ratio:4/3.2}}
@media (max-width:480px){.edutab-page .gal:not(.g-big):not(.g-wide){grid-column:1/-1;aspect-ratio:16/10}}

/* ---------- yana kaydırılan kartlar ---------- */
.edutab-page .rail-wrap{margin-top:48px}
.edutab-page .cards.rail{display:flex;grid-template-columns:none;gap:20px;margin:0 calc(-1 * var(--gutter));padding:6px var(--gutter) 24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}
.edutab-page .cards.rail::-webkit-scrollbar{display:none}
.edutab-page .cards.rail.dragging{cursor:grabbing;scroll-snap-type:none}
.edutab-page .cards.rail.dragging .fcard{pointer-events:none}
.edutab-page .cards.rail .fcard{flex:0 0 clamp(290px,31%,400px);scroll-snap-align:start}
.edutab-page .cards.rail:focus-visible{outline-offset:-2px}
.edutab-page .rail-ctl{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:4px}
.edutab-page .rail-hint{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.edutab-page .rail-hint .ic{width:16px;height:16px;color:var(--blue);animation:nudge 1.8s ease-in-out infinite}
@keyframes nudge{0%, 100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.edutab-page .rail-btns{display:flex;gap:10px}
.edutab-page .rail-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s,opacity .2s}
.edutab-page .rail-btn:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:#fff}
.edutab-page .rail-btn:disabled{opacity:.35;cursor:default}
@media (max-width:640px){.edutab-page .cards.rail .fcard{flex-basis:84%}}

/* ---------- hero: etiketler kenarlara sabit, tablet ortada, çakışma yok ---------- */
.edutab-page .eco-hero .node.l{left:0;transform:translate(0,-50%)}
.edutab-page .eco-hero .node.r{right:0;transform:translate(0,-50%)}
.edutab-page .eco-hero .node.l:hover, .edutab-page .eco-hero .node.r:hover{transform:translate(0,calc(-50% - 3px))}
.edutab-page .eco-hero .hero-device{width:40%;left:50%}
.edutab-page .eco-hero .node.node-admin{right:-12px}
@media (max-width:1240px) and (min-width:961px){
  .edutab-page .eco-hero .node{padding:6px 10px 6px 6px;gap:8px;border-radius:12px}
  .edutab-page .eco-hero .node .nic{width:28px;height:28px;border-radius:8px}
  .edutab-page .eco-hero .node b{font-size:12.5px}
  .edutab-page .eco-hero .node small{display:none}
  .edutab-page .eco-hero .hero-device{width:38%;left:50%}
}

/* ---------- telefon ---------- */
@media (max-width:600px){
  .edutab-page .hero{padding-top:28px}
  .edutab-page .hero h1{margin-top:18px}
  .edutab-page .hero-ctas .btn{flex:1 1 100%}
  .edutab-page .hero-trust{font-size:13.5px;align-items:flex-start}
  .edutab-page .hero-trust .dot{margin-top:6px;flex:none}
  /* tablet görseli üstte, altı etiket iki sütunlu düzgün bir ızgarada */
  .edutab-page .eco-hero{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .edutab-page .eco-hero .lines, .edutab-page .eco-hero .halo, .edutab-page .eco-hero .ring{display:none}
  .edutab-page .eco-hero .hero-device{position:static;transform:none;width:88%;margin:0 auto 8px;grid-column:1/-1;animation:none}
  .edutab-page .eco-hero .node, .edutab-page .eco-hero .node.l, .edutab-page .eco-hero .node.r{position:relative;left:auto;right:auto;top:auto!important;transform:none;white-space:normal;min-width:0}
  .edutab-page .eco-hero .node:hover{transform:none}
  .edutab-page .eco-hero .node b{font-size:12.5px}

  /* galeri: yana kaydırılan şerit */
  .edutab-page .gal-grid{display:flex;grid-template-rows:none;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 12px;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:12px}
  .edutab-page .gal-grid::-webkit-scrollbar{display:none}
  .edutab-page .gal, .edutab-page .g-big, .edutab-page .g-wide, .edutab-page .gal:not(.g-big):not(.g-wide){flex:0 0 86%;aspect-ratio:4/3.3;scroll-snap-align:start;grid-column:auto;grid-row:auto}

  /* özellik kutuları: kompakt satır */
  .edutab-page .tgrid, .edutab-page .tgrid.t3{grid-template-columns:1fr;gap:10px;margin-top:32px}
  .edutab-page .tg{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:14px 16px;align-items:start}
  .edutab-page .tg .ic{grid-row:span 2;width:40px;height:40px;padding:10px;border-radius:11px;background:var(--soft)}
  .edutab-page .tg b{margin-top:0;font-size:15px}
  .edutab-page .tg p{font-size:13.5px}

  /* kurumlar: iki sütun, kompakt */
  .edutab-page .uses.u5{grid-template-columns:1fr 1fr;gap:10px}
  .edutab-page .use{padding:16px}
  .edutab-page .use b{font-size:14.5px;margin-top:12px}
  .edutab-page .use p{font-size:13px}

  .edutab-page .ben{min-height:0;padding:24px}
  .edutab-page .ben .big{position:static;margin-bottom:16px;width:52px;height:52px;border-radius:16px}
  .edutab-page .ai-f{padding:16px}
  .edutab-page .frow{padding:12px 0}
  .edutab-page .flist{margin-top:20px}
  .edutab-page .spec{padding:20px}
  .edutab-page .hw-call div b{font-size:28px}
  .edutab-page .nums{grid-template-columns:1fr 1fr}
  .edutab-page .num{padding:0 12px}
  .edutab-page .final{padding:44px 20px}
  .edutab-page .final .ctas .btn{flex:1 1 100%}
  .edutab-page .video .vmeta span{font-size:12px}
}
@media (max-width:380px){.edutab-page .uses.u5{grid-template-columns:1fr}}
@media (max-width:560px){
  .edutab-page .hw-close figure{grid-template-columns:42% 1fr;min-height:0}
  .edutab-page .hw-close figure .im{height:100%;min-height:150px;padding:10px}
  .edutab-page .hw-close figcaption{padding:16px}
  .edutab-page .hw-close figcaption b{font-size:16px}
  .edutab-page .hw-close figcaption p{font-size:13.5px}
  .edutab-page .hw-stage{padding-top:20px}
}

/* ---------- menü: sığmadığında hamburger ---------- */
.edutab-page .nav-in{gap:16px}
@media (max-width:1480px){.edutab-page .nav-explore{display:none}}
@media (max-width:1360px){.edutab-page .nav-links, .edutab-page .nav-cta .btn{display:none}.edutab-page .menu-btn{display:inline-flex}}
.edutab-page .nav-links{gap:0;min-width:0}
.edutab-page .nav-links a{padding:8px 8px;font-size:13.5px}

/* ---------- görselsiz tek sütun bölümler (öğrenci, şarj istasyonu) ---------- */
.edutab-page .solo .copy, .edutab-page .solo > .reveal{max-width:none}
.edutab-page .solo .lead{max-width:72ch}
.edutab-page .solo .flist{grid-template-columns:repeat(2,1fr);column-gap:24px;max-width:1000px}
.edutab-page .solo .adv{grid-template-columns:repeat(3,1fr);max-width:1000px}
@media (max-width:860px){.edutab-page .solo .flist, .edutab-page .solo .adv{grid-template-columns:1fr}}

/* ---------- yapay zekâ bölümü ve son çağrı: "Bütünleşik Ekosistem" kartıyla aynı mavi geçiş ---------- */
.edutab-page{--brand-grad:linear-gradient(140deg,#1570D9,#2AA5DE)}
.edutab-page .navy{background:var(--brand-grad)}
.edutab-page .navy .ai-glow{display:none}
.edutab-page .navy .eyebrow{color:#fff}
.edutab-page .navy .lead{color:rgba(255,255,255,.88)}
.edutab-page .navy .ai-f{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.edutab-page .navy .ai-f:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}
.edutab-page .navy .ai-f .ic{color:#fff}
.edutab-page .navy .ai-f p{color:rgba(255,255,255,.85)}
.edutab-page .final{background:var(--brand-grad)}
.edutab-page .final::before{background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.2px)}
.edutab-page .final .glow{display:none}
.edutab-page .final p.sup{color:rgba(255,255,255,.9)}
.edutab-page .final small{color:rgba(255,255,255,.8)}
.edutab-page .final .btn-light{color:#0B5DB8}
.edutab-page .final .btn-outline-light{border-color:rgba(255,255,255,.5)}
.edutab-page .final .btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* avantaj kartlarında büyük ikon başlığın üstüne binmesin */
.edutab-page .ben .big{position:static;margin-bottom:20px}
.edutab-page .ben{justify-content:flex-start}

.edutab-page{color:#111827;background:#F7F9FC;font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.6}
body.emkotech-edutab .site-main,
body.emkotech-edutab #primary.site-main{width:100%;max-width:none;padding:0;margin:0}
.edutab-subnav{position:sticky;top:0;z-index:40;margin:0;background:rgba(255,255,255,.96);border-bottom:1px solid #E3E8F1;backdrop-filter:saturate(1.2) blur(10px)}
.edutab-subnav-in{display:flex;align-items:center;gap:18px;width:min(1280px,calc(100% - 48px));margin:0 auto;min-height:52px}
.edutab-subnav-links{display:flex;gap:18px;overflow-x:auto;flex:1;scrollbar-width:none}
.edutab-subnav-links::-webkit-scrollbar{display:none}
.edutab-subnav-links a{flex:0 0 auto;padding:14px 0 12px;border-bottom:2px solid transparent;color:#667085;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.edutab-subnav-links a.is-active,.edutab-subnav-links a:hover{color:#0B5DB8;border-bottom-color:#1570D9}
.edutab-page [id]{scroll-margin-top:120px}
@media (min-width:961px){
.edutab-page .eco-hero{max-width:min(100%,560px)}
}
@media(max-width:900px){
  .edutab-subnav-in{width:calc(100% - 28px);gap:12px}
  .edutab-subnav-links{gap:14px}
  .edutab-subnav-links a{font-size:13px;padding:14px 0 12px}
  .edutab-subnav-links .subnav-extra{display:none}
  .edutab-subnav .btn{display:none}
}