.arth-page {
  --blue: #165dff;
  --navy: #071a3d;
  --cyan: #0787c9;
  --violet: #6157e6;
  background: #f4f7fb;
}
.arth-page .detail-header { background: rgba(255, 255, 255, .91); }
.arth-detail-brand img { width: 42px; height: 42px; }
.arth-detail-brand b { color: var(--navy); font-size: 13px; letter-spacing: -.01em; }
.arth-detail-hero { background: linear-gradient(125deg, #fff 0 58%, #eef4ff 58%); }
.arth-detail-hero::before {
  background: radial-gradient(circle at 80% 20%, rgba(22, 93, 255, .16), transparent 29%), linear-gradient(rgba(7, 26, 61, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 26, 61, .035) 1px, transparent 1px);
  background-size: auto, 72px 72px, 72px 72px;
}
.arth-lockup { display: flex; align-items: center; gap: 14px; margin-bottom: 32px; }
.arth-lockup img { width: 68px; height: 68px; }
.arth-lockup span { display: flex; flex-direction: column; }
.arth-lockup b { color: var(--navy); font-size: 20px; letter-spacing: -.04em; }
.arth-lockup small { margin-top: 4px; color: #65758b; font-size: 8px; font-weight: 700; letter-spacing: .22em; }
.arth-word { display: flex; align-items: end; gap: 18px; margin: 12px 0 4px; }
.arth-word strong { color: var(--navy); font-family: "Noto Serif Devanagari", "Nirmala UI", serif; font-size: clamp(86px, 10vw, 150px); line-height: .75; }
.arth-word span { max-width: 130px; padding-bottom: 10px; color: var(--blue); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.arth-page h1 { color: var(--navy); font-size: clamp(58px, 7vw, 110px); line-height: .88; }
.arth-page .kicker { color: var(--blue); }
.arth-page .hero-panel { background: linear-gradient(145deg, #071a3d, #0d3476 58%, #165dff); }
.arth-page .hero-panel span { color: #72c6ff; }
.arth-page .hero-panel a { color: #fff; }
.arth-page .principles span { color: var(--blue); }
.arth-page .privacy-note { border-left-color: var(--blue); background: #e8f0ff; }
.arth-page .action-strip { background: linear-gradient(135deg, #e5ecfb, #f7f9fd); }
@media (max-width: 900px) {
  .arth-detail-hero { background: linear-gradient(155deg, #fff 0 72%, #eef4ff 72%); }
  .arth-word strong { font-size: 100px; }
}
@media (max-width: 600px) {
  .arth-lockup { margin-bottom: 22px; }
  .arth-lockup img { width: 54px; height: 54px; }
  .arth-word { align-items: center; }
  .arth-word strong { font-size: 82px; }
  .arth-word span { font-size: 7px; }
  .arth-page h1 { font-size: 58px; }
}