*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;line-height:1.75}a{color:inherit}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}.brand{font-weight:800;text-decoration:none;letter-spacing:.05em}.notice{font-size:12px;padding:9px 24px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}h1{font-size:clamp(36px,6vw,76px);line-height:1.07;letter-spacing:-.04em;margin:18px 0 28px}h2{line-height:1.2}p{max-width:75ch}.intro{font-size:20px;max-width:58ch}.hero{padding:50px 0 64px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:28px;display:flex;flex-direction:column}.card h2{font-size:26px}.card a{margin-top:auto;font-weight:700}.article{max-width:760px;margin:auto}.article h1{font-size:clamp(34px,5vw,56px)}.article section{margin:36px 0}.article h2{font-size:25px}.visual{height:220px;position:relative;overflow:hidden;margin:20px 0 36px}.meta{font-size:13px;opacity:.7}.back{display:inline-block;margin:30px 0}footer{margin-top:60px;border-top:1px solid currentColor;font-size:13px}footer p{max-width:90ch}@media(max-width:720px){header{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.hero{padding-top:24px}header,main,footer{padding:20px}.visual{height:150px}.intro{font-size:18px}}body{background:#eef1f4;color:#152338}.notice{background:#ffcb55;color:#152338}.brand{font-size:25px;font-style:italic}h1,h2{font-weight:900}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.hero .visual{height:260px;background:repeating-linear-gradient(135deg,#152338 0,#152338 24px,#203652 24px,#203652 48px);border-bottom:12px solid #ffcb55}.visual:before{content:'CEK. CATAT. RAWAT.';position:absolute;inset:30px;color:#fff;font-size:38px;line-height:1.4;font-weight:900}.card{background:#fff;border:1px solid #d4dce5;border-radius:6px;border-bottom:6px solid #ffcb55}.article{background:#fff;padding:35px;border-radius:6px}.article h2{border-left:5px solid #ffcb55;padding-left:15px}.eyebrow{color:#44627f}@media(max-width:720px){.hero{grid-template-columns:1fr}.hero .visual{height:180px}.article{padding:22px}}