/* A system story with a readable static flow. Motion can enhance it later; content never depends on it. */
.system-hero{padding-top:160px;max-width:1300px;margin:auto}
.system-hero h1{font:400 clamp(54px,6.3vw,94px)/1.04 'Cormorant Garamond',serif;letter-spacing:-.035em;max-width:900px;margin:24px 0 32px}
.system-hero .refresh-lead{max-width:780px}
.system-chapters{display:flex;flex-wrap:wrap;gap:24px;margin-top:40px;padding-top:24px;border-top:1px solid #ae926245}
.system-chapters a{font-size:15px}
.role-platforms{padding:0;margin:25px 0;list-style:none;display:flex;flex-wrap:wrap;gap:9px}
.role-platforms li{padding:8px 13px;border:1px solid #a78b5a80;border-radius:2px;color:#e4d4b3;font:500 13px/1.4 'Hanken Grotesk',sans-serif}
.refresh-site .role-platform-summary{font:500 15px/1.9 'Hanken Grotesk',sans-serif;letter-spacing:.015em;color:#d9c49a;border-top:1px solid #aa916055;padding-top:20px;margin-top:28px}
.refresh-site .system-note{font-size:14px;line-height:1.75;max-width:78ch;color:#aab6ba;margin-top:24px}
.system-bridge,.system-flow,.system-server,.system-devices,.home-integration,.crew-operations,.role-devices,.system-additional{border-top:1px solid #b1976533}
.system-bridge{background:#141719}.system-bridge header{max-width:850px}
.system-bridge .refresh-actions{margin-top:36px}
.system-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:44px}
.system-three article{border-top:1px solid #aa916066;padding-top:24px;min-width:0}
.refresh-site .system-three h3,.refresh-site .system-two h3,.refresh-site .role-device-grid h3{font:500 24px/1.25 'Hanken Grotesk',sans-serif;letter-spacing:-.025em;margin:0 0 17px}
.system-three p{font-size:17px;line-height:1.8}
.system-three .refresh-link{font-size:15px}
.system-two,.system-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6vw}
.system-two>*{min-width:0}.system-server .system-two{margin-top:48px}
.system-server .system-two article{border:1px solid #b1976545;background:#ffffff03;padding:32px}
.system-server header,.system-flow header,.crew-operations header{max-width:850px}
.system-privacy{max-width:880px;border-left:2px solid #c6ab75;padding-left:26px;margin:38px 0}
.system-privacy h3{font:500 21px/1.4 'Hanken Grotesk',sans-serif;margin-bottom:12px}
.system-additional h2,.crew-context h2{font-size:clamp(32px,3.3vw,48px)}
.system-flow{background:#141a1c}
.system-flow header p{max-width:720px}
.system-flow-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:56px 0 38px}
.system-flow-stages li{min-width:0;position:relative}
.flow-icon{position:relative;height:90px;display:flex;align-items:flex-start;gap:12px;color:#d7bb82}
.flow-icon svg{width:54px;height:54px;flex-shrink:0;padding:5px;border:1px solid #c6ab7570;border-radius:12px;background:#192225;position:relative;z-index:1}
.flow-icon span{font:400 14px 'Hanken Grotesk',sans-serif;background:#141a1c;position:relative;z-index:1;padding:18px 8px 18px 0}
.system-flow-stages li:not(:last-child):after{content:'';height:1px;background:#ab91625c;position:absolute;top:27px;left:54px;width:calc(100% + 24px - 54px)}
.refresh-site .system-flow-stages h3{font:500 20px/1.35 'Hanken Grotesk',sans-serif;letter-spacing:-.02em;margin:0 0 16px}
.system-flow-stages p{font-size:15px;line-height:1.75;margin:0}
.system-fallback{padding:24px 28px;border-left:2px solid #aa9160;background:#ffffff03;max-width:880px}
.system-fallback h3{font:500 18px/1.5 'Hanken Grotesk',sans-serif;margin-bottom:10px}
.system-fallback p{font-size:16px;line-height:1.7;margin:0}
.system-crosslink{border-top:1px solid #b1976533;background:#151e22;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:50px}
.refresh-site .system-crosslink h2{font-size:34px;margin-bottom:16px}
.system-crosslink p{font-size:17px;max-width:65ch;margin:0}.system-crosslink>a{flex-shrink:0}
.role-devices h2{max-width:750px}.role-devices>p{max-width:780px}
.role-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:35px 0}
.role-device-grid article{border-top:1px solid #b1976566;padding-top:26px}
.role-device-name{font-size:14px;color:#d7bb82;display:block;letter-spacing:.045em;margin-bottom:24px}
.home-integration{background:#111719}.home-integration .system-split{align-items:center}
.system-brand-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-top:42px}
.system-brand-row a{background:#fff;display:flex;align-items:center;justify-content:center;min-height:110px;padding:24px 18px;border-radius:2px}
.system-brand-row img{width:100%;max-width:170px;height:55px;object-fit:contain}
.system-brand-row a:nth-child(3) img{max-width:95px}.system-brand-row a:last-child img{max-width:125px}
.integration-brands{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.integration-brands>div:last-child img{max-width:125px}
.crew-operations{background:#131c20}
.ops-captures{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;margin-top:44px;align-items:start}
.ops-captures figure{margin:0;min-width:0}.ops-captures img{width:100%;height:auto;display:block;border:1px solid #687981;border-radius:5px}
.ops-captures figcaption{font-size:13px;line-height:1.6;color:#adbac0;margin-top:15px}
.ops-captures a{display:block}.ops-captures a:focus-visible{outline:2px solid #d7bb82;outline-offset:5px}
.bespoke-hero .refresh-actions{flex-wrap:wrap;gap:18px 25px}
.product-runtime{scroll-margin-top:110px}
.system-flow,.system-server,.system-devices,.crew-operations,.role-devices{scroll-margin-top:100px}
.system-chapters a:focus-visible,.system-brand-row a:focus-visible{outline:2px solid #d7bb82;outline-offset:5px}
@media(max-width:1100px){.system-flow-stages{grid-template-columns:1fr;gap:0;max-width:850px}.system-flow-stages li{padding-left:94px;min-height:145px;padding-bottom:30px}.flow-icon{position:absolute;left:0;top:0;height:100%;display:block;width:70px}.flow-icon span{display:block;background:none;padding:9px 0;text-align:center;width:54px}.system-flow-stages li:not(:last-child):after{width:1px;height:calc(100% - 53px);top:53px;left:27px}.system-flow-stages p{max-width:65ch}.system-flow-stages li:last-child{padding-bottom:0}.system-three{gap:24px}.system-brand-row{gap:10px}.system-brand-row a{padding:20px 14px;min-height:90px}}
@media(max-width:700px){.system-hero{padding-top:120px}.system-hero h1{font-size:56px}.system-chapters{gap:16px 24px}.system-chapters a{font-size:14px}.system-three,.system-two,.system-split,.role-device-grid,.ops-captures{grid-template-columns:1fr;gap:28px}.system-three{margin-top:32px}.system-two article{padding:24px!important}.crew-context article,.system-additional article{padding:0!important}.system-brand-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-brand-row a:last-child{grid-column:1/-1}.system-brand-row a{min-height:85px}.system-brand-row img{max-width:135px;height:40px}.integration-brands{grid-template-columns:repeat(2,minmax(0,1fr))!important}.integration-brands>div:last-child{grid-column:1/-1}.system-crosslink{display:block;padding-block:40px}.system-crosslink>a{display:inline-block;margin-top:20px}.system-privacy{padding-left:20px}.system-flow-stages{margin-top:38px}.system-flow-stages li{padding-left:76px;min-height:160px}.system-flow-stages li:last-child{min-height:130px}.system-flow-stages h3{font-size:21px}.system-fallback{padding:20px}.role-platforms{gap:8px}.role-platforms li{font-size:12px;padding:7px 10px}.role-device-grid{margin:26px 0}.ops-captures{margin-top:30px}.refresh-site .system-crosslink h2{font-size:31px}.system-three h3{font-size:23px}.system-hero h1 em{overflow-wrap:normal}}
@media(max-width:370px){.system-hero h1{font-size:47px}.system-chapters{gap:15px}.system-chapters a{font-size:13px}.system-flow-stages li{padding-left:69px}.flow-icon svg{width:48px;height:48px}.flow-icon span{width:48px}.system-flow-stages li:not(:last-child):after{left:24px;top:48px;height:calc(100% - 48px)}}
@media(prefers-reduced-motion:reduce){.system-flow *{animation:none!important;transition:none!important}}
/* Full web-app screenshot, never cropped into a device-status card. */
.ops-workspace{margin-top:40px}.ops-workspace .system-three{margin-top:0}
#dashboard-captures{margin-top:42px}.ops-current-capture{margin:0;width:100%}
.ops-capture-window{display:block;overflow:hidden;border:1px solid #87919055;border-radius:12px;box-shadow:0 24px 60px #0004}
.ops-capture-window img{display:block;width:100%;height:auto}
.ops-capture-window:focus-visible{outline:2px solid #d7bb82;outline-offset:6px}
.ops-current-capture figcaption{font-size:13px;line-height:1.6;color:#adbac0;margin-top:16px}
@media(max-width:700px){#dashboard-captures{margin-top:28px}.ops-workspace .system-three{grid-template-columns:1fr}.ops-capture-window{border-radius:6px}}