:root{--paper:#fcfbf8;--ink:#161513;--soft:#3a3835;--red:#e30613;--red2:#a80410;--tint:#fbeaea;--sand:#f2efe8;--line:#e4dfd3;--gray:#807c74;--display:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;--mono:'IBM Plex 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 34px}
header{position:sticky;top:0;z-index:50;background:rgba(252,251,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo img{width:128px;height:auto;display:block}.navlinks{display:flex;gap:2px;align-items:center}.navlinks a,.navlinks button{font:500 13.5px var(--body);padding:10px 16px;color:var(--soft);background:none;border:0;cursor:pointer}.navlinks a:hover,.navlinks button:hover{color:var(--red)}.nav-toggle{display:none;background:none;border:0}.nav-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}.btn{display:inline-flex;align-items:center;padding:13px 21px;border-radius:999px;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red2)}
.hero{padding:92px 0 78px;background:linear-gradient(180deg,#fff,#fcfbf8);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:500px;height:500px;right:-210px;top:-220px;border:1px solid rgba(227,6,19,.16);border-radius:50%;box-shadow:0 0 0 75px rgba(227,6,19,.025),0 0 0 150px rgba(227,6,19,.015)}.eyebrow{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:15px}.hero h1{font:600 clamp(42px,6vw,72px)/1.02 var(--display);max-width:900px;letter-spacing:-.025em}.hero h1 em{color:var(--red);font-style:normal}.hero p{margin-top:22px;max-width:760px;color:var(--gray);font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn-outline{border:1px solid var(--ink)}
.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}}
.section{padding:88px 0;border-bottom:1px solid var(--line)}.section-head{max-width:720px;margin-bottom:46px}.section-head h2{font:600 clamp(31px,4vw,48px)/1.08 var(--display)}.section-head p{margin-top:15px;color:var(--gray);font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px;min-height:220px;box-shadow:0 15px 45px rgba(22,21,19,.045);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(22,21,19,.09)}.num{font:11px var(--mono);color:var(--red);letter-spacing:.1em}.card h3{font:600 23px/1.15 var(--display);margin:14px 0 10px}.card p{font-size:14px;color:var(--gray)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.tag{font:10px var(--mono);padding:6px 8px;background:var(--tint);color:var(--red);border-radius:999px}
.dark{background:var(--ink);color:#fff}.dark .section-head p,.dark .card p{color:#b3afa6}.dark .card{background:#211f1d;border-color:#3b3834}.dark .card h3{color:#fff}.architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #3d3935;border-radius:16px;overflow:hidden}.layer{padding:30px;border-right:1px solid #3d3935}.layer:last-child{border-right:0}.layer h3{font:600 22px var(--display);margin:10px 0}.layer p{font-size:14px;color:#b3afa6}.layer .label{font:10px var(--mono);letter-spacing:.1em;color:#e30613;text-transform:uppercase}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.stat{padding:26px 20px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{font:600 31px var(--display);color:var(--red);display:block}.stat span{font-size:12px;color:var(--gray)}
.cta{text-align:center;padding:95px 0}.cta h2{font:600 clamp(34px,4vw,52px)/1.08 var(--display);max-width:760px;margin:0 auto}.cta p{color:var(--gray);max-width:650px;margin:16px auto 28px}footer{background:var(--ink);color:#aaa59b;padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}footer h4{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6f6b63;margin-bottom:14px}footer a{display:block;font-size:13px;margin:8px 0}footer a:hover{color:#fff}.brand{font:600 20px var(--display);color:#fff}.footer-grid p{font-size:13px;max-width:280px;margin-top:12px}.bottom{padding-top:20px;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:900px){.navlinks{display:none}.nav-toggle{display:block}.grid{grid-template-columns:1fr 1fr}.architecture{grid-template-columns:1fr}.layer{border-right:0;border-bottom:1px solid #3d3935}.layer:last-child{border-bottom:0}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:620px){.wrap{padding:0 22px}.hero{padding:70px 0 55px}.grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.navlinks.mobile{display:flex;position:absolute;top:82px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:8px 22px 20px;border-top:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.08)}.navlinks.mobile a{padding:15px 4px;border-bottom:1px solid var(--line)} }

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