:root{--navy:#0a2a66;--blue:#1467c8;--ink:#152238;--muted:#68758a;--line:#e2e9f2;--canvas:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,"Segoe UI",Arial,sans-serif}.site-header{height:86px;background:#fff;border-bottom:1px solid rgba(15,48,96,.08)}.header-inner{max-width:1180px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;color:var(--navy);text-decoration:none}.brand img{width:57px;max-height:60px;object-fit:contain}.brand span{display:grid;gap:3px;letter-spacing:.01em}.brand strong{font-size:16px}.brand small{color:var(--muted);font-size:12px}.header-link{padding:10px 15px;color:var(--navy);font-weight:700;font-size:14px;border:1px solid #cbdcf1;border-radius:999px;text-decoration:none;transition:.2s}.header-link:hover{background:#edf5ff;border-color:#98bce6}.hero{min-height:350px;position:relative;display:grid;place-items:center;background:url('gedungbaru1.jpeg') center 46%/cover;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,29,73,.9),rgba(8,54,125,.72) 52%,rgba(7,38,90,.32))}.hero-content{position:relative;width:min(1180px,100%);padding:60px 28px;color:#fff}.eyebrow{margin:0 0 12px;color:#5f9ee8;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero .eyebrow{color:#b8d8ff}h1,h2,p{margin-top:0}.hero h1{max-width:630px;margin-bottom:15px;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.045em}.hero h1 em{color:#8fc6ff;font-style:normal}.hero-copy{max-width:550px;margin-bottom:26px;color:#e9f3ff;font-size:17px;line-height:1.6}.scroll-cue{color:#fff;font-weight:700;text-decoration:none}.scroll-cue span{margin-left:7px;color:#8fc6ff;font-size:20px}.services{max-width:1180px;margin:0 auto;padding:64px 28px 72px}.section-heading{margin-bottom:27px;display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{margin:0;font-size:clamp(25px,3vw,34px);letter-spacing:-.03em}.section-heading>p{margin:0;color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:99px;padding:18px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;box-shadow:0 2px 4px rgba(24,53,96,.02);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{transform:translateY(-3px);border-color:#a9c9ed;box-shadow:0 13px 28px rgba(28,77,142,.12)}.card-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;color:#1766bf;background:#eaf3ff;border-radius:11px;font-weight:800;font-size:19px}.card-content{min-width:0;display:grid;gap:5px}.card-content strong{font-size:14px;line-height:1.25}.card-content small{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.service-card b{margin-left:auto;color:#77a9df;font-size:17px}.site-footer{padding:28px max(28px,calc((100% - 1124px)/2));display:flex;justify-content:space-between;gap:26px;color:#c9d8ec;background:#08295b;font-size:13px;line-height:1.6}.site-footer div{display:grid}.site-footer strong{color:#fff}.site-footer a{color:#9fceff;text-decoration:none}@media(max-width:850px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.site-header{height:74px}.header-inner{padding:0 18px}.brand img{width:42px}.brand strong{font-size:13px}.brand small,.header-link{display:none}.hero{min-height:330px}.hero-content,.services{padding-left:20px;padding-right:20px}.section-heading{display:block}.section-heading>p{margin-top:10px}.service-grid{grid-template-columns:1fr;gap:11px}.service-card{min-height:82px}.site-footer{display:grid;padding:25px 20px}}