How an IT Service Provider Can Simplify Budgeting for Small Businesses | Gradius IT Solutions
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
–white:#ffffff;–off:#fafaf8;–ink:#0f0f0d;–ink2:#2a2a26;–muted:#6b6b65;
–red:#FF0000;–red2:#CC0000;–red-lt:#fff1f1;
–rule:#e8e8e4;–panel:#f4f4f0;
–blue:#0055cc;–blue-lt:#f0f4ff;
}
html{scroll-behavior:smooth;}
body{background:var(–white);color:var(–ink);font-family:”Lora”,Georgia,serif;font-size:18px;line-height:1.8;-webkit-font-smoothing:antialiased;}
.hero-img{width:100%;height:520px;background:#050810;position:relative;overflow:hidden;}
.hero-scene{width:100%;height:100%;position:absolute;inset:0;}
.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:48px;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.15) 55%,transparent 100%);z-index:10;}
.hero-cat{font-family:”Barlow”,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:10px;}
.hero-title{font-family:”Barlow”,sans-serif;font-size:clamp(24px,4.2vw,50px);font-weight:900;letter-spacing:-0.025em;text-transform:uppercase;color:#fff;text-align:center;line-height:1.0;max-width:900px;padding:0 24px;}
.hero-title span{color:#FF3333;}
.topbar{background:#fff;border-bottom:1px solid var(–rule);padding:16px 48px;display:flex;align-items:center;justify-content:space-between;}
.tb-logo{font-family:”Barlow”,sans-serif;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(–ink);text-decoration:none;}
.tb-logo span{color:var(–red);}
.tb-back{font-family:”Barlow”,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(–muted);text-decoration:none;}
.tb-back:hover{color:var(–red);}
.article-wrap{max-width:740px;margin:0 auto;padding:64px 24px 80px;}
.meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(–rule);}
.meta-tag{background:var(–red);color:#fff;font-family:”Barlow”,sans-serif;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;padding:5px 14px;border-radius:100px;}
.meta-info{font-family:”Barlow”,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(–muted);}
.article-body h2{font-family:”Barlow”,sans-serif;font-size:clamp(22px,3.5vw,30px);font-weight:900;text-transform:uppercase;letter-spacing:-0.02em;color:var(–ink);line-height:1.1;margin:56px 0 18px;}
.article-body