.op-terms{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-family:var(--mono);font-size:12.5px;color:var(--on-navy)}
.op-terms span{display:inline-flex;align-items:center;gap:7px}
.op-terms span::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--mari);flex:0 0 auto}
.op-terms.ink{color:var(--body)}


.hh-b-art{padding:56px 40px 64px 24px;display:flex;justify-content:center}
.hh-b-rcpt{position:relative;width:100%;max-width:450px;background:#fff;color:var(--ink);border-radius:6px 6px 0 0;padding:26px 26px 18px;box-shadow:0 26px 60px rgba(4,16,26,.42)}
.hh-b-rcpt::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px;background:conic-gradient(from -45deg at 50% 100%,#fff 90deg,transparent 0) 0 0/20px 100% repeat-x}
.hh-b-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:2px solid var(--navy)}
.hh-b-top b{display:block;font-size:17px;letter-spacing:-.015em}
.hh-b-top small{display:block;font-family:var(--mono);font-size:11px;color:var(--mut);margin-top:3px}
.hh-b-badge{font-family:var(--mono);font-size:10.5px;font-weight:500;line-height:1.25;text-align:center;color:var(--mari-ink);border:1.5px solid var(--mari);background:var(--mari-soft);border-radius:6px;padding:5px 8px;white-space:nowrap}
.hh-b-line{display:grid;grid-template-columns:26px 1fr auto;gap:4px 12px;align-items:start;padding:16px 0;border-bottom:1px dashed var(--rule-2)}
.hh-b-line .n{font-family:var(--mono);font-size:11px;font-weight:500;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--sand-2);color:var(--navy);margin-top:1px}
.hh-b-line.p .n{background:var(--mari);}
.hh-b-line.a .n{background:var(--sky);color:#16587A}
.hh-b-line b{font-size:15.5px;letter-spacing:-.01em;display:block}
.hh-b-line small{display:block;font-size:13px;line-height:1.45;color:var(--mut);margin-top:3px}
.hh-b-line .amt{font-family:var(--mono);font-size:12px;text-align:right;white-space:nowrap;padding-top:2px}
.hh-b-line .amt .ph{font-size:11.5px}
.hh-b-line .amt.yours{color:var(--mari-ink);font-weight:500}
.hh-b-foot{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:14px;font-size:13px;color:var(--mut)}
.hh-b-foot b{font-size:15px;color:var(--navy)}
.hh-b-fine{font-family:var(--mono);font-size:10.5px;color:var(--mut-2);margin-top:10px;line-height:1.5}


@media (prefers-reduced-motion:no-preference){
  .op-js .hh-b-line,.op-js .hh-b-foot{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
  .op-js .is-in .hh-b-line,.op-js .is-in .hh-b-foot{opacity:1;transform:none}
  .op-js .is-in .hh-b-line:nth-of-type(2){transition-delay:.15s}
  .op-js .is-in .hh-b-line:nth-of-type(3){transition-delay:.55s}
  .op-js .is-in .hh-b-line:nth-of-type(4){transition-delay:.95s}
  .op-js .is-in .hh-b-foot{transition-delay:1.35s}
}

@media (max-width:1000px){
  .op-terms{gap:8px 14px}
  .hh-b-art{padding:0 16px 56px}
}


.cells.c3>.cell2{display:grid;grid-template-rows:subgrid;grid-row:span 5;align-content:start}
.cells.c3>.cell2>.pill2{justify-self:start}
.cells.c3>.cell2>.pill2+.pill2{margin-top:6px}