.night-patrol{--bg:#0b1422;--bg2:#111f31;--pink:#ff995c;--cyan:#87dce4;--muted:#a9b9cb}
.night-patrol .brand-mark{background:#f19250;color:#102033;box-shadow:none}
.night-patrol .header{background:rgba(10,20,34,.86);border-bottom-color:rgba(218,232,242,.12);backdrop-filter:blur(14px)}
.night-patrol .hero{align-items:center;padding-top:9rem;padding-bottom:5rem;min-height:100svh}
.night-patrol .hero::after{background:linear-gradient(90deg,transparent 35%,rgba(8,17,30,.2) 52%,rgba(8,17,30,.68) 72%,rgba(8,17,30,.82)),linear-gradient(0deg,rgba(8,17,30,.6),transparent 20%)}
.night-patrol .hero-copy{width:43%;margin-left:auto}
.night-patrol .night-title{font-size:clamp(3.5rem,7.7vw,8.2rem);line-height:.86;letter-spacing:-.055em}
.night-patrol .night-title>span{display:block;color:#f5f0e6}
.night-subtitle{font-size:clamp(1.2rem,2.2vw,2.2rem);font-weight:700;letter-spacing:.38em;color:#ffb27c;margin:1rem 0 1.7rem}
.night-patrol .hero-lede{font-size:clamp(1rem,1.4vw,1.2rem);max-width:28rem;margin-top:1.5rem}
.night-patrol .button.primary{background:#f19250;border-color:#f19250;color:#101e30}
.night-patrol .demo-platform-note{font:.62rem/1.8 var(--mono);color:#b0c0d0;letter-spacing:.035em;margin-top:1rem;max-width:30rem}
.night-patrol .night-logo{font-size:clamp(3rem,5.5vw,6rem);line-height:.85}
.night-patrol .night-logo span{color:#ffab73;-webkit-text-stroke:0}
.demo-controls{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border:1px solid var(--line)}
.demo-controls>div{padding:1.6rem;border-right:1px solid var(--line)}.demo-controls>div:last-child{border:0}
.demo-controls kbd{display:inline-block;border:1px solid #93b0c944;border-radius:4px;color:#ffc091;padding:.4rem .6rem;font:.7rem var(--mono);background:#1a2e44}
.demo-controls h3{font-size:1.3rem;margin:1.8rem 0 .6rem}.demo-controls p{font-size:.95rem;color:var(--muted);margin:0}
.demo-notice{margin-top:2rem;padding:2rem;background:#14273a;border-left:3px solid #f19250;max-width:55rem}.demo-notice strong{font-size:1.1rem;color:#f4eee4}.demo-notice p{font-size:.95rem;color:#b6c8d7}.demo-notice .button{margin-top:.8rem}
@media(max-width:900px){.night-patrol .hero-copy{width:49%}.night-patrol .hero::after{background:linear-gradient(90deg,rgba(8,17,30,.05) 20%,rgba(8,17,30,.6) 60%,rgba(8,17,30,.85)),linear-gradient(0deg,rgba(8,17,30,.65),transparent 40%)}.demo-controls{grid-template-columns:1fr 1fr}.demo-controls>div:nth-child(2){border-right:0}.demo-controls>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.night-patrol .hero{padding-top:22rem;align-items:flex-end;min-height:100svh}.night-patrol .hero-bg{object-position:24% center}.night-patrol .hero-copy{width:100%;margin-left:0}.night-patrol .hero::after{background:linear-gradient(0deg,rgba(8,17,30,.99) 2%,rgba(8,17,30,.85) 45%,rgba(8,17,30,.1) 80%)}.night-patrol .night-title{font-size:clamp(3.4rem,16vw,5rem)}.night-subtitle{margin:.8rem 0;font-size:1.15rem}.night-patrol .hero-lede{margin-top:1rem}.night-patrol .actions{gap:.6rem;margin-top:1.3rem}.night-patrol .demo-platform-note{font-size:.6rem}.demo-controls{grid-template-columns:1fr}.demo-controls>div{border-right:0;border-bottom:1px solid var(--line)}.demo-notice{padding:1.4rem}}