
: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.55}a{text-decoration:none;color:inherit}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}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,.92);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)}.nav-toggle{display:none}
.wrap{max-width:1200px;margin:auto;padding:0 44px}.hero{padding:92px 0 72px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--paper));position:relative;overflow:hidden}.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:16px}.hero h1{font:600 clamp(42px,6vw,72px)/1.02 var(--display);letter-spacing:-.025em;max-width:850px}.hero h1 em{color:var(--red);font-style:italic}.hero p{max-width:650px;color:var(--gray);font-size:17px;margin-top:22px}.signal{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.signal span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:#fff}.signal span:first-child{background:var(--red);border-color:var(--red);color:#fff}
.content{padding:72px 0 110px}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:54px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head h2{font:600 36px/1.1 var(--display)}.section-head h2:after{content:"";display:block;width:46px;height:2px;background:var(--red);margin-top:14px}.section-head p{font-size:12px;color:var(--gray);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}
.posts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.post{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:350px;transition:transform .3s cubic-bezier(.16,.8,.24,1),box-shadow .3s,border-color .3s;opacity:0;transform:translateY(18px)}.post.in{opacity:1;transform:none}.post{cursor:pointer}.post:focus-visible{outline:2px solid var(--red);outline-offset:3px}.post:hover{transform:translateY(-6px);border-color:rgba(227,6,19,.35);box-shadow:0 20px 45px rgba(22,21,19,.09)}.post-visual{height:145px;background:linear-gradient(135deg,#161513 0%,#252321 55%,#4a171b 100%);position:relative;overflow:hidden}.post-visual:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(227,6,19,.45);border-radius:50%;right:-30px;top:-75px;box-shadow:0 0 0 28px rgba(227,6,19,.06),0 0 0 58px rgba(227,6,19,.04)}.post-visual:after{content:"AGENTIC / AI / TELECOM";position:absolute;left:18px;bottom:17px;font:9px var(--mono);letter-spacing:.1em;color:#fff;opacity:.72}.post-num{position:absolute;left:18px;top:16px;font:10px var(--mono);color:#ff7a82;letter-spacing:.08em}.post-body{padding:24px;display:flex;flex-direction:column;flex:1}.post-cat{font:9.5px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--red);margin-bottom:10px}.post h3{font:600 22px/1.18 var(--display);margin-bottom:12px}.post p{font-size:13.5px;color:var(--gray);line-height:1.6}.read{margin-top:auto;padding-top:20px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);display:flex;justify-content:space-between}.read span:last-child{color:var(--red);font-size:17px}
.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:12px 11px;border-radius:8px;text-align:left;font-size:13px;color:var(--soft);display:flex;justify-content:space-between;align-items:center}.filter:hover{background:var(--tint);color:var(--red)}.filter.active{background:var(--red);color:#fff}.filter b{font:9px var(--mono);opacity:.7}.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}
.no-results{display:none;padding:45px;text-align:center;border:1px dashed var(--line);border-radius:14px;background:#fff;color:var(--gray);font-size:14px}.no-results.show{display:block}
.signal span{background:#fff!important;color:#111!important;border-color:rgba(255,255,255,.75)!important;box-shadow:0 8px 22px rgba(0,0,0,.16);transition:transform .25s,box-shadow .25s}.signal span:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(227,6,19,.2)}.signal span:first-child{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
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}
@media(max-width:950px){.navlinks{display:none}.nav-cta{display:none}.nav-toggle{display:block;width:28px;height:22px}.nav-toggle:before,.nav-toggle:after,.nav-toggle{background:linear-gradient(var(--ink),var(--ink)) center/100% 2px no-repeat}.blog-layout{grid-template-columns:1fr}.sidebar{position:static}.filters{display:grid;grid-template-columns:1fr 1fr}.agentic-card{display:none}}
@media(max-width:650px){.navbar{padding:16px 22px}.wrap{padding:0 22px}.hero{padding:65px 0 55px}.posts{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:12px}.footer-grid{grid-template-columns:1fr 1fr}}
/* Normalize accent words */ em, .i { font-style: normal !important; font-family: inherit !important; }



/* 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}

/* Final visual polish: visible signal labels + richer insight-card artwork */
.signal span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:10px 16px!important;color:#111!important;background:#fff!important;font-size:10px!important;line-height:1!important;opacity:1!important;visibility:visible!important}
.signal span:first-child{color:#fff!important;background:#e11d24!important}
.post-visual{background-color:#151515!important;background-image:radial-gradient(circle at 78% 18%,rgba(227,6,19,.22) 0 2px,transparent 3px),linear-gradient(115deg,transparent 0 46%,rgba(227,6,19,.18) 46.5%,transparent 47%),linear-gradient(25deg,transparent 0 63%,rgba(255,255,255,.06) 63.5%,transparent 64%)!important}
.post-visual:before{width:205px!important;height:205px!important;right:-52px!important;top:-92px!important;border:1px solid rgba(227,6,19,.62)!important;box-shadow:0 0 0 30px rgba(227,6,19,.07),0 0 0 62px rgba(227,6,19,.035),inset 0 0 40px rgba(227,6,19,.08)!important}
.post-visual:after{left:18px!important;bottom:17px!important;z-index:2!important}
.post-num{z-index:4!important;background:rgba(0,0,0,.18);padding:3px 6px;border-radius:4px}
/* Distinct abstract visual language for each insight */
.post:nth-child(3n+1) .post-visual{background-image:radial-gradient(circle at 25% 35%,rgba(255,255,255,.18) 0 2px,transparent 3px),radial-gradient(circle at 45% 65%,rgba(227,6,19,.55) 0 3px,transparent 4px),linear-gradient(145deg,transparent 0 48%,rgba(227,6,19,.28) 49%,transparent 50%),linear-gradient(25deg,transparent 0 58%,rgba(255,255,255,.07) 59%,transparent 60%)!important}
.post:nth-child(3n+2) .post-visual{background-image:repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.045) 29px 30px),radial-gradient(circle at 70% 45%,rgba(227,6,19,.4) 0 26px,transparent 27px),linear-gradient(135deg,rgba(227,6,19,.16),transparent 55%)!important}
.post:nth-child(3n) .post-visual{background-image:radial-gradient(circle at 28% 72%,rgba(227,6,19,.45) 0 4px,transparent 5px),radial-gradient(circle at 48% 42%,rgba(255,255,255,.16) 0 3px,transparent 4px),linear-gradient(35deg,transparent 0 45%,rgba(227,6,19,.22) 46%,transparent 47%),linear-gradient(155deg,transparent 0 63%,rgba(255,255,255,.06) 64%,transparent 65%)!important}
.post:hover .post-visual:before{transform:scale(1.04) rotate(8deg);transition:transform .5s ease}
.post-visual:before{transition:transform .5s ease}



/* White blog artwork with animated TelcoBuddy red intelligence design */
.post-visual{
  background:#fff!important;
  background-image:
    radial-gradient(circle at 82% 24%, rgba(227,6,19,.10) 0 2px, transparent 3px),
    radial-gradient(circle at 70% 65%, rgba(227,6,19,.07) 0 1.5px, transparent 2.5px),
    linear-gradient(90deg, transparent 0 49.5%, rgba(227,6,19,.07) 50%, transparent 50.5%),
    linear-gradient(0deg, transparent 0 49.5%, rgba(227,6,19,.06) 50%, transparent 50.5%)!important;
  border-bottom:1px solid rgba(227,6,19,.14);
}
.post-visual:before{
  width:150px!important;height:150px!important;
  right:-25px!important;top:-78px!important;
  border:1.5px solid rgba(227,6,19,.65)!important;
  box-shadow:0 0 0 24px rgba(227,6,19,.055),0 0 0 48px rgba(227,6,19,.035)!important;
  animation:redOrbit 6s linear infinite;
}
.post-visual:after{
  content:"AGENTIC / AI / TELECOM"!important;
  color:#e11d24!important;
  opacity:1!important;
  left:18px!important;bottom:16px!important;
  text-shadow:none!important;
}
.post-visual .post-num{color:#e11d24!important;z-index:2}
.post-visual{transition:background .3s ease, box-shadow .3s ease}
.post:hover .post-visual{background-color:#fff!important;box-shadow:inset 0 -3px 0 #e11d24}
.post-visual::marker{color:#e11d24}
@keyframes redOrbit{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
/* subtle animated red intelligence pulse */
.post-visual .post-num:after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;border-radius:50%;background:#e11d24;vertical-align:middle;animation:redPulse 1.8s ease-in-out infinite}
@keyframes redPulse{0%,100%{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}



: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;}



.post{border-radius:22px!important;}
.post-visual{
  height:150px!important; background:#fff!important;
  border-bottom:1px solid #eee!important;
  position:relative; overflow:hidden;
}
.post-visual:before,.post-visual:after{content:none!important;}
.post-visual img{position:absolute!important; inset:0!important; width:100%!important; height:100%!important; object-fit:cover!important; opacity:1!important;}
.post-visual .orbit,.post-visual .node,.post-visual .node2,.post-visual .node3{display:none!important;}
.post-num{position:absolute!important; left:18px!important; top:16px!important; font:500 11px var(--mono)!important; color:#e11d24!important; letter-spacing:.05em!important; z-index:2!important; background:none!important; padding:0!important;}
.post-num:after{content:none!important;}
.post-cat{color:var(--gray)!important; font:500 10px var(--mono)!important; letter-spacing:.12em!important;}
.post h3{font:700 22px/1.18 var(--display)!important;}
.read{margin-top:auto; padding-top:20px; font:600 12px var(--body)!important; color:var(--red)!important; display:inline-flex!important; gap:7px; align-items:center; justify-content:flex-start!important; text-transform:none!important; letter-spacing:normal!important;}
.read span:first-child{color:var(--red)!important;}
.read span:last-child{color:var(--red)!important; font-size:14px!important; transition:transform .2s;}
.post:hover .read span:last-child{transform:translateX(4px);}

/* 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;
}