.cai-section-head{max-width:640px;margin:0 auto 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.cai-section-head h2{font-size:clamp(28px,3.6vw,40px)}
.cai-section-head p{margin:0;color:var(--text-secondary);font-size:16px}
.exp-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--primary-deep);background:var(--surface-soft);border:1px solid var(--border);padding:7px 16px;border-radius:999px;margin-bottom:18px;white-space:nowrap;position:relative;z-index:1}
/* ---- hero ---- */
.exp-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 85%,rgba(255,255,255,0.55),transparent 22%),radial-gradient(circle at 80% 90%,rgba(255,255,255,0.32),transparent 26%),linear-gradient(135deg,#BDE4FF 0%,#55B7FF 42%,#087AF0 100%);padding:64px 32px 48px;text-align:center}
.exp-hero h1{color:#fff;font-size:clamp(34px,4.8vw,56px);letter-spacing:-.02em;margin:0 0 18px;max-width:820px;margin-inline:auto;text-shadow:0 2px 18px rgba(0,40,90,0.35)}
.exp-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--rp-gold),var(--accent-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.exp-hero p{color:rgba(255,255,255,0.9);font-size:17px;max-width:640px;margin:0 auto 8px;text-shadow:0 1px 10px rgba(0,40,90,0.25)}
.exp-hero-sub{color:rgba(255,255,255,0.75);font-weight:700;font-size:13.5px;margin:12px 0 26px}
.exp-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.exp-hero-map{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:720px;margin:36px auto 0}
.exp-hero-map-card{background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.32);backdrop-filter:blur(14px);border-radius:16px;padding:14px;color:#fff;font-size:13px;font-weight:700}
/* ---- search + tabs ---- */
.exp-search-section{padding:44px 0 0}
.exp-search-row{max-width:640px;margin:0 auto 24px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:12px 20px;box-shadow:var(--shadow-soft)}
.exp-search-row svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}
.exp-search-row input{flex:1;border:0;outline:0;font-family:var(--font);font-size:14.5px;background:transparent;color:var(--text-primary)}
.exp-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
.exp-tab{flex-shrink:0;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:700;font-size:13.5px;color:var(--text-secondary);white-space:nowrap}
.exp-tab.active{background:linear-gradient(135deg,#0B84FF,#0053B8);color:#fff;border-color:transparent}
/* ---- feature grid ---- */
.exp-features-section{padding:48px 0 70px}
.exp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.exp-feature-card{background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px}
.exp-feature-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.exp-feature-card h3{font-size:17px}
.exp-feature-card p{margin:0;font-size:13.5px;color:var(--text-secondary);line-height:1.55;flex:1}
.exp-feature-status{font-size:11.5px;font-weight:800;padding:5px 11px;border-radius:999px;white-space:nowrap;width:fit-content}
.exp-feature-status.available{background:color-mix(in oklab,var(--success) 16%,transparent);color:var(--success)}
.exp-feature-status.locked{background:color-mix(in oklab,var(--rp-gold) 18%,transparent);color:#9a6b06}
.exp-feature-note{font-size:11.5px;color:var(--text-muted);margin:0}
.exp-feature-ctas{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}
.exp-noresults{grid-column:1/-1;background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;padding:36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
/* ---- recommended paths ---- */
.exp-paths-section{padding:20px 0 70px;background:var(--surface)}
.exp-paths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.exp-path-card{background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px}
.exp-path-card h3{font-size:17px}
.exp-path-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.exp-path-steps li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--text-secondary)}
.exp-path-steps .n{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--blue-50);color:var(--primary-deep);font-size:11px;font-weight:800;display:grid;place-items:center}
/* ---- popular actions ---- */
.exp-popular-section{padding:60px 0 70px}
.exp-popular-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.exp-popular-btn{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 18px;font-weight:700;font-size:14px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}
.exp-popular-btn:hover{border-color:var(--primary);color:var(--primary-deep)}
/* ---- responsive ---- */
@media(max-width:1080px){
  .exp-feature-grid,.exp-paths-grid{grid-template-columns:repeat(2,1fr)}
  .exp-hero-map{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .exp-feature-grid,.exp-paths-grid,.exp-hero-map{grid-template-columns:1fr}
  .exp-hero-ctas .btn{width:100%}
}