/* id-no9 — soft Merah Putih, airy layout */
:root {
  --red: #d8212e;
  --red-deep: #b41824;
  --red-mist: #fff1f2;
  --red-line: rgba(216, 33, 46, 0.18);
  --white: #ffffff;
  --snow: #faf7f7;
  --ink: #1a1a1a;
  --mute: #6b6b6b;
  --line: rgba(26, 26, 26, 0.08);
  --radius: 20px;
  --radius-sm: 12px;
  --header: 60px;
  --max: 1040px;
  --serif: "Literata", Georgia, serif;
  --sans: "Figtree", "Segoe UI", sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--sans);
  font-size: 1.02rem;
  line-height: 1.7;
  color: var(--ink);
  background: var(--white);
  overflow-x: hidden;
  padding-top: var(--header);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
}

.header_center_9498 {
  width: min(100% - 2rem, var(--max));
  margin-inline: auto;
}

/* —— sticky auth —— */
.paragraph_5289 {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  height: var(--header);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}

.text_bebc {
  height: 100%;
  width: min(100% - 1.25rem, var(--max));
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.icon_3481 img {
  height: 34px;
  width: auto;
  max-width: min(168px, 42vw);
  object-fit: contain;
}

.light-73e7 {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-shrink: 0;
}

.section_f246 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.5rem 1.15rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.9rem;
  border: 1.5px solid transparent;
  cursor: pointer;
  transition: background 0.25s var(--ease), color 0.25s var(--ease), transform 0.2s var(--ease), box-shadow 0.25s var(--ease);
}

.section_f246:active {
  transform: scale(0.98);
}

.search-slow-4214 {
  background: transparent;
  border-color: var(--red);
  color: var(--red);
}

.search-slow-4214:hover {
  background: var(--red-mist);
}

.icon_7b42 {
  background: var(--red);
  color: var(--white);
  box-shadow: 0 10px 24px rgba(216, 33, 46, 0.22);
}

.icon_7b42:hover {
  background: var(--red-deep);
}

.current_2339 {
  background: var(--ink);
  color: var(--white);
}

.current_2339:hover {
  background: #333;
}

.item-first-2274 {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: var(--white);
  cursor: pointer;
  padding: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
}

.item-first-2274 span {
  width: 16px;
  height: 1.5px;
  background: var(--ink);
  border-radius: 2px;
}

/* —— soft nav —— */
.active-huge-1d06 {
  background: var(--snow);
  border-bottom: 1px solid var(--line);
}

.white_3edc {
  list-style: none;
  margin: 0;
  padding: 0.7rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
}

.white_3edc a {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--mute);
  position: relative;
}

.white_3edc a:hover,
.white_3edc a.under-0de3 {
  color: var(--red);
}

.white_3edc a.under-0de3::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.35rem;
  height: 2px;
  background: var(--red);
  border-radius: 2px;
}

.small_50c8 {
  display: none;
  padding: 0.25rem 0 1rem;
}

.small_50c8.fn-open-4aed {
  display: block;
}

.small_50c8 a {
  display: block;
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--line);
  font-weight: 600;
  color: var(--mute);
}

/* —— hero: open & calm —— */
.gradient_5867 {
  position: relative;
  padding: 3.5rem 0 2.5rem;
  overflow: hidden;
  background:
    radial-gradient(900px 420px at 100% 0%, rgba(216, 33, 46, 0.1), transparent 55%),
    radial-gradient(700px 380px at 0% 100%, rgba(216, 33, 46, 0.05), transparent 50%),
    var(--white);
}

.center_7d82 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 2.5rem;
  align-items: center;
}

.wide_149e {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 1rem;
}

.wide_149e::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--red);
}

.avatar-tall-c2af {
  display: none;
}

.gradient_5867 h1 {
  font-family: var(--serif);
  font-size: clamp(1.65rem, 4.2vw, 2.55rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin: 0 0 0.85rem;
  max-width: 22ch;
  color: var(--ink);
}

.east_4e1e {
  margin: 0 0 1.6rem;
  max-width: 38ch;
  color: var(--mute);
  font-size: 1.05rem;
}

.accordion-2227 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.shade-last-cbdb {
  display: flex;
  justify-content: center;
  position: relative;
}

.shade-last-cbdb::before {
  content: "";
  position: absolute;
  width: min(300px, 80%);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--red-mist);
  z-index: 0;
  transform: translate(8%, 6%);
}

.shade-last-cbdb img {
  position: relative;
  z-index: 1;
  width: min(260px, 68vw);
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 32px;
  box-shadow: 0 24px 50px rgba(216, 33, 46, 0.16);
}

.gradient_5867 h1,
.east_4e1e,
.accordion-2227,
.shade-last-cbdb {
  animation: soft-in 0.8s var(--ease) both;
}

.east_4e1e { animation-delay: 0.06s; }
.accordion-2227 { animation-delay: 0.12s; }
.shade-last-cbdb { animation-delay: 0.1s; }

