.hero{background:linear-gradient(135deg, var(--warna-navy) 0%, var(--warna-biru) 100%);color:#fff;padding:clamp(4rem,12vw,8rem) 0}.hero__isi:before{content:"";background:var(--warna-kuning);width:4rem;height:.25rem;margin-bottom:1.5rem;display:block}.hero__slogan{color:#fff;margin:0 0 1rem}.hero__kalimat{max-width:36rem;margin:0 0 2rem;font-size:clamp(1.125rem,2.5vw,1.375rem)}.hero__tombol{background:var(--warna-kuning);color:var(--warna-navy);border-radius:.375rem;padding:.75rem 1.75rem;font-weight:700;text-decoration:none;display:inline-block}.hero__tombol:hover{filter:brightness(1.08)}.hero__tombol:focus-visible{outline-offset:3px;outline:3px solid #fff}.hero__aksi{flex-wrap:wrap;gap:1rem;display:flex}.hero__tombol--garis{color:#fff;background:0 0;box-shadow:inset 0 0 0 2px #fff}.hero__tombol--garis:hover{filter:none;background:#ffffff24}.ringkas{background:var(--warna-latar-abu);text-align:center;padding:3.5rem 0}.ringkas__judul{justify-content:center;align-items:center;gap:1.25rem;margin:0 0 .75rem;font-size:clamp(1.5rem,3.5vw,2.25rem);display:flex}.ringkas__tanda{border-top:3px solid var(--warna-kuning);border-right:3px solid var(--warna-kuning);flex-shrink:0;width:.7rem;height:.7rem}.ringkas__tanda--kiri{transform:rotate(45deg)}.ringkas__tanda--kanan{transform:rotate(-135deg)}.ringkas__warna{color:var(--warna-biru)}.ringkas__lead{max-width:36rem;margin:0 auto 2.5rem;font-size:1.125rem}.ringkas__grid{flex-wrap:wrap;justify-content:center;gap:1rem;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.ringkas__kartu{background:var(--warna-latar);border:1px solid #dbe3e8;border-top:4px solid var(--warna-biru);border-radius:.5rem;flex:0 0 100%;padding:1.5rem 1.25rem}@media (width>=40rem){.ringkas__kartu{flex-basis:calc(50% - .5rem)}}@media (width>=64rem){.ringkas__kartu{flex-basis:calc(25% - .75rem)}}.ringkas__bulat{background:var(--warna-biru);color:#fff;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;margin-bottom:.75rem;display:inline-grid}.ringkas__ikon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ringkas__nama{margin:0;font-size:1.0625rem}.ringkas__tombol{background:var(--warna-biru);color:#fff;border-radius:.375rem;padding:.75rem 1.75rem;font-weight:700;text-decoration:none;display:inline-block}.ringkas__tombol:hover{background:var(--warna-navy)}.ringkas__tombol:focus-visible{outline:3px solid var(--warna-biru);outline-offset:3px}