:root{--paper:#fcfbf8;--ink:#161513;--soft:#3a3835;--red:#e11d24;--deep:#e11d24;--tint:#fbeaea;--sand:#f2efe8;--line:#e4dfd3;--gray:#807c74;--white:#fff;--display:'Fraunces',serif;--body:'Inter',sans-serif;--mono:'Space Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.65}a{text-decoration:none;color:inherit}ul{list-style:none}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(22,21,19,.05) 1px,transparent 0);background-size:28px 28px;opacity:.18}
header{position:sticky;top:0;z-index:50;background:rgba(252,251,248,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 8px 26px rgba(22,21,19,.04)}
.navbar{max-width:1280px;margin:auto;padding:18px 44px;display:flex;align-items:center;justify-content:space-between}.logo img{height:30px;width:auto;display:block}.navlinks{display:flex;gap:2px;align-items:center}.navlinks a{font-size:13.5px;font-weight:500;padding:10px 16px;color:var(--soft);border-radius:5px}.navlinks a:hover{color:var(--red);background:var(--tint)}.navlinks .active{color:var(--red)}.nav-cta{display:inline-flex;padding:12px 20px;border-radius:100px;background:var(--red);color:#fff;font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em}.nav-cta:hover{background:var(--deep)}
.wrap{max-width:1200px;margin:auto;padding:0 44px}.article-hero{padding:88px 0 62px;background:linear-gradient(180deg,#fff,var(--paper));border-bottom:1px solid var(--line);position:relative;overflow:hidden}.article-hero:after{content:"";position:absolute;width:480px;height:480px;right:-180px;top:-180px;border:1px solid rgba(227,6,19,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(227,6,19,.025),0 0 0 140px rgba(227,6,19,.018)}
.eyebrow{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:17px}.article-hero h1{font:600 clamp(40px,5.5vw,68px)/1.05 var(--display);letter-spacing:-.025em;max-width:900px}.article-hero h1 em{font-style:normal;font-family:inherit;color:var(--red)}.meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.pill{font:9.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:#fff}.pill.primary{background:var(--red);border-color:var(--red);color:#fff}.lede{max-width:760px;color:var(--gray);font-size:17px;margin-top:22px}
.content{padding:66px 0 110px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:54px}.article-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:46px;box-shadow:0 18px 50px rgba(22,21,19,.05);position:relative;overflow:hidden}.article-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--red)}.article-card h2{font:600 32px/1.15 var(--display);margin-bottom:18px}.article-card p{font-size:15px;color:var(--soft);margin-bottom:20px}.article-card .callout{margin:30px 0;padding:22px 24px;background:var(--tint);border-left:3px solid var(--red);border-radius:0 10px 10px 0}.article-card .callout strong{display:block;font:600 19px var(--display);margin-bottom:6px}.article-card .callout span{font-size:13px;color:var(--gray)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;padding:13px 20px;border-radius:100px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em}.btn.primary{background:var(--red);color:#fff;box-shadow:0 10px 25px rgba(227,6,19,.16)}.btn.primary:hover{background:var(--deep)}.btn.outline{border:1px solid var(--ink)}.btn.outline:hover{background:var(--ink);color:#fff}
.sidebar{position:sticky;top:100px;height:max-content}.side-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 14px 35px rgba(22,21,19,.05)}.side-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--gray);margin-bottom:17px}.filters{display:flex;flex-direction:column;gap:4px}.filter{padding:11px;border-radius:8px;font-size:12.5px;color:var(--soft);display:flex;justify-content:space-between}.filter:hover{background:var(--tint);color:var(--red)}.filter.current{background:var(--red);color:#fff}.agentic-card{margin-top:16px;background:var(--ink);border-radius:14px;padding:23px;color:#fff;position:relative;overflow:hidden}.agentic-card:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(227,6,19,.55);border-radius:50%;right:-40px;bottom:-50px}.agentic-card small{font:9px var(--mono);letter-spacing:.1em;color:#ff7a82;text-transform:uppercase}.agentic-card h3{font:600 23px/1.15 var(--display);margin:12px 0;color:#fff}.agentic-card p{font-size:12px;color:#b3afa6}.agentic-card a{display:inline-block;margin-top:18px;color:#fff;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--red);padding-bottom:4px}
footer{background:var(--ink);color:#9c988f;padding:62px 0 28px;border-top:2px solid var(--red)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo img{height:28px;width:auto;margin-bottom:16px}.footer-grid h5{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6b675f;margin-bottom:16px}.footer-grid li{font-size:13px;margin-bottom:9px}.footer-grid a:hover{color:var(--red)}.footer-bottom{padding-top:22px;font-size:11px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.article-card{animation:rise .65s cubic-bezier(.16,.8,.24,1) both}.sidebar{animation:rise .75s .08s cubic-bezier(.16,.8,.24,1) both}
@media(max-width:950px){.navlinks{display:none}.nav-cta{display:none}.article-layout{grid-template-columns:1fr}.sidebar{position:static}.article-card{padding:32px}}
@media(max-width:650px){.navbar{padding:16px 22px}.wrap{padding:0 22px}.article-hero{padding:65px 0 52px}.article-card{padding:26px}.article-hero h1{font-size:42px}.footer-grid{grid-template-columns:1fr 1fr}}

.signal-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}
.signal-chip{display:flex;align-items:center;gap:12px;padding:16px 15px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
.signal-chip svg{flex:none;width:26px;height:26px;color:var(--red);stroke:currentColor;stroke-width:1.6;fill:none}
.signal-chip span{font:12.5px/1.3 var(--body);color:var(--soft);font-weight:600}
.pull-quote{position:relative;margin:34px 0;padding:8px 8px 8px 30px;border-left:3px solid var(--red)}
.pull-quote:before{content:'\201C';position:absolute;left:-6px;top:-18px;font:700 64px var(--display);color:rgba(227,6,19,.18);line-height:1}
.pull-quote p{font:500 20px/1.4 var(--display) !important;color:var(--ink) !important;margin:0 !important}
.takeaway-card{margin:30px 0;background:var(--ink);border-radius:14px;padding:28px 30px;position:relative;overflow:hidden}
.takeaway-card:after{content:'';position:absolute;width:150px;height:150px;border:1px solid rgba(227,6,19,.5);border-radius:50%;right:-50px;bottom:-60px}
.takeaway-card strong{display:block;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#ff7a82;margin-bottom:16px}
.takeaway-card ol{padding-left:20px;position:relative;z-index:1}
.takeaway-card li{color:#e7e4de;font-size:14.5px;line-height:1.6;margin:0 0 12px}
.takeaway-card li:last-child{margin-bottom:0}
.orig-note{margin-top:22px;font-size:13px;color:var(--gray)}
@media(max-width:700px){.signal-strip{grid-template-columns:1fr}}

/* Normalize accent words */ em, .i { font-style: normal !important; font-family: inherit !important; }

.featured-image{max-width:1280px;margin:0 auto;padding:0 44px 8px}
.featured-image img{width:100%;height:340px;object-fit:cover;border-radius:16px;display:block;box-shadow:0 20px 50px rgba(22,21,19,.12)}
@media (max-width:780px){.featured-image{padding:0 22px 8px}.featured-image img{height:200px}}



/* TelcoBuddy Agentic AI — Red / Black / White theme */
:root{--paper:#ffffff;--ink:#111111;--soft:#2d2d2d;--red:#e11d24;--deep:#e11d24;--tint:#fff0f1;--sand:#f4f4f4;--line:#dedede;--gray:#6f6f6f;--white:#ffffff}
body{background:#fff;color:#111}
header{background:rgba(255,255,255,.94);border-bottom:1px solid #ddd;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.navlinks a:hover{background:#fff0f1;color:#e11d24}
.article-hero,.hero{background:linear-gradient(180deg,#fff,#fcfbf8)!important;color:#111;border-bottom:1px solid #e4dfd3}
.article-hero:after,.hero:after{border-color:rgba(227,6,19,.16);box-shadow:0 0 0 70px rgba(227,6,19,.025),0 0 0 140px rgba(227,6,19,.018)}
.article-hero h1,.hero h1{color:#111}.article-hero h1 em,.hero h1 em{color:#e11d24}.eyebrow{color:#e11d24}.lede,.hero p{color:#6f6f6f}.pill{background:#fff;color:#111;border-color:#444}.pill.primary{background:#e11d24;border-color:#e11d24;color:#fff}
.content{background:#fff}.article-card,.card{background:#fff;border-color:#ddd;box-shadow:0 20px 55px rgba(0,0,0,.08)}
.article-card:before{background:#e11d24}.article-card h2{color:#111}.article-card p{color:#333}.article-card .callout{background:#fff0f1;border-left-color:#e11d24}
.btn.primary,.nav-cta{background:#e11d24}.btn.primary:hover,.nav-cta:hover{background:#e11d24}.btn.outline{border-color:#111;color:#111}.btn.outline:hover{background:#111;color:#fff}
.side-box{background:#fff;border-color:#ddd}.filter{color:#333}.filter:hover{background:#fff0f1;color:#e11d24}.filter.current{background:#e11d24;color:#fff}
.agentic-card{background:#111;border:1px solid #292929;box-shadow:0 18px 45px rgba(0,0,0,.14)}
footer{background:#111;border-top:3px solid #e11d24;color:#aaa}.footer-grid{border-color:#333}.footer-grid h5{color:#777}.footer-grid a:hover{color:#ff3340}
@keyframes agenticGlow{0%,100%{box-shadow:0 0 0 rgba(227,6,19,0)}50%{box-shadow:0 0 35px rgba(227,6,19,.16)}}
.article-card{animation:rise .65s cubic-bezier(.16,.8,.24,1) both,agenticGlow 4s ease-in-out 1s infinite}



:root{
  --display:'Space Grotesk',sans-serif !important;
  --body:'Inter',sans-serif !important;
  --mono:'IBM Plex Mono',monospace !important;
  --font-display:'Space Grotesk',sans-serif !important;
  --font-body:'Inter',sans-serif !important;
  --font-mono:'IBM Plex Mono',monospace !important;
}
html,body,button,input,textarea,select{font-family:'Inter',Arial,sans-serif !important;}
h1,h2,h3,h4,h5,h6,.hero-title,.article-title,.card-title,.section-title,.wp-title,.footer-logo{font-family:'Space Grotesk',Arial,sans-serif !important;}
.eyebrow,.mono,.kicker,.label,.tag,.pill,.category-label,.side-label,.mm-title,.console-label,.bt-tag,.oi-sub,.hlabel,.uc-tab,.btn-cookie-accept,.btn-cookie-decline{font-family:'IBM Plex Mono',monospace !important;}

/* TelcoBuddy site-wide typography override */
*, *::before, *::after {
  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
}

html, body, button, input, textarea, select {
  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
}
/* Final typography specificity override */
html body [class],
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body li,
html body a,
html body button,
html body input,
html body textarea,
html body select {
  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
}