/* Peel's supplied identity. Operational LEDs retain their equipment colours. */
:root{--bg:#0f222d;--panel:#172e3a;--text:#ebe7d9;--muted:#a7b3b9;--line:#344650;--cream:#fff5d0;--red:#ba3521;--accent:#ed745c;--signal:#c5f566}
.brand-logo{display:block;width:215px;height:auto;object-fit:contain}.footer-brand .brand-logo{width:180px}.header{height:108px}.header nav>a:hover,.text-link:hover{color:var(--cream)}.nav-cta{border-color:#64747b}.nav-cta:hover{border-color:var(--cream)}
::selection{background:var(--red);color:var(--cream)}.accent{color:var(--cream)}.hero h1 .accent{position:relative}.hero h1 .accent:after{content:'';position:absolute;left:0;bottom:-8px;width:95%;height:4px;background:var(--red);transform:rotate(-2deg)}.hero h1{margin-bottom:37px}.hero-description{color:var(--text)}.hero-detail,.section-intro,.service-content p,.process-list p{color:#aebbc1}.hero>.eyebrow .live-dot{background:var(--red);box-shadow:0 0 14px #ba352155}
.primary{background:var(--red);color:#fff5e7}.primary:hover{background:#cd412c}.section-no,.plus,details[open] summary,.process-list li>span{color:var(--accent)}.assurance{color:#bcc7c9}.scroll-cue{color:#9daeb8}.scroll-mark{border-color:#586f7b;color:var(--cream)}.tag{border-color:#4b606b;color:#c1cbd0}.service-index{color:#a2b0b8}.shield{color:var(--cream);border-color:#8b9286}
.rack-column{border-color:#2b414c}.rack-topline{color:#a9bac4}.rack-grid{background-image:linear-gradient(#a4bbca09 1px,transparent 1px),linear-gradient(90deg,#a4bbca09 1px,transparent 1px)}.rack-scene:before{background:radial-gradient(ellipse at center,#82afd017,transparent 66%)}.rack-cross{color:#667c89}.dimension-top{border-color:#4c6573}.dimension-top span{color:#9eafba}.rack-caption{color:#9eaeb7}.caption-line{background:#9eafba}.rack-hardware{filter:drop-shadow(15px 26px 15px #0008)}
.module{background:linear-gradient(100deg,#4b5459 0%,#354149 8%,#2b363e 80%,#202a31 100%);border-color:#59666d;border-right-color:#19232b;box-shadow:inset 0 2px 0 #76838a,2px 3px 0 #0a141c}.module:before{background:repeating-linear-gradient(90deg,#3b4a53 0 3px,#1d2a32 3px 5px);border-color:#657780}.module-top{background:#24343e;color:#bfcbd1;border-color:#586b75}.module-label{color:#e2e8e9}.module-label>span,.module-bottom{color:#adbcc4}.module-bottom{background:#202e37;border-color:#53656d}.module.selected .module-top{box-shadow:inset 0 2px 0 var(--red);color:#fff5d0}.selected{border-top-color:var(--red)}.din-rail{background:linear-gradient(#5a6a73,#8b989e 12%,#34454e 18%,#455a65 75%,#95a4ac 81%,#354b58)}.vents{background:repeating-linear-gradient(0deg,#15222a 0 2px,transparent 2px 5px)}.supply-mark{color:#b5c3ca}.power-state,.cpu-lights>span,.network-lights>span{color:#bac5c9}.cpu-screen{background:#15232a;border-color:#1c2931}.cpu-screen strong{color:var(--signal)}
.diagnostic{border-color:#3a515e;background:linear-gradient(115deg,#1b303d,#122631)}.diagnostic-head{color:#bdcbd2}.simulation{color:#97aab5}.diag-bottom{border-color:#354e5c;color:#9fb1bc}.diag-bottom b{color:#d0dcd7}.rack-controls{color:#9aafb9}.rack-controls button{color:#bac8ce}.region-map{background:#142d3b;border-color:#3a5363}.map-shape{fill:#243f50;stroke:#587383}.map-route{stroke:var(--accent)}.map-node{fill:var(--accent)}.map-label{fill:#e2e5dd}.map-caption{color:#a8becb}
.contact{background:#ebe7d9;color:#0f222d;border-top:5px solid var(--red)}.contact .eyebrow{color:#5c6363}.contact h2 span{color:var(--red)}.email-link{border-color:#a9aba4}.email-link:hover{color:var(--red)}.contact input,.contact textarea,.contact select{background:#ebe7d9;color:#0f222d;border-color:#a7aaa6}.contact ::placeholder{color:#6b7476}.dark{background:var(--red);color:#fff5e7}.dark:hover{background:#992818}.form-note{color:#5a686c}.contact :focus-visible{outline-color:#ba3521}.contact-foot{color:#4c5c62}#form-result{border-color:#a7aaa6}#form-result button{color:#0f222d;border-color:#697b84}footer{color:#a4b3bc}.contact form{border-color:#a7aaa6}
.signal-bar{background:#0b1b25f5;border-color:#3b5260;color:#c2ccd0}#scroll-progress{background:var(--red)}.skip-link{background:var(--cream);color:#0f222d}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--cream)}
@media(max-width:800px){.header{height:90px}.brand-logo{width:180px}.footer-brand{width:auto}.footer-brand .brand-logo{width:180px}.hero h1 .accent:after{bottom:-5px;height:3px}.mini-rack i{border-color:#82959f;background:linear-gradient(#b8c8d0 0 2px,#243c4a 2px 100%)}.mini-rack i:after{background:var(--signal)}}
@media(max-width:390px){.brand-logo{width:162px}.header nav{font-size:11px}.nav-cta{padding:10px 12px}.nav-cta span{margin-left:10px}}
/* Longer, descriptive headings and a calmer business presentation. */
h1{font-size:clamp(56px,5.2vw,86px);line-height:1.04;letter-spacing:-1px}.hero-description{max-width:540px;font-size:19px;line-height:1.65}.hero-detail{max-width:515px;font-size:14px;line-height:1.85}.hero h1 .accent:after{display:none}.hero h1{margin:28px 0}.hero-actions{margin-top:16px}h2{font-size:clamp(43px,3.7vw,61px);line-height:1.1}.section-intro{max-width:540px}.contact h2{font-size:clamp(52px,5vw,78px);line-height:1.08}.contact-heading>p{max-width:520px}.rack-controls{letter-spacing:.6px}.service-content{padding-bottom:18px}.process-list h3{font-size:18px;line-height:1.5}
@media(max-width:1100px) and (min-width:801px){h1{font-size:58px}.hero-description{font-size:17px}.hero-detail{font-size:13px}.contact h2{font-size:55px}}
@media(max-width:800px){h1{font-size:clamp(42px,7.8vw,65px);line-height:1.08}.hero-description{font-size:17px}.hero-detail{font-size:14px}h2{font-size:44px}.contact h2{font-size:54px}.scroll-cue{letter-spacing:.7px}.rack-controls{font-size:6px}.rack-controls button{font-size:7px}}
@media(max-width:390px){h1{font-size:42px;letter-spacing:-.6px}h2{font-size:38px}.contact h2{font-size:46px}.hero-description{font-size:16px}.hero-detail{font-size:13px}.rack-controls{letter-spacing:.1px}}