:root{--paper:#FCFBF8;--ink:#161513;--soft:#3A3835;--red:#E30613;--reddeep:#A80410;--tint:#FBEAEA;--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.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:0 44px}header{position:sticky;top:0;z-index:30;background:rgba(252,251,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:145px;height:auto}.navlinks{display:flex;gap:4px;align-items:center}.navlinks a{font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;border-radius:7px;color:var(--soft)}.navlinks a:hover,.navlinks a.active{color:var(--red);background:var(--tint)}.btn{display:inline-flex;padding:12px 18px;border-radius:999px;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.btn-primary{background:var(--red);color:#fff}.hero{background:linear-gradient(180deg,#fff,var(--paper));color:var(--ink);position:relative;overflow:hidden;padding:94px 0 88px;border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;right:-120px;top:-180px;width:560px;height:560px;border:1px solid rgba(227,6,19,.22);border-radius:50%;box-shadow:0 0 0 70px rgba(227,6,19,.035),0 0 0 140px rgba(227,6,19,.02)}.hero:after{content:'';position:absolute;left:50%;bottom:-210px;width:700px;height:300px;border-top:1px solid rgba(227,6,19,.2);border-radius:50%}.eyebrow{font:10px var(--mono);letter-spacing:.14em;color:var(--red);text-transform:uppercase;margin-bottom:18px}.hero h1{font:600 clamp(42px,6vw,74px)/1.02 var(--display);max-width:820px;letter-spacing:-.025em;color:var(--ink)}.hero h1 em{color:var(--red);font-style:italic}.hero .sub{margin-top:22px;max-width:760px;color:var(--gray);font-size:17px}.hero .agentic-line{margin-top:32px;display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:.08em;color:var(--soft);text-transform:uppercase}.dot{width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 18px rgba(227,6,19,.5)}section.content{padding:82px 0}.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start;margin-bottom:72px}.intro h2{font:600 clamp(28px,3.5vw,44px)/1.1 var(--display)}.intro h2 em{color:var(--red);font-style:italic}.intro p{color:var(--gray);font-size:16px;max-width:650px}.signal{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px;position:relative;overflow:hidden}.signal:after{content:'AGENTIC LOOP';position:absolute;right:20px;top:18px;font:9px var(--mono);color:var(--red);letter-spacing:.12em}.signal-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:24px}.signal-item{padding:18px 10px;background:var(--paper);border:1px solid var(--line);text-align:center;font:10px var(--mono);color:var(--soft);text-transform:uppercase}.signal-item:not(:last-child):after{content:'→';color:var(--red);position:relative;left:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.card{background:#fff;padding:28px;min-height:190px;transition:.25s}.card:hover{background:var(--tint);transform:translateY(-2px)}.num{font:10px var(--mono);color:var(--red)}.card h3{font:600 21px var(--display);margin:16px 0 9px}.card p{font-size:13px;color:var(--gray)}.bottom{margin-top:70px;background:var(--ink);color:#fff;border-radius:18px;padding:42px 46px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.bottom h2{font:600 32px var(--display)}.bottom p{color:#b8b4ac;margin-top:8px;max-width:720px;font-size:14px}footer{background:var(--ink);color:#fff;border-top:2px solid var(--red);padding:44px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}.footer-brand img{width:140px;filter:none}.footer-brand p{font-size:12px;color:#918d85;max-width:260px;margin-top:14px}.footer-col h4{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:13px}.footer-col a{display:block;font-size:12px;color:#a6a19a;margin:7px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #34322f;margin-top:32px;padding-top:18px;font:9px var(--mono);color:#77736d;display:flex;justify-content:space-between}.back{color:#fff}.back:hover{color:#ff5a62}@media(max-width:850px){.navlinks{display:none}.intro{grid-template-columns:1fr;gap:30px}.grid{grid-template-columns:1fr 1fr}.signal-row{grid-template-columns:1fr}.signal-item:not(:last-child):after{display:none}.bottom{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{padding:0 22px}.grid{grid-template-columns:1fr}.hero{padding:72px 0}.hero h1{font-size:48px}}

.timeline-section{margin-top:70px}
.timeline-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:30px}
.timeline-head h2{font:600 clamp(26px,3.2vw,38px)/1.1 var(--display)}
.timeline-head h2 em{color:var(--red);font-style:italic}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.timeline:before{content:'';position:absolute;top:19px;left:4%;right:4%;height:1px;background:var(--line)}
.tl-step{position:relative;padding:0 18px 0 0}
.tl-dot{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--red);color:var(--red);display:flex;align-items:center;justify-content:center;font:700 13px var(--mono);position:relative;z-index:1;margin-bottom:18px}
.tl-step h3{font:600 17px var(--display);margin-bottom:7px}
.tl-step p{font-size:13px;color:var(--gray);line-height:1.55}
@media(max-width:850px){.timeline{grid-template-columns:1fr 1fr;row-gap:30px}.timeline:before{display:none}}
@media(max-width:560px){.timeline{grid-template-columns:1fr}}

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

.img-banner{padding:56px 0 0}
.img-banner .banner-fig{margin:0;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.img-banner .banner-fig img{width:100%;height:360px;object-fit:cover;display:block}
@media (max-width:780px){.img-banner .banner-fig img{height:220px}}



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