@keyframes soft-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* —— metrics as soft pills —— */
.inner_a92e {
  padding: 0 0 2.5rem;
}

.banner_8776 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: flex-start;
}

.large-56a1 {
  flex: 1 1 140px;
  min-width: 0;
  padding: 1rem 1.15rem;
  background: var(--snow);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.large-56a1 strong {
  display: block;
  font-family: var(--serif);
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--red);
  line-height: 1.2;
}

.large-56a1 span {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--mute);
}

/* —— sections —— */
.hidden_smooth_ab9b {
  padding: 3.75rem 0;
}

.image-hovered-5714 {
  background: var(--snow);
}

.rough_a66e {
  background: linear-gradient(180deg, var(--red-mist), #fff 70%);
}

.menu-in-43f3 {
  margin-bottom: 2rem;
  max-width: 34rem;
}

.article-left-3552 {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 0.55rem;
}

.menu-in-43f3 h2 {
  font-family: var(--serif);
  font-size: clamp(1.7rem, 3.5vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0 0 0.55rem;
}

.menu-in-43f3 p {
  margin: 0;
  color: var(--mute);
}

.fn-show-4aed {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s var(--ease), transform 0.6s var(--ease);
}

.fn-show-4aed.fn-on-4aed {
  opacity: 1;
  transform: none;
}

/* about: two-rail story */
.hover-full-83d7 {
  display: grid;
  grid-template-columns: 0.35fr 0.65fr;
  gap: 2rem;
  align-items: start;
}

.menu-clean-cc22 {
  position: sticky;
  top: calc(var(--header) + 1.25rem);
  padding-top: 0.25rem;
}

.menu-clean-cc22 .image-5248 {
  font-family: var(--serif);
  font-size: clamp(3rem, 8vw, 5rem);
  line-height: 0.9;
  color: var(--red);
  margin: 0;
  opacity: 0.9;
}

.link_active_8e79 {
  display: grid;
  gap: 1.35rem;
  border-left: 2px solid var(--red-line);
  padding-left: 1.5rem;
}

.link_active_8e79 p {
  margin: 0;
  color: var(--mute);
  font-size: 1.05rem;
}

/* features: flowing 2-col soft tiles */
.carousel_down_2f8b {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.background_purple_c2d4 {
  padding: 1.35rem 1.3rem 1.4rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
  transition: border-color 0.25s var(--ease), box-shadow 0.25s var(--ease);
}

.background_purple_c2d4:hover {
  border-color: var(--red-line);
  box-shadow: 0 12px 30px rgba(216, 33, 46, 0.07);
}

.article-mini-3f69 {
  font-family: var(--serif);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--red);
  margin-bottom: 0.55rem;
}

.background_purple_c2d4 h4 {
  margin: 0 0 0.4rem;
  font-family: var(--serif);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.background_purple_c2d4 p {
  margin: 0;
  color: var(--mute);
  font-size: 0.96rem;
}

/* apps catalog */
.media-8fe5 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.9rem;
}

.copper-8cc5 {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  min-width: 0;
  padding: 1rem 0.95rem 1.05rem;
  background: var(--snow);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: border-color 0.25s var(--ease), box-shadow 0.25s var(--ease), transform 0.25s var(--ease);
}

.copper-8cc5:hover {
  border-color: var(--red-line);
  box-shadow: 0 12px 28px rgba(216, 33, 46, 0.08);
  transform: translateY(-2px);
}

.heading-e4c1 {
  width: 72px;
  height: 72px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 18px;
  background: var(--white);
  border: 1px solid var(--line);
  flex-shrink: 0;
}

.content_6a9f {
  min-width: 0;
}

.north_130e {
  margin: 0 0 0.3rem;
  font-family: var(--serif);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.layout-fa1a {
  margin: 0 0 0.45rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--mute);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mask-0e1e {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  font-size: 0.84rem;
  font-weight: 700;
}

.mask-0e1e span:first-child {
  color: var(--red);
}

.mask-0e1e span:last-child {
  color: var(--ink);
}

/* screenshots: gentle horizontal wrap */
.paragraph_4834 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem;
}

.blue_260c {
  flex: 0 1 220px;
  max-width: 260px;
  min-width: 0;
  text-align: center;
}

.hard-437f {
  padding: 0.65rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 28px;
  box-shadow: 0 16px 40px rgba(26, 26, 26, 0.06);
}

.hard-437f img {
  width: 100%;
  aspect-ratio: 384 / 688;
  object-fit: cover;
  border-radius: 20px;
  background: var(--snow);
}

.blue_260c figcaption {
  margin-top: 0.8rem;
  font-size: 0.88rem;
  color: var(--mute);
  font-weight: 600;
}

.blue_260c:nth-child(2) {
  transform: translateY(1rem);
}

/* reviews: soft stacked */
.card_top_d0af {
  display: grid;
  gap: 1rem;
}

.selected-6356 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.1rem;
  padding: 1.4rem 1.35rem;
  background: var(--white);
  border-radius: var(--radius);
  border: 1px solid var(--line);
  min-width: 0;
}

.notice-36de {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--red-mist);
  color: var(--red);
  font-family: var(--serif);
  font-size: 1.6rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.selected-6356 h3 {
  margin: 0 0 0.4rem;
  font-family: var(--serif);
  font-size: 1.2rem;
  font-weight: 700;
}

.selected-6356 p {
  margin: 0 0 0.75rem;
  color: var(--mute);
}

.focused-1e91 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.7rem;
}

