/*
Theme Name: Cinch Portal
Description: Lightweight CinchLocal client portal theme for Roofer OS.
Version: 1.0.0
Author: CinchLocal
*/
@font-face{font-family:"Space Grotesk";font-weight:700;font-display:swap;src:url(assets/fonts/space-grotesk-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(assets/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(assets/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(assets/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Silkscreen;font-weight:400;font-display:swap;src:url(assets/fonts/silkscreen-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:VT323;font-weight:400;font-display:swap;src:url(assets/fonts/vt323-latin-400-normal.woff2) format("woff2")}
*{box-sizing:border-box}
body{margin:0;background:#061523 url(assets/topo.svg) center top/1600px auto no-repeat;color:#e6eef6;font:400 17px/1.65 Inter,system-ui,sans-serif;min-height:100vh}
a{color:#ff9a52}a:hover{color:#fff}
h1,h2,h3{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#fff}
h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 18px}
h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:34px 0 16px}
:focus-visible{outline:3px solid #ff7e29;outline-offset:3px}
.cp-wrap{max-width:1100px;margin:0 auto;padding:0 22px}
.cp-hdr{background:rgba(6,21,35,.92);border-bottom:1px solid rgba(95,179,255,.18);position:sticky;top:0;z-index:10}
.cp-hdr .cp-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;flex-wrap:wrap}
.cp-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.cp-logo img{height:40px;width:auto}
.cp-tag{font:400 11px Silkscreen,monospace;color:#5fb3ff;border:1px solid rgba(95,179,255,.5);padding:2px 6px;letter-spacing:.06em}
.cp-nav{display:flex;gap:4px;flex-wrap:wrap;font:400 21px/1 VT323,monospace;text-transform:uppercase;letter-spacing:.04em}
.cp-nav a{color:#d7e4f0;text-decoration:none;padding:12px 10px;border:1px solid transparent}
.cp-nav a:hover{color:#fff;border-color:rgba(95,179,255,.35);background:rgba(95,179,255,.08)}
.cp-sys{background:#030b13;border-bottom:1px solid #10263b;font:500 11px "JetBrains Mono",monospace;color:#7f9bb3}
.cp-sys .cp-wrap{padding:7px 22px}
.cp-main{padding:48px 0 80px}
.cp-ftr{border-top:1px solid #10263b;background:#040e18;font:500 12px "JetBrains Mono",monospace;color:#8ea6bc;padding:24px 0}
.cp-ftr .cp-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}