/* Delta Smart Lighting — shared stylesheet for SEO/content pages.
   Mirrors the homepage design tokens so content pages match 1:1.
   Pure CSS, no build step. Linked from every generated page. */
:root{
  --red:#e10600;--red-bright:#ff1e14;--red-deep:#9c0400;
  --ink:#0a0a0b;--ink-2:#111114;--panel:#16161a;
  --line:rgba(255,255,255,.09);--silver:#d9dde2;--silver-2:#9aa0a8;
  --text:#e9ebef;--muted:#9aa0a8;--max:1180px;--r:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--ink);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.display{font-family:'Sora',sans-serif;line-height:1.1;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.chrome{background:linear-gradient(180deg,#fff 0%,#cfd4da 38%,#7d828a 60%,#eef1f4 78%,#aeb3ba 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.red{color:var(--red-bright)}
.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--silver-2);font-weight:600}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:15px 26px;border-radius:999px;font-weight:600;font-size:.98rem;cursor:pointer;border:1px solid transparent;transition:.25s ease;font-family:'Sora',sans-serif}
.btn-primary{background:linear-gradient(180deg,var(--red-bright),var(--red-deep));color:#fff;box-shadow:0 8px 30px rgba(225,6,0,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(225,6,0,.5)}
.btn-ghost{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.02)}
.btn-ghost:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}

/* NAV */
header{position:fixed;top:0;left:0;right:0;z-index:100;transition:.3s}
header.scrolled{background:rgba(10,10,11,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand img{height:44px;width:auto}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a{font-size:.92rem;color:var(--silver-2);font-weight:500;transition:.2s}
.nav-links a:hover{color:#fff}
.navphone{font-family:'Sora';font-weight:600;color:#fff !important}
.navphone:hover{color:var(--red-bright) !important}
.nav-cta{padding:11px 20px}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:#fff;transition:.3s}

/* PAGE HERO STRIP */
.page-hero{position:relative;padding:150px 0 56px;background:radial-gradient(1100px 460px at 20% -10%,rgba(225,6,0,.16),transparent 60%),var(--ink)}
.page-hero .crumbs{font-size:.8rem;color:var(--silver-2);margin-bottom:18px}
.page-hero .crumbs a:hover{color:#fff}
.page-hero h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;max-width:880px}
.page-hero p.lead{font-size:clamp(1.05rem,2vw,1.22rem);color:#c7ccd3;max-width:680px;margin-top:18px}
.page-hero .hero-cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}

/* PROSE */
.prose{padding:46px 0 8px}
.prose .wrap{max-width:840px}
.prose h2{font-size:clamp(1.5rem,3vw,2rem);margin:42px 0 14px;font-weight:700}
.prose h3{font-size:1.25rem;margin:28px 0 10px;font-weight:600;color:#fff}
.prose p{color:#c7ccd3;margin:0 0 16px;font-size:1.05rem}
.prose ul,.prose ol{margin:0 0 18px 22px;color:#c7ccd3}
.prose li{margin:0 0 9px}
.prose strong{color:#fff}
.prose a{color:var(--red-bright);text-decoration:underline;text-underline-offset:3px}
.prose .callout{border:1px solid var(--line);background:var(--panel);border-radius:var(--r);padding:22px 24px;margin:26px 0}

/* FAQ */
.faq{padding:30px 0 10px}
.faq .wrap{max-width:840px}
.faq .qa{border:1px solid var(--line);background:var(--ink-2);border-radius:14px;padding:20px 22px;margin-bottom:12px}
.faq .qa h3{font-family:'Sora';font-size:1.08rem;color:#fff;margin-bottom:8px}
.faq .qa p{color:#c7ccd3;margin:0}

/* CTA BAND */
.cta-band{margin:54px 0 0;padding:54px 0;background:linear-gradient(180deg,var(--ink-2),#0c0c10);border-top:1px solid var(--line)}
.cta-band .wrap{max-width:840px;text-align:center}
.cta-band h2{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800}
.cta-band p{color:#c7ccd3;margin:12px auto 26px;max-width:560px}
.cta-band .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.callnow{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:'Sora';font-weight:700}

/* RELATED LINKS */
.related{padding:40px 0 10px}
.related .wrap{max-width:1000px}
.related h2{font-size:1.3rem;margin-bottom:18px}
.related .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.related a{display:block;padding:16px 18px;border:1px solid var(--line);background:var(--panel);border-radius:12px;color:var(--silver);font-weight:500;transition:.2s}
.related a:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.05);color:#fff}

/* FOOTER */
footer{border-top:1px solid var(--line);padding:54px 0 30px;margin-top:30px;background:#070709}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}
.foot-brand img{height:40px;margin-bottom:14px}
.foot-brand p{color:var(--silver-2);font-size:.92rem;max-width:420px}
.foot-col h4{font-family:'Sora';font-size:.95rem;margin-bottom:14px}
.foot-col a{display:block;color:var(--silver-2);font-size:.9rem;margin-bottom:9px}
.foot-col a:hover{color:#fff}
.foot-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:34px;padding-top:22px;color:var(--silver-2);font-size:.82rem;flex-wrap:wrap;gap:10px}

@media(max-width:760px){
  .nav-links{position:fixed;top:74px;left:0;right:0;flex-direction:column;background:rgba(10,10,11,.96);padding:24px;gap:18px;transform:translateY(-150%);transition:.3s}
  .nav-links.open{transform:translateY(0)}
  .burger{display:flex}
  .foot-grid{grid-template-columns:1fr}
}