.focused-1e91 mark {
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: transparent;
}

.focused-1e91 .link-blue-5e33 {
  background: #eaf7ef;
  color: #1f7a45;
}

.focused-1e91 .paragraph_static_9948 {
  background: #fff3e8;
  color: #a85a18;
}

.silver_7d8e {
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--red);
}

/* tips: soft timeline */
.pagination_brown_fd8c {
  position: relative;
  display: grid;
  gap: 0;
  padding-left: 1.25rem;
}

.pagination_brown_fd8c::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0.4rem;
  bottom: 0.4rem;
  width: 2px;
  background: var(--red-line);
  border-radius: 2px;
}

.secondary-pro-c417 {
  position: relative;
  padding: 0 0 1.5rem 1.35rem;
  min-width: 0;
}

.secondary-pro-c417:last-child {
  padding-bottom: 0;
}

.secondary-pro-c417::before {
  content: "";
  position: absolute;
  left: -1.25rem;
  top: 0.45rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--white);
  border: 3px solid var(--red);
  box-sizing: border-box;
}

.mini-5e91 {
  font-size: 0.84rem;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 0.25rem;
}

.mini-5e91 span {
  font-weight: 600;
  color: var(--mute);
}

.secondary-pro-c417 p {
  margin: 0;
  color: var(--mute);
}

/* facts + hash */
.border-hovered-6a20 {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 1.15rem;
}

.menu_new_1f97,
.shadow_down_1bd4 {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.4rem 1.35rem;
  min-width: 0;
}

.menu_new_1f97 h3,
.shadow_down_1bd4 h3 {
  font-family: var(--serif);
  margin: 0 0 1rem;
  font-size: 1.25rem;
}

.block-f05b {
  margin: 0;
  display: grid;
  gap: 0.9rem;
}

.block-f05b div {
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--line);
}

.block-f05b div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.block-f05b dt {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--red);
  margin: 0 0 0.2rem;
}

.block-f05b dd {
  margin: 0;
  color: var(--mute);
  font-weight: 600;
}

.shadow_down_1bd4 code {
  display: block;
  word-break: break-all;
  font-size: 0.78rem;
  line-height: 1.5;
  padding: 0.9rem 1rem;
  border-radius: var(--radius-sm);
  background: var(--snow);
  color: var(--ink);
  margin-bottom: 0.85rem;
  font-family: ui-monospace, Consolas, monospace;
}

/* versions: gentle twin */
.red-d727 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.15rem;
}

.sidebar_2e81 {
  padding: 1.5rem 1.35rem 1.45rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.sidebar_2e81.fn-focus-4aed {
  border-color: transparent;
  background:
    linear-gradient(var(--white), var(--white)) padding-box,
    linear-gradient(135deg, var(--red), #ff7a85) border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 16px 36px rgba(216, 33, 46, 0.1);
}

.current-51ca {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.iron_20b4 {
  font-family: var(--serif);
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  line-height: 1;
}

.container_45f1 {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--red);
  background: var(--red-mist);
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
}

.container_45f1.breadcrumb_b476 {
  color: var(--mute);
  background: var(--snow);
}

.media-tiny-e191 {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}

.media-tiny-e191 li {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.45rem 0;
  border-bottom: 1px dashed var(--line);
  font-size: 0.92rem;
}

.media-tiny-e191 span {
  color: var(--mute);
}

.pattern_hard_b2e6 {
  margin: 0 0 1rem;
  padding: 0.95rem 1rem;
  background: var(--red-mist);
  border-radius: var(--radius-sm);
}

.pattern_hard_b2e6 h3 {
  font-family: var(--serif);
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 0.4rem;
  color: var(--ink);
}

.pattern_hard_b2e6 p {
  margin: 0 0 0.55rem;
  color: var(--mute);
  font-size: 0.94rem;
}

.pattern_hard_b2e6 ul {
  margin: 0;
  padding-left: 1.15rem;
  color: var(--mute);
  font-size: 0.92rem;
}

.pattern_hard_b2e6 li {
  margin-bottom: 0.25rem;
}

.pattern_hard_b2e6 li:last-child {
  margin-bottom: 0;
}

.secondary_dbcc {
  margin: 0 0 1.15rem;
  padding: 0.9rem 1rem;
  background: var(--snow);
  border-radius: var(--radius-sm);
  flex: 1;
}

.secondary_dbcc p {
  margin: 0 0 0.4rem;
  color: var(--mute);
  font-size: 0.94rem;
}

.secondary_dbcc cite {
  font-style: normal;
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--red);
}

.sidebar_2e81 .section_f246 {
  width: 100%;
}

.filter-tall-6dc8 {
  display: inline-block;
  margin-top: 1.35rem;
  font-weight: 700;
  color: var(--red);
}

.filter-tall-6dc8:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* closing band */
.fn-close-4aed {
  margin-top: 2rem;
  padding: 2.25rem 1.5rem;
  border-radius: calc(var(--radius) + 4px);
  background: var(--red);
  color: var(--white);
  text-align: center;
  box-shadow: 0 20px 44px rgba(216, 33, 46, 0.25);
}

.fn-close-4aed h2 {
  font-family: var(--serif);
  font-size: clamp(1.45rem, 3vw, 1.9rem);
  margin: 0 0 0.45rem;
  letter-spacing: -0.02em;
}

.fn-close-4aed p {
  margin: 0 auto 1.15rem;
  max-width: 34rem;
  opacity: 0.92;
}

.fn-close-4aed .search-slow-4214 {
  border-color: var(--white);
  color: var(--white);
  background: transparent;
}

.fn-close-4aed .search-slow-4214:hover {
  background: rgba(255, 255, 255, 0.12);
}

.fn-close-4aed .icon_7b42 {
  background: var(--white);
  color: var(--red);
  box-shadow: none;
}

.fn-close-4aed .icon_7b42:hover {
  background: var(--snow);
}

.medium-6174 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: center;
}

