/* Custom Model Development — radar + heatmap + bento + accordion */
:root { --cmd-accent: var(--primary); }
.cmd-hero{position:relative;background:
  radial-gradient(500px 120px at 12% 12%, rgba(99,102,241,.10), transparent 60%),
  linear-gradient(120deg, rgba(99,102,241,.06), rgba(17,17,17,.02));
  padding:70px 0 26px; overflow:hidden}
.cmd-hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
@media (max-width: 992px){.cmd-hero__inner{grid-template-columns:1fr}}
.cmd-hero__title{font-size: clamp(28px, 4.2vw, 46px);line-height:1.05;margin:0 0 10px}
.cmd-hero__subtitle{font-size: clamp(16px, 2.2vw, 20px);color:#4b5563;max-width: 60ch}
.cmd-hero__ctas{display:flex;gap:12px;margin-top:16px}
.cmd-hero__radar{position:relative; width:260px; height:260px; margin-left:auto}
.ring{position:absolute;border:1px dashed rgba(99,102,241,.35);border-radius:999px}
.r1{inset:20px}.r2{inset:50px}.r3{inset:80px}
.dot{position:absolute;width:10px;height:10px;background:var(--cmd-accent);border-radius:999px;box-shadow:0 0 12px rgba(99,102,241,.6)}
.d1{left:30px;top:60px}.d2{right:40px;top:100px}.d3{left:120px;bottom:30px}

.cmd-use{padding:44px 0 10px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width: 992px){.split{grid-template-columns:1fr}}
.use-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.use-list li{background:#fff;border:1px solid #eee;border-radius:10px;padding:10px 12px}
.use-list strong{color:var(--cmd-accent);margin-right:6px}
.heatmap{display:grid;gap:6px}
.h-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.h-cell{display:block;width:26px;height:26px;border-radius:6px;background:rgba(99,102,241,.15);animation: pop .8s ease both; animation-delay: calc(var(--i)*20ms)}
@keyframes pop{0%{transform:scale(.8);opacity:.6}100%{transform:scale(1);opacity:1}}
.heatmap-legend{margin-top:6px}

.cmd-studio{padding:18px 0 10px}
.studio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width: 1200px){.studio-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.studio-grid{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:14px;box-shadow:0 10px 24px rgba(0,0,0,.04)}
.card h3{margin:0 0 6px}

.cmd-accordion{padding:16px 0}
.accordion{display:grid;gap:10px}
.acc{border:1px solid #eee;border-radius:12px;background:#fff}
.acc summary{cursor:pointer; list-style:none; padding:12px 14px; font-weight:700}
.acc summary::-webkit-details-marker{display:none}
.acc .acc-body{padding:0 14px 14px}

.cmd-cta{padding:16px 0 56px}
.panel{background:linear-gradient(135deg, rgba(99,102,241,.08), rgba(16,185,129,.08)); border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 16px 36px rgba(0,0,0,.06)}
.btn-primary{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:700}
.btn-secondary{display:inline-block;background:#111;color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:700}