
*{box-sizing:border-box} body{margin:0;background:#FFFFFF;color:#0B1F26;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none} .cld-wrap{width:min(1280px,100% - 88px);margin-inline:auto}
.cld-dsp{font-weight:600;letter-spacing:-.028em;line-height:1.02;margin:0}

/* Every numeral, label, interval and temperature on the page is mono. One decision, made once. */
.cld-kick,.cld-brand small,.cld-links a,.cld-live,.cld-navCta,.cld-btn,.cld-consoleTop,.cld-temp,.cld-consoleMeta span,.cld-traceId,.cld-traceTitle small,.cld-traceFoot>div,.cld-yax span,.cld-flag,.cld-xax,.cld-ringVal,.cld-gaugeCell p,.cld-capRow i,.cld-capPct,.cld-lanesLabel,.cld-laneLine i,.cld-regHead,.cld-regRow i,.cld-regRow p,.cld-jobsRef,.cld-payBig,.cld-facts dt,.cld-perk b,.cld-applyCode,.cld-field label,.cld-help,.cld-submit,.cld-fine,.cld-footAddr,.cld-footCol h4,.cld-legal,.cld-checks li::before{font-family:'IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:700}
/* …and every one of those captions is set as an uppercase instrument label. */
.cld-kick,.cld-brand small,.cld-links a,.cld-live,.cld-navCta,.cld-btn,.cld-consoleTop,.cld-consoleMeta span,.cld-traceId,.cld-traceFoot>div,.cld-lanesLabel,.cld-regHead,.cld-jobsRef,.cld-facts dt,.cld-perk b,.cld-applyCode,.cld-field label,.cld-help,.cld-submit,.cld-fine,.cld-footAddr,.cld-footCol h4,.cld-legal,.cld-capPct small,.cld-gaugeCell p{text-transform:uppercase;letter-spacing:.1em}
.cld-kick{font-size:11px;color:#702506;margin:0;line-height:1.7} .cld-rule{width:64px;height:2px;background:#c43100;margin:0 0 22px}
.cld-hero h1 em,.cld-capLead h2 em,.cld-footMark em{font-style:normal;color:#702506;font-weight:800} .cld-navCta:hover,.cld-btn:hover,.cld-submit:hover{background:#702506}

/* ---- instrument nav ---- */
.cld-nav{border-bottom:1px solid #C9DBE2;background:#FFFFFF;position:sticky;top:0;z-index:20} .cld-nav .cld-wrap{display:flex;align-items:stretch}
.cld-brand{display:flex;align-items:center;gap:12px;padding:16px 26px 16px 0;border-right:1px solid #C9DBE2}
.cld-mark{width:34px;height:34px;border-radius:4px;background:#c43100;color:#fff;display:grid;place-items:center;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:700;flex:none}
.cld-brand b{font-size:18px;font-weight:600;line-height:1.05;display:block;letter-spacing:-.01em} .cld-brand small{display:block;font-size:9px;color:#5B7079;margin-top:3px;letter-spacing:.14em}
.cld-links{display:flex;align-items:center;gap:26px;padding:0 26px;flex:1} .cld-links a{font-size:11px;letter-spacing:.07em;color:#4A5F68;white-space:nowrap} .cld-links a:hover{color:#702506}
.cld-live{display:flex;align-items:center;gap:9px;padding:0 22px;border-left:1px solid #C9DBE2;font-size:11px;color:#702506}
.cld-dot{width:8px;height:8px;border-radius:50%;background:#c43100;flex:none}
.cld-navCta{display:flex;align-items:center;background:#c43100;color:#fff;border-radius:4px;padding:0 22px;margin:12px 0 12px 22px;font-size:11px;font-weight:600;letter-spacing:.06em;white-space:nowrap}

/* ---- hero: asymmetric, white, a photo plate and a console readout ---- */
.cld-hero{padding:74px 0 132px;background:linear-gradient(#FFFFFF 0 62%,#ECF6F9 62% 100%)} .cld-heroGrid{display:grid;grid-template-columns:1fr;gap:44px;align-items:start}
.cld-hero h1{font-size:clamp(40px,5.4vw,74px);margin:24px 0 0;max-width:15ch;font-weight:800} .cld-lede{color:#4A5F68;max-width:50ch;margin:26px 0 0;font-size:17px}
.cld-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.cld-btn{background:#c43100;color:#fff;border-radius:4px;padding:15px 26px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em}
.cld-btn--line{background:#FFFFFF;color:#702506;border:1px solid #C9DBE2} .cld-btn--line:hover{background:#ECF6F9} .cld-heroFig{position:relative;margin:0}
.cld-heroFig img{width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:4px;border:1px solid #C9DBE2}
.cld-console{background:#FFFFFF;border:1px solid #C9DBE2;border-top:3px solid #c43100;border-radius:4px;padding:18px 20px 16px;width:250px;margin:-58px 0 0 24px;position:relative}
.cld-consoleTop{display:flex;justify-content:space-between} .cld-consoleTop,.cld-consoleMeta span{font-size:9px;color:#5B7079;line-height:1.5}
.cld-temp{font-size:52px;font-weight:800;line-height:1;letter-spacing:-.04em;margin-top:12px} .cld-temp sup{font-size:17px;vertical-align:top;color:#702506;top:6px;position:relative}
.cld-consoleMeta{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #C9DBE2;margin-top:14px;padding-top:12px}
.cld-consoleMeta b{display:block;color:#0B1F26;font-size:12px;font-weight:500;margin-top:2px;text-transform:none;letter-spacing:0}

/* ---- the trace panel, overlapping upward out of the hero ---- */
.cld-trace{margin-top:-96px;position:relative;z-index:5;background:#FFFFFF;border:1px solid #C9DBE2;border-radius:4px}
.cld-traceTop,.cld-traceFoot{display:grid;grid-template-columns:1fr} .cld-traceTop{border-bottom:1px solid #C9DBE2}
.cld-traceTop>div,.cld-traceFoot>div{padding:20px 24px;border-bottom:1px solid #C9DBE2}
.cld-traceTop>div:last-child,.cld-traceFoot>div:last-child{border-bottom:0} .cld-traceId{font-size:10px;color:#5B7079;line-height:1.6}
.cld-traceId b{display:block;color:#0B1F26;font-size:14px;letter-spacing:.02em;margin-top:5px} .cld-traceTitle h2{font-size:23px;font-weight:600;margin:0;letter-spacing:-.02em}
.cld-traceTitle small{display:block;font-size:10px;color:#4A5F68;margin-top:7px;letter-spacing:.03em} .cld-traceOk{background:#ECF6F9} .cld-traceOk b{color:#702506;font-size:19px;font-weight:600}
.cld-traceFoot{border-top:1px solid #C9DBE2} .cld-traceFoot strong{color:#0B1F26;font-weight:600} .cld-traceFoot>div{padding:16px 24px;font-size:10px;line-height:1.65;color:#4A5F68}

/* ---- ornament 1: the looped bar chart ---- */
.cld-chart{padding:30px 24px 8px} .cld-plot{position:relative;height:232px;padding-left:56px;background:repeating-linear-gradient(to bottom,#C9DBE2 0 1px,transparent 1px 25%)}
.cld-band{position:absolute;left:56px;right:0;background:#DCEAF0;border-top:1px dashed #C9DBE2;border-bottom:1px dashed #C9DBE2}
.cld-set{position:absolute;left:56px;right:0;height:0;border-top:1px dashed #702506} .cld-bars{position:absolute;inset:0 0 0 56px;display:flex;align-items:flex-end;gap:3px}
.cld-bar{flex:1;background:#c43100;border-radius:2px 2px 0 0;min-height:3px} .cld-bar--door{background:#0e6cb4} .cld-yax{position:absolute;left:0;top:0;bottom:0;width:52px}
.cld-yax span{position:absolute;right:0;transform:translateY(-50%);font-size:10px;color:#5B7079}
.cld-flag{position:absolute;top:-6px;transform:translateX(-50%);background:#0e6cb4;color:#fff;font-size:9px;letter-spacing:.06em;padding:3px 7px;border-radius:3px;white-space:nowrap}
.cld-xax{display:flex;justify-content:space-between;padding:12px 0 0 56px;font-size:10px;color:#5B7079}

/* ---- ornament 2: conic ring gauges ---- */
.cld-gauges{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #C9DBE2}
.cld-gaugeCell{display:flex;align-items:center;gap:18px;padding:24px;border-right:1px solid #C9DBE2;border-bottom:1px solid #C9DBE2}
.cld-ring{width:92px;height:92px;border-radius:50%;flex:none;position:relative;background:conic-gradient(#c43100 calc(var(--p) * 1%),#DCEAF0 0)}
.cld-ring::after{content:"";position:absolute;inset:11px;border-radius:50%;background:#FFFFFF;border:1px solid #C9DBE2}
.cld-ringVal{position:absolute;inset:0;display:grid;place-items:center;z-index:2;font-size:19px;font-weight:600;color:#0B1F26}
.cld-sweep{position:absolute;inset:2px;border-radius:50%;z-index:3;animation:cld-sweep 7s linear infinite}
.cld-sweep i{position:absolute;top:0;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#702506}
@keyframes cld-sweep{to{transform:rotate(360deg)}} .cld-gaugeCell h4{margin:0;font-size:15px;font-weight:600}
.cld-gaugeCell p{margin:4px 0 0;font-size:10px;letter-spacing:.06em;color:#5B7079;line-height:1.5}

/* ---- capability ledger: rows step right as they descend ---- */
.cld-cap{padding:104px 0 96px} .cld-ledger{border-top:2px solid #0B1F26} .cld-capLead{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:56px}
.cld-capLead h2{font-size:clamp(30px,3.9vw,52px);max-width:16ch;font-weight:800} .cld-capRow{display:grid;grid-template-columns:1fr;gap:8px;border-bottom:1px solid #C9DBE2;padding:26px 0}
.cld-capRow i{font-style:normal;font-size:11px;letter-spacing:.1em;color:#5B7079}
.cld-capRow h3{margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em} .cld-capRow p{margin:0;color:#4A5F68;font-size:14.5px;max-width:46ch}
.cld-capPct{font-size:34px;font-weight:600;letter-spacing:-.03em;color:#702506}
.cld-capPct small{display:block;font-size:9px;font-weight:400;letter-spacing:.08em;color:#5B7079;margin-top:5px}
.cld-lanes{display:grid;grid-template-columns:1fr;background:#ECF6F9;border:1px solid #C9DBE2;border-radius:4px;margin-top:46px}
.cld-lanesLabel{padding:22px 24px;border-bottom:1px solid #C9DBE2;font-size:10px;color:#702506;line-height:1.8}
.cld-laneLine{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:22px 28px;font-size:19px;font-weight:600;letter-spacing:-.01em}
.cld-laneLine i{font-style:normal;font-size:14px;color:#702506}

/* ---- evidence: statement left, control register right ---- */
.cld-ev{background:#ECF6F9;border-top:1px solid #C9DBE2;border-bottom:1px solid #C9DBE2;padding:92px 0 96px} .cld-evGrid{display:grid;grid-template-columns:1fr;gap:44px;align-items:start}
.cld-ev h2{font-size:clamp(28px,3.6vw,46px);max-width:13ch;font-weight:800} .cld-ev p{color:#4A5F68;margin:24px 0 0} .cld-evFig{margin:28px 0 0}
.cld-evFig img{width:100%;height:260px;object-fit:cover;border-radius:4px;border:1px solid #C9DBE2} .cld-checks{list-style:none;margin:26px 0 0;padding:0}
.cld-checks li{border-top:1px solid #C9DBE2;padding:12px 0 12px 26px;font-size:14.5px;color:#4A5F68;position:relative}
.cld-checks li::before{content:"+";position:absolute;left:0;top:12px;color:#702506;font-size:13px}
.cld-reg{background:#FFFFFF;border:1px solid #C9DBE2;border-top:3px solid #0B1F26;border-radius:4px}
.cld-regHead{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #C9DBE2;font-size:10px;color:#5B7079;line-height:1.7}
.cld-regHead b{display:block;color:#0B1F26;font-size:13px;letter-spacing:.03em} .cld-regRow{display:grid;grid-template-columns:46px 1fr;gap:0 16px;padding:18px 22px;border-bottom:1px solid #C9DBE2}
.cld-regRow:last-child{border-bottom:0} .cld-regRow i{font-style:normal;font-size:11px;color:#5B7079}
.cld-regRow h4{margin:0;font-size:16px;font-weight:600} .cld-regRow p{margin:5px 0 0;font-size:11px;line-height:1.65;color:#4A5F68}

/* ---- careers ---- */
.cld-jobs{padding:96px 0 100px} .cld-haulBand{max-width:560px;height:104px} .cld-jobsTop{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:2px solid #0B1F26;padding-top:20px}
.cld-jobsTop h2{margin:8px 0 0;font-size:clamp(28px,3.5vw,44px);font-weight:800;letter-spacing:-.028em} .cld-jobsRef{font-size:10px;color:#5B7079;text-align:right;line-height:1.8}
.cld-pay{display:grid;grid-template-columns:1fr;gap:26px;margin-top:48px;align-items:center}
.cld-payBig{font-size:clamp(26px,3.3vw,42px);font-weight:800;letter-spacing:-.05em;line-height:1.1;margin:10px 0 0} .cld-payNote{color:#4A5F68;max-width:44ch;margin:16px 0 0;font-size:15px}
.cld-facts{display:grid;grid-template-columns:1fr;border-top:1px solid #C9DBE2;margin:44px 0 0}
.cld-facts div{border-bottom:1px solid #C9DBE2;padding:16px 20px 16px 0} .cld-facts dt{margin:0;font-size:9px;letter-spacing:.12em;color:#5B7079}
.cld-facts dd{margin:6px 0 0;font-size:17px;font-weight:600;letter-spacing:-.01em} .cld-perks{display:grid;grid-template-columns:1fr;border-top:1px solid #C9DBE2;margin-top:40px}
.cld-perk{border-bottom:1px solid #C9DBE2;padding:16px 22px 16px 0;font-size:15px} .cld-perk b{display:block;font-size:9px;color:#702506;margin-bottom:5px}

/* ---- apply ---- */
.cld-apply{background:#ECF6F9;border-top:1px solid #C9DBE2;padding:88px 0 92px} .cld-applyHead{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:44px}
.cld-applyCode{font-size:10px;color:#5B7079;border-top:1px solid #0B1F26;padding-top:12px;line-height:1.9;margin:0}
.cld-apply h2{font-size:clamp(28px,3.6vw,46px);max-width:16ch;font-weight:800} .cld-form{border-top:2px solid #0B1F26;background:#FFFFFF;border-radius:0 0 4px 4px}
.cld-formRow{display:grid;grid-template-columns:1fr;border-bottom:1px solid #C9DBE2} .cld-field{padding:16px 22px 14px;border-right:1px solid #C9DBE2} .cld-field:last-child{border-right:0}
.cld-field label{display:block;font-size:9px;letter-spacing:.11em;color:#5B7079;margin-bottom:10px}
.cld-field input,.cld-field select{width:100%;height:40px;border:0;border-bottom:1px solid #C9DBE2;border-radius:0;background:transparent;color:#0B1F26;font:inherit;font-size:16px;font-weight:500;padding:0 0 6px}
.cld-field input:focus,.cld-field select:focus{outline:0;border-bottom-color:#c43100} .cld-field input::placeholder{color:#88A2AC}
.cld-send{display:grid;grid-template-columns:1fr;border-top:1px solid #C9DBE2} .cld-help{padding:20px 22px;font-size:10px;line-height:1.7;color:#4A5F68;margin:0}
.cld-help strong{display:block;color:#0B1F26;font-weight:600;margin-bottom:6px}
.cld-submit{border:0;background:#c43100;color:#fff;font-size:13px;font-weight:600;letter-spacing:.06em;cursor:pointer;padding:22px 26px}
.cld-fine{font-size:9.5px;color:#5B7079;margin:14px 0 0;line-height:1.7}

/* ---- footer ---- */
.cld-foot{background:#FFFFFF;padding:76px 0 28px} .cld-footGrid{display:grid;grid-template-columns:1fr;gap:34px;border-top:2px solid #0B1F26;padding-top:34px}
.cld-footMark{font-size:clamp(30px,4.4vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1;margin:0} .cld-footAddr{font-size:11px;line-height:1.95;color:#4A5F68;margin:22px 0 0}
.cld-footCol h4{margin:0 0 16px;font-size:9px;letter-spacing:.13em;color:#702506}
.cld-footCol ul{list-style:none;margin:0;padding:0} .cld-footCol li{padding:5px 0;font-size:14px;color:#4A5F68}
.cld-legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #C9DBE2;margin-top:34px;padding-top:18px;font-size:9.5px;letter-spacing:.06em;color:#5B7079}

@media(min-width:980px){
  .cld-heroGrid{grid-template-columns:1.06fr .94fr;gap:56px} .cld-traceTop,.cld-traceFoot{grid-template-columns:230px 1fr 210px}
  .cld-traceTop>div,.cld-traceFoot>div{border-bottom:0;border-right:1px solid #C9DBE2} .cld-traceTop>div:last-child,.cld-traceFoot>div:last-child,.cld-gaugeCell:last-child{border-right:0}
  .cld-gauges{grid-template-columns:repeat(4,1fr)} .cld-capLead,.cld-applyHead{grid-template-columns:260px 1fr;column-gap:72px}
  .cld-capRow{grid-template-columns:74px 300px 1fr 150px;gap:0 24px;align-items:center;min-height:112px;padding:0}
  /* the ledger walks right as it descends, so it cannot read as a stack of bands */
  .cld-capRow:nth-child(2){margin-left:56px} .cld-capRow:nth-child(3){margin-left:112px} .cld-capRow:nth-child(4){margin-left:168px} .cld-capRow:nth-child(5){margin-left:224px}
  .cld-capPct{text-align:right} .cld-lanes{grid-template-columns:250px 1fr} .cld-lanesLabel{border-bottom:0;border-right:1px solid #C9DBE2}
  .cld-evGrid{grid-template-columns:.86fr 1.14fr;gap:72px} .cld-regRow{grid-template-columns:46px 190px 1fr}
  .cld-pay{grid-template-columns:1.12fr .88fr;gap:56px} .cld-facts{grid-template-columns:repeat(3,1fr);column-gap:24px} .cld-perks{grid-template-columns:1fr 1fr;column-gap:32px}
  .cld-formRow{grid-template-columns:1.1fr 1fr 1.2fr} .cld-send{grid-template-columns:1fr 320px} .cld-footGrid{grid-template-columns:1.7fr .8fr .8fr .8fr;gap:56px}
}
@media(max-width:979px){
  .cld-links,.cld-live{display:none} .cld-console{width:auto;margin:16px 0 0} .cld-trace{margin-top:-56px}
}
@media(prefers-reduced-motion:reduce){.cld-sweep{animation:none}}
/* readability-pass:start */
html body .cld-applyHead p.cld-applyCode{font-weight:400!important;font-size:12px!important;line-height:1.5}
html body .cld-footGrid p.cld-footAddr{font-weight:400!important;font-size:12px!important;line-height:1.5}
html body .cld-legal span{font-weight:400!important;font-size:12px!important;line-height:1.5}
html body .cld-regHead b{font-weight:600!important}
html body .cld-regRow p{font-weight:400!important;font-size:12px!important;line-height:1.5}
html body .cld-send p.cld-help{font-weight:400!important;font-size:12px!important;line-height:1.5}
html body .cld-traceFoot div{font-weight:400!important;font-size:12px!important;line-height:1.5}
html body .cld-traceTitle small{font-weight:400!important;font-size:12px!important;line-height:1.5}
html body .cld-wrap p.cld-fine{font-weight:400!important;font-size:12px!important;line-height:1.5}
/* readability-pass:end */

.cld-rig{position:relative;width:100%;aspect-ratio:640/200}
.cld-rigBody{width:100%;display:block}
.cld-wheel{position:absolute;top:67.3250%;width:6.7750%;
  animation:cld-roll 1.15s linear infinite}
/* The rig travels right-to-left, so the wheels turn counter-clockwise.
   Rotating +360deg spins them backwards against the direction of travel. */
@keyframes cld-roll{to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.cld-wheel{animation:none}}

.cld-haulBand{position:relative;overflow:hidden}
.cld-haulRig{position:absolute;bottom:10px;width:270px;left:100%;
  animation:cld-haul 25s linear infinite}
@keyframes cld-haul{from{left:100%}to{left:-270px}}
@media(prefers-reduced-motion:reduce){
  .cld-haulRig{position:static;margin:0 auto;animation:none}}

.cld-heroGrid{grid-template-columns:1fr}
.cld-hero{padding-bottom:88px;background:linear-gradient(#FFFFFF 0 74%,#ECF6F9 74% 100%)}
.cld-hero h1{font-size:clamp(44px,7vw,92px);max-width:18ch}
.cld-heroFig img{min-height:300px;height:300px} .cld-console{margin:-72px 24px 0 auto}
.cld-trace{margin-top:-40px} .cld-ledger{border-top-width:1px}
.cld-capRow{border-left:1px solid #C9DBE2;padding-left:24px} .cld-capRow:nth-child(n){margin-left:0}