/* footer */
.image-pro-705a {
  padding: 2.25rem 0;
  border-top: 1px solid var(--line);
  background: var(--white);
}

.hidden_938f {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  justify-content: space-between;
  align-items: center;
  font-size: 0.88rem;
  color: var(--mute);
}

.photo_dim_6674 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

.photo_dim_6674 a:hover {
  color: var(--red);
}

.cool_ded8 {
  color: var(--ink);
  font-weight: 700;
  word-break: break-all;
}

.cool_ded8:hover {
  color: var(--red);
}

/* —— responsive —— */
@media (max-width: 900px) {
  .center_7d82,
  .hover-full-83d7,
  .border-hovered-6a20,
  .red-d727 {
    grid-template-columns: 1fr;
  }

  .menu-clean-cc22 {
    position: static;
  }

  .link_active_8e79 {
    border-left: 0;
    padding-left: 0;
    border-top: 2px solid var(--red-line);
    padding-top: 1.25rem;
  }

  .carousel_down_2f8b {
    grid-template-columns: 1fr;
  }

  .media-8fe5 {
    grid-template-columns: 1fr 1fr;
  }

  .blue_260c:nth-child(2) {
    transform: none;
  }

  .selected-6356 {
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }
}

@media (max-width: 720px) {
  :root {
    --header: 56px;
  }

  .header_center_9498 {
    width: min(100% - 1.25rem, var(--max));
  }

  .item-first-2274 {
    display: inline-flex;
  }

  .red-32a4 {
    display: none;
  }

  .gradient_5867 {
    padding: 2.25rem 0 1.5rem;
  }

  .shade-last-cbdb img {
    width: min(180px, 52vw);
    border-radius: 24px;
  }

  .hidden_smooth_ab9b {
    padding: 2.75rem 0;
  }

  .section_f246 {
    min-height: 38px;
    padding: 0.45rem 0.95rem;
    font-size: 0.85rem;
  }

  .icon_3481 img {
    height: 30px;
  }

  .paragraph_4834 {
    max-width: 300px;
    margin-inline: auto;
  }

  .blue_260c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .media-8fe5 {
    grid-template-columns: 1fr;
  }

  .copper-8cc5 {
    flex-direction: row;
    align-items: center;
  }

  .heading-e4c1 {
    width: 64px;
    height: 64px;
    border-radius: 16px;
  }
}

@media (max-width: 400px) {
  .light-73e7 {
    gap: 0.3rem;
  }

  .banner_8776 {
    gap: 0.5rem;
  }

  .large-56a1 {
    flex: 1 1 calc(50% - 0.5rem);
    padding: 0.85rem 0.9rem;
  }
}

/* ========== instal / inner pages ========== */
.paragraph_cold_39f4 {
  padding: 2.5rem 0 2rem;
  background:
    radial-gradient(700px 320px at 100% 0%, rgba(216, 33, 46, 0.08), transparent 55%),
    var(--white);
  border-bottom: 1px solid var(--line);
}

.picture-prev-90b5 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--mute);
  margin-bottom: 1rem;
}

.picture-prev-90b5 a:hover {
  color: var(--red);
}

