:root{
  --bg:#ffffff;
  --card:#ffffff;
  --txt:#0f172a;
  --muted:#64748b;
  --line:rgba(15,23,42,.10);
  --pri:#2563eb;
  --shadow:0 10px 30px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--txt)}
a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1100px,92vw);margin:0 auto}

/* Header */
.hdr{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:30}
.hdr .container{display:flex;gap:16px;align-items:center;padding:14px 0}
.brand{font-weight:800;color:var(--txt)}
.nav{display:flex;gap:12px;flex-wrap:wrap}
.nav a{color:var(--txt);opacity:.86}
.nav a:hover{opacity:1}
.hdr-actions{display:flex;gap:10px;align-items:center;margin-left:auto}
.hdr-link{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(15,23,42,.03);color:var(--txt);font-weight:700;font-size:13px;white-space:nowrap}
.hdr-link:hover{text-decoration:none;background:rgba(15,23,42,.05)}
.hdr-link--pri{background:var(--pri);border-color:rgba(37,99,235,.35);color:#fff}
.hdr-link--pri:hover{background:#1d4ed8}
.search{margin-left:10px}
.search input{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(15,23,42,.03);color:var(--txt);min-width:220px;outline:none}
.search input:focus{border-color:rgba(37,99,235,.35);box-shadow:0 0 0 4px rgba(37,99,235,.10)}

/* Hero */
.hero{padding:34px 0 18px}
.hero h1{margin:0 0 8px;font-size:34px;letter-spacing:-.02em}
.hero p{margin:0;color:var(--muted);max-width:760px}

/* Cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 0;box-shadow:var(--shadow)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search input{min-width:160px}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.hdr .container{flex-wrap:wrap}.search{margin-left:0;width:100%}.search input{width:100%}}
.meta{color:var(--muted);font-size:13px;margin:6px 0 10px}
.prose .content{line-height:1.75;color:rgba(15,23,42,.92)}
.pager{display:flex;gap:12px;align-items:center;justify-content:center;margin:22px 0}
.btn{display:inline-block;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(15,23,42,.03);color:var(--txt)}
.btn:hover{text-decoration:none;background:rgba(15,23,42,.05)}
.ftr{border-top:1px solid var(--line);margin-top:34px;padding:18px 0;color:var(--muted)}
.hb-ph{border:1px dashed var(--line);border-radius:14px;padding:14px;margin:12px 0;color:var(--muted);background:rgba(15,23,42,.02)}

/* Keep slider/banner modern even on Basic theme */
.home-section-banner{padding:20px 0}
.home-section-banner .hb-banner-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-section-banner .hb-banner-grid.hb-cols-1{grid-template-columns:1fr}
@media(max-width:760px){.home-section-banner .hb-banner-grid{grid-template-columns:1fr}}
.hb-banner{position:relative;display:block;overflow:hidden;border-radius:18px;background:#f1f5f9;min-height:160px;box-shadow:0 10px 30px rgba(15,23,42,.10)}
.hb-banner__media{width:100%;height:100%}
.hb-banner__media img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.001);transition:transform .35s ease}
.hb-banner:hover .hb-banner__media img{transform:scale(1.03)}
.hb-banner__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.55) 80%)}
.hb-banner__title{color:#fff;font-weight:800;font-size:18px;letter-spacing:-.01em}
.hb-banner__desc{color:rgba(255,255,255,.9);font-size:13px;line-height:1.4}
.hb-banner__btn{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:#fff;color:#111;font-weight:700;font-size:12px;box-shadow:0 10px 22px rgba(0,0,0,.18)}


/* Landing hero + icon cards */
.landing{padding:26px 0 10px}
.landing__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
@media(max-width:900px){.landing__inner{grid-template-columns:1fr}}

.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(37,99,235,.06);color:rgba(37,99,235,.95);font-weight:700;font-size:12px}

.landing__copy{background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.00));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.landing__copy h1{margin:10px 0 10px;font-size:36px;letter-spacing:-.03em;line-height:1.15}
.landing__copy p{margin:0;color:var(--muted);line-height:1.7}
.landing__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

.btn--pri{background:var(--pri);border-color:rgba(37,99,235,.35);color:#fff}
.btn--pri:hover{background:#1d4ed8}

.landing__cards{display:grid;grid-template-columns:1fr;gap:12px}
@media(max-width:900px){.landing__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.landing__cards{grid-template-columns:1fr}}

.icon-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow)}
.icon-card h3{margin:10px 0 6px;font-size:16px;letter-spacing:-.01em}
.icon-card p{margin:0;color:var(--muted);line-height:1.6;font-size:13px}
.icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(15,23,42,.04);color:rgba(15,23,42,.88);border:1px solid rgba(15,23,42,.08)}


/* ===== Slider Style 2 (tiles) ===== */

.s2{padding:0 18px}
.s2-g{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1024px){.s2-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.s2{padding:0 12px}.s2-g{grid-template-columns:1fr}}
.s2-t{position:relative;border-radius:28px;overflow:hidden;min-height:520px;display:block;text-decoration:none;color:#fff;
  box-shadow:0 18px 50px rgba(15,23,42,.10);background:#070a12}
.s2-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .7s ease;opacity:.98}
.s2-t:hover .s2-i{transform:scale(1.06)}
.s2-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.40),rgba(0,0,0,.05))}
.s2-pill{
  position:absolute;left:50%;transform:translateX(-50%);
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 26px;border-radius:999px;background:rgba(255,255,255,.92);
  color:#0b1020;font-weight:950;letter-spacing:-.01em;
  bottom:26px;
}
.s2-pill--bottom{max-width:80%;text-align:center}
.s2-center{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:34px;gap:14px;
}
.s2-badge{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.s2-big{font-size:74px;line-height:1;letter-spacing:-.04em;font-weight:1000;color:#fff}
.s2-mid{max-width:34ch;color:rgba(255,255,255,.85);line-height:1.6}
@media(max-width:640px){.s2-t{min-height:420px}.s2-big{font-size:58px}}