.schoolarplus-page {
  --schoolarplus-blue: #1967d2;
  --schoolarplus-blue-dark: #174ea6;
  --schoolarplus-blue-soft: #e8f0fe;
  --schoolarplus-green: #188038;
  --schoolarplus-border: #dadce0;
  --schoolarplus-ink: #202124;
  --schoolarplus-muted: #5f6368;
}

.schoolarplus-page .schoolarplus-section { padding: 6.5rem 0; }

.schoolarplus-mark {
  width: 42px; height: 42px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(145deg,var(--schoolarplus-blue),var(--schoolarplus-blue-dark));
  color:#fff; font-weight:800; letter-spacing:-.04em;
  box-shadow:0 .35rem 1rem rgba(25,103,210,.18);
}

.schoolarplus-product-hero {
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 15%, rgba(66,133,244,.16), transparent 27rem),
    radial-gradient(circle at 15% 80%, rgba(25,103,210,.07), transparent 25rem),
    linear-gradient(180deg,#fff 0%,#f8fbff 62%,#edf2fc 100%);
}

.schoolarplus-live-dot {
  width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--schoolarplus-green);
  box-shadow:0 0 0 4px rgba(24,128,56,.12);
}

.schoolarplus-trust-row { display:flex; flex-wrap:wrap; gap:1.1rem; color:var(--schoolarplus-muted); font-size:.88rem; }
.schoolarplus-trust-row i { color:var(--schoolarplus-blue); margin-right:.25rem; }