.paragraph_cold_39f4 h1 {
  font-family: var(--serif);
  font-size: clamp(1.55rem, 3.8vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0 0 0.75rem;
  max-width: 28ch;
}

.orange_2b51 {
  margin: 0 0 1.15rem;
  max-width: 40rem;
  color: var(--mute);
  font-size: 1.05rem;
}

.accent_9ebe {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 1.25rem;
}

.new_99af {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: var(--red-mist);
  color: var(--red);
  font-size: 0.8rem;
  font-weight: 800;
}

.frame_south_722f {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.outer-72be {
  display: grid;
  gap: 0.85rem;
}

.new_1665 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
  padding: 1.15rem 1.2rem;
  background: var(--snow);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
}

.hover-current-c877 {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--red);
  color: var(--white);
  font-family: var(--serif);
  font-size: 1.2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.surface-current-396e {
  min-width: 0;
}

.surface-current-396e h3 {
  margin: 0 0 0.35rem;
  font-family: var(--serif);
  font-size: 1.15rem;
  font-weight: 700;
}

.surface-current-396e p {
  margin: 0;
  color: var(--mute);
  font-size: 0.98rem;
}

.current_13f1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.1rem;
}

.grid_cf42 {
  padding: 1.4rem 1.3rem 1.45rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.search-d991 {
  border-color: transparent;
  background:
    linear-gradient(var(--white), var(--white)) padding-box,
    linear-gradient(135deg, var(--red), #ff7a85) border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 14px 32px rgba(216, 33, 46, 0.08);
}

.east_3698 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.45rem;
}

.east_3698 h3 {
  margin: 0;
  font-family: var(--serif);
  font-size: 1.3rem;
}

.east_3698 strong {
  color: var(--red);
  font-size: 1.15rem;
}

.image_lower_a38b {
  margin: 0 0 0.9rem;
  color: var(--mute);
  font-size: 0.95rem;
}

.hidden_active_6a7f {
  margin: 0 0 1.15rem;
  padding-left: 1.15rem;
  color: var(--mute);
  flex: 1;
}

.hidden_active_6a7f li {
  margin-bottom: 0.4rem;
}

.hidden_active_6a7f li:last-child {
  margin-bottom: 0;
}

.grid_cf42 .section_f246 {
  width: 100%;
}

.smooth_5463 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.large-ad4f {
  padding: 1.3rem 1.2rem;
  background: var(--snow);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
}

.large-ad4f h3 {
  margin: 0 0 0.45rem;
  font-family: var(--serif);
  font-size: 1.12rem;
  color: var(--red);
}

.large-ad4f p {
  margin: 0;
  color: var(--mute);
  font-size: 0.96rem;
}

.center_7d36 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.column_8ce9 {
  padding: 1.3rem 1.2rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
}

.column_8ce9 p {
  margin: 0 0 0.85rem;
  color: var(--mute);
}

.rough-3b35 {
  font-size: 0.84rem;
  font-weight: 800;
  color: var(--red);
}

@media (max-width: 900px) {
  .current_13f1,
  .smooth_5463,
  .center_7d36 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .paragraph_cold_39f4 {
    padding: 1.75rem 0 1.5rem;
  }

  .paragraph_cold_39f4 h1 {
    max-width: none;
  }

  .new_1665 {
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }

  .pink_94c8 {
    grid-template-columns: 1fr;
  }

  .notice_6004,
  .gallery-fresh-7ae3 {
    grid-template-columns: 1fr;
  }
}

.gradient-silver-e0f1 {
  margin: -0.35rem 0 1rem;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--mute);
}

.icon_south_bc7f {
  padding: 1.25rem 0;
  background: var(--snow);
  border-bottom: 1px solid var(--line);
}

.new_e165 {
  margin: 0 0 0.65rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--red);
}

.pink_94c8 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem 1rem;
  counter-reset: toc;
}

.pink_94c8 li {
  position: relative;
  padding-left: 1.6rem;
  counter-increment: toc;
  font-size: 0.92rem;
  font-weight: 600;
}

.pink_94c8 li::before {
  content: counter(toc, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--red);
}

.pink_94c8 a:hover {
  color: var(--red);
}

.feature-liquid-2603 {
  max-width: 46rem;
}

.feature-liquid-2603 p {
  margin: 0 0 1rem;
  color: var(--mute);
  font-size: 1.04rem;
}

.breadcrumb_top_57e4 {
  margin: 0;
  padding: 1.1rem 1.15rem 1.1rem 2rem;
  background: var(--snow);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--mute);
}

.breadcrumb_top_57e4 li {
  margin-bottom: 0.55rem;
}

.breadcrumb_top_57e4 li:last-child {
  margin-bottom: 0;
}

.notice_6004 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.pagination_east_2617 {
  padding: 1.25rem 1.2rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
}

.pagination_east_2617 h3 {
  margin: 0 0 0.45rem;
  font-family: var(--serif);
  font-size: 1.1rem;
}

.pagination_east_2617 p {
  margin: 0;
  color: var(--mute);
  font-size: 0.96rem;
}

.pagination_east_2617 a {
  color: var(--red);
  font-weight: 700;
}

.pagination_east_2617 a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.module_dim_2da3 {
  display: grid;
  gap: 0.7rem;
}

