/* OpulentBots — shared blog/article + pillar page stylesheet.
   Brand: black #000, lime #c1ff72, Montserrat headings / Lato body. */
:root{--black:#000;--ink:#0b0d0c;--lime:#c1ff72;--lime-dim:#9fd94e;--white:#f4f7f2;--w85:rgba(244,247,242,.85);--w60:rgba(244,247,242,.6);--w30:rgba(244,247,242,.3);--line:rgba(193,255,114,.18);--card:#0e120d;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--black);color:var(--white);font-family:'Lato',-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--lime);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;}

/* Nav */
.ob-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px clamp(16px,4vw,40px);background:rgba(0,0,0,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.ob-nav__logo img{height:26px;width:auto;display:block;}
.ob-nav__links{display:flex;gap:clamp(12px,2vw,26px);align-items:center;flex-wrap:wrap;}
.ob-nav__links a{color:var(--w85);font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;}
.ob-nav__links a:hover{color:var(--lime);text-decoration:none;}
.ob-nav__cta{background:var(--lime);color:#04110a !important;padding:9px 18px;border-radius:7px;font-weight:700;}
.ob-nav__cta:hover{text-decoration:none;box-shadow:0 0 18px rgba(193,255,114,.4);}

/* Layout */
.ob-wrap{max-width:820px;margin:0 auto;padding:clamp(28px,5vw,60px) clamp(18px,5vw,28px) 80px;}
.ob-wrap--wide{max-width:1080px;}
.ob-eyebrow{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin:0 0 14px;}
h1{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(30px,5vw,52px);line-height:1.08;margin:0 0 18px;color:var(--white);}
h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(22px,3vw,32px);line-height:1.18;margin:46px 0 16px;color:var(--white);}
h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:20px;margin:30px 0 12px;color:var(--white);}
p{margin:0 0 18px;color:var(--w85);}
.ob-lede{font-size:clamp(18px,2.4vw,21px);color:var(--white);line-height:1.6;margin-bottom:30px;}
ul,ol{color:var(--w85);padding-left:22px;margin:0 0 22px;}
li{margin:0 0 9px;}
strong{color:var(--white);}
blockquote{margin:26px 0;padding:16px 22px;border-left:3px solid var(--lime);background:var(--card);border-radius:0 10px 10px 0;color:var(--white);}
.ob-meta{font-family:'Montserrat',sans-serif;font-size:13px;color:var(--w60);margin-bottom:30px;}

/* FAQ */
.ob-faq{margin:40px 0;border-top:1px solid var(--line);}
.ob-faq__item{border-bottom:1px solid var(--line);padding:20px 0;}
.ob-faq__q{font-family:'Montserrat',sans-serif;font-weight:700;font-size:18px;color:var(--white);margin:0 0 8px;}
.ob-faq__a{margin:0;color:var(--w85);}

/* CTA box */
.ob-cta{margin:48px 0 10px;padding:clamp(26px,4vw,40px);border:1px solid var(--line);border-radius:16px;
  background:radial-gradient(120% 140% at 50% 0,rgba(193,255,114,.10),transparent),var(--card);text-align:center;}
.ob-cta h2{margin:0 0 12px;}
.ob-cta p{max-width:560px;margin:0 auto 22px;}
.ob-btn{display:inline-block;background:var(--lime);color:#04110a;font-family:'Montserrat',sans-serif;font-weight:800;
  letter-spacing:.02em;padding:15px 34px;border-radius:9px;box-shadow:0 0 22px rgba(193,255,114,.32);}
.ob-btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 0 30px rgba(193,255,114,.5);}

/* Internal-link row + related */
.ob-links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0;}
.ob-links a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;color:var(--w85);}
.ob-links a:hover{border-color:var(--lime);color:var(--lime);text-decoration:none;}

/* Blog hub grid */
.ob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:30px 0;}
.ob-postcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;transition:transform .15s,border-color .15s;}
.ob-postcard:hover{transform:translateY(-3px);border-color:var(--lime);text-decoration:none;}
.ob-postcard__tag{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);}
.ob-postcard__title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:19px;color:var(--white);margin:8px 0 6px;line-height:1.25;}
.ob-postcard__desc{font-size:14px;color:var(--w60);margin:0;}

/* Footer */
.ob-foot{border-top:1px solid var(--line);padding:30px clamp(16px,4vw,40px);text-align:center;color:var(--w60);font-family:'Montserrat',sans-serif;font-size:12.5px;}
.ob-foot a{color:var(--w85);}
.ob-foot a:hover{color:var(--lime);}