/* Consolidated styles for service/country/kenya-county pages.
   Extracted from inline <style> blocks so browsers cache this
   once instead of re-downloading near-identical CSS on every
   one of 11,000+ pages. */

/* === services_page.php === */
.sv-tabs-wrap{background:#fff;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:200}
.sv-tabs{display:flex;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:0 8px}
.sv-tabs::-webkit-scrollbar{display:none}
.sv-tab{display:flex;align-items:center;gap:8px;padding:17px 20px;font-size:.86rem;font-weight:600;color:#6b7280;white-space:nowrap;cursor:pointer;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;background:none;transition:color .2s,border-color .2s}
.sv-tab:hover{color:#0f172a}
.sv-tab.active{color:var(--tc);border-bottom-color:var(--tc)}
.sv-tab i{font-size:1.1rem}
.sv-panel{display:none}
.sv-panel.active{display:block}
.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:18px}
@media(max-width:600px){.sv-grid{grid-template-columns:1fr}}
.sv-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column;position:relative;text-decoration:none}
.sv-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(79,70,229,.12)}
.sv-stripe{height:5px;width:100%;flex-shrink:0}
.sv-body{padding:18px;flex:1;display:flex;flex-direction:column}
.sv-name{font-size:.9rem;font-weight:700;color:#0f172a;margin:0 0 7px;line-height:1.3}
.sv-desc{font-size:.75rem;color:#6b7280;line-height:1.55;flex:1;margin-bottom:14px}
.sv-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sv-price{font-size:1.25rem;font-weight:800;color:#0f172a}
.sv-unit{font-size:.66rem;color:#9ca3af}
.sv-badge{font-size:.64rem;font-weight:600;padding:4px 9px;border-radius:20px;background:#f1f5f9;color:#374151;white-space:nowrap}
.sv-phead{display:flex;align-items:center;gap:14px;padding:30px 0 18px}
.sv-picon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;flex-shrink:0}
.sv-pname{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0 0 2px}
.sv-ptagline{font-size:.8rem;color:#6b7280;margin:0}
.sv-stats{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.sv-stat-num{font-size:1.5rem;font-weight:800;color:#fff}
.sv-stat-label{font-size:.68rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px;text-align:center}

/* === services_category.php === */
.svc-hero      { background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#4f46e5 100%); padding:64px 0 48px; color:#fff; }
.svc-breadcrumb{ font-size:.73rem; opacity:.7; margin-bottom:18px; }
.svc-breadcrumb a{ color:#c7d2fe; text-decoration:none; } .svc-breadcrumb a:hover{ text-decoration:underline; }
.svc-stats-bar { display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:24px; }
.svc-stat       { display:flex; flex-direction:column; gap:2px; }
.svc-stat strong{ font-size:1.3rem; font-weight:800; color:#a5b4fc; }
.svc-stat span  { font-size:.7rem; opacity:.7; text-transform:uppercase; letter-spacing:1.2px; }
.svc-grid       { display:grid; grid-template-columns:repeat(auto-fill,minmax(275px,1fr)); gap:18px; }
.svc-card       { background:#fff; border-radius:14px; border:1px solid #e5e7eb; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.05); transition:transform .22s,box-shadow .22s; display:flex; flex-direction:column; text-decoration:none; }
.svc-card:hover { transform:translateY(-5px); box-shadow:0 14px 32px rgba(79,70,229,.14); }
.svc-stripe     { height:5px; width:100%; flex-shrink:0; background:linear-gradient(90deg,#4f46e5,#818cf8); }
.svc-body       { padding:18px; flex:1; display:flex; flex-direction:column; }
.svc-name       { font-size:.9rem; font-weight:700; color:#0f172a; margin:0 0 9px; line-height:1.35; }
.svc-chips      { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; flex:1; }
.svc-chip       { font-size:.63rem; font-weight:600; padding:3px 8px; border-radius:20px; background:#eef2ff; color:#4338ca; white-space:nowrap; }
.svc-foot       { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:12px; border-top:1px solid #f1f5f9; }
.svc-price      { font-size:1.2rem; font-weight:800; color:#0f172a; }
.svc-unit       { font-size:.65rem; color:#9ca3af; }
.svc-cta        { font-size:.72rem; font-weight:700; color:#4f46e5; }
.svc-faq-item   { border-bottom:1px solid #e0e7ff; }
.svc-faq-q      { width:100%; background:none; border:none; text-align:left; padding:18px 0; font-size:.92rem; font-weight:600; color:#0f172a; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.svc-faq-a      { font-size:.84rem; color:#374151; line-height:1.7; max-height:0; overflow:hidden; transition:max-height .35s ease, padding .25s; }
.svc-faq-a.open { max-height:300px; padding-bottom:16px; }
.svc-faq-ico    { font-size:1.1rem; flex-shrink:0; transition:transform .25s; }
.svc-faq-item.open .svc-faq-ico { transform:rotate(45deg); }

/* === service_detail.php === */
.sd-hero       { background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#4f46e5 100%); padding:56px 0 44px; color:#fff; }
.sd-breadcrumb { font-size:.72rem; opacity:.7; margin-bottom:18px; }
.sd-breadcrumb a{ color:#c7d2fe; text-decoration:none; } .sd-breadcrumb a:hover{ text-decoration:underline; }
.sd-wrap       { display:grid; grid-template-columns:1.6fr 1fr; gap:36px; padding:48px 0; align-items:start; }
@media(max-width:860px){ .sd-wrap{ grid-template-columns:1fr; } }
.sd-specs      { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 26px; }
.sd-spec       { font-size:.72rem; font-weight:600; padding:5px 11px; border-radius:20px; background:#eef2ff; color:#4338ca; border:1px solid #e0e7ff; }
.sd-panel      { background:#fff; border-radius:16px; border:1px solid #e5e7eb; padding:26px; box-shadow:0 4px 20px rgba(0,0,0,.05); position:sticky; top:90px; }
.sd-price      { font-size:2.1rem; font-weight:900; color:#0f172a; }
.sd-price-unit { font-size:.78rem; color:#9ca3af; margin-left:4px; }
.sd-minmax     { display:flex; gap:18px; margin:18px 0; padding:14px 0; border-top:1px solid #f1f5f9; border-bottom:1px solid #f1f5f9; }
.sd-minmax div { flex:1; }
.sd-minmax strong{ display:block; font-size:1rem; color:#0f172a; }
.sd-minmax span{ font-size:.68rem; color:#9ca3af; text-transform:uppercase; letter-spacing:1px; }
.sd-why        { display:flex; flex-direction:column; gap:10px; margin-top:20px; }
.sd-why-row    { display:flex; align-items:flex-start; gap:10px; font-size:.8rem; color:#374151; }
.sd-why-row i  { color:#22c55e; margin-top:2px; }
.sd-rel-grid   { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px; }
.sd-rel-card   { background:#fff; border-radius:12px; padding:16px 18px; border:1px solid #e5e7eb; text-decoration:none; display:block; transition:box-shadow .2s,transform .2s; }
.sd-rel-card:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(79,70,229,.12); }
.sd-rel-name   { font-size:.82rem; font-weight:700; color:#0f172a; margin-bottom:6px; line-height:1.3; }
.sd-rel-price  { font-size:.9rem; font-weight:800; color:#4f46e5; }
.sd-faq-item   { border-bottom:1px solid #e0e7ff; }
.sd-faq-q      { width:100%; background:none; border:none; text-align:left; padding:18px 0; font-size:.92rem; font-weight:600; color:#0f172a; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.sd-faq-a      { font-size:.84rem; color:#374151; line-height:1.7; max-height:0; overflow:hidden; transition:max-height .35s ease, padding .25s; }
.sd-faq-a.open { max-height:300px; padding-bottom:16px; }
.sd-faq-ico    { font-size:1.1rem; flex-shrink:0; transition:transform .25s; }
.sd-faq-item.open .sd-faq-ico { transform:rotate(45deg); }

/* === country_panel.php === */
.cp-hero        { background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#4f46e5 100%); padding:70px 0 54px; color:#fff; }
.cp-flag-wrap   { width:110px; height:72px; border-radius:8px; overflow:hidden; flex-shrink:0; box-shadow:0 6px 24px rgba(0,0,0,.45); }
.cp-flag-wrap .fi { display:block; width:100%; height:100%; background-size:cover; background-position:center; }
.cp-breadcrumb  { font-size:.73rem; opacity:.7; margin-bottom:18px; }
.cp-breadcrumb a{ color:#c7d2fe; text-decoration:none; } .cp-breadcrumb a:hover{ text-decoration:underline; }
.cp-stats-bar   { display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:28px; }
.cp-stat        { display:flex; flex-direction:column; gap:2px; }
.cp-stat strong { font-size:1.3rem; font-weight:800; color:#a5b4fc; }
.cp-stat span   { font-size:.7rem; opacity:.7; text-transform:uppercase; letter-spacing:1.2px; }
.cp-svc-grid    { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:20px; }
.cp-svc-card    { background:#fff; border-radius:14px; padding:24px 20px; border:1px solid #e0e7ff; box-shadow:0 2px 10px rgba(79,70,229,.07); transition:transform .2s,box-shadow .2s; }
.cp-svc-card:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(79,70,229,.15); }
.cp-svc-icon    { font-size:2rem; margin-bottom:10px; }
.cp-svc-title   { font-size:.9rem; font-weight:700; color:#0f172a; margin-bottom:6px; }
.cp-svc-desc    { font-size:.76rem; color:#6b7280; line-height:1.55; margin-bottom:14px; }
.cp-svc-price   { font-size:.8rem; font-weight:700; color:#4f46e5; }
.cp-cities      { display:flex; flex-wrap:wrap; gap:8px; }
.cp-city-pill   { background:#eef2ff; color:#4338ca; border-radius:50px; padding:5px 14px; font-size:.78rem; font-weight:600; border:1px solid #c7d2fe; }
.cp-why-grid    { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:24px; }
.cp-why-card    { background:#f8faff; border-radius:14px; padding:26px 22px; border:1px solid #e0e7ff; text-align:center; }
.cp-why-icon    { font-size:2.2rem; margin-bottom:10px; }
.cp-why-title   { font-size:.9rem; font-weight:700; color:#0f172a; margin-bottom:6px; }
.cp-why-text    { font-size:.76rem; color:#6b7280; line-height:1.6; }
.cp-faq-item    { border-bottom:1px solid #e0e7ff; }
.cp-faq-q       { width:100%; background:none; border:none; text-align:left; padding:18px 0; font-size:.92rem; font-weight:600; color:#0f172a; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.cp-faq-q:hover { color:#4f46e5; }
.cp-faq-a       { font-size:.84rem; color:#374151; line-height:1.7; max-height:0; overflow:hidden; transition:max-height .35s ease, padding .25s; }
.cp-faq-a.open  { max-height:300px; padding-bottom:16px; }
.cp-faq-ico     { font-size:1.1rem; flex-shrink:0; transition:transform .25s; }
.cp-faq-item.open .cp-faq-ico { transform:rotate(45deg); }
.cp-rel-grid    { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px; }
.cp-rel-card    { background:#fff; border-radius:10px; padding:16px; border:1px solid #e0e7ff; display:flex; align-items:center; gap:12px; text-decoration:none; transition:box-shadow .2s,transform .2s; }
.cp-rel-card:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(79,70,229,.13); }
.cp-rel-flag    { width:44px; height:30px; border-radius:4px; overflow:hidden; flex-shrink:0; }
.cp-rel-flag .fi{ display:block; width:100%; height:100%; background-size:cover; background-position:center; }
.cp-rel-name    { font-size:.82rem; font-weight:600; color:#0f172a; }
@media(max-width:600px){ .cp-svc-grid{ grid-template-columns:repeat(2,1fr); gap:12px; } .cp-svc-card{ padding:16px 14px; } }

/* === country_category.php === */
.cc-hero       { background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#4f46e5 100%); padding:56px 0 44px; color:#fff; }
.cc-breadcrumb { font-size:.72rem; opacity:.7; margin-bottom:18px; }
.cc-breadcrumb a{ color:#c7d2fe; text-decoration:none; } .cc-breadcrumb a:hover{ text-decoration:underline; }
.cc-flag-wrap  { width:56px; height:38px; border-radius:6px; overflow:hidden; flex-shrink:0; box-shadow:0 4px 14px rgba(0,0,0,.4); }
.cc-flag-wrap .fi{ display:block; width:100%; height:100%; background-size:cover; background-position:center; }
.cc-pay-badge  { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:20px; padding:7px 16px; font-size:.78rem; font-weight:600; margin-top:16px; }
.cc-grid       { display:grid; grid-template-columns:repeat(auto-fill,minmax(275px,1fr)); gap:18px; }
.cc-card       { background:#fff; border-radius:14px; border:1px solid #e5e7eb; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.05); transition:transform .22s,box-shadow .22s; display:flex; flex-direction:column; text-decoration:none; }
.cc-card:hover { transform:translateY(-5px); box-shadow:0 14px 32px rgba(79,70,229,.14); }
.cc-stripe     { height:5px; width:100%; flex-shrink:0; background:linear-gradient(90deg,#4f46e5,#818cf8); }
.cc-body       { padding:18px; flex:1; display:flex; flex-direction:column; }
.cc-name       { font-size:.9rem; font-weight:700; color:#0f172a; margin:0 0 9px; line-height:1.35; }
.cc-chips      { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; flex:1; }
.cc-chip       { font-size:.63rem; font-weight:600; padding:3px 8px; border-radius:20px; background:#eef2ff; color:#4338ca; white-space:nowrap; }
.cc-foot       { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:12px; border-top:1px solid #f1f5f9; }
.cc-price      { font-size:1.2rem; font-weight:800; color:#0f172a; }
.cc-unit       { font-size:.65rem; color:#9ca3af; }
.cc-cta        { font-size:.72rem; font-weight:700; color:#4f46e5; }
.cc-faq-item   { border-bottom:1px solid #e0e7ff; }
.cc-faq-q      { width:100%; background:none; border:none; text-align:left; padding:18px 0; font-size:.92rem; font-weight:600; color:#0f172a; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.cc-faq-a      { font-size:.84rem; color:#374151; line-height:1.7; max-height:0; overflow:hidden; transition:max-height .35s ease, padding .25s; }
.cc-faq-a.open { max-height:300px; padding-bottom:16px; }
.cc-faq-ico    { font-size:1.1rem; flex-shrink:0; transition:transform .25s; }
.cc-faq-item.open .cc-faq-ico { transform:rotate(45deg); }

/* === kenya_index.php === */
.ki-hero     { background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#4f46e5 100%); padding:60px 0 46px; color:#fff; text-align:center; }
.ki-grid     { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px; }
.ki-card     { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:18px 20px; text-decoration:none; display:block; transition:box-shadow .2s,transform .2s; }
.ki-card:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(79,70,229,.13); }
.ki-name     { font-size:.92rem; font-weight:700; color:#0f172a; margin-bottom:4px; }
.ki-meta     { font-size:.72rem; color:#6b7280; }

/* === kenya_county.php === */
.kc-hero       { background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#4f46e5 100%); padding:64px 0 48px; color:#fff; }
.kc-breadcrumb { font-size:.73rem; opacity:.7; margin-bottom:18px; }
.kc-breadcrumb a{ color:#c7d2fe; text-decoration:none; } .kc-breadcrumb a:hover{ text-decoration:underline; }
.kc-stats-bar  { display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:24px; }
.kc-stat       { display:flex; flex-direction:column; gap:2px; }
.kc-stat strong{ font-size:1.2rem; font-weight:800; color:#a5b4fc; }
.kc-stat span  { font-size:.68rem; opacity:.7; text-transform:uppercase; letter-spacing:1.2px; }
.kc-cat-grid   { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; }
.kc-cat-card   { background:#f8faff; border:1px solid #e0e7ff; border-radius:10px; padding:14px 16px; font-size:.82rem; font-weight:600; color:#0f172a; text-decoration:none; display:block; transition:box-shadow .2s,transform .2s; }
.kc-cat-card:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(79,70,229,.12); }
.kc-rel-grid   { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px; }
.kc-rel-card   { background:#fff; border-radius:10px; padding:16px; border:1px solid #e0e7ff; text-decoration:none; display:block; transition:box-shadow .2s,transform .2s; }
.kc-rel-card:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(79,70,229,.13); }
.kc-rel-name   { font-size:.82rem; font-weight:600; color:#0f172a; }

/* === kenya_county_category.php === */
.kcc-hero      { background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#4f46e5 100%); padding:56px 0 44px; color:#fff; }
.kcc-breadcrumb{ font-size:.72rem; opacity:.7; margin-bottom:18px; }
.kcc-breadcrumb a{ color:#c7d2fe; text-decoration:none; } .kcc-breadcrumb a:hover{ text-decoration:underline; }
.kcc-grid      { display:grid; grid-template-columns:repeat(auto-fill,minmax(275px,1fr)); gap:18px; }
.kcc-card      { background:#fff; border-radius:14px; border:1px solid #e5e7eb; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.05); transition:transform .22s,box-shadow .22s; display:flex; flex-direction:column; text-decoration:none; }
.kcc-card:hover{ transform:translateY(-5px); box-shadow:0 14px 32px rgba(79,70,229,.14); }
.kcc-stripe    { height:5px; width:100%; flex-shrink:0; background:linear-gradient(90deg,#4f46e5,#818cf8); }
.kcc-body      { padding:18px; flex:1; display:flex; flex-direction:column; }
.kcc-name      { font-size:.9rem; font-weight:700; color:#0f172a; margin:0 0 9px; line-height:1.35; }
.kcc-chips     { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; flex:1; }
.kcc-chip      { font-size:.63rem; font-weight:600; padding:3px 8px; border-radius:20px; background:#eef2ff; color:#4338ca; white-space:nowrap; }
.kcc-foot      { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:12px; border-top:1px solid #f1f5f9; }
.kcc-price     { font-size:1.2rem; font-weight:800; color:#0f172a; }
.kcc-unit      { font-size:.65rem; color:#9ca3af; }
.kcc-cta       { font-size:.72rem; font-weight:700; color:#4f46e5; }
.kcc-faq-item  { border-bottom:1px solid #e0e7ff; }
.kcc-faq-q     { width:100%; background:none; border:none; text-align:left; padding:18px 0; font-size:.92rem; font-weight:600; color:#0f172a; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.kcc-faq-a     { font-size:.84rem; color:#374151; line-height:1.7; max-height:0; overflow:hidden; transition:max-height .35s ease, padding .25s; }
.kcc-faq-a.open{ max-height:300px; padding-bottom:16px; }
.kcc-faq-ico   { font-size:1.1rem; flex-shrink:0; transition:transform .25s; }
.kcc-faq-item.open .kcc-faq-ico { transform:rotate(45deg); }


/* === platforms_index.php + platform_detail.php === */
.pi-hero{background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);padding:60px 0 46px;text-align:center}
.pi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.pi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px 20px;text-decoration:none;display:block;transition:box-shadow .2s,transform .2s}
.pi-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(79,70,229,.13)}
.pi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-bottom:12px}
.pi-name{font-size:1rem;font-weight:800;color:#0f172a;margin-bottom:6px}
.pi-tagline{font-size:.78rem;color:#6b7280;line-height:1.5;margin-bottom:10px}
.pi-meta{font-size:.68rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}
.pd-hero{padding:56px 0 44px}
.pd-breadcrumb{font-size:.72rem;opacity:.75;margin-bottom:18px}
.pd-breadcrumb a{color:rgba(255,255,255,.85);text-decoration:none}
.pd-breadcrumb a:hover{text-decoration:underline}
.pd-icon{width:56px;height:56px;border-radius:12px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem}
.pd-why-box{background:#f8faff;border:1px solid #e0e7ff;border-radius:12px;padding:22px 24px;margin-top:24px}
.pd-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.pd-cat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;text-decoration:none;display:block;transition:box-shadow .2s,transform .2s}
.pd-cat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(79,70,229,.12)}
.pd-cat-name{font-size:.85rem;font-weight:700;color:#0f172a;margin-bottom:6px}
.pd-cat-price{font-size:.78rem;font-weight:700;color:#4f46e5}
.pd-faq-item{border-bottom:1px solid #e0e7ff}
.pd-faq-q{width:100%;background:none;border:none;text-align:left;padding:18px 0;font-size:.92rem;font-weight:600;color:#0f172a;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.pd-faq-a{font-size:.84rem;color:#374151;line-height:1.7;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s}
.pd-faq-a.open{max-height:300px;padding-bottom:16px}
.pd-faq-ico{font-size:1.1rem;flex-shrink:0;transition:transform .25s}
.pd-faq-item.open .pd-faq-ico{transform:rotate(45deg)}

/* === glossary_index.php + glossary_term.php === */
.gi-hero{background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);padding:56px 0 44px;text-align:center}
.gi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.gi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;text-decoration:none;display:block;transition:box-shadow .2s,transform .2s}
.gi-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(79,70,229,.12)}
.gi-term{font-size:.92rem;font-weight:700;color:#0f172a;margin-bottom:6px}
.gi-preview{font-size:.78rem;color:#6b7280;line-height:1.55}
.gt-hero{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#4f46e5 100%);padding:48px 0 40px}
.gt-breadcrumb{font-size:.72rem;opacity:.7;margin-bottom:14px}
.gt-breadcrumb a{color:#c7d2fe;text-decoration:none}
.gt-breadcrumb a:hover{text-decoration:underline}
.gt-back-link{font-size:.88rem;font-weight:700;color:#4f46e5;text-decoration:none}

/* === guides_index.php + guide_detail.php === */
.gu-hero{background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);padding:56px 0 44px;text-align:center}
.gu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.gu-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;text-decoration:none;display:block;transition:box-shadow .2s,transform .2s}
.gu-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(79,70,229,.13)}
.gu-title{font-size:1rem;font-weight:800;color:#0f172a;margin-bottom:8px;line-height:1.35}
.gu-excerpt{font-size:.82rem;color:#6b7280;line-height:1.6;margin-bottom:14px}
.gu-cta{font-size:.78rem;font-weight:700;color:#4f46e5}
.gd-hero{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#4f46e5 100%);padding:48px 0 40px}
.gd-breadcrumb{font-size:.72rem;opacity:.7;margin-bottom:14px}
.gd-breadcrumb a{color:#c7d2fe;text-decoration:none}
.gd-breadcrumb a:hover{text-decoration:underline}
.gd-back-link{font-size:.88rem;font-weight:700;color:#4f46e5;text-decoration:none}

/* === reseller_page.php === */
.rp-hero{background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);padding:64px 0 50px;text-align:center}
.rp-api-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.rp-api-card{background:#0f172a;color:#fff;border-radius:12px;padding:20px;text-align:center}
.rp-api-card code{display:block;font-size:1.05rem;font-weight:800;color:#a5b4fc;margin-bottom:8px}
.rp-api-card span{font-size:.76rem;color:rgba(255,255,255,.75);line-height:1.5;display:block}
.rp-why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.rp-why-card{background:#fff;border-radius:14px;padding:26px 22px;border:1px solid #e0e7ff;text-align:center}
.rp-why-icon{font-size:2.2rem;margin-bottom:10px}
.rp-why-title{font-size:.9rem;font-weight:700;color:#0f172a;margin-bottom:6px}
.rp-why-text{font-size:.78rem;color:#6b7280;line-height:1.6}
.rp-faq-item{border-bottom:1px solid #e0e7ff}
.rp-faq-q{width:100%;background:none;border:none;text-align:left;padding:18px 0;font-size:.92rem;font-weight:600;color:#0f172a;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.rp-faq-a{font-size:.84rem;color:#374151;line-height:1.7;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s}
.rp-faq-a.open{max-height:300px;padding-bottom:16px}
.rp-faq-ico{font-size:1.1rem;flex-shrink:0;transition:transform .25s}
.rp-faq-item.open .rp-faq-ico{transform:rotate(45deg)}

/* === service_notify.php === */
.sn-hero{background:linear-gradient(135deg,#7c2d12,#9a3412);padding:48px 0 40px}
.sn-breadcrumb{font-size:.72rem;opacity:.75;margin-bottom:16px}
.sn-breadcrumb a{color:rgba(255,255,255,.85);text-decoration:none}
.sn-breadcrumb a:hover{text-decoration:underline}
.sn-badge{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:6px 14px;font-size:.76rem;font-weight:700;color:#fff}
.sn-notify-box{background:#f8faff;border:1px solid #e0e7ff;border-radius:14px;padding:26px}
.sn-alt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.sn-alt-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;text-decoration:none;display:block;transition:box-shadow .2s,transform .2s}
.sn-alt-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(79,70,229,.12)}
.sn-alt-name{font-size:.85rem;font-weight:700;color:#0f172a}

/* === editorial_standards.php === */
.es-hero{background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);padding:52px 0 42px}

/* === service_detail.php reviews section === */
.sd-reviews{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.sd-review{background:#f8faff;border:1px solid #e0e7ff;border-radius:10px;padding:16px 18px}
.sd-review-stars{color:#fbbf24;font-size:.8rem;margin-bottom:6px}
.sd-review-name{font-size:.8rem;font-weight:700;color:#0f172a;margin-bottom:6px}
.sd-review-name span{font-weight:500;color:#9ca3af}
.sd-review-body{font-size:.84rem;color:#374151;line-height:1.6}
.sd-review-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}