/* OpenBook 1.0 — focused visual refresh. Keeps the existing lightweight layout and components. */
:root{
  --blue:#2563eb;
  --blue-d:#1d4ed8;
  --blue-hover:#1e40af;
  --blue-soft:#eff6ff;
  --blue-mid:#dbeafe;
  --blue-border:#bfdbfe;
  --ink:#10213f;
  --ink2:#415575;
  --ink3:#71819e;
  --bg:#f5f8fc;
  --bg2:#eaf1f8;
  --border:#dbe4ef;
  --border2:#c6d3e2;
  --green:#059669;
}
.hero{
  padding:88px 0 72px;
  background:
    radial-gradient(circle at 8% 12%,rgba(37,99,235,.15),transparent 30%),
    radial-gradient(circle at 88% 10%,rgba(14,165,233,.13),transparent 28%),
    linear-gradient(135deg,#f8fbff 0%,#eef6ff 52%,#f4fbf9 100%);
}
.hero:after{
  content:"";position:absolute;right:-180px;bottom:-210px;width:520px;height:520px;
  border:80px solid rgba(37,99,235,.045);border-radius:50%;pointer-events:none;
}
.hero h1{font-size:clamp(34px,4.5vw,58px);letter-spacing:-1.5px;line-height:1.08;margin-bottom:18px}
.hero h1 em{color:#2563eb}
.hero-sub{color:#526684;max-width:570px;font-size:16px;line-height:1.75;margin-bottom:26px}
.ha{gap:12px;margin-bottom:28px}
.ha .bp{box-shadow:0 12px 26px rgba(37,99,235,.22)}
.ha .bw{border-color:#b9cbe3;color:#1d4ed8;background:rgba(255,255,255,.82)}
.hp{border-radius:14px;box-shadow:0 10px 30px rgba(15,35,70,.07);max-width:570px}
.pi{padding:14px 16px}
.pi .num{font-size:20px;color:#0f2f68}
.oc{border:1px solid #cfe0f4;border-radius:20px;box-shadow:0 24px 70px rgba(30,64,175,.14);overflow:hidden}
.oc-head{background:linear-gradient(135deg,#eaf3ff,#f4fbff);padding:20px 26px 17px}
.oc-head h2{font-size:18px}
.ocb{padding:23px 26px 27px}
.cs{
  text-decoration:none!important;
  border-radius:11px;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  box-shadow:0 9px 22px rgba(37,99,235,.22);
}
.cs:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}
.gp{background:#ecfdf5;border-color:#c9f2df}
.fc-card,.sc,.stp,.wc,.lord-card,.rc{box-shadow:0 3px 18px rgba(15,35,70,.045)}
.fc-card:hover,.sc:hover,.stp:hover,.wc:hover,.lord-card:hover,.rc:hover{box-shadow:0 12px 34px rgba(15,35,70,.09)}
.ctasec{background:linear-gradient(135deg,#102a56,#1e4f9b)!important}
.ctasec .ctai h2,.ctasec .ctai p{color:#fff}
.ctasec .bg{background:#fff;color:#1747a5;border-color:#fff}
.logo{gap:10px}
.sm-logo-default{width:auto;height:48px;object-fit:contain}
#nav .logo{min-width:150px}
@media (max-width:900px){
  .hero{padding:62px 0 48px}
  .hi{grid-template-columns:1fr!important;gap:30px}
  .hero h1{font-size:clamp(34px,8vw,48px)}
  .hp{max-width:none}
}
@media (max-width:600px){
  .hero{padding:46px 0 38px}
  .ha .btn{width:100%}
  .hp{display:grid;grid-template-columns:repeat(2,1fr)}
  .pi:nth-child(2){border-right:none}
  .pi:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .ocb{padding:19px}
  .oc-head{padding:18px 19px 15px}
}