.schoolarplus-browser,.schoolarplus-shot {
  overflow:hidden; border:1px solid var(--schoolarplus-border); border-radius:1rem; background:#fff;
}
.schoolarplus-browser { transform:perspective(1200px) rotateY(-2deg) rotateX(1deg); box-shadow:0 2rem 5rem rgba(60,64,67,.18)!important; }
.schoolarplus-browser-bar {
  min-height:42px; display:flex; align-items:center; gap:7px; padding:0 14px;
  border-bottom:1px solid var(--schoolarplus-border); background:#f8f9fa;
}
.schoolarplus-browser-bar>span { width:9px;height:9px;border-radius:50%;background:#bdc1c6;flex:0 0 auto; }
.schoolarplus-browser-address {
  margin-left:8px;padding:5px 12px;flex:1;min-width:0;border-radius:20px;background:#fff;color:#80868b;
  font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.schoolarplus-browser img,.schoolarplus-shot img { display:block;width:100%;height:auto; }





.schoolarplus-feature-card { transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.schoolarplus-feature-card:hover { transform:translateY(-4px);box-shadow:0 1rem 2.25rem rgba(60,64,67,.11);border-color:#c6dafc!important; }
.schoolarplus-feature-icon {
  width:50px;height:50px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--schoolarplus-blue-soft);color:var(--schoolarplus-blue);font-size:1.5rem;
}

.schoolarplus-shot { box-shadow:0 1.5rem 3.5rem rgba(60,64,67,.14)!important; }
.schoolarplus-developer { max-width:360px;margin:0 auto; }
.schoolarplus-developer-image {
  overflow:hidden;border-radius:1.25rem;background:linear-gradient(145deg,#1967d2,#174ea6);
  box-shadow:0 1rem 2.5rem rgba(60,64,67,.16);
}
.schoolarplus-developer-image img { display:block;width:100%;height:auto; }

.schoolarplus-privacy-hero {
  background:linear-gradient(180deg,#f8fbff 0%,#edf2fc 100%);
  border-bottom:1px solid #e7eaed;
}
.schoolarplus-policy-nav { position:sticky; top:90px; }
.schoolarplus-policy-nav a { display:block;padding:.55rem .8rem;border-radius:.5rem;color:var(--schoolarplus-muted); }
.schoolarplus-policy-nav a:hover { background:var(--schoolarplus-blue-soft);color:var(--schoolarplus-blue); }
.schoolarplus-policy h2 { scroll-margin-top:110px; }
.schoolarplus-policy-card { border:1px solid var(--schoolarplus-border);border-radius:1rem;background:#fff;padding:1.5rem; }
.schoolarplus-policy-meta { display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;color:var(--schoolarplus-muted);font-size:.9rem; }

@media (max-width:991.98px) {
  .schoolarplus-page .schoolarplus-section { padding:4.75rem 0; }
  .schoolarplus-browser { transform:none; }
  
  .schoolarplus-policy-nav { position:static; }
}
@media (max-width:575.98px) {
  .schoolarplus-page .schoolarplus-section { padding:3.75rem 0; }
  .schoolarplus-page .display-2 { font-size:calc(1.65rem + 3vw); }
  
  .schoolarplus-browser { border-radius:.75rem; }
}


/* Product concept UI */
.sp-concept-window,.sp-demo-card,.sp-data-flow {
  background:#fff;border:1px solid var(--schoolarplus-border);border-radius:1rem;
  box-shadow:0 1.5rem 4rem rgba(60,64,67,.13);overflow:hidden;
}
.sp-window-top { min-height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#f8f9fa;border-bottom:1px solid var(--schoolarplus-border); }
.sp-window-top>span { width:9px;height:9px;border-radius:50%;background:#bdc1c6; }
.sp-address { flex:1;margin-left:8px;background:#fff;border-radius:20px;padding:5px 12px;color:#80868b;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sp-scholar { padding:1.3rem; }
.sp-scholar-head { display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #eee;padding-bottom:1rem; }
.sp-scholar-head>div:first-child { display:flex;align-items:center;gap:.75rem; }
.sp-avatar { width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f0fe;color:#1967d2;font-weight:800; }
.sp-scholar-head small { display:block;color:#80868b;font-size:.7rem;margin-top:.2rem; }
.sp-metrics { display:flex;gap:1.1rem;text-align:right; }
.sp-metrics div { min-width:58px; }
.sp-metrics strong { display:block;font-size:.9rem; }
.sp-metrics b,.sp-paper em,.sp-frontier-papers em,.sp-change-metrics em,.sp-mini-papers em {
  display:inline-flex!important;border-radius:5em;padding:.35em .55em;background:#188038;color:#fff;font-size:.65rem;font-style:normal;margin-left:.25rem;
}
.sp-plus-panel { margin:1rem 0;background:#f8fbff;border:1px solid #d2e3fc;border-radius:.8rem;padding:1rem; }
.sp-panel-title,.sp-panel-foot { display:flex;justify-content:space-between;align-items:center;gap:1rem; }
.sp-panel-title span,.sp-demo-head>span { color:#1967d2;background:#e8f0fe;border-radius:5em;padding:.35rem .6rem;font-size:.62rem;font-weight:800;letter-spacing:.04em; }
.sp-h-row { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin:1rem 0; }
.sp-progress { height:7px;background:#dfe3e7;border-radius:5em;overflow:hidden; }.sp-progress i { display:block;width:82%;height:100%;background:#1967d2;border-radius:inherit; }
.sp-panel-foot { font-size:.72rem;color:#5f6368; }.sp-panel-foot b { color:#202124; }
.sp-paper { display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid #f0f0f0;font-size:.76rem; }.sp-paper span:last-child { white-space:nowrap; }.sp-paper b { color:#1967d2;margin-right:.35rem; }
.sp-capability-strip { border-top:1px solid #e7eaed;border-bottom:1px solid #e7eaed;background:#fff; }
.sp-capability-strip .col-6 { padding:1.25rem .75rem;border-right:1px solid #eee; }.sp-capability-strip .col-6:last-child { border-right:0; }
.sp-capability-strip strong,.sp-capability-strip small { display:block; }.sp-capability-strip small { color:#80868b;margin-top:.2rem;font-size:.72rem; }

.sp-demo-card { padding:1.4rem; }
.sp-demo-head { display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #eee; }
.sp-demo-head small,.sp-demo-head strong { display:block; }.sp-demo-head small { color:#1967d2;font-weight:800;letter-spacing:.08em;font-size:.65rem; }.sp-demo-head strong { margin-top:.2rem; }
.sp-frontier-track { position:relative;height:8px;background:#dfe3e7;border-radius:5em;margin:2.2rem 1rem .6rem; }.sp-frontier-fill { width:83%;height:100%;background:#1967d2;border-radius:inherit; }
.sp-frontier-track i { position:absolute;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);border:4px solid #fff;box-shadow:0 0 0 2px currentColor; }
.sp-dot-current { left:83%;background:#1967d2;color:#1967d2; }.sp-dot-target { left:100%;background:#188038;color:#188038; }
.sp-frontier-labels { display:flex;justify-content:flex-end;gap:9%;font-weight:800;font-size:.8rem; }
.sp-frontier-papers { margin-top:1.5rem;border:1px solid #eee;border-radius:.75rem;overflow:hidden; }.sp-frontier-papers>div { display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #eee;font-size:.8rem; }.sp-frontier-papers>div:last-child { border-bottom:0; }
.sp-demo-summary { display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem; }.sp-demo-summary div { background:#f8f9fa;border-radius:.7rem;padding:.9rem; }.sp-demo-summary small,.sp-demo-summary strong { display:block; }.sp-demo-summary strong { font-size:1.25rem;margin-top:.2rem; }

.sp-change-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.25rem 0; }.sp-change-metrics>div { border:1px solid #eee;border-radius:.75rem;padding:1rem; }.sp-change-metrics small,.sp-change-metrics strong { display:block; }.sp-change-metrics strong { font-size:1.3rem;margin:.2rem 0; }
.sp-mini-papers { border-top:1px solid #eee; }.sp-mini-papers>div { display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid #f2f2f2;font-size:.8rem; }

.sp-compare-grid { display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem;padding:1.3rem .25rem;align-items:center; }.sp-compare-grid small { text-align:center;color:#80868b;font-size:.65rem;font-weight:800;letter-spacing:.08em; }.sp-compare-date { color:#1967d2;font-size:.7rem;font-weight:800; }
.sp-history-result { display:flex;justify-content:space-between;gap:1rem;background:#e8f0fe;color:#174ea6;border-radius:.75rem;padding:1rem; }

.sp-data-flow { padding:1.5rem; }.sp-flow-node { border:1px solid #e0e3e7;border-radius:.85rem;padding:1rem;display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-items:center; }.sp-flow-node i,.sp-flow-node .schoolarplus-mark { grid-row:1/3;font-size:1.5rem;color:#1967d2; }.sp-flow-node small { color:#80868b; }.sp-flow-primary { border-color:#c6dafc;background:#f8fbff; }.sp-flow-arrow { text-align:center;color:#1967d2;font-size:1.4rem;padding:.35rem; }.sp-flow-split { display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem; }.sp-flow-split>div { border:1px solid #eee;border-radius:.75rem;padding:1rem;text-align:center; }.sp-flow-split i,.sp-flow-split strong,.sp-flow-split small { display:block; }.sp-flow-split i { color:#1967d2;font-size:1.4rem;margin-bottom:.4rem; }.sp-flow-split small { color:#80868b;margin-top:.2rem;font-size:.72rem; }.sp-flow-caption { text-align:center;margin-top:1rem;color:#5f6368;font-size:.8rem; }

.sp-steps { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:center; }.sp-steps>div { position:relative;background:#fff;border:1px solid #dadce0;border-radius:1rem;padding:1.5rem;text-align:center;height:100%; }.sp-steps>div>span { position:absolute;top:.8rem;left:.9rem;color:#1967d2;font-weight:800;font-size:.7rem; }.sp-steps i { display:block;font-size:2rem;color:#1967d2;margin:.5rem 0 1rem; }.sp-steps strong,.sp-steps small { display:block; }.sp-steps small { color:#80868b;margin-top:.35rem; }.sp-steps>b { color:#1967d2;font-size:1.5rem; }

.sp-final-cta { background:linear-gradient(180deg,#f8fbff,#e8f0fe);border-top:1px solid #dfe7f5; }

@media (max-width: 991.98px) {
  .sp-metrics { display:none; }
  .sp-capability-strip .col-6:nth-child(2) { border-right:0; }
  .sp-capability-strip .col-6:nth-child(-n+2) { border-bottom:1px solid #eee; }
  .sp-steps { grid-template-columns:1fr; }.sp-steps>b { transform:rotate(90deg);text-align:center; }
}
@media (max-width: 575.98px) {
  .sp-scholar { padding:.85rem; }.sp-paper { align-items:flex-start;flex-direction:column;gap:.25rem; }
  .sp-change-metrics { grid-template-columns:1fr; }.sp-demo-summary { grid-template-columns:1fr; }
  .sp-frontier-papers>div { flex-direction:column;gap:.35rem; }.sp-flow-split { grid-template-columns:1fr; }
  .sp-history-result { flex-direction:column; }.sp-capability-strip strong { font-size:.8rem; }
}
