/* A guided product film: one recording, seven connected operational views. */
.ironplate-experience{position:relative;background:#111a2a}
.ironplate-experience .ip-intro{grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:55px;margin-bottom:44px}
.ironplate-experience .ip-intro>p{max-width:470px}
.ip-experience{border:1px solid #35435a;background:#090f1d;box-shadow:0 28px 85px rgba(0,0,0,.2);overflow:hidden}
.ip-experience-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 26px;border-bottom:1px solid #2c3a4d;background:#101c2e}
.ip-wordmark{display:flex;align-items:center;gap:23px;font:500 27px/1.2 var(--display);letter-spacing:-.04em;color:#f0f5fa}
.ip-wordmark>span{border-left:1px solid #42536b;padding-left:22px;color:#a8b9cc;font:400 14px/1.4 var(--body);letter-spacing:0}
.ip-recording-label{display:flex;align-items:center;gap:17px;color:#b7c8d9;font-size:14px}.ip-recording-label>span{color:var(--signal-2);font-size:24px}
.ip-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,28%)}
.ip-main{min-width:0;border-right:1px solid #2b3c51}
.ip-screen{position:relative;background:#050912;aspect-ratio:854/480;isolation:isolate}
.ip-screen video{display:block;width:100%;height:100%;aspect-ratio:854/480;object-fit:contain;background:#050912}
.ip-screen video:fullscreen{object-fit:contain;background:#000;max-width:none}
.ip-play-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:18px 24px;background:#eb5736;color:#fff;border:1px solid #ff9b81;box-shadow:0 12px 45px #0009;white-space:nowrap}
.ip-play-fallback>span{font-size:25px}.ip-play-fallback[hidden],.ip-player-controls[hidden]{display:none}
.ip-player-controls{padding:14px 22px 16px;background:#0d1829;border-block:1px solid #2c3b50}
.ip-seek-row{display:flex;align-items:center;gap:20px;margin-bottom:13px}
#ip-seek{min-width:0;width:100%;height:20px;accent-color:#f37958;cursor:pointer;background:transparent;touch-action:pan-y}
#ip-seek:focus-visible,#ip-speed:focus-visible{outline:2px solid #ff9b81;outline-offset:5px}
.ip-time{white-space:nowrap;color:#95abc3;font:400 12px/1.5 var(--mono);font-variant-numeric:tabular-nums}
#ip-current-time{color:#edf3f9}
.ip-controls-row,.ip-controls-end{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ip-controls-row button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;font:400 14px/1.4 var(--body);min-height:36px;padding:5px 0;color:#d7e2ed;white-space:nowrap}
.ip-controls-row button:hover{color:#ff9b81}#ip-play-toggle{min-width:82px;justify-content:flex-start}#ip-play-icon{font-size:17px;color:#ff9676;min-width:14px}
.ip-controls-end{margin-left:auto;gap:16px}.ip-speed-label{font-size:13px;color:#9bb0c8}
#ip-speed{font:400 14px/1.4 var(--mono);padding:6px 7px;background:#152236;color:#eff4f9;border:1px solid #3d516a;border-radius:0;min-height:36px;cursor:pointer}
.ip-loop-label{font-size:12px;color:#9bb0c8;white-space:nowrap}.ip-loop-label>span{color:#e17b5e;margin-right:4px}
.ip-current-feature{display:grid;grid-template-columns:56px minmax(0,1fr);gap:23px;padding:30px 28px 32px;min-height:235px;background:linear-gradient(115deg,#16263a,#101b2d)}
.ip-feature-index{padding-top:2px;font:400 13px/1.5 var(--mono);color:#7f99b5}.ip-feature-index>span{display:block}.ip-feature-index>span:first-child{font-size:39px;letter-spacing:-.07em;color:#ee7655;margin-bottom:1px}
.ip-feature-label{font:400 12px/1.5 var(--mono);letter-spacing:.09em;color:#ed947b;margin-bottom:11px}
.ip-feature-copy h3{font-size:clamp(25px,2.25vw,35px);line-height:1.17;letter-spacing:-.035em;margin-bottom:14px}
.ip-feature-copy>p:last-of-type{font-size:16px;line-height:1.7;max-width:660px;color:#bdcbd9}
.ip-feature-tags{display:flex;gap:8px 20px;flex-wrap:wrap;margin:20px 0 0;padding:0;list-style:none}
.ip-feature-tags li{font-size:13px;color:#c8d6e4;display:flex;align-items:center;gap:8px}.ip-feature-tags li:before{content:'';width:4px;height:4px;background:#eb8e72;flex:none}
.ip-journey{background:#0b1423;min-width:0}
.ip-journey-heading{padding:26px 24px 19px}.ip-journey-heading>.micro{font-size:11px;letter-spacing:.08em;color:#8aa5c1}.ip-journey-heading>p{font:400 26px/1.2 var(--display);letter-spacing:-.04em;margin-top:12px}
.ip-chapters{position:relative;margin:0;padding:0;list-style:none}
.ip-chapters li{border-top:1px solid #24364b}
.ip-chapters button{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 16px;gap:14px;align-items:center;width:100%;text-align:left;background:transparent;padding:17px 24px;color:#b5c4d4;min-height:77px;overflow:hidden;transition:background .2s,color .2s}
.ip-chapter-number{color:#687f99;font:400 12px var(--mono)}
.ip-chapters strong{display:block;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:-.02em}
.ip-chapters small{display:block;font-size:13px;font-weight:400;line-height:1.4;color:#8299b2;margin-top:5px}
.ip-chapter-arrow{font-size:19px;color:#7e95ac;transition:transform .2s}
.ip-chapters button:hover{background:#142337;color:#fff}.ip-chapters button:hover .ip-chapter-arrow{transform:translate(2px,-2px)}
.ip-chapters button[aria-current=step]{background:linear-gradient(105deg,#462a29,#172235);color:#fff}
.ip-chapters button[aria-current=step] .ip-chapter-number,.ip-chapters button[aria-current=step] .ip-chapter-arrow{color:#ff9877}
.ip-chapters button[aria-current=step] small{color:#c1ccda}
.ip-chapters button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#f37a59;transform:scaleX(0);transform-origin:left}
.ip-chapters button[aria-current=step]:after{transform:scaleX(var(--ip-step-progress,0))}
.ip-journey-note{font-size:12px;line-height:1.6;color:#859bb3;margin:20px 24px 24px}
.ip-shared-context{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 28px;border-top:1px solid #33465d;background:#142238}
.ip-shared-context p{display:grid;gap:7px}.ip-shared-context strong{font:400 21px/1.3 var(--display);letter-spacing:-.035em}.ip-shared-context p>span{font-size:14px;color:#a8bbcf;line-height:1.6}
.ip-shared-context a{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:14px;line-height:1.5;padding:12px 0;color:#f39477}.ip-shared-context a>span:last-child{margin-left:22px;font-size:23px}
.ip-section-foot{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:20px}
.ip-section-foot p{font-size:12px;line-height:1.65;color:#94a8bc;max-width:750px}.ip-section-foot a{font-size:13px;white-space:nowrap;color:#bdccdc}.ip-section-foot a>span{margin-left:8px;color:#ea8a6b}
.ip-player-status{color:#fac2b0;font-size:14px;line-height:1.6}.ip-player-status:not(:empty){margin-top:16px}
.ip-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.ip-workspace{grid-template-columns:minmax(0,1fr) 360px}.ip-chapters button{min-height:87px}.ip-journey-heading{padding-top:30px;padding-bottom:24px}}
@media(max-width:1180px){.ip-loop-label{display:none}.ip-controls-end{gap:12px}.ip-speed-label{display:none}.ip-current-feature{padding:25px 22px;gap:17px;grid-template-columns:43px minmax(0,1fr)}.ip-feature-index>span:first-child{font-size:32px}.ip-chapters button{padding-inline:20px;gap:11px}.ip-journey-heading{padding-inline:20px}}
@media(max-width:900px){
 .ironplate-experience .ip-intro{grid-template-columns:minmax(0,1fr);gap:24px}.ironplate-experience .ip-intro>p{max-width:650px}
 .ip-workspace{display:flex;flex-direction:column}.ip-main{display:contents}.ip-screen{order:0}.ip-player-controls{order:1}.ip-journey{order:2;border-bottom:1px solid #2b3c51}.ip-current-feature{order:3;min-height:235px}
 .ip-journey-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px}.ip-journey-heading>p{font:400 14px/1.5 var(--body);margin:0;letter-spacing:0;color:#acbfd2}.ip-journey-heading br{display:none}
 .ip-chapters{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(205px,1fr);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#617995 #0b1423}
 .ip-chapters li{border-right:1px solid #293b50;scroll-snap-align:start}.ip-chapters button{height:100%;min-height:90px;padding:18px 16px;gap:9px;grid-template-columns:20px minmax(0,1fr) 14px}.ip-chapters strong{font-size:14px}.ip-chapters small{font-size:12px}.ip-journey-note{display:none}
 .ip-loop-label{display:inline}.ip-controls-end{gap:16px}.ip-shared-context{align-items:flex-start}.ip-shared-context a{padding:4px 0}.ip-section-foot{flex-direction:column;gap:12px}
}
@media(max-width:600px){
 .ip-experience-top{padding:17px 15px;gap:12px}.ip-wordmark{font-size:24px;gap:0}.ip-wordmark>span{display:none}.ip-recording-label{font-size:12px;gap:10px}.ip-recording-label>span{font-size:20px}
 .ip-player-controls{padding:10px 14px 12px}.ip-seek-row{gap:14px;margin-bottom:9px}.ip-controls-row{gap:9px}.ip-controls-end{gap:12px;margin-left:auto}.ip-controls-row button{font-size:14px;min-height:40px}#ip-play-toggle{min-width:68px}.ip-loop-label{display:none}#ip-speed{font-size:13px;padding:6px 4px}
 .ip-journey-heading{padding:16px 15px;gap:10px;flex-wrap:wrap}.ip-journey-heading>.micro{font-size:10px}.ip-journey-heading>p{font-size:12px}
 .ip-current-feature{grid-template-columns:35px minmax(0,1fr);gap:15px;padding:25px 16px 28px;min-height:280px}.ip-feature-index>span:first-child{font-size:29px}.ip-feature-copy h3{font-size:26px}.ip-feature-copy>p:last-of-type{font-size:16px;line-height:1.7}.ip-feature-tags{gap:9px 14px}.ip-feature-tags li{font-size:12px}
 .ip-shared-context{flex-direction:column;gap:18px;padding:24px 20px}.ip-shared-context strong{font-size:21px}.ip-shared-context p>span{font-size:14px}.ip-shared-context a{font-size:14px}
 .ip-section-foot p{font-size:12px}.ip-play-fallback{font-size:14px;padding:13px 16px}
}
@media(max-width:370px){.ip-controls-end{width:100%;justify-content:space-between;margin-left:0}.ip-recording-label{max-width:150px;line-height:1.4}.ip-journey-heading{display:block}.ip-journey-heading>p{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.ip-chapters button,.ip-chapter-arrow{transition:none}}