.hardware-service-story .td-device-stage{margin:0}
.sp-hero>figure{position:relative;isolation:isolate}
.hardware-service-story .td-image-stage{isolation:isolate;overflow:hidden}
.hardware-service-story .hw-monitor,.hardware-service-story .hw-phone,.hardware-service-story .hw-paper{position:absolute;z-index:2;display:flex;flex-direction:column;box-sizing:border-box;color:#e8fff9;font-family:system-ui,sans-serif;overflow:hidden}
.hardware-service-story .hw-monitor{left:31.5%;top:18.6%;width:38%;height:28%;padding:2.2% 2.4%;background:linear-gradient(140deg,#12363a,#09252e);border-radius:1%;box-shadow:inset 0 0 30px #55e6bd18}
.hw-eyebrow{font-size:clamp(7px,1.05vw,16px);font-weight:700;letter-spacing:.12em;color:#6deabf}
.hw-monitor strong{margin-top:3%;font-size:clamp(11px,2.2vw,36px);line-height:1.1}
.hw-monitor #hw-monitor-detail{margin-top:3%;font-size:clamp(8px,1.12vw,18px);color:#c2ddd8}
.hw-progress{display:flex;gap:2%;margin-top:auto;width:100%}
.hw-progress i{height:clamp(3px,.45vw,7px);flex:1;border-radius:20px;background:#ffffff35}
[data-step=received] .hw-progress i:first-child,[data-step=printing] .hw-progress i:nth-child(-n+2),[data-step=done] .hw-progress i{background:#68ecc0;box-shadow:0 0 12px #68ecc0aa}
#hw-monitor-state{margin-top:2%;font-size:clamp(7px,.95vw,15px);color:#d4f2e9}
.hardware-service-story .hw-phone{left:87.4%;top:41.6%;width:6.8%;height:20%;align-items:center;justify-content:center;gap:6%;padding:.3%;text-align:center;background:linear-gradient(#143844,#0a2735);border-radius:7%}
.hw-phone span,.hw-phone small{font-size:clamp(4px,.56vw,9px);line-height:1.1}
.hw-phone strong{font-size:clamp(6px,.86vw,14px);line-height:1.05;color:#7cf0c7}
.hardware-service-story .hw-paper{left:18.7%;top:55%;width:8.6%;height:8.5%;justify-content:center;align-items:center;text-align:center;padding:.2%;background:#f4f5ef;color:#182c2b;transform:rotate(-1deg)}
.hw-paper span{font-size:clamp(4px,.6vw,9px);letter-spacing:.08em}
.hw-paper b{font-size:clamp(4px,.64vw,10px);line-height:1.05}
.hw-led{position:absolute;z-index:3;width:.55%;aspect-ratio:1;border-radius:50%;background:#9aff74;box-shadow:0 0 7px 3px #74f57d,0 0 18px 5px #74f57d7a;animation:hw-blink 1.35s steps(2,end) infinite}
.hw-led-one{left:92.6%;top:75.1%}
.hw-led-two{left:94.2%;top:75.1%;animation-delay:.62s}
.hardware-service-story .hw-scanner-optics{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}
.hardware-service-story .hw-scanner-beam{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 5px #ff3654aa);animation:hw-scan-cycle 3.2s ease-in-out infinite}
.hw-controls{display:grid;gap:15px;max-width:1100px;margin:0 auto;padding:28px clamp(22px,5vw,76px) 10px;color:var(--text,#ecf7f2);font-family:system-ui,sans-serif}
.hw-controls>strong{font-size:clamp(18px,2vw,25px)}
.hw-buttons{display:flex;flex-wrap:wrap;gap:10px}
.hw-buttons button{appearance:none;border:1px solid #75c7aa;background:#14372f;color:#f0fff8;padding:12px 17px;border-radius:12px;font:700 14px system-ui,sans-serif;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.hw-buttons button:hover,.hw-buttons button:focus-visible{background:#27604d;transform:translateY(-2px);outline:2px solid #b4ffe0;outline-offset:2px}
.hw-buttons button[aria-pressed=true]{background:#70edbb;border-color:#70edbb;color:#112d23}
.hw-controls p{margin:0;min-height:1.5em;color:var(--muted,#c8d8d2);font-size:15px;line-height:1.5}
.hw-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.hw-readout>div{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.hw-readout dt{margin-bottom:6px;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hw-readout dd{margin:0;color:var(--text);font-size:1rem;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
@keyframes hw-blink{50%{opacity:.2;box-shadow:none}}
@keyframes hw-scan-cycle{0%,14%,100%{opacity:.18;transform:translateY(-3px)}30%,62%{opacity:1;transform:translateY(2px)}78%{opacity:.35;transform:translateY(8px)}}
@media(max-width:700px){.hardware-service-story .td-image-stage{min-height:0}.hardware-service-story .td-image-stage picture>img{width:100%;height:auto;object-fit:contain}.hardware-service-story .hw-monitor{left:31.5%;top:18.6%;width:38%;height:28%;padding:1%}.hw-eyebrow{font-size:clamp(4px,1.4vw,7px)}.hw-monitor strong{font-size:clamp(6px,2vw,11px)}.hw-monitor #hw-monitor-detail,#hw-monitor-state{font-size:clamp(4px,1.35vw,7px)}.hardware-service-story .hw-phone,.hardware-service-story .hw-paper{display:flex}.hw-controls{padding-top:20px}.hw-buttons{flex-direction:column}.hw-buttons button{text-align:left}}
@media(max-width:700px){.hw-readout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hw-led,.hw-scanner-beam{animation:none}.hw-scanner-beam{opacity:.72}.hw-buttons button{transition:none}}

/* The bright fiscal scene is a deliberate illustrated panel on the dark page. */
.sp-scene--fiscal figure{
  align-self:center;
  margin:clamp(12px,2vw,24px);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:#f4f6f3;
  box-shadow:0 22px 52px rgba(0,0,0,.16);
}
:root:not([data-theme="light"]) .sp-scene--fiscal figure{
  border-color:rgba(190,230,213,.25);
  box-shadow:0 26px 64px rgba(0,0,0,.4);
}
.sp-scene--fiscal figure img{display:block;width:100%;height:auto}
@media(max-width:700px){.it-hero>figure>img{object-position:right center}}
@media(max-width:700px){.it-hero>figure{display:flex;flex-direction:column}.it-hero>figure>img{height:340px;flex:none}.it-hero>figure>figcaption{position:static;z-index:2;align-self:stretch;background:var(--surface);color:var(--text);padding:11px 18px;line-height:1.35}}