/* ============================================================
   TIMBERLINE — shared shell for content pages
   (blog index, articles, cut-the-cord)
============================================================ */
:root {
  --dark-navy:#060D1A; --navy:#0F2040; --midnight:#000;
  --blue:#1B4FBF; --signal-green:#7ed957; --creme:#f7f3ed; --granite:#8a8a8a;
  --creme-60:rgba(247,243,237,0.60); --creme-25:rgba(247,243,237,0.25);
  --creme-10:rgba(247,243,237,0.10); --creme-06:rgba(247,243,237,0.06);
  --border:rgba(247,243,237,0.08); --border-hover:rgba(247,243,237,0.18);
  --trans:all 0.25s cubic-bezier(0.4,0,0.2,1);
  --ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--dark-navy);color:var(--creme);font-family:'Figtree',sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{max-width:100%;display:block}
.display{font-family:'Bebas Neue',sans-serif}
.condensed{font-family:'Barlow Condensed',sans-serif}

.section-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.28em;text-transform:uppercase;color:var(--signal-green);display:block;margin-bottom:16px}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,5vw,60px);line-height:1;letter-spacing:0.01em;color:var(--creme)}
.kw{color:var(--signal-green);font-weight:600}

/* Buttons */
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#92f55e 0%,var(--signal-green) 40%,#64c040 100%);color:var(--dark-navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;padding:13px 30px;border:1px solid rgba(255,255,255,0.28);border-radius:999px;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset,0 -1px 0 rgba(0,0,0,0.18) inset,0 4px 20px rgba(126,217,87,0.28),0 2px 6px rgba(0,0,0,0.3);transition:transform 0.15s var(--ease-spring),box-shadow 0.2s,filter 0.2s;white-space:nowrap}
.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px) scale(1.02)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.06) 100%);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);color:var(--creme);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;padding:13px 30px;border:1px solid rgba(255,255,255,0.22);border-radius:999px;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,0.18) inset,0 -1px 0 rgba(0,0,0,0.12) inset,0 4px 16px rgba(0,0,0,0.22);transition:var(--trans)}
.btn-ghost:hover{border-color:rgba(255,255,255,0.36);transform:translateY(-2px)}
.arrow{transition:transform 0.2s}
.btn-primary:hover .arrow,.btn-ghost:hover .arrow{transform:translateX(3px)}

/* Nav */
#main-nav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:72px;background:rgba(6,13,26,0.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.nav-logo{display:flex;align-items:center;gap:11px}
.nav-logo-mark{width:22px;height:36px}
.nav-logo-line1{display:block;font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:0.06em;line-height:1.05}
.nav-logo-line2{display:block;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:600;letter-spacing:0.3em;text-transform:uppercase;color:var(--signal-green)}
.nav-right{display:flex;align-items:center;gap:28px}
.nav-links{display:flex;gap:28px}
.nav-links a{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--creme-60);transition:color 0.2s}
.nav-links a:hover,.nav-links a.active{color:var(--creme)}
@media (max-width:860px){#main-nav{padding:0 20px}.nav-links,.nav-cta{display:none}}

/* Page hero */
.page-hero{padding:170px 40px 70px;max-width:1180px;margin:0 auto;position:relative}
.page-hero-badge{display:inline-flex;align-items:center;gap:9px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.26em;text-transform:uppercase;color:var(--signal-green);border:1px solid rgba(126,217,87,0.35);border-radius:999px;padding:8px 18px;margin-bottom:28px;background:rgba(126,217,87,0.06)}
.page-hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--signal-green);box-shadow:0 0 10px rgba(126,217,87,0.9)}
.page-hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(58px,10vw,138px);line-height:0.94;letter-spacing:0.005em;margin-bottom:26px}
.page-hero-title em{font-style:normal;color:var(--signal-green)}
.page-hero-title .ghost{color:transparent;-webkit-text-stroke:1.5px rgba(247,243,237,0.55)}
.page-hero-sub{font-size:clamp(16px,1.6vw,19px);color:var(--creme-60);max-width:640px;line-height:1.7}
.page-hero-sub strong{color:var(--creme)}

/* Sections */
.shell{max-width:1180px;margin:0 auto;padding:0 40px}
.sect{padding:90px 0}
@media (max-width:768px){.page-hero{padding:130px 20px 50px}.shell{padding:0 20px}.sect{padding:60px 0}}

/* CTA band */
.cta-band{background:linear-gradient(135deg,rgba(126,217,87,0.10),rgba(27,79,191,0.10));border:1px solid rgba(126,217,87,0.25);border-radius:24px;padding:54px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(126,217,87,0.18),transparent 70%)}
.cta-band-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(30px,4vw,46px);line-height:1.02}
.cta-band-title em{font-style:normal;color:var(--signal-green)}
.cta-band-sub{color:var(--creme-60);margin-top:10px;max-width:480px}
.cta-band-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cta-band-phone{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:600;letter-spacing:0.06em;color:var(--signal-green)}

/* Footer */
footer{background:var(--midnight);border-top:1px solid var(--border);margin-top:90px}
.footer-inner{max-width:1180px;margin:0 auto;padding:70px 40px 36px}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;padding-bottom:48px;border-bottom:1px solid var(--border)}
.footer-brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.footer-brand-mark{width:18px;height:30px}
.footer-brand-name{font-size:21px;letter-spacing:0.06em}
.footer-tagline{font-size:14px;color:var(--creme-60);max-width:300px;margin-bottom:18px}
.footer-contact{display:flex;flex-direction:column;gap:6px}
.footer-contact a{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:600;letter-spacing:0.05em;color:var(--signal-green)}
.footer-col-title{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.24em;text-transform:uppercase;color:var(--granite);margin-bottom:16px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:14px;color:var(--creme-60);transition:color 0.2s}
.footer-links a:hover{color:var(--signal-green)}
.footer-bottom{padding-top:28px}
.footer-legal{font-size:12px;line-height:1.7;color:var(--granite)}
@media (max-width:860px){.footer-top{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-top{grid-template-columns:1fr}}

/* Mobile CTA bar */
.mobile-cta-bar{display:none}
@media (max-width:768px){.mobile-cta-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:890;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(6,13,26,0.92);backdrop-filter:blur(16px);border-top:1px solid var(--border)}.mobile-cta-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#92f55e,#64c040);color:var(--dark-navy);font-size:17px;letter-spacing:0.08em;padding:14px;border-radius:14px;width:100%}body{padding-bottom:74px}}