.progress-gold-0756 {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 0.85rem 1rem;
}

.progress-gold-0756 summary {
  cursor: pointer;
  font-weight: 800;
  font-size: 1rem;
  list-style: none;
  color: var(--ink);
}

.progress-gold-0756 summary::-webkit-details-marker {
  display: none;
}

.progress-gold-0756 summary::after {
  content: "+";
  float: right;
  color: var(--red);
  font-weight: 800;
}

.progress-gold-0756[open] summary::after {
  content: "–";
}

.progress-gold-0756 p {
  margin: 0.7rem 0 0;
  color: var(--mute);
  font-size: 0.96rem;
}

.progress-gold-0756 a {
  color: var(--red);
  font-weight: 700;
}

.gallery-fresh-7ae3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.9rem;
}

.input-00e0 {
  display: block;
  padding: 1.2rem 1.15rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
  transition: border-color 0.25s var(--ease), box-shadow 0.25s var(--ease);
}

.input-00e0:hover {
  border-color: var(--red-line);
  box-shadow: 0 10px 24px rgba(216, 33, 46, 0.07);
}

.input-00e0 h3 {
  margin: 0 0 0.35rem;
  font-family: var(--serif);
  font-size: 1.08rem;
  color: var(--red);
}

.input-00e0 p {
  margin: 0;
  color: var(--mute);
  font-size: 0.92rem;
}



/* ========== pembaruan page ========== */
.block_middle_8aba {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.prev-5be5 {
  padding: 1.35rem 1.25rem;
  background: var(--snow);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
}

.prev-5be5 h3 {
  margin: 0 0 0.55rem;
  font-family: var(--serif);
  font-size: 1.15rem;
  color: var(--red);
}

.prev-5be5 p {
  margin: 0;
  color: var(--mute);
  font-size: 0.98rem;
}

.stale_c62e {
  display: grid;
  gap: 1rem;
}

.stone-aba2 {
  display: grid;
  grid-template-columns: 9.5rem 1fr;
  gap: 1.1rem;
  padding: 1.25rem 1.2rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
  scroll-margin-top: calc(var(--header) + 12px);
}

.motion-27be {
  border-color: transparent;
  background:
    linear-gradient(var(--white), var(--white)) padding-box,
    linear-gradient(135deg, var(--red), #ff7a85) border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 14px 32px rgba(216, 33, 46, 0.08);
}

.static-3e03 {
  min-width: 0;
}

.description_mini_1fa0 {
  display: block;
  font-family: var(--serif);
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.4rem;
}

.message-center-c1e1 {
  display: inline-block;
  margin-bottom: 0.65rem;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  background: var(--red-mist);
  color: var(--red);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.logo-be9a {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.84rem;
  color: var(--mute);
}

.logo-be9a li {
  margin-bottom: 0.25rem;
}

.logo-be9a strong {
  color: var(--ink);
}

.north-34d7 {
  min-width: 0;
}

.north-34d7 h3 {
  margin: 0 0 0.4rem;
  font-family: var(--serif);
  font-size: 1.12rem;
}

.north-34d7 p {
  margin: 0 0 0.65rem;
  color: var(--mute);
  font-size: 0.96rem;
}

.north-34d7 ul {
  margin: 0;
  padding-left: 1.15rem;
  color: var(--mute);
  font-size: 0.94rem;
}

.north-34d7 li {
  margin-bottom: 0.3rem;
}

.thick-2e2d {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.aside_wide_9715 {
  padding: 1.25rem 1.2rem;
  background: var(--snow);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
}

.aside_wide_9715 h3 {
  margin: 0 0 0.45rem;
  font-family: var(--serif);
  font-size: 1.08rem;
  color: var(--red);
}

.aside_wide_9715 p {
  margin: 0;
  color: var(--mute);
  font-size: 0.96rem;
}

@media (max-width: 900px) {
  .block_middle_8aba,
  .thick-2e2d {
    grid-template-columns: 1fr;
  }

  .stone-aba2 {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

/* ========== faq page extras ========== */
.module_dim_2da3 .progress-gold-0756 {
  scroll-margin-top: calc(var(--header) + 12px);
}

#faq-unduh,
#faq-instal,
#faq-versi,
#faq-keamanan,
#faq-katalog,
#faq-dukungan,
#faq-panduan {
  scroll-margin-top: calc(var(--header) + 8px);
}

/* ========== FAQ finder (unique vs original) ========== */
.container-red-c605 {
  padding: 0 0 0.25rem;
  margin-top: -0.5rem;
}

.tertiary-cool-efc7 {
  padding: 1rem 1.1rem 1.05rem;
  border-radius: var(--radius);
  background: linear-gradient(135deg, var(--red-mist), var(--white) 55%);
  border: 1px dashed var(--red-line);
}

.tooltip-3162 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.55rem;
  align-items: center;
  padding: 0.55rem 0.75rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(216, 33, 46, 0.06);
}

.bottom_7632 {
  color: var(--red);
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 700;
}

.element-84e6 {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  font: inherit;
  font-size: 0.98rem;
  color: var(--ink);
}

.element-84e6::placeholder {
  color: #9a9a9a;
}

.filter-710f {
  border: 0;
  background: var(--red-mist);
  color: var(--red);
  font-size: 0.78rem;
  font-weight: 800;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  cursor: pointer;
}

.simple_b0b3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.75rem;
}

.article_bronze_5671 {
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--mute);
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease);
}

.article_bronze_5671:hover,
.article_bronze_5671.status_warm_60c8 {
  background: var(--red);
  border-color: var(--red);
  color: var(--white);
}

.lower_cbcc {
  margin: 0.7rem 0 0;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--mute);
}

