/* Nebula plate section v4. Scoped for independent review and rollback. */
.smart-lock--compact { padding-block: clamp(48px, 6vw, 80px); }
.smart-lock--compact::before { height: 2px; background: linear-gradient(90deg, var(--accent), rgba(255,242,135,.08) 80%); }
.smart-lock--compact .smart-lock__intro { gap: 32px 60px; align-items: center; }
.smart-lock--compact .section-head h2 { margin-bottom: 14px; }
.smart-lock--compact .lead { max-width: 59ch; font-size: clamp(1rem, 1.5vw, 1.15rem); line-height: 1.55; }
.smart-lock--compact .smart-lock__status p { font-size: .9rem; }
.smart-lock--compact .plate3d-block { margin-top: 30px; }
.smart-lock--compact .plate3d-block .plate3d { aspect-ratio: 2.5 / 1; border-radius: 16px; border: 1px solid rgba(228,227,227,.12); }
.smart-lock--compact .plate3d-block > figcaption { max-width: none; margin-top: 12px; }
.smart-lock--compact .plate3d__hud button { min-height: 44px; }
.smart-lock--compact .plate3d__tag { color: #a9a49c; }
.smart-lock--compact .smart-lock__demo { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: 36px; align-items: start; margin-top: 36px; }
.smart-lock--compact .plate-motion { min-width: 0; max-width: none; width: 100%; margin: 0; }
.smart-lock--compact .plate-motion h3 { font-size: clamp(1.25rem,2.2vw,1.6rem); margin-bottom: 16px; }
.smart-lock--compact .plate-motion figcaption { margin-top: 12px; font-size: .8rem; line-height: 1.5; }
.smart-lock--compact .smart-lock__steps { display: grid; gap: 20px; list-style: none; margin: 48px 0 0; padding: 0; counter-reset: plate-step; }
.smart-lock--compact .smart-lock__steps li { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 14px; counter-increment: plate-step; }
.smart-lock--compact .smart-lock__steps li::before { content: "0" counter(plate-step); color: var(--accent); font: 600 .78rem/1.6 var(--font-display); padding-top: 2px; }
.smart-lock--compact .smart-lock__steps h3 { font-size: 1rem; line-height: 1.4; margin-bottom: 5px; }
.smart-lock--compact .smart-lock__steps p { color: var(--text-dim); font-size: .88rem; line-height: 1.5; }
.smart-lock--compact .smart-lock__details { margin-top: 32px; border-top: 1px solid var(--line); }
.smart-lock--compact .smart-lock__details details { border-bottom: 1px solid var(--line); }
.smart-lock--compact .smart-lock__details summary { position: relative; display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 22px; padding: 22px 42px 22px 0; cursor: pointer; list-style: none; font: 500 1.05rem/1.5 var(--font-display); }
.smart-lock--compact .smart-lock__details summary::-webkit-details-marker { display: none; }
.smart-lock--compact .smart-lock__details summary::after { content: "+"; position: absolute; right: 4px; top: 20px; color: var(--accent); font-size: 1.4rem; font-weight: 400; }
.smart-lock--compact .smart-lock__details details[open] > summary::after { content: "−"; }
.smart-lock--compact .smart-lock__details summary:hover { color: var(--accent); }
.smart-lock--compact .smart-lock__details summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 3px; }
.smart-lock--compact .smart-lock__details summary small { color: var(--text-dim); font-size: .8rem; font-weight: 400; }
.smart-lock--compact .smart-lock__details-body { padding: 10px 0 26px; }
.smart-lock--compact .smart-lock__details-body > p { max-width: 78ch; color: var(--text-dim); font-size: .9rem; }
.smart-lock--compact .smart-lock__family-hint { display: none; }
.smart-lock--compact .smart-lock__family { position: static; left: auto; transform: none; width: 100%; margin-top: 22px; border: 1px solid var(--line); border-radius: 12px; }
.smart-lock--compact .smart-lock__family figcaption { padding: 16px 20px; font-size: .82rem; }
.smart-lock--compact .smart-lock__family figcaption p + p { margin-top: 8px; }
.smart-lock--compact .smart-lock__principles { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 36px; margin-top: 0; }
.smart-lock--compact .smart-lock__principle { border: 0; padding-top: 0; }
.smart-lock--compact .smart-lock__principle h3 { font-size: 1rem; margin-bottom: 8px; }
.smart-lock--compact .smart-lock__principle p { font-size: .88rem; line-height: 1.6; }
.smart-lock--compact .smart-lock__journal { display: inline-block; margin-top: 22px; color: var(--accent); text-decoration: underline; text-underline-offset: 4px; font-size: .88rem; }
.smart-lock--compact .smart-lock__next { padding-top: 26px; gap: 20px; }
.smart-lock--compact .smart-lock__next p { max-width: 62ch; font-size: .9rem; }
.smart-lock--compact .smart-lock__next .btn { min-height: 48px; }
@media (max-width: 1000px) {
  .smart-lock--compact .smart-lock__demo { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 24px; }
  .smart-lock--compact .smart-lock__steps { gap: 14px; }
}
@media (max-width: 760px) {
  .smart-lock--compact .smart-lock__intro { gap: 24px; }
  .smart-lock--compact .smart-lock__status { max-width: 48ch; }
  .smart-lock--compact .plate3d-block .plate3d { aspect-ratio: 4 / 3; border-radius: 12px; }
  .smart-lock--compact .plate3d__hud { left: 10px; right: 10px; gap: 6px; }
  .smart-lock--compact .plate3d__hud button { padding-inline: 10px; font-size: .65rem; }
  .smart-lock--compact .plate3d__hint { flex-basis: 100%; font-size: .7rem; }
  .smart-lock--compact .smart-lock__demo { grid-template-columns: minmax(0,1fr); gap: 22px; margin-top: 28px; }
  .smart-lock--compact .smart-lock__steps { margin-top: 0; gap: 18px; }
  .smart-lock--compact .smart-lock__details { margin-top: 28px; }
  .smart-lock--compact .smart-lock__details summary { padding-block: 18px; font-size: 1rem; }
  .smart-lock--compact .smart-lock__details summary small { flex-basis: 100%; }
  .smart-lock--compact .smart-lock__family-track { width: 1120px; }
  .smart-lock--compact .smart-lock__details-body .smart-lock__family-hint { display: block; color: var(--accent); font-size: .78rem; margin-top: 12px; }
  .smart-lock--compact .smart-lock__principles { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .smart-lock--compact .smart-lock__next { align-items: flex-start; }
}

/* The fitting film leads; operation steps support it below. */
.smart-lock--compact .plate-motion--feature { width:100%; max-width:1100px; margin:36px auto 24px; }
.smart-lock--compact .plate-motion--feature h3 { margin-bottom:18px; }
.smart-lock--compact .smart-lock__walkthrough .smart-lock__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:24px 0 0; margin:0 0 28px; }
@media(max-width:719px) { .smart-lock--compact .smart-lock__walkthrough .smart-lock__steps { grid-template-columns:1fr; gap:20px; } }