.devices-section{padding-top:64px;padding-bottom:72px}.devices-intro{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);align-items:end;gap:56px;padding-bottom:36px;display:grid}.devices-intro .eyebrow{margin:0 0 14px}.devices-intro h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.65rem,6vw,5.5rem);font-weight:400;line-height:.95}.devices-intro-copy>p{color:var(--muted-foreground);max-width:60ch;margin:0 0 18px;font-size:1rem;line-height:1.75}.devices-intro-copy>span{color:var(--primary);align-items:center;gap:10px;font-size:.875rem;line-height:1.55;display:flex}.devices-list{gap:22px;padding-top:28px;display:grid}.device-card{border:1px solid var(--border);background:var(--card);border-radius:7px;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);min-height:460px;scroll-margin-top:86px;display:grid;overflow:hidden}.device-card-copy{min-width:0;padding:clamp(28px,4vw,48px)}.device-card-meta{color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:13px;margin-bottom:28px;font-size:.75rem;display:flex}.device-card-meta .mono{color:var(--primary)}.device-card h2{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(1.55rem,2.4vw,2.25rem);font-weight:400;line-height:1.2}.device-card-copy>p{color:var(--muted-foreground);margin:0 0 26px;font-size:1rem;line-height:1.72}.device-card h3{color:var(--foreground);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:500}.device-card ol{counter-reset:device-step;border-top:1px solid var(--border);margin:0 0 26px;padding:0;list-style:none}.device-card li{counter-increment:device-step;border-bottom:1px solid var(--border);color:#c7c7bf;grid-template-columns:28px 1fr;gap:10px;padding:11px 0;font-size:.9rem;line-height:1.55;display:grid}.device-card li:before{content:"0" counter(device-step);color:var(--primary);padding-top:3px;font:.7rem IBM Plex Mono,monospace}.device-card-copy>a{min-height:44px;color:var(--primary);align-items:center;gap:10px;font-size:.9rem;display:inline-flex}.device-card-copy>a:hover{color:var(--foreground)}.device-card-model{border-left:1px solid var(--border);background:radial-gradient(circle at 50% 42%,#213038 0,#121817 48%,#0b0d0d 100%);flex-direction:column;min-width:0;display:flex}.device-card-model .model-viewer-card{flex-direction:column;flex:1;min-height:100%;margin:0;display:flex}.device-card-model .model-viewer-stage{flex:1;min-height:390px;position:relative}.device-card-model .model-viewer-stage model-viewer{background:0 0;width:100%;height:100%;min-height:390px;display:block}.device-card-model .model-viewer-placeholder{min-height:390px;color:var(--muted-foreground);text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.device-card-model .model-viewer-caption{border-top:1px solid var(--border);background:#111412e8;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.device-card-model .model-viewer-caption strong,.device-card-model .model-viewer-caption span{display:block}.device-card-model .model-viewer-caption strong{font-size:.95rem;font-weight:500}.device-card-model .model-viewer-caption span{color:var(--muted-foreground);margin-top:4px;font-size:.75rem;line-height:1.45}.device-card-model .model-viewer-controls{flex:none;gap:7px;display:flex}.device-card-model .model-viewer-controls button{width:44px;height:44px;color:var(--primary);background:#171a17;border:1px solid #4d5048;border-radius:4px;place-items:center;display:grid}:is(.device-card-model .model-viewer-controls button:hover,.device-card-model .model-viewer-controls button:focus-visible){border-color:var(--primary);color:var(--foreground)}.device-sea-note{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:center;align-items:center;gap:9px;margin:0;padding:14px 18px;font-size:.8rem;display:flex}@media (max-width:900px){.device-card{grid-template-columns:1fr}.device-card-model{border-left:0;border-top:1px solid var(--border)}.device-card-model .model-viewer-stage,.device-card-model .model-viewer-stage model-viewer,.device-card-model .model-viewer-placeholder{min-height:330px}}@media (max-width:760px){.devices-section{padding-top:35px;padding-bottom:48px}.devices-intro{grid-template-columns:1fr;gap:22px;padding-bottom:28px}.devices-intro h1{font-size:3.25rem}.devices-list{gap:16px;padding-top:20px}.device-card-copy{padding:25px 20px 28px}.device-card-model .model-viewer-stage,.device-card-model .model-viewer-stage model-viewer,.device-card-model .model-viewer-placeholder{min-height:280px}.device-card-model .model-viewer-caption{flex-wrap:wrap;align-items:flex-start;padding:15px 16px}}