
:root{--display:"Anton",Impact,sans-serif;--body:"IBM Plex Sans",system-ui,sans-serif;--display-weight:400;--display-track:.01em;--radius:3px;
--paper:#F4F4F2;--ink:#111114;--brand:#111114;--brand-ink:#fff;--accent:#D7263D;--accent-ink:#fff;--accent-text:#B01C30;--stone:#E9E9E6;--line:#D3D3CF;
--head-bg:#111114;--head-ink:#fff}
html[data-theme="blue"]{--accent:#1F6FEB;--accent-text:#1656BA}
html[data-theme="orange"]{--accent:#F26B1D;--accent-text:#B84C0D}
html[data-theme="green"]{--accent:#1E9E5A;--accent-text:#147241}
h1,h2,h3{text-transform:uppercase}
.site-header .logo .mark{background:var(--accent);border-radius:3px;transform:skewX(-10deg)}
.btn-chrome{background:linear-gradient(180deg,#F5F5F5,#BFC3C7);color:#111;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.hero-le{position:relative;background:#111114;color:#fff;overflow:hidden}
.le-photo{height:15rem;background:#222 center/cover no-repeat;position:relative}
.le-photo .tag{top:.75rem;bottom:auto}
.le-inner{position:relative;padding-top:2rem;padding-bottom:3rem}
.le-shield{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;font-size:.85rem;color:#D9DCE0;margin-bottom:1rem}
.le-shield b{display:inline-grid;place-items:center;width:2.2rem;height:2.4rem;background:#fff;color:#111;font-family:var(--display);font-weight:400;font-size:1.05rem;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%)}
.hero-le h1{font-size:clamp(3rem,13vw,6.6rem);line-height:.92;max-width:9ch;background:linear-gradient(100deg,#fff 0 40%,#9AA0A6 50%,#fff 60%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-le .lead{color:rgba(255,255,255,.82)}
.hero-le h1::after{content:"";display:block;width:5rem;height:6px;background:var(--accent);margin-top:1rem;transform:skewX(-20deg)}
.sec-services .svc-grid{gap:1.25rem;counter-reset:svc}
.svc{counter-increment:svc;background:#fff;border-radius:3px;overflow:hidden;position:relative;box-shadow:0 1px 0 var(--line)}
.svc::after{content:"0" counter(svc);position:absolute;top:.4rem;right:.8rem;font-family:var(--display);font-size:3rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);line-height:1}
.svc .photo{margin:0;aspect-ratio:16/10;border-radius:0}
.svc-body{padding:1rem 1.1rem 1.3rem;border-top:4px solid var(--accent)}
.svc h3{font-size:1.6rem}
.sec-gloss{background:#111114;color:#fff}
.sec-gloss h2{color:#fff}
.sec-gloss .quotes li{border-left:4px solid var(--accent);padding:.2rem 0 .2rem 1.1rem}
.sec-gloss .quotes blockquote{font-size:1.2rem;font-weight:600}
.sec-gloss .quotes cite{color:#9AA0A6}
.sec-steps .steps li{border-top:0;background:#fff;padding:1.3rem;border-left:4px solid var(--ink)}
.sec-steps .steps li::before{font-family:var(--display);color:var(--accent)}
.cta-band{background:var(--accent)}
.cta-band .btn-accent{background:#111114;color:#fff}
@media (min-width:800px){
.hero-le{min-height:38rem;display:flex;align-items:center}
.le-photo{position:absolute;inset:0 0 0 42%;height:auto;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.le-inner{padding-top:4rem;padding-bottom:4rem;width:100%}
.le-copy{max-width:34rem}
.sec-services .svc-grid{grid-template-columns:repeat(3,1fr)}}
