/* Service-led hero while preserving the existing Cibitung Digital visual system. */
.hero{padding-top:132px;padding-bottom:72px}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:58px}
.hero-copy h1{font-size:clamp(43px,4.7vw,64px);max-width:720px;margin-bottom:20px}
.hero-copy h1 em{display:block}
.hero-copy>p{max-width:670px}
.hero-service-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:25px 0 4px;max-width:650px}
.hero-service-tags a{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #d4ded9;border-radius:9px;background:rgba(255,255,255,.72);font-size:11px;font-weight:700;transition:.2s}
.hero-service-tags a:hover{background:#fff;border-color:#a8cfc0;transform:translateY(-2px)}
.hero-service-tags span{display:grid;place-items:center;flex:none;width:32px;height:27px;border-radius:6px;background:#0a2722;color:var(--lime);font-size:7px;letter-spacing:.5px}
.hero-assurance{font-size:10px;font-weight:600;color:#60716c;margin-top:24px}
.hero-assurance>span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:50%;background:#dff4e9;color:#0a9268}
.hero-actions{margin:21px 0 0}
.hero-services-panel{position:relative;align-self:start;background:linear-gradient(145deg,#071f1b,#0b2b25);color:#fff;border:1px solid #23443c;border-radius:18px;padding:26px;box-shadow:0 28px 65px rgba(5,33,28,.2);overflow:hidden}.hero-services-panel:before{content:'';position:absolute;width:210px;height:210px;border-radius:50%;right:-95px;top:-115px;background:rgba(183,227,75,.08);pointer-events:none}
.hero-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hero-panel-head small{display:block;color:#79a098;font-size:8px;letter-spacing:1.4px;font-weight:800}.hero-panel-head h2{font-size:21px;margin-top:5px}.hero-panel-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#173c35;color:var(--lime);font-size:10px;font-weight:800}
.hero-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-panel-grid>a{position:relative;display:grid;grid-template-columns:37px 1fr;gap:11px;min-height:139px;padding:18px 15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:12px;transition:.2s}.hero-panel-grid>a:hover{background:rgba(255,255,255,.1);border-color:rgba(183,227,75,.4);transform:translateY(-2px)}.hero-panel-grid>a>span{display:grid;place-items:center;width:37px;height:34px;border-radius:8px;background:#24473f;color:var(--lime);font-size:7px;font-weight:800}.hero-panel-grid h3{font-size:14px;margin:3px 0 7px}.hero-panel-grid p{margin:0;color:#9bb0aa;font-size:10px;line-height:1.55}.hero-panel-grid i{position:absolute;right:14px;bottom:10px;color:var(--lime);font-style:normal;font-size:13px}
.hero-experience{display:flex;align-items:end;justify-content:space-between;margin-top:11px;padding:19px 20px;border-radius:12px;background:linear-gradient(120deg,#21c997,#8cda55);color:#06251e}.hero-experience>div{display:grid}.hero-experience small{font-size:7px;letter-spacing:1.1px;font-weight:800}.hero-experience strong{font:800 23px/1.15 var(--font-head);margin-top:5px}.hero-experience span{font-size:9px;margin-top:4px;max-width:310px}.hero-experience>b{font:800 48px/1 var(--font-head);opacity:.18}
@media(max-width:760px){.hero{padding-top:104px}.hero-copy h1 em{display:inline}.hero-services-panel{margin-top:6px}}
@media(max-width:480px){.hero-assurance{line-height:1.8}.hero-services-panel{padding:17px}.hero-panel-grid{grid-template-columns:1fr}.hero-panel-grid>a{min-height:112px}.hero-experience strong{font-size:24px}}

/* Refined IT consultant positioning */
.site-header{height:82px;border-top:3px solid #0c8a67;background:rgba(255,255,255,.95);box-shadow:0 8px 30px rgba(5,33,28,.05)}
.brand{gap:12px}.brand-mark{width:40px;height:40px}.brand-name{display:grid;font-size:18px;line-height:1.05}.brand-name small{margin-top:5px;color:#73837e;font:700 7px/1 var(--font-body);letter-spacing:1.8px}
.site-header nav{gap:27px}.site-header nav>a:not(.btn),.site-header .services-trigger{font-size:13px}.nav-cta{gap:10px;padding:12px 18px;border-radius:9px}.nav-cta i{font-style:normal;font-size:15px}
.hero{min-height:760px;padding-top:146px;padding-bottom:78px;display:flex;align-items:center;background:radial-gradient(circle at 83% 20%,rgba(183,227,75,.14),transparent 26%),linear-gradient(135deg,#f8f8f4 0%,#eff6f2 100%)}
.hero-grid{grid-template-columns:1.03fr .97fr;gap:64px}.hero-copy h1{font-size:clamp(45px,4.65vw,64px);max-width:700px;margin:25px 0 22px;line-height:1.07;letter-spacing:-3.5px}.hero-copy>p{max-width:665px;font-size:17px;line-height:1.72}
.eyebrow{padding:8px 14px;border-color:#ccd9d4;box-shadow:0 6px 18px rgba(8,42,35,.04);font-size:9px;letter-spacing:1.65px}.eyebrow b{padding-left:9px;margin-left:2px;border-left:1px solid #cbd7d3;color:#667873;font-size:8px}
.hero-actions{margin:29px 0 0}.hero-actions .btn{padding:16px 22px;border-radius:9px}.hero-actions .text-link{font-size:13px}
.hero-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;padding-top:23px;border-top:1px solid #d8e1dd;font-size:inherit;color:inherit}.hero-assurance>div{display:flex;gap:8px;align-items:flex-start}.hero-assurance>div>span{display:inline-grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:#d9f2e7;color:#0a9268;font-size:10px;font-weight:800}.hero-assurance p{display:grid;margin:0;line-height:1.3}.hero-assurance b{font-size:10px}.hero-assurance small{margin-top:3px;color:#75847f;font-size:8px;line-height:1.35}
.hero-services-panel{align-self:center;border-radius:20px;padding:28px;box-shadow:0 35px 80px rgba(5,33,28,.22)}.hero-panel-head h2{font-size:22px}.hero-panel-grid>a{min-height:132px}.hero-experience span{max-width:360px;line-height:1.4}
@media(max-width:980px){.site-header nav{gap:17px}.hero-grid{gap:34px}.hero-copy h1{font-size:45px}.hero-assurance{grid-template-columns:1fr}.hero-assurance small{display:none}}
@media(max-width:760px){.site-header{height:72px}.brand-name{font-size:16px}.brand-name small{font-size:6px}.hero{min-height:auto;padding-top:112px;padding-bottom:58px}.hero-copy h1{font-size:clamp(40px,11.5vw,52px);letter-spacing:-2.5px}.hero-copy h1 em{display:inline}.hero-copy>p{font-size:16px}.hero-assurance{grid-template-columns:repeat(3,1fr);gap:8px}.hero-assurance b{font-size:9px}.hero-services-panel{margin-top:10px}.eyebrow b{display:none}}
@media(max-width:480px){.brand-mark{width:35px;height:35px}.hero-actions{align-items:stretch;flex-direction:column;gap:10px}.hero-actions .text-link{text-align:center}.hero-assurance{grid-template-columns:1fr;line-height:normal}.hero-assurance small{display:block}.hero-experience{padding:17px}.hero-experience strong{font-size:21px}.hero-experience>b{font-size:38px}}

/* Larger, category-specific service cards */
.hero-panel-head{margin-bottom:22px}.hero-panel-head small{font-size:9px;letter-spacing:1.7px}.hero-panel-head h2{font-size:25px;margin-top:8px}
.hero-panel-grid{gap:12px}.hero-panel-grid>a{grid-template-columns:58px 1fr;gap:16px;min-height:154px;padding:22px 19px;border-radius:14px}
.hero-panel-grid .service-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:13px;background:linear-gradient(145deg,#28574c,#1b463c);color:var(--lime)}
.hero-panel-grid .service-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-panel-grid a>div>small{display:block;margin-bottom:5px;color:#6f978d;font-size:7px;font-weight:800;letter-spacing:1.1px}
.hero-panel-grid h3{font-size:16px;margin:0 0 8px}.hero-panel-grid p{font-size:11px;line-height:1.6}.hero-panel-grid i{right:18px;bottom:14px;font-size:17px;transition:transform .2s}.hero-panel-grid>a:hover i{transform:translateX(4px)}
@media(max-width:980px) and (min-width:761px){.hero-panel-grid>a{grid-template-columns:45px 1fr;padding:17px 14px}.hero-panel-grid .service-icon{width:45px;height:45px}.hero-panel-grid .service-icon svg{width:24px;height:24px}.hero-panel-grid h3{font-size:14px}}
@media(max-width:480px){.hero-panel-head h2{font-size:21px}.hero-panel-grid>a{grid-template-columns:52px 1fr;min-height:126px;padding:18px}.hero-panel-grid .service-icon{width:52px;height:52px}.hero-panel-grid .service-icon svg{width:27px;height:27px}.hero-panel-grid h3{font-size:16px}.hero-panel-grid p{font-size:11px}}

/* Stronger hierarchy and clearer card actions */
.hero-services-panel{padding:32px}.hero-panel-head small{color:#8fc0b4}.hero-panel-head h2{max-width:440px;font-size:27px;line-height:1.15}
.hero-panel-grid>a{min-height:178px;padding:23px 20px 43px;background:rgba(255,255,255,.065);border-color:rgba(169,210,198,.2);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.hero-panel-grid>a:before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 3px 3px 0;background:var(--card-accent,var(--lime));opacity:.9}
.hero-panel-grid .service-web{--card-accent:#42d8aa}.hero-panel-grid .service-system{--card-accent:#79d6e8}.hero-panel-grid .service-software{--card-accent:#b7e34b}.hero-panel-grid .service-bi{--card-accent:#f2c94c}
.hero-panel-grid>a .service-icon{background:#245348;color:var(--card-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.hero-panel-grid a>div>small{color:var(--card-accent);font-size:8px;letter-spacing:1.25px;opacity:.92}.hero-panel-grid h3{font-size:17px;line-height:1.2}.hero-panel-grid p{color:#b5c8c2;font-size:11.5px;line-height:1.55}
.hero-panel-grid i{left:94px;right:19px;bottom:17px;display:flex;justify-content:space-between;align-items:center;color:#d8e6e1;font:700 9px/1 var(--font-body);letter-spacing:.5px;text-transform:uppercase}.hero-panel-grid i b{color:var(--card-accent);font-size:18px;line-height:1;transition:transform .2s}.hero-panel-grid>a:hover{background:rgba(255,255,255,.105);border-color:var(--card-accent)}.hero-panel-grid>a:hover i{transform:none}.hero-panel-grid>a:hover i b{transform:translateX(4px)}
.hero-experience{margin-top:14px;padding:22px 23px}.hero-experience small{font-size:8px}.hero-experience strong{font-size:25px}.hero-experience span{font-size:10px;line-height:1.5}
@media(max-width:980px) and (min-width:761px){.hero-services-panel{padding:23px}.hero-panel-head h2{font-size:23px}.hero-panel-grid>a{min-height:170px;padding-bottom:42px}.hero-panel-grid i{left:76px}}
@media(max-width:480px){.hero-services-panel{padding:18px}.hero-panel-grid>a{min-height:155px;padding-bottom:42px}.hero-panel-grid i{left:86px}.hero-panel-grid p{font-size:11px}.hero-experience strong{font-size:21px}}