.lower_cbcc.thumbnail_ddda {
  color: var(--red);
}

.widget_prev_a98e[hidden],
.progress-gold-0756[hidden] {
  display: none !important;
}

.inner_049c {
  margin-top: 0.15rem;
}

.inner_049c p {
  margin: 0.7rem 0 0;
  color: var(--mute);
  font-size: 0.96rem;
}

@media (max-width: 720px) {
  .tooltip-3162 {
    grid-template-columns: auto 1fr;
  }

  .filter-710f {
    grid-column: 1 / -1;
    justify-self: end;
  }
}

/* ========== aplikasi catalog ========== */
.texture_light_0ede {
  --header: 64px;
}

.sidebar_e5b8 {
  height: auto;
  min-height: var(--header);
  padding: 0.45rem 0 0.35rem;
  flex-direction: column;
  justify-content: center;
}

.yellow-519e {
  width: min(100% - 1.25rem, var(--max));
  gap: 0.55rem;
}

.accent-hard-60d4 {
  flex: 1 1 180px;
  min-width: 0;
  max-width: 420px;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: var(--snow);
  border: 1px solid var(--line);
}

.basic_e642 {
  color: var(--red);
  font-weight: 800;
  line-height: 1;
}

.black-66b8 {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  font: inherit;
  font-size: 0.9rem;
  color: var(--ink);
}

.frame_cold_8b35 {
  border: 0;
  background: transparent;
  color: var(--mute);
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  padding: 0 0.15rem;
}

.east-f0ec {
  width: min(100% - 1.25rem, var(--max));
  margin: 0.25rem auto 0;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--red);
}

.first-cf23 {
  margin: 0 0 1rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--mute);
}

.progress_glass_021e {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.85rem;
}

.preview-729e {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 0.9rem 1.05rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
  height: 100%;
  transition: border-color 0.25s var(--ease), box-shadow 0.25s var(--ease), transform 0.25s var(--ease);
}

.preview-729e:hover {
  border-color: var(--red-line);
  box-shadow: 0 12px 28px rgba(216, 33, 46, 0.08);
  transform: translateY(-2px);
}

.dirty-526a,
.preview-729e[hidden] {
  display: none !important;
}

.modal-48e2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.65rem;
  min-width: 0;
  flex: 1;
}

.paragraph-simple-5e36 {
  width: 72px;
  height: 72px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: var(--snow);
}

.tooltip_pressed_faa3 {
  min-width: 0;
  width: 100%;
}

.tabs_7946 {
  margin: 0 0 0.3rem;
  font-family: var(--serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.link-blue-5bd4 {
  margin: 0 0 0.35rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem 0.55rem;
  font-size: 0.74rem;
  font-weight: 700;
  color: var(--mute);
}

.element_468f {
  margin: 0;
  font-size: 0.8rem;
  color: var(--mute);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  white-space: normal;
}

.south_f1a9 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.45rem;
  width: 100%;
  padding-top: 0.15rem;
  border-top: 1px dashed var(--line);
}

.liquid_e22a {
  font-size: 0.84rem;
  font-weight: 800;
  color: var(--red);
}

.green_fc0c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0.28rem 0.75rem;
  border-radius: 999px;
  border: 1.5px solid var(--red);
  color: var(--red);
  font-size: 0.78rem;
  font-weight: 800;
}

.green_fc0c:hover {
  background: var(--red-mist);
}

.thumbnail_current_43a3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}

.thumbnail_current_43a3 a,
.button-df3e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  border: 1px solid var(--line);
  font-size: 0.86rem;
  font-weight: 800;
  color: var(--ink);
  background: var(--white);
}

.thumbnail_current_43a3 a:hover {
  border-color: var(--red-line);
  color: var(--red);
}

.button-df3e {
  background: var(--red);
  border-color: var(--red);
  color: var(--white);
}

.small-24f7,
.down-139e {
  padding-inline: 0.9rem;
}

@media (max-width: 1100px) {
  .progress_glass_021e {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .texture_light_0ede {
    --header: 108px;
  }

  .yellow-519e {
    flex-wrap: wrap;
  }

  .accent-hard-60d4 {
    order: 3;
    flex: 1 1 100%;
    max-width: none;
  }

  .progress_glass_021e {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
  }

  .preview-729e {
    padding: 0.85rem 0.7rem 0.9rem;
  }

  .paragraph-simple-5e36 {
    width: 60px;
    height: 60px;
    border-radius: 16px;
  }

  .south_f1a9 {
    flex-direction: column;
    align-items: stretch;
  }

  .green_fc0c {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .progress_glass_021e {
    grid-template-columns: 1fr 1fr;
  }
}

/* ========== legal pages (privasi / ketentuan) ========== */
.red-9ea0 {
  max-width: 48rem;
}

.selected-50b7 {
  margin: 0 0 1.5rem;
  padding: 1.1rem 1.15rem;
  background: var(--red-mist);
  border-left: 4px solid var(--red);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.selected-50b7 p {
  margin: 0;
  color: var(--ink-soft, var(--mute));
  font-size: 0.98rem;
}

.tag-883e {
  color: var(--mute);
  font-size: 1.02rem;
  line-height: 1.75;
}

.tag-883e > *:first-child {
  margin-top: 0;
}

.tag-883e h2 {
  font-family: var(--serif);
  font-size: clamp(1.35rem, 2.8vw, 1.75rem);
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0 0 0.85rem;
}

.tag-883e h3 {
  font-family: var(--serif);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--ink);
  margin: 1.75rem 0 0.55rem;
  padding-top: 0.35rem;
  border-top: 1px solid var(--line);
}

.tag-883e h3:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.tag-883e p {
  margin: 0 0 0.95rem;
}

.tag-883e ul,
.tag-883e ol {
  margin: 0 0 1.1rem;
  padding-left: 1.25rem;
}

.tag-883e li {
  margin-bottom: 0.4rem;
}

.tag-883e a {
  color: var(--red);
  font-weight: 700;
}

.tag-883e a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.carousel_motion_9a87 {
  margin-top: 1.5rem;
  padding: 1.2rem 1.25rem;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--snow);
}

.carousel_motion_9a87 h2 {
  margin: 0 0 0.55rem;
  font-family: var(--serif);
  font-size: 1.2rem;
  letter-spacing: -0.02em;
}

.carousel_motion_9a87 p {
  margin: 0;
  color: var(--mute);
  line-height: 1.7;
}

.carousel_motion_9a87 a {
  color: var(--red);
  font-weight: 800;
}

.carousel_motion_9a87 a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ========== tentang kami ========== */
.summary_d784 {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 1.5rem;
  align-items: center;
}

.hard-287a {
  justify-self: end;
}

.hard-287a img {
  width: min(160px, 42vw);
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 28px;
  border: 1px solid var(--line);
  box-shadow: 0 18px 40px rgba(216, 33, 46, 0.12);
  background: var(--snow);
}

.gallery_f915 {
  display: grid;
  gap: 0.9rem;
}

.shadow-186e {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
  padding: 1.25rem 1.2rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-width: 0;
}

.shadow-186e:nth-child(even) {
  background: linear-gradient(135deg, var(--red-mist), var(--white) 55%);
}

.static_570b {
  font-family: var(--serif);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--red);
  line-height: 1;
  min-width: 2.2rem;
}

.form-dim-9188 {
  min-width: 0;
}

.form-dim-9188 h2 {
  margin: 0 0 0.45rem;
  font-family: var(--serif);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.form-dim-9188 p {
  margin: 0;
  color: var(--mute);
  font-size: 1rem;
  line-height: 1.7;
}

.section-93dc {
  padding: 1.35rem 1.3rem;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--white);
  max-width: 42rem;
}

.gallery_steel_ecb9 {
  margin: 0 0 0.75rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--ink);
}

.gallery_steel_ecb9 a,
.section-93dc a {
  color: var(--red);
  font-weight: 800;
  word-break: break-all;
}

.section-93dc p {
  margin: 0;
  color: var(--mute);
  line-height: 1.7;
}

@media (max-width: 900px) {
  .summary_d784 {
    grid-template-columns: 1fr;
  }

  .hard-287a {
    justify-self: start;
    order: -1;
  }
}

@media (max-width: 720px) {
  .shadow-186e {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }
}

.out_726e {
  margin: 0 0 1.15rem;
  padding: 1.25rem 1.3rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.out_726e h3 {
  margin: 0 0 0.45rem;
  font-family: var(--serif);
  font-size: 1.15rem;
  color: var(--red);
}

.out_726e p {
  margin: 0;
  color: var(--mute);
  font-size: 1.02rem;
  line-height: 1.7;
}

.tertiary_complex_3521 {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: var(--mute);
}

.glass_9157 {
  grid-column: 1 / -1;
}

.border-hovered-6a20:has(.glass_9157) {
  grid-template-columns: 1fr;
}

/* css-noise: bc99 */
.shadow-element-a4 {
  padding: 0.4rem;
  font-size: 11px;
  line-height: 1.0;
}