:root {
  --rp-bg: #0B0D14;
  --rp-bg-2: #0F1220;
  --rp-surface: #12141D;
  --rp-surface-2: #171A25;
  --rp-border: rgba(255,255,255,.08);
  --rp-border-strong: rgba(255,255,255,.14);
  --rp-text: #EEF0F6;
  --rp-text-2: #A5ADC0;
  --rp-muted: #7F889B;
  --rp-brand: #7C6BFF;
  --rp-brand-2: #A99DFF;
  --rp-brand-soft: rgba(124,107,255,.14);

  --rp-brand-cta: #6B58F5;
  --rp-brand-cta-hover: #5C48E8;
  --rp-accent: #22D3EE;
  --rp-success: #22C55E;
  --rp-warning: #F59E0B;
  --rp-radius: 14px;
  --rp-radius-sm: 10px;
  --rp-wrap: 1180px;
  --rp-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

[data-theme="light"] {
  --rp-bg: #F4F5F8;
  --rp-bg-2: #EEF0F5;
  --rp-surface: #FFFFFF;
  --rp-surface-2: #F7F8FB;
  --rp-border: rgba(15,20,35,.10);
  --rp-border-strong: rgba(15,20,35,.18);
  --rp-text: #1B1F2A;
  --rp-text-2: #4A5468;
  --rp-muted: #616A7D;
  --rp-brand-2: #5B49E0;
  --rp-brand-soft: rgba(124,107,255,.10);
  --rp-accent: #0E7490;
  --rp-success: #0F5C2B;
  --rp-warning: #A2490A;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body.rp-body {
  margin: 0; background: var(--rp-bg); color: var(--rp-text); font-family: var(--rp-font);
  font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
img, svg { max-width: 100%; }
a { color: inherit; }
h1, h2, h3 { line-height: 1.2; letter-spacing: -.02em; margin: 0; }
p { margin: 0; }
.rp-wrap { width: 100%; max-width: var(--rp-wrap); margin: 0 auto; padding: 0 1.25rem; }
.rp-narrow { max-width: 820px; }
.rp-center { text-align: center; margin-top: 1.75rem; }

.rp-skip { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.rp-skip:focus { width: auto; height: auto; overflow: visible; clip: auto; clip-path: none; left: 1rem; top: .5rem; z-index: 100; background: var(--rp-brand); color: #fff; padding: .5rem .75rem; border-radius: 8px; }
:focus-visible { outline: 2px solid var(--rp-brand-2); outline-offset: 3px; }

.rp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: 44px; padding: 0 1.125rem; border-radius: 12px; border: 1px solid transparent;
  font-weight: 650; font-size: .9375rem; text-decoration: none; white-space: nowrap;
  transition: background .16s, border-color .16s, transform .16s;
}
.rp-btn-lg { min-height: 52px; padding: 0 1.5rem; font-size: 1rem; }
.rp-btn-primary { background: var(--rp-brand-cta); color: #fff; box-shadow: 0 8px 24px rgba(124,107,255,.28); }
.rp-btn-primary:hover { background: var(--rp-brand-cta-hover); }
.rp-btn-ghost { background: rgba(255,255,255,.04); color: var(--rp-text); border-color: var(--rp-border-strong); }
.rp-btn-ghost:hover { border-color: rgba(169,157,255,.5); background: rgba(124,107,255,.08); }

.rp-header {
  position: sticky; top: 0; z-index: 50; background: rgba(11,13,20,.82);
  -webkit-backdrop-filter: saturate(140%) blur(12px); backdrop-filter: saturate(140%) blur(12px);
  border-bottom: 1px solid var(--rp-border);
}
.rp-header-in { display: flex; align-items: center; gap: 1rem; min-height: 64px; }
.rp-brand { display: inline-flex; align-items: center; gap: .5rem; text-decoration: none; flex: 0 0 auto; }
.rp-brand img { height: 30px; width: auto; display: block; }
.rp-brand-text { font-weight: 700; }
.rp-nav { display: flex; gap: .25rem; margin-left: auto; }
.rp-nav a { padding: .5rem .75rem; border-radius: 10px; color: var(--rp-text-2); text-decoration: none; font-size: .9375rem; font-weight: 550; }
.rp-nav a:hover, .rp-nav a[aria-current] { color: var(--rp-text); background: rgba(255,255,255,.05); }
.rp-header-cta { display: flex; gap: .5rem; }
.rp-navtoggle { display: none; background: none; border: 1px solid var(--rp-border-strong); color: var(--rp-text);
  width: 44px; height: 44px; border-radius: 12px; align-items: center; justify-content: center; cursor: pointer; }
@media (max-width: 900px) {
  .rp-navtoggle { display: inline-flex; margin-left: auto; }
  .rp-nav { display: none; position: absolute; left: 0; right: 0; top: 64px; flex-direction: column; gap: 0;
    padding: .5rem 1.25rem 1rem; background: var(--rp-bg); border-bottom: 1px solid var(--rp-border); }
  .rp-nav.is-open { display: flex; }
  .rp-nav a { padding: .75rem 0; border-radius: 0; border-bottom: 1px solid var(--rp-border); }
  .rp-header-cta .rp-btn-ghost { display: none; }
  .rp-header-in { gap: .5rem; }
  .rp-header-cta { order: 2; }
  .rp-navtoggle { order: 3; margin-left: 0; }
  .rp-brand { margin-right: auto; }
}
@media (max-width: 380px) { .rp-brand img { height: 24px; } .rp-header-cta .rp-btn { padding: 0 .75rem; font-size: .875rem; } }

.rp-hero {
  position: relative; overflow: hidden; padding: 4rem 0 3.5rem;
  background:
    radial-gradient(900px 480px at 85% -10%, rgba(124,107,255,.28), transparent 60%),
    radial-gradient(700px 420px at -10% 110%, rgba(34,211,238,.12), transparent 60%),
    var(--rp-bg);
}
.rp-hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: radial-gradient(ellipse at 60% 30%, #000 30%, transparent 75%);
          mask-image: radial-gradient(ellipse at 60% 30%, #000 30%, transparent 75%);
}

.rp-hero-grid { position: relative; display: grid; gap: 2.5rem; align-items: center; grid-template-columns: minmax(0, 1fr); }
.rp-hero-grid > * { min-width: 0; }
@media (min-width: 1000px) { .rp-hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 3.5rem; } .rp-hero { padding: 5.5rem 0 5rem; } }
.rp-eyebrow { display: inline-flex; padding: .3rem .75rem; border-radius: 999px; background: var(--rp-brand-soft);
  border: 1px solid rgba(124,107,255,.35); color: var(--rp-brand-2); font-size: .8125rem; font-weight: 650; margin-bottom: 1.125rem; }
.rp-hero h1 { font-size: clamp(2rem, 6.2vw, 3.6rem); font-weight: 800; letter-spacing: -.035em; }
.rp-promo { margin-top: .875rem; display: inline-block; padding: .4rem .75rem; border-radius: 10px;
  background: rgba(245,158,11,.12); color: #FBBF24; font-weight: 650; font-size: .9375rem; }
.rp-lead { margin-top: 1.125rem; color: var(--rp-text-2); font-size: clamp(1rem, 2.4vw, 1.1875rem); max-width: 38rem; }
.rp-hero-cta { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.rp-hero-points { list-style: none; padding: 0; margin: 1.5rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; color: var(--rp-muted); font-size: .875rem; }
.rp-hero-points li::before { content: '✓'; color: var(--rp-success); margin-right: .375rem; font-weight: 700; }
@media (max-width: 480px) { .rp-hero-cta .rp-btn { flex: 1 1 100%; } .rp-hero { padding: 2.75rem 0 2.5rem; } }

.rp-demo {
  position: relative; border-radius: 20px; padding: 1rem; display: flex; flex-direction: column; gap: .75rem;
  background: linear-gradient(180deg, rgba(23,26,37,.96), rgba(18,20,29,.96));
  border: 1px solid var(--rp-border-strong);
  box-shadow: 0 30px 80px rgba(0,0,0,.45), 0 0 0 1px rgba(124,107,255,.08) inset;
}
.rp-demo::after { content: ''; position: absolute; inset: -1px; border-radius: 20px; pointer-events: none;
  background: linear-gradient(135deg, rgba(124,107,255,.45), transparent 35%, transparent 65%, rgba(34,211,238,.35));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask-composite: exclude; padding: 1px; }
.rp-demo-bar { display: flex; align-items: center; gap: .375rem; color: var(--rp-muted); font-size: .75rem; }
.rp-demo-bar span { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.14); }
.rp-demo-bar b { margin-left: .5rem; color: var(--rp-text-2); font-weight: 600; }
.rp-demo-search { display: flex; align-items: center; gap: .5rem; height: 44px; padding: 0 .875rem; border-radius: 12px;
  background: var(--rp-bg-2); border: 1px solid var(--rp-brand); color: var(--rp-text); font-size: .9375rem; }
.rp-demo-search svg { color: var(--rp-brand-2); width: 10px; height: 10px; }

.rp-demo-search [data-demo-query] {
  flex: 1 1 auto; min-width: 0; line-height: 1;
  white-space: nowrap; overflow: hidden; text-overflow: clip;
}

.rp-demo-tag {
  font-style: normal; font-size: .6875rem; font-weight: 600; white-space: nowrap;
  color: var(--rp-muted); border: 1px solid var(--rp-border);
  border-radius: 999px; padding: .15rem .5rem;
}
.rp-caret { width: 2px; height: 18px; background: var(--rp-brand-2); animation: rp-blink 1.1s steps(1) infinite; }
@keyframes rp-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .rp-caret { animation: none; } }
.rp-demo-chips { display: flex; gap: .375rem; overflow: hidden; }
.rp-demo-chips span { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .625rem; border-radius: 999px;
  font-size: .75rem; color: var(--rp-text-2); background: var(--rp-bg-2); border: 1px solid var(--rp-border); white-space: nowrap; }
.rp-demo-chips span.is-on { color: var(--rp-text); border-color: rgba(124,107,255,.5); background: var(--rp-brand-soft); }
.rp-demo-chips svg { width: 13px; height: 13px; }
.rp-demo-svc { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem .875rem;
  border-radius: 12px; background: var(--rp-bg-2); border: 1px solid var(--rp-border); }
.rp-demo-svc.is-on { border-color: var(--rp-brand); box-shadow: 0 0 0 3px rgba(124,107,255,.15); }
.rp-demo-svc div { min-width: 0; }
.rp-demo-svc b { display: block; font-size: .875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rp-demo-svc small { display: block; color: var(--rp-muted); font-size: .75rem; }
.rp-demo-svc em { font-style: normal; text-align: right; font-weight: 700; font-size: .875rem; white-space: nowrap; }
.rp-demo-svc em small { font-weight: 500; }
.rp-demo-status { padding: .75rem .875rem; border-radius: 12px; background: var(--rp-bg-2); border: 1px solid var(--rp-border); font-size: .75rem; color: var(--rp-muted); }
.rp-demo-status ol { list-style: none; margin: .5rem 0; padding: 0; display: flex; gap: .375rem; flex-wrap: wrap; }

.rp-demo-status li {
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .2rem .55rem; border-radius: 999px;
  border: 1px solid var(--rp-border); color: var(--rp-muted);
}
.rp-demo-status li::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%;
  background: currentColor; flex: 0 0 6px;
}

.rp-demo-status li.is-pending {
  color: var(--rp-warning); border-color: rgba(245,158,11,.38); background: rgba(245,158,11,.09);
}

.rp-demo-status li.is-processing {
  color: var(--rp-accent); border-color: rgba(34,211,238,.45); background: rgba(34,211,238,.10);
}

.rp-demo-status li.is-complete {
  color: var(--rp-success); border-color: rgba(34,197,94,.38); background: rgba(34,197,94,.09);
}

.rp-demo-progress { height: 6px; border-radius: 999px; background: rgba(255,255,255,.06); overflow: hidden; }
.rp-demo-progress i {
  display: block; height: 100%; border-radius: 999px;
  background: linear-gradient(90deg, var(--rp-warning), var(--rp-accent));
}
.rp-demo-foot { display: flex; justify-content: space-between; gap: .75rem; font-size: .75rem; color: var(--rp-muted); padding: 0 .25rem; }
.rp-demo-foot b { color: var(--rp-text-2); font-weight: 600; text-align: right; }

.rp-metrics { border-top: 1px solid var(--rp-border); border-bottom: 1px solid var(--rp-border); background: var(--rp-bg-2); padding: 1.75rem 0; }
.rp-metric-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
@media (min-width: 768px) { .rp-metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rp-metric-grid div { text-align: center; }
.rp-metric-grid dt { color: var(--rp-muted); font-size: .8125rem; order: 2; }
.rp-metric-grid dd { margin: 0 0 .125rem; font-size: clamp(1.5rem, 4vw, 2.125rem); font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.rp-metric-grid div { display: flex; flex-direction: column-reverse; }
.rp-note { text-align: center; color: var(--rp-muted); font-size: .75rem; margin-top: 1rem; }

.rp-section { padding: 4rem 0; }
.rp-section-alt { background: linear-gradient(180deg, var(--rp-bg-2), var(--rp-bg)); border-top: 1px solid var(--rp-border); }
.rp-section-head { text-align: center; max-width: 640px; margin: 0 auto 2.25rem; }
.rp-section-head h2 { font-size: clamp(1.625rem, 4vw, 2.25rem); font-weight: 800; }
.rp-section-head p { color: var(--rp-text-2); margin-top: .625rem; }
@media (max-width: 480px) { .rp-section { padding: 3rem 0; } }

.rp-card { background: var(--rp-surface); border: 1px solid var(--rp-border); border-radius: var(--rp-radius); padding: 1.25rem; min-width: 0; }

.rp-platform-grid { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 640px) { .rp-platform-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rp-platform { display: flex; flex-direction: column; gap: .375rem; padding: 1rem; min-height: 112px; border-radius: var(--rp-radius);
  background: var(--rp-surface); border: 1px solid var(--rp-border); text-decoration: none; transition: border-color .16s, transform .16s; }
.rp-platform:hover { border-color: rgba(124,107,255,.5); transform: translateY(-2px); }
.rp-platform-ico { width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--rp-surface-2); color: var(--rp-brand-2); }
.rp-platform-ico svg { width: 20px; height: 20px; }
.rp-p-instagram .rp-platform-ico { color: #F472B6; } .rp-p-tiktok .rp-platform-ico { color: #22D3EE; }
.rp-p-youtube .rp-platform-ico { color: #F87171; } .rp-p-telegram .rp-platform-ico { color: #38BDF8; }
.rp-p-facebook .rp-platform-ico { color: #60A5FA; } .rp-p-spotify .rp-platform-ico { color: #4ADE80; }
.rp-p-twitch .rp-platform-ico { color: #A78BFA; }
.rp-platform b { font-size: 1rem; }
.rp-platform small { color: var(--rp-muted); font-size: .8125rem; }

.rp-card-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .rp-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .rp-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rp-svc { display: flex; flex-direction: column; gap: .5rem; text-decoration: none; transition: border-color .16s; }
.rp-svc:hover { border-color: rgba(124,107,255,.5); }
.rp-svc-plat { display: inline-flex; align-items: center; gap: .375rem; color: var(--rp-muted); font-size: .8125rem; }
.rp-svc-plat svg { width: 15px; height: 15px; }
.rp-svc b { font-size: 1.0625rem; overflow-wrap: anywhere; }

.rp-linkgrid { display: grid; gap: .5rem; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.rp-linkcard {
  display: flex; align-items: center; gap: .5rem; padding: .75rem .875rem;
  border: 1px solid var(--rp-border); border-radius: var(--rp-radius-sm);
  background: var(--rp-surface); color: var(--rp-text-2); text-decoration: none;
  font-size: .9375rem; min-height: 44px; transition: border-color .16s, color .16s;
}
.rp-linkcard:hover { border-color: rgba(124,107,255,.5); color: var(--rp-text); }
.rp-linkcard svg { flex-shrink: 0; color: var(--rp-brand-2); }

.rp-rel { display: flex; flex-direction: column; gap: .5rem; text-decoration: none; transition: border-color .16s; }
.rp-rel:hover { border-color: rgba(124,107,255,.5); }
.rp-rel b { font-size: 1.0625rem; }

.rp-svc-meta { color: var(--rp-muted); font-size: .8125rem; overflow-wrap: anywhere; }
.rp-plat-n { color: var(--rp-muted); font-weight: 500; font-size: .8125rem; }
.rp-svc-price { display: flex; align-items: baseline; gap: .375rem; margin-top: auto; }
.rp-svc-price strong { font-size: 1.125rem; font-variant-numeric: tabular-nums; }
.rp-svc-price small { color: var(--rp-muted); font-size: .8125rem; }

.rp-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); counter-reset: s; }
@media (min-width: 768px) { .rp-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rp-steps li { position: relative; padding: 1.25rem; border-radius: var(--rp-radius); background: var(--rp-surface); border: 1px solid var(--rp-border); }
.rp-step-no { display: inline-flex; width: 36px; height: 36px; border-radius: 12px; align-items: center; justify-content: center;
  background: var(--rp-brand-soft); color: var(--rp-brand-2); font-weight: 800; margin-bottom: .75rem; }
.rp-steps h3 { font-size: 1.0625rem; margin-bottom: .375rem; }
.rp-steps p { color: var(--rp-text-2); font-size: .9375rem; }

.rp-feature-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .rp-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .rp-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rp-feature h3 { font-size: 1.0625rem; margin-bottom: .375rem; }
.rp-feature h3::before { content: ''; display: block; width: 28px; height: 3px; border-radius: 3px; margin-bottom: .75rem;
  background: linear-gradient(90deg, var(--rp-brand), var(--rp-accent)); }
.rp-feature p { color: var(--rp-text-2); font-size: .9375rem; }

.rp-api { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr); align-items: center; }
@media (min-width: 900px) { .rp-api { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.rp-api h2 { font-size: clamp(1.625rem, 4vw, 2.25rem); font-weight: 800; }
.rp-api p { color: var(--rp-text-2); margin-top: .75rem; }
.rp-code { margin: 0; padding: 1.25rem; border-radius: var(--rp-radius); background: #070910; border: 1px solid var(--rp-border-strong);
  color: #C7D2FE; font: 500 .875rem/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-x: auto; white-space: pre; }

.rp-guide h3 { font-size: 1.0625rem; }
.rp-guide h3 a { text-decoration: none; }
.rp-guide h3 a:hover { color: var(--rp-brand-2); }
.rp-guide p { color: var(--rp-text-2); font-size: .9375rem; margin-top: .5rem; }
.rp-guide time { display: block; color: var(--rp-muted); font-size: .8125rem; margin-top: .75rem; }

.rp-faq details { border: 1px solid var(--rp-border); border-radius: var(--rp-radius-sm); background: var(--rp-surface); margin-bottom: .625rem; }
.rp-faq summary { cursor: pointer; list-style: none; padding: 1rem 1.125rem; font-weight: 650; display: flex; justify-content: space-between; gap: 1rem; min-height: 44px; }
.rp-faq summary::-webkit-details-marker { display: none; }
.rp-faq summary::after { content: '+'; color: var(--rp-brand-2); font-size: 1.25rem; line-height: 1; }
.rp-faq details[open] summary::after { content: '−'; }
.rp-faq details p { padding: 0 1.125rem 1.125rem; color: var(--rp-text-2); }

.rp-cta { padding: 4rem 0; }
.rp-cta-in { text-align: center; padding: 3rem 1.5rem; border-radius: 24px; border: 1px solid rgba(124,107,255,.35);
  background: radial-gradient(600px 240px at 50% 0%, rgba(124,107,255,.3), transparent 70%), var(--rp-surface); }
.rp-cta h2 { font-size: clamp(1.5rem, 4vw, 2.125rem); font-weight: 800; }
.rp-cta p { color: var(--rp-text-2); margin-top: .625rem; }
.rp-cta .rp-hero-cta { justify-content: center; }

.rp-guide-cover { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; margin-bottom: .875rem; background: var(--rp-surface-2); }
.rp-guide h2 { font-size: 1.125rem; }
.rp-guide h2 a { text-decoration: none; }
.rp-guide h2 a:hover { color: var(--rp-brand-2); }
.rp-pager { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 2rem; color: var(--rp-muted); font-size: .875rem; flex-wrap: wrap; }
.rp-post { padding: 2.5rem 0 3rem; }
.rp-crumbs { font-size: .8125rem; color: var(--rp-muted); margin-bottom: 1rem; }
.rp-crumbs a { color: var(--rp-text-2); text-decoration: none; }
.rp-crumbs span { margin: 0 .25rem; }
.rp-post h1 { font-size: clamp(1.75rem, 5vw, 2.75rem); font-weight: 800; }
.rp-post-meta { color: var(--rp-muted); font-size: .875rem; margin-top: .75rem; }
.rp-post-cover { display: block; width: 100%; max-height: 460px; object-fit: cover; border-radius: 16px; margin: 1.5rem 0; background: var(--rp-surface-2); }
.rp-post .rp-lead { margin: 1.25rem 0; }
.rp-prose { font-size: 1.0625rem; line-height: 1.8; color: var(--rp-text-2); }
.rp-prose > * + * { margin-top: 1.125rem; }
.rp-prose h2 { font-size: clamp(1.375rem, 3.4vw, 1.75rem); color: var(--rp-text); margin-top: 2.25rem; font-weight: 750; }
.rp-prose h3 { font-size: 1.1875rem; color: var(--rp-text); margin-top: 1.75rem; font-weight: 700; }
.rp-prose h4 { font-size: 1.0625rem; color: var(--rp-text); margin-top: 1.5rem; font-weight: 700; }
.rp-prose strong { color: var(--rp-text); }
.rp-prose a { color: var(--rp-brand-2); text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.rp-prose ul, .rp-prose ol { padding-left: 1.25rem; }
.rp-prose li + li { margin-top: .5rem; }
.rp-prose blockquote { margin: 1.5rem 0; padding: .875rem 1.125rem; border-left: 3px solid var(--rp-brand);
  background: var(--rp-surface); border-radius: 0 12px 12px 0; color: var(--rp-text); }
.rp-prose img { display: block; width: 100%; height: auto; border-radius: 12px; margin: 1.5rem 0 .5rem; }
.rp-prose figure { margin: 1.5rem 0; }
.rp-prose figure img { margin: 0; }
.rp-prose figcaption { font-size: .8125rem; color: var(--rp-muted); text-align: center; margin-top: .5rem; }
.rp-prose hr { border: 0; border-top: 1px solid var(--rp-border); margin: 2rem 0; }
.rp-prose code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; background: var(--rp-surface-2);
  padding: .1rem .35rem; border-radius: 6px; overflow-wrap: anywhere; }
.rp-prose pre { background: #070910; border: 1px solid var(--rp-border-strong); border-radius: 12px; padding: 1rem; overflow-x: auto; }
.rp-prose pre code { background: none; padding: 0; }
.rp-prose table { width: 100%; border-collapse: collapse; font-size: .9375rem; display: block; overflow-x: auto; }
.rp-prose th, .rp-prose td { border: 1px solid var(--rp-border); padding: .5rem .625rem; text-align: left; }
.rp-prose th { background: var(--rp-surface-2); color: var(--rp-text); }
.rp-post-tags { display: flex; flex-wrap: wrap; gap: .375rem; margin-top: 2rem; }
.rp-post-tags span { padding: .25rem .625rem; border-radius: 999px; background: var(--rp-surface); border: 1px solid var(--rp-border);
  color: var(--rp-muted); font-size: .75rem; }
.rp-post-faq { margin-top: 2.5rem; }
.rp-post-faq h2 { font-size: 1.5rem; margin-bottom: 1rem; }

.rp-landing section[id] { scroll-margin-top: 84px; }
.rp-landing-hero, .rp-info-hero { padding: clamp(2rem, 5vw, 4rem) 0; }
.rp-landing-hero > .rp-wrap, .rp-info-hero > .rp-wrap { position: relative; }
.rp-landing-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 2rem; }
.rp-landing-grid > *, .rp-info-layout > * { min-width: 0; }
.rp-landing-hero h1, .rp-info-hero h1 { max-width: 22ch; font-size: clamp(2rem, 4.2vw, 3.25rem); overflow-wrap: break-word; text-wrap: balance; }
.rp-landing .rp-eyebrow { gap: .5rem; }
.rp-landing .rp-hero-points { color: var(--rp-text-2); }
.rp-order-guide { padding: clamp(1.25rem, 3vw, 2rem); background: linear-gradient(145deg, var(--rp-surface-2), var(--rp-surface)); }
.rp-order-guide h2 { font-size: 1.35rem; }
.rp-order-guide dl { margin: 1.25rem 0; }
.rp-order-guide dl > div { padding: .875rem 0; border-bottom: 1px solid var(--rp-border); }
.rp-order-guide dt { color: var(--rp-muted); font-size: .8125rem; margin-bottom: .25rem; }
.rp-order-guide dd { margin: 0; color: var(--rp-text); font-size: .9375rem; font-weight: 550; }
.rp-order-guide > a, .rp-text-link { color: var(--rp-brand-2); font-size: .875rem; font-weight: 600; text-decoration: none; }
.rp-text-link:hover, .rp-order-guide > a:hover { text-decoration: underline; }
.rp-section-nav { display: flex; flex-wrap: wrap; gap: .5rem; padding-top: 1rem; padding-bottom: 1rem; }
.rp-section-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem .875rem; border: 1px solid var(--rp-border);
  border-radius: 10px; font-size: .8125rem; font-weight: 600; text-decoration: none; color: var(--rp-text-2); background: var(--rp-surface); }
.rp-section-nav a:hover { color: var(--rp-brand-2); border-color: var(--rp-brand); }
.rp-info-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.rp-info-layout .rp-prose > h2:first-child { margin-top: 0; }
.rp-check-card, .rp-help-card { padding: 1.5rem; }
.rp-check-card h2, .rp-help-card h2 { font-size: 1.25rem; }
.rp-checklist { margin: 1rem 0; padding-left: 1.25rem; color: var(--rp-text-2); font-size: .9375rem; line-height: 1.75; }
.rp-checklist li + li { margin-top: .75rem; }
.rp-checklist li::marker { color: var(--rp-brand-2); }
.rp-buy-steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
.rp-buy-steps li { display: flex; flex-direction: column; gap: .875rem; min-width: 0; padding: 1.5rem; }
.rp-step-number { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px;
  background: var(--rp-brand-soft); color: var(--rp-brand-2); font-weight: 750; font-size: .875rem; }
.rp-buy-steps h3 { font-size: 1.0625rem; }
.rp-buy-steps p { color: var(--rp-text-2); font-size: .875rem; }
.rp-buy-steps a { margin-top: auto; }
.rp-empty-catalog { padding: clamp(1.25rem, 3vw, 2rem); border: 1px dashed var(--rp-border-strong); border-radius: var(--rp-radius); background: var(--rp-surface); }
.rp-empty-catalog h3 { font-size: 1.125rem; }
.rp-empty-catalog p { color: var(--rp-text-2); max-width: 65ch; margin-top: .75rem; }
.rp-price-note { color: var(--rp-muted); font-size: .8125rem; margin-top: 1rem; }
.rp-promo small { display: block; font-weight: 500; font-size: .75rem; margin-top: .125rem; }
.rp-contact-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.rp-contact-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: .875rem; padding: 1.5rem; overflow-wrap: anywhere; }
.rp-contact-card h2, .rp-contact-card h3 { font-size: 1.25rem; }
.rp-contact-card p { color: var(--rp-text-2); font-size: .9375rem; }
.rp-contact-card .rp-btn { margin-top: auto; }
.rp-contact-card .rp-prose { width: 100%; min-width: 0; }
.rp-contact-card .rp-eyebrow { margin-bottom: 0; }
.rp-feature-icon { width: 44px; height: 44px; display: grid; place-items: center; background: var(--rp-brand-soft); color: var(--rp-brand-2); border-radius: 12px; }
.rp-feature-icon svg { width: 22px; height: 22px; }
.rp-status-note { padding: 1.5rem; margin-bottom: 1.5rem; border: 1px solid var(--rp-border-strong); border-left: 3px solid var(--rp-brand); border-radius: var(--rp-radius); background: var(--rp-surface); }
.rp-status-note h2 { font-size: 1.375rem; }
.rp-status-note p { max-width: 78ch; color: var(--rp-text-2); margin-top: .875rem; }
.rp-info-block + .rp-info-block { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--rp-border); }
.rp-info-block h2 { font-size: clamp(1.25rem, 3vw, 1.5rem); }
.rp-help-card p { margin-top: .75rem; color: var(--rp-text-2); font-size: .9375rem; }
.rp-help-card nav { display: flex; flex-direction: column; margin-top: 1rem; }
.rp-help-card nav a { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: .875rem 0; border-top: 1px solid var(--rp-border); color: var(--rp-brand-2); text-decoration: none; font-size: .875rem; }
.rp-landing .rp-card-grid > *, .rp-landing .rp-rel { min-width: 0; overflow-wrap: anywhere; }
.rp-landing .rp-rel { display: flex; flex-direction: column; gap: .75rem; padding: 1.5rem; text-decoration: none; }
.rp-landing .rp-rel:hover { border-color: var(--rp-brand); }
@media (min-width: 640px) { .rp-buy-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) {
  .rp-landing-grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 3rem; }
  .rp-info-layout { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 2.5rem; }
  .rp-buy-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .rp-landing .rp-btn, .rp-info-hero .rp-btn, .rp-contact-card .rp-btn { white-space: normal; text-align: center; padding-top: .625rem; padding-bottom: .625rem; }
  .rp-section-nav { gap: .375rem; } .rp-section-nav a { flex: 1 1 auto; justify-content: center; }
  .rp-order-guide, .rp-check-card, .rp-help-card, .rp-contact-card { padding: 1.25rem; }
}

.rp-pdetail-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .rp-pdetail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rp-pdetail { display: flex; flex-direction: column; gap: .875rem; padding: 1.5rem; }
.rp-pdetail-head { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.rp-pdetail-head h3 { font-size: 1.125rem; font-weight: 750; margin: 0; }
.rp-pdetail-n { margin-left: auto; font-size: .75rem; color: var(--rp-muted); padding: .2rem .55rem; border: 1px solid var(--rp-border); border-radius: 999px; white-space: nowrap; }
.rp-pdetail > p { color: var(--rp-text-2); font-size: .9375rem; line-height: 1.7; }
.rp-pdetail-links { display: flex; flex-wrap: wrap; gap: .375rem; }
.rp-pdetail-links a { display: inline-flex; align-items: center; min-height: 34px; padding: .3rem .7rem; border-radius: 999px; font-size: .8125rem;
  color: var(--rp-text-2); background: var(--rp-surface-2); border: 1px solid var(--rp-border); text-decoration: none; transition: border-color .16s, color .16s; }
.rp-pdetail-links a:hover { color: var(--rp-text); border-color: rgba(124,107,255,.5); }
.rp-pdetail-all { margin-top: auto; font-size: .875rem; font-weight: 600; color: var(--rp-brand-2); text-decoration: none; }
.rp-pdetail-all:hover { text-decoration: underline; }

.rp-about h2 { font-size: clamp(1.375rem, 3.4vw, 1.75rem); font-weight: 750; margin: 2.75rem 0 .75rem; }
.rp-about .rp-prose h2 { margin-bottom: 0; }
.rp-about > h2:first-child { margin-top: 0; }
.rp-about-sub { color: var(--rp-text-2); margin-bottom: 1.25rem; }
.rp-about .rp-feature-grid + h2, .rp-about .rp-linkgrid + h2 { margin-top: 2.75rem; }
.rp-about-note { margin-top: 2.5rem; text-align: left; }

.rp-facts { display: grid; gap: .75rem; grid-template-columns: minmax(0, 1fr); margin: 0; }
@media (min-width: 640px) { .rp-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rp-facts .is-wide { grid-column: 1 / -1; } }
.rp-facts > div { background: var(--rp-surface); border: 1px solid var(--rp-border); border-radius: var(--rp-radius-sm); padding: .875rem 1rem; min-width: 0; }
.rp-facts dt { color: var(--rp-muted); font-size: .8125rem; }
.rp-facts dd { margin: .25rem 0 0; color: var(--rp-text); font-weight: 600; overflow-wrap: anywhere; }
.rp-facts dd a { color: var(--rp-brand-2); text-decoration: underline; text-underline-offset: 2px; }
.rp-facts dd.is-ok { color: var(--rp-success); }
.rp-about-verify { margin-top: 1rem; color: var(--rp-text-2); font-size: .9375rem; }
.rp-about-verify a { color: var(--rp-brand-2); text-decoration: underline; text-underline-offset: 2px; }

.rp-about-hero .rp-crumbs { position: relative; margin-bottom: 1.25rem; }
.rp-about .rp-prose > h2:first-child { margin-top: 0; }
.rp-about-card {
  position: relative; border-radius: 20px; padding: 1.25rem; display: flex; flex-direction: column; gap: 1rem;
  background: linear-gradient(180deg, rgba(23,26,37,.96), rgba(18,20,29,.96));
  border: 1px solid var(--rp-border-strong);
  box-shadow: 0 30px 80px rgba(0,0,0,.45), 0 0 0 1px rgba(124,107,255,.08) inset;
}
.rp-about-card::after { content: ''; position: absolute; inset: -1px; border-radius: 20px; pointer-events: none;
  background: linear-gradient(135deg, rgba(124,107,255,.45), transparent 35%, transparent 65%, rgba(34,211,238,.35));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask-composite: exclude; padding: 1px; }
.rp-about-card-head { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.rp-about-card-head img { width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0; }
.rp-about-card-head b { display: block; font-size: 1.0625rem; }
.rp-about-card-head small { display: block; color: var(--rp-muted); font-size: .8125rem; }
.rp-about-badge { margin-left: auto; display: inline-flex; align-items: center; gap: .4rem; padding: .25rem .625rem; border-radius: 999px;
  font-size: .75rem; font-weight: 600; color: var(--rp-text-2); border: 1px solid var(--rp-border); background: var(--rp-bg-2); white-space: nowrap; }
.rp-about-badge::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.rp-about-badge.is-ok { color: var(--rp-success); border-color: rgba(34,197,94,.35); }
.rp-about-card-rows { margin: 0; display: grid; gap: .5rem; }
.rp-about-card-rows > div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: .75rem; padding: .625rem .75rem; border-radius: 12px;
  background: var(--rp-bg-2); border: 1px solid var(--rp-border); font-size: .875rem; }
.rp-about-card-rows dt { color: var(--rp-muted); }
.rp-about-card-rows dd { margin: 0; color: var(--rp-text); font-weight: 600; overflow-wrap: anywhere; }
.rp-about-card-rows dd a { color: var(--rp-brand-2); text-decoration: none; }
.rp-about-card-rows dd a:hover { text-decoration: underline; }
.rp-about-card-plats { display: flex; flex-wrap: wrap; gap: .5rem; }
.rp-about-plat { display: inline-flex; border-radius: 12px; border: 1px solid var(--rp-border); transition: border-color .16s, transform .16s; }
.rp-about-plat:hover { border-color: rgba(124,107,255,.5); transform: translateY(-2px); }
.rp-about-plat .rp-platform-ico { width: 44px; height: 44px; background: var(--rp-bg-2); }
.rp-about-card-foot { font-size: .8125rem; color: var(--rp-muted); }
.rp-about-card-foot a { color: var(--rp-text-2); text-decoration: none; }
.rp-about-card-foot a:hover { color: var(--rp-text); }

.rp-footer { border-top: 1px solid var(--rp-border); background: var(--rp-bg-2); padding: 3rem 0 1.5rem; margin-top: 2rem; }
.rp-foot-grid { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.rp-foot-grid > * { min-width: 0; }
.rp-foot-col a, .rp-foot-brand p { overflow-wrap: anywhere; }
@media (min-width: 900px) { .rp-foot-grid { grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); } }
.rp-foot-brand { grid-column: 1 / -1; }
@media (min-width: 900px) { .rp-foot-brand { grid-column: auto; } }
.rp-foot-brand p { color: var(--rp-text-2); font-size: .9375rem; margin-top: .875rem; max-width: 26rem; }
.rp-foot-contact, .rp-foot-social { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1rem; }
.rp-foot-contact a { display: inline-flex; align-items: center; gap: .375rem; color: var(--rp-text-2); text-decoration: none; font-size: .875rem; min-height: 32px; }
.rp-foot-social a { width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--rp-surface); border: 1px solid var(--rp-border); color: var(--rp-text-2); }
.rp-foot-address { font-size: .8125rem !important; color: var(--rp-muted) !important; }
.rp-foot-col h3 { font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; color: var(--rp-muted); margin-bottom: .75rem; }
.rp-foot-col a { display: block; padding: .3rem 0; color: var(--rp-text-2); text-decoration: none; font-size: .9375rem; }
.rp-foot-col a:hover { color: var(--rp-text); }
.rp-foot-bottom { border-top: 1px solid var(--rp-border); margin-top: 2rem; padding-top: 1.25rem; color: var(--rp-muted); font-size: .8125rem; }
.rp-foot-bottom small { font-size: inherit; }

.rp-svc-variant { display: inline-block; vertical-align: 2px; margin-left: .125rem; padding: .1rem .5rem; border-radius: 999px;
  background: var(--rp-brand-soft); border: 1px solid rgba(124,107,255,.35); color: var(--rp-brand-2); font-size: .75rem; font-weight: 600; }
.rp-p-linkedin .rp-platform-ico { color: #7DD3FC; } .rp-p-reddit .rp-platform-ico { color: #FB923C; }
.rp-p-snapchat .rp-platform-ico { color: #FDE047; } .rp-p-whatsapp .rp-platform-ico { color: #4ADE80; }
.rp-p-discord .rp-platform-ico { color: #A5B4FC; } .rp-p-threads .rp-platform-ico { color: #E5E7EB; }
.rp-p-pinterest .rp-platform-ico { color: #F87171; } .rp-p-kick .rp-platform-ico { color: #86EFAC; }
.rp-p-twitter .rp-platform-ico, .rp-p-x .rp-platform-ico { color: #E5E7EB; }

.rp-editorial-hero { position: relative; display: grid; gap: 2rem; align-items: start; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .rp-editorial-hero { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 3rem; align-items: center; } }
.rp-editorial-hero > div { min-width: 0; }
.rp-editorial-overview { padding: 1.5rem; min-width: 0; }
.rp-editorial-overview .rp-eyebrow { margin-bottom: .75rem; }
.rp-editorial-overview h2 { font-size: 1.25rem; font-weight: 750; }
.rp-editorial-overview ul { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .5rem; }
.rp-editorial-overview li { display: flex; align-items: center; gap: .75rem; padding: .625rem .75rem; border-radius: 12px;
  background: var(--rp-bg-2); border: 1px solid var(--rp-border); color: var(--rp-text-2); font-size: .9375rem; }
.rp-editorial-overview li > span { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px;
  border-radius: 10px; background: var(--rp-brand-soft); color: var(--rp-brand-2); font-weight: 750; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.rp-reading-layout { display: grid; gap: 1.5rem; align-items: start; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .rp-reading-layout { grid-template-columns: minmax(0, 1.6fr) minmax(0, .8fr); gap: 2.5rem; } }
.rp-reading-content, .rp-reading-side { min-width: 0; }
.rp-reading-content { display: grid; gap: 1rem; }
.rp-reading-side { display: grid; gap: 1rem; }
@media (min-width: 960px) { .rp-reading-side { position: sticky; top: 84px; } }
.rp-editorial-block { padding: 1.5rem; scroll-margin-top: 84px; }
.rp-editorial-heading { display: flex; align-items: center; gap: .875rem; }
.rp-editorial-heading h2 { font-size: clamp(1.125rem, 2.6vw, 1.375rem); font-weight: 750; min-width: 0; overflow-wrap: anywhere; }
.rp-editorial-heading .rp-step-number { flex: 0 0 auto; }
.rp-editorial-block .rp-checklist { margin-bottom: 0; }
.rp-toc { padding: 1.25rem; }
.rp-toc h2 { font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; color: var(--rp-muted); margin-bottom: .5rem; }
.rp-toc a { display: flex; align-items: center; gap: .625rem; min-height: 44px; padding: .375rem 0; color: var(--rp-text-2); text-decoration: none;
  font-size: .9375rem; border-top: 1px solid var(--rp-border); }
.rp-toc a:first-of-type { border-top: 0; }
.rp-toc a:hover { color: var(--rp-text); }
.rp-toc a > span { flex: 0 0 auto; width: 28px; color: var(--rp-brand-2); font-weight: 700; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.rp-section-compact { padding: 2rem 0; }
.rp-related-guides h2 { font-size: 1.125rem; font-weight: 750; }
.rp-related-guides .rp-section-nav { padding-bottom: 0; }
.rp-info-sections { min-width: 0; }
.rp-landing-intro, .rp-hero-copy { min-width: 0; }
@media (max-width: 480px) {
  .rp-editorial-overview, .rp-editorial-block, .rp-toc { padding: 1.125rem; }
  .rp-editorial-heading { gap: .625rem; }
}

.rp-reviews-summary { display: flex; flex-direction: column; gap: .625rem; padding: 1.5rem; text-align: center; align-items: center; }
.rp-reviews-avg { font-size: clamp(2.25rem, 6vw, 3rem); font-weight: 800; letter-spacing: -.03em; line-height: 1; font-variant-numeric: tabular-nums; }
.rp-reviews-avg small { font-size: 1rem; font-weight: 600; color: var(--rp-muted); }
.rp-reviews-summary p { color: var(--rp-text-2); font-size: .9375rem; max-width: 28rem; }
.rp-stars { display: inline-flex; gap: 3px; }
.rp-stars i { width: 16px; height: 16px; background: var(--rp-border-strong);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.rp-stars i.is-on { background: #FBBF24; }
.rp-review { display: flex; flex-direction: column; gap: .875rem; }
.rp-review-head { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.rp-review-head > div { min-width: 0; flex: 1 1 auto; }
.rp-review-head b { display: block; font-size: 1rem; overflow-wrap: anywhere; }
.rp-review-head small { display: block; color: var(--rp-muted); font-size: .8125rem; }
.rp-review-head .rp-stars { flex: 0 0 auto; }
.rp-review-avatar { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--rp-brand-soft); color: var(--rp-brand-2); font-weight: 750; font-size: .875rem; }
.rp-review > p { color: var(--rp-text-2); font-size: .9375rem; line-height: 1.7; overflow-wrap: anywhere; }
.rp-review time { color: var(--rp-muted); font-size: .8125rem; margin-top: auto; }
.rp-review-form { padding: 1.5rem; }
.rp-review-fields { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .rp-review-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rp-review-fields .is-wide { grid-column: 1 / -1; } }
.rp-review-fields label { display: flex; flex-direction: column; gap: .375rem; font-size: .875rem; font-weight: 600; color: var(--rp-text-2); min-width: 0; }
.rp-review-fields input, .rp-review-fields select, .rp-review-fields textarea {
  width: 100%; min-height: 44px; padding: .625rem .875rem; border-radius: var(--rp-radius-sm); border: 1px solid var(--rp-border-strong);
  background: var(--rp-bg-2); color: var(--rp-text); font: inherit; font-weight: 500; }
.rp-review-fields textarea { resize: vertical; min-height: 120px; }
.rp-review-fields input:focus, .rp-review-fields select:focus, .rp-review-fields textarea:focus { outline: 2px solid var(--rp-brand-2); outline-offset: 1px; border-color: transparent; }
.rp-review-fields ::placeholder { color: var(--rp-muted); }
.rp-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.rp-review-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.25rem; }
.rp-review-status { font-size: .875rem; color: var(--rp-text-2); }
.rp-review-status.is-ok { color: var(--rp-success); }
.rp-review-status.is-err { color: #F87171; }
@media (max-width: 480px) { .rp-review-form, .rp-reviews-summary { padding: 1.125rem; } .rp-review-actions .rp-btn { flex: 1 1 100%; } }

.rp-auth-hero { padding: clamp(2rem, 5vw, 4rem) 0 clamp(2.5rem, 6vw, 5rem); }
.rp-auth-layout { position: relative; display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); max-width: 520px; margin: 0 auto; }
.rp-auth-layout.is-register { max-width: 560px; }
@media (min-width: 960px) {
  .rp-auth-layout { max-width: none; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 3rem; align-items: start; }

  .rp-auth-layout.is-register { max-width: none; grid-template-columns: minmax(0, 560px) minmax(0, 1fr); }
}
.rp-auth-card { padding: clamp(1.25rem, 4vw, 2rem); }
.rp-auth-card h1 { font-size: clamp(1.625rem, 4.5vw, 2.125rem); font-weight: 800; letter-spacing: -.03em; }
.rp-auth-lead { color: var(--rp-text-2); margin-top: .625rem; font-size: .9375rem; }
.rp-auth-form { display: grid; gap: 1rem; margin-top: 1.5rem; }
.rp-auth-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 560px) { .rp-auth-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rp-field { display: flex; flex-direction: column; gap: .375rem; font-size: .875rem; font-weight: 600; color: var(--rp-text-2); min-width: 0; }
.rp-field input { width: 100%; min-height: 46px; padding: .625rem .875rem; border-radius: var(--rp-radius-sm); border: 1px solid var(--rp-border-strong);
  background: var(--rp-bg-2); color: var(--rp-text); font: inherit; font-weight: 500; }
.rp-field input:focus { outline: 2px solid var(--rp-brand-2); outline-offset: 1px; border-color: transparent; }
.rp-field input::placeholder { color: var(--rp-muted); }
.rp-pw-wrap { position: relative; display: block; }
.rp-pw-wrap input { padding-right: 3rem; }
.rp-pw-toggle { position: absolute; right: .375rem; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 10px;
  border: 0; background: transparent; color: var(--rp-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.rp-pw-toggle:hover, .rp-pw-toggle[aria-pressed="true"] { color: var(--rp-text); background: rgba(255,255,255,.05); }
.rp-pw-meter { height: 6px; border-radius: 999px; background: rgba(255,255,255,.06); overflow: hidden; margin-top: -.375rem; }
.rp-pw-meter i { display: block; height: 100%; width: 0; border-radius: 999px; background: var(--rp-muted); transition: width .2s, background .2s; }
.rp-pw-meter i.is-weak { background: #F87171; } .rp-pw-meter i.is-ok { background: var(--rp-warning); } .rp-pw-meter i.is-strong { background: var(--rp-success); }
.rp-field-hint { color: var(--rp-muted); font-size: .8125rem; margin-top: -.5rem; }
.rp-auth-2fa { display: grid; gap: .375rem; padding: 1rem; border-radius: var(--rp-radius-sm); background: var(--rp-brand-soft); border: 1px solid rgba(124,107,255,.35); }
.rp-auth-2fa small { color: var(--rp-text-2); font-size: .8125rem; }
.rp-auth-ref { margin: -.375rem 0 0; color: var(--rp-success); font-size: .8125rem; font-weight: 600; }
.rp-check { display: flex; align-items: flex-start; gap: .75rem; font-size: .875rem; color: var(--rp-text-2); cursor: pointer; }
.rp-check input { flex: 0 0 auto; width: 20px; height: 20px; margin-top: .125rem; accent-color: var(--rp-brand); }
.rp-check a { color: var(--rp-brand-2); text-decoration: underline; text-underline-offset: 2px; }
.rp-auth-error, .rp-auth-ok { margin: 0; padding: .75rem .875rem; border-radius: var(--rp-radius-sm); font-size: .875rem; line-height: 1.5; }
.rp-auth-error { background: rgba(248,113,113,.1); border: 1px solid rgba(248,113,113,.35); color: #FCA5A5; }

.rp-auth-ok { background: rgba(96,165,250,.1); border: 1px solid rgba(96,165,250,.35); color: #BFDBFE; }
.rp-auth-error[hidden], .rp-auth-ok[hidden], .rp-auth-2fa[hidden], .rp-auth-ref[hidden] { display: none; }
.rp-auth-submit { width: 100%; }
.rp-auth-links { margin: 0; text-align: center; font-size: .875rem; }
.rp-auth-links a:not(.rp-btn), .rp-auth-switch a:not(.rp-btn) { color: var(--rp-brand-2); font-weight: 600; text-decoration: none; }
.rp-auth-links a:not(.rp-btn):hover, .rp-auth-switch a:not(.rp-btn):hover { text-decoration: underline; }
.rp-auth-switch { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--rp-border); text-align: center; color: var(--rp-text-2); font-size: .9375rem; }
.rp-auth-aside { padding-top: .5rem; }
.rp-auth-aside ul { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .875rem; }
.rp-auth-aside li { display: grid; gap: .125rem; padding-left: 1.25rem; position: relative; }
.rp-auth-aside li::before { content: '✓'; position: absolute; left: 0; top: 0; color: var(--rp-success); font-weight: 700; }
.rp-auth-aside b { color: var(--rp-text); font-size: 1rem; }
.rp-auth-aside span { color: var(--rp-text-2); font-size: .9375rem; line-height: 1.6; }
.rp-auth-aside-note { margin-top: 1.5rem; color: var(--rp-muted); font-size: .8125rem; line-height: 1.6; }
.rp-auth-aside-note a { color: var(--rp-text-2); }
@media (max-width: 959px) { .rp-auth-aside { display: none; } }
.rp-review.is-verified { border-color: rgba(34,197,94,.3); }
.rp-review-verified { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: -.25rem; }
.rp-verified-badge { display: inline-flex; align-items: center; padding: .15rem .55rem; border-radius: 999px; font-size: .75rem; font-weight: 700;
  color: var(--rp-success); background: rgba(34,197,94,.12); border: 1px solid rgba(34,197,94,.35); }
.rp-review-bought { color: var(--rp-muted); font-size: .8125rem; }
.rp-review-invite { margin: 0 0 1rem; padding: .75rem .875rem; border-radius: var(--rp-radius-sm); font-size: .875rem; line-height: 1.5;
  background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.35); color: #86EFAC; }
.rp-review-invite.is-note { background: rgba(245,158,11,.1); border-color: rgba(245,158,11,.35); color: #FCD34D; }

.rp-track-form { display: grid; gap: .75rem; margin-top: 1.5rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .rp-track-form { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.rp-track-form .rp-field input { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .04em; text-transform: uppercase; }
.rp-info-hero .rp-auth-error { margin-top: 1rem; }
.rp-track-help h2 { font-size: 1.25rem; }
.rp-track-help p { color: var(--rp-text-2); margin-top: .75rem; }
.rp-track-help .rp-hero-cta { margin-top: 1.25rem; }
.rp-track-card { padding: clamp(1.25rem, 3vw, 2rem); }
.rp-track-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.rp-track-head h2 { font-size: clamp(1.25rem, 3vw, 1.5rem); margin-top: .375rem; }
.rp-track-code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8125rem; color: var(--rp-muted); letter-spacing: .04em; }
.rp-track-meta { color: var(--rp-text-2); font-size: .875rem; margin-top: .25rem; }
.rp-track-status { display: inline-flex; align-items: center; padding: .375rem .875rem; border-radius: 999px; font-weight: 700; font-size: .875rem;
  background: var(--rp-brand-soft); border: 1px solid rgba(124,107,255,.35); color: var(--rp-brand-2); white-space: nowrap; }
.rp-track-card.is-done .rp-track-status { color: var(--rp-success); background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.35); }
.rp-track-card.is-partial .rp-track-status { color: #FCD34D; background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.35); }
.rp-track-card.is-closed .rp-track-status { color: var(--rp-text-2); background: rgba(255,255,255,.05); border-color: var(--rp-border-strong); }
.rp-track-progress { height: 8px; border-radius: 999px; background: rgba(255,255,255,.06); overflow: hidden; margin-top: 1.25rem; }
.rp-track-progress i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--rp-brand), var(--rp-accent)); }
.rp-track-pct { color: var(--rp-muted); font-size: .8125rem; margin-top: .375rem; font-variant-numeric: tabular-nums; }
.rp-track-facts { display: grid; gap: .625rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.25rem 0 0; }
@media (min-width: 640px) { .rp-track-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rp-track-facts > div { background: var(--rp-bg-2); border: 1px solid var(--rp-border); border-radius: var(--rp-radius-sm); padding: .75rem .875rem; min-width: 0; }
.rp-track-facts dt { color: var(--rp-muted); font-size: .75rem; }
.rp-track-facts dd { margin: .2rem 0 0; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.rp-track-card h3 { font-size: 1rem; margin-top: 1.5rem; }
.rp-track-timeline { list-style: none; margin: .75rem 0 0; padding: 0; display: grid; gap: .5rem; }
.rp-track-timeline li { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: .75rem; padding: .5rem 0; border-top: 1px solid var(--rp-border); font-size: .9375rem; }
.rp-track-timeline time { color: var(--rp-muted); font-size: .8125rem; font-variant-numeric: tabular-nums; }
@media (max-width: 480px) { .rp-track-timeline li { grid-template-columns: minmax(0, 1fr); gap: .125rem; } }

.rp-ref-table { padding: 0; overflow: hidden; }
.rp-ref-table table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.rp-ref-table th, .rp-ref-table td { padding: .875rem 1.125rem; text-align: left; border-bottom: 1px solid var(--rp-border); }
.rp-ref-table th { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--rp-muted); background: var(--rp-bg-2); }
.rp-ref-table td b { color: var(--rp-brand-2); font-size: 1.125rem; }
.rp-ref-table tr:last-child td { border-bottom: 0; }
.rp-ref-table .rp-price-note { padding: 0 1.125rem 1rem; }
@media (max-width: 480px) { .rp-ref-table th, .rp-ref-table td { padding: .625rem .75rem; font-size: .875rem; } }

.rp-proof { border-top: 1px solid var(--rp-border); border-bottom: 1px solid var(--rp-border); background: var(--rp-bg-2); padding: 2rem 0; }
.rp-proof-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .rp-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .rp-proof-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rp-proof-grid li { display: grid; gap: .375rem; padding: 1rem 1.125rem; border-radius: var(--rp-radius); background: var(--rp-surface); border: 1px solid var(--rp-border); min-width: 0; }
.rp-proof-grid li::before { content: ''; display: block; width: 28px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--rp-brand), var(--rp-accent)); margin-bottom: .25rem; }
.rp-proof-grid b { font-size: 1rem; }
.rp-proof-grid span { color: var(--rp-text-2); font-size: .9rem; line-height: 1.6; }
.rp-proof .rp-note { margin-top: 1rem; }
.rp-proof .rp-note a { color: var(--rp-text-2); }

.rp-nav .rp-lang { position: relative; margin-left: .25rem; }
.rp-nav .rp-lang summary { list-style: none; cursor: pointer; font-weight: 700; letter-spacing: .04em; font-size: .8125rem; color: var(--rp-muted); border: 1px solid var(--rp-border); border-radius: 8px; padding: .35rem .6rem; display: inline-flex; align-items: center; gap: .35rem; }
.rp-nav .rp-lang summary::-webkit-details-marker { display: none; }
.rp-nav .rp-lang summary::after { content: ""; width: .4em; height: .4em; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.rp-nav .rp-lang[open] summary, .rp-nav .rp-lang summary:hover { color: var(--rp-text); border-color: var(--rp-border-strong); }
.rp-nav .rp-lang ul { position: absolute; right: 0; top: calc(100% + .4rem); min-width: 10rem; margin: 0; padding: .35rem; list-style: none; background: var(--rp-surface-2); border: 1px solid var(--rp-border); border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.35); z-index: 50; }
.rp-nav .rp-lang ul a { display: block; padding: .5rem .75rem; border-radius: 8px; font-size: .9rem; font-weight: 500; }
.rp-nav .rp-lang ul a[aria-current] { color: var(--rp-brand-2); font-weight: 700; }
@media (max-width: 900px) {
  .rp-nav .rp-lang { margin-left: 0; }
  .rp-nav .rp-lang summary { border: 0; border-bottom: 1px solid var(--rp-border); border-radius: 0; padding: .75rem 0; width: 100%; }
  .rp-nav .rp-lang ul { position: static; box-shadow: none; border: 0; border-bottom: 1px solid var(--rp-border); border-radius: 0; padding: 0 0 .5rem 1rem; }
  .rp-nav .rp-lang ul a { padding: .5rem 0; border-bottom: 0; }
}

[dir="rtl"] .rp-nav { margin-left: 0; margin-right: auto; }
[dir="rtl"] .rp-nav .rp-lang { margin-left: 0; margin-right: .25rem; }
[dir="rtl"] .rp-nav .rp-lang ul { right: auto; left: 0; }
[dir="rtl"] .rp-crumbs, [dir="rtl"] .rp-hero-points, [dir="rtl"] .rp-checklist, [dir="rtl"] .rp-prose ol, [dir="rtl"] .rp-prose ul { padding-right: 0; }
[dir="rtl"] .rp-hero-copy, [dir="rtl"] .rp-section-head, [dir="rtl"] .rp-card, [dir="rtl"] .rp-prose, [dir="rtl"] .rp-faq, [dir="rtl"] .rp-foot-col, [dir="rtl"] .rp-foot-brand { text-align: right; }
[dir="rtl"] .rp-track-timeline li { flex-direction: row-reverse; }
[dir="rtl"] .rp-lang-note { direction: rtl; }
.rp-lang-note { margin: 0; padding: .5rem 1rem; text-align: center; font-size: .8125rem; color: var(--rp-muted); background: var(--rp-surface-2, rgba(255,255,255,.03)); border-bottom: 1px solid var(--rp-border); }

@media (max-width: 767px) {

  .rp-field input, .rp-review-fields input, .rp-review-fields select, .rp-review-fields textarea, .rp-track-form input { font-size: 16px; }

  .rp-linkcard { min-height: 48px; padding-top: .75rem; padding-bottom: .75rem; }
  .rp-foot-col a { padding: .55rem 0; }
  .rp-foot-contact a { min-height: 44px; }
  .rp-brand { min-height: 44px; }
  .rp-crumbs a { display: inline-block; padding: .7rem 0; }
  .rp-text-link, .rp-pdetail-all, .rp-pdetail-links a { display: inline-flex; align-items: center; min-height: 40px; }
  .rp-hero-cta .rp-btn, .rp-cta .rp-btn { min-height: 48px; }
  .rp-header-cta .rp-btn { min-height: 40px; }

  .rp-nav.is-open a, .rp-nav.is-open summary { min-height: 48px; display: flex; align-items: center; }

  .rp-header-in { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
  .rp-footer { padding-bottom: max(1.5rem, env(safe-area-inset-bottom)); }
}

.rp-auth-or { display: flex; align-items: center; gap: .75rem; margin: 1rem 0 .75rem; color: var(--rp-muted); font-size: .8125rem; }
.rp-auth-or::before, .rp-auth-or::after { content: ""; flex: 1; height: 1px; background: var(--rp-border); }
.rp-btn-google { width: 100%; justify-content: center; gap: .625rem; background: #fff; color: #1f1f1f; border: 1px solid #dadce0; font-weight: 600; }
.rp-btn-google:hover { background: #f5f5f5; color: #1f1f1f; }
.rp-btn-google svg { flex-shrink: 0; }
.rp-auth-google-note { margin: .625rem 0 0; font-size: .75rem; color: var(--rp-muted); line-height: 1.5; }
.rp-auth-google-note a { color: var(--rp-text-2); }

:root { --rp-header-bg: rgba(11,13,20,.82); }
[data-theme="light"] { --rp-header-bg: rgba(255,255,255,.86); }
.rp-header { background: var(--rp-header-bg); }

:root { --rp-code-bg: #070910; }
[data-theme="light"] { --rp-code-bg: #F2F4F8; }
.rp-code, .rp-prose pre { background: var(--rp-code-bg); }

:root { --rp-error-text: #FCA5A5; }
[data-theme="light"] { --rp-error-text: #B91C1C; }
.rp-auth-error { color: var(--rp-error-text); }

:root { --rp-info-text: #BFDBFE; }
[data-theme="light"] { --rp-info-text: #1D4ED8; }
.rp-auth-ok { color: var(--rp-info-text); }

[data-theme="light"] .rp-foot-col h3 { color: var(--rp-text-2); }

[data-theme="light"] .rp-demo-status li.is-pending {
  color: #92400E; border-color: rgba(180,83,9,.30); background: rgba(180,83,9,.06);
}
[data-theme="light"] .rp-demo-status li.is-processing {
  color: #0B5566; border-color: rgba(14,116,144,.30); background: rgba(14,116,144,.06);
}
[data-theme="light"] .rp-demo-status li.is-complete {
  color: #14532D; border-color: rgba(21,128,61,.30); background: rgba(21,128,61,.06);
}
[data-theme="light"] .rp-demo-svc.is-on small { color: var(--rp-text-2); }

:root { --rp-code-text: #C7D2FE; }
[data-theme="light"] { --rp-code-text: #2B3450; }
.rp-code { color: var(--rp-code-text); }

:root {
  --rp-demo-bg-1: rgba(23,26,37,.96);
  --rp-demo-bg-2: rgba(18,20,29,.96);
  --rp-demo-line: rgba(255,255,255,.14);
  --rp-demo-track: rgba(255,255,255,.06);
}
[data-theme="light"] {
  --rp-demo-bg-1: rgba(255,255,255,.98);
  --rp-demo-bg-2: rgba(247,248,251,.98);
  --rp-demo-line: rgba(15,20,35,.16);
  --rp-demo-track: rgba(15,20,35,.08);
}
.rp-demo { background: linear-gradient(var(--rp-demo-bg-1), var(--rp-demo-bg-2)); }
.rp-demo-bar span { background: var(--rp-demo-line); }
.rp-demo-progress { background: var(--rp-demo-track); }

.rp-landing-grid { display: grid; gap: 1.5rem; align-items: start; }
.rp-landing-copy > h1 { margin-top: .5rem; font-size: clamp(1.6rem, 5vw, 2.5rem); }
.rp-landing-cta { display: flex; flex-wrap: wrap; gap: .625rem; margin-top: 1.25rem; }
.rp-landing-cta .rp-btn { flex: 1 1 auto; }
.rp-landing-note { margin-top: .625rem; font-size: .875rem; color: var(--rp-muted); }
.rp-landing-form { scroll-margin-top: 80px; }
.rp-landing-formhead { margin: 0; font-size: 1.25rem; }
.rp-landing-steps .rp-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.rp-steps > li { display: flex; gap: .875rem; align-items: flex-start; }
.rp-step-n {
  flex: 0 0 auto; width: 32px; height: 32px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--rp-brand-soft); color: var(--rp-brand-2); font-weight: 700;
}
.rp-steps b { display: block; margin-bottom: .125rem; }
.rp-steps p { color: var(--rp-text-2); font-size: .9375rem; }
.rp-platform-chips { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.rp-platform-chips a {
  display: inline-flex; min-height: 40px; align-items: center; padding: 0 .875rem;
  border: 1px solid var(--rp-border); border-radius: 999px; text-decoration: none;
  color: var(--rp-text-2); font-size: .875rem;
}
.rp-platform-chips a:hover { border-color: var(--rp-brand); color: var(--rp-text); }
.rp-landing-paygrid { display: grid; gap: 1rem; }
@media (min-width: 720px) {
  .rp-landing-steps .rp-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rp-landing-paygrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rp-landing-cta .rp-btn { flex: 0 0 auto; }
}
@media (min-width: 1000px) {
  .rp-landing-grid { grid-template-columns: minmax(0, 1.05fr) minmax(360px, 460px); gap: 2.5rem; }
}

@media (min-width: 901px) {
  .rp-nav { gap: .125rem; align-items: center; }

  .rp-nav .rp-lang { margin-left: .75rem; padding-left: .75rem; border-left: 1px solid var(--rp-border); }
  .rp-nav .rm-theme-toggle { margin-left: .375rem; }
  .rp-header-cta { margin-left: .875rem; padding-left: .875rem; border-left: 1px solid var(--rp-border); gap: .5rem; }

  .rp-nav .rp-lang summary { min-height: 34px; padding: 0 .6rem; }
  .rp-header-cta .rp-btn { min-height: 38px; }
}
@media (max-width: 900px) {

  .rp-nav .rp-lang { border-left: 0; padding-left: 0; margin: .5rem .5rem 0 0; display: inline-block; }
  .rp-nav .rm-theme-toggle { margin-top: .5rem; vertical-align: middle; }
}

.rp-sm-jump { padding: 1.5rem; min-width: 0; }
.rp-sm-jump h2 { font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; color: var(--rp-muted); margin-bottom: .5rem; }
.rp-sm-jump ul { list-style: none; margin: 0; padding: 0; }
.rp-sm-jump li + li { border-top: 1px solid var(--rp-border); }
.rp-sm-jump a { display: flex; align-items: center; gap: .75rem; min-height: 44px; padding: .375rem 0; color: var(--rp-text-2);
  text-decoration: none; font-size: .9375rem; overflow-wrap: anywhere; }
.rp-sm-jump a:hover { color: var(--rp-text); }
.rp-sm-count { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 32px; height: 24px; padding: 0 .5rem;
  border-radius: 999px; background: var(--rp-brand-soft); color: var(--rp-brand-2); font-weight: 700; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.rp-sm-section[id] { scroll-margin-top: 72px; }
.rp-sm-head { max-width: 760px; margin-bottom: 1.5rem; }
.rp-sm-head h2 { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; font-size: clamp(1.375rem, 3.2vw, 1.875rem); font-weight: 800; }
.rp-sm-head p { color: var(--rp-text-2); margin-top: .5rem; }
.rp-sm-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; grid-template-columns: minmax(0, 1fr); }
.rp-sm-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 0 1rem .75rem; border: 1px solid var(--rp-border);
  border-radius: var(--rp-radius-sm); background: var(--rp-surface); transition: border-color .16s; }
.rp-sm-card:hover { border-color: rgba(124,107,255,.5); }
.rp-sm-card > a { display: flex; align-items: center; gap: .625rem; min-height: 48px; color: var(--rp-text); font-weight: 650; font-size: 1rem;
  text-decoration: none; overflow-wrap: anywhere; }
.rp-sm-card > a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.rp-sm-card > a:focus-visible { outline: none; }
.rp-sm-card:focus-within { border-color: var(--rp-brand); box-shadow: 0 0 0 2px var(--rp-brand-soft); }
.rp-sm-card > p { color: var(--rp-text-2); font-size: .875rem; line-height: 1.55; }
.rp-sm .rp-sm-card .rp-platform-ico { width: 32px; height: 32px; border-radius: 10px; flex: 0 0 auto; }
.rp-sm .rp-sm-card .rp-platform-ico svg { width: 18px; height: 18px; }
.rp-sm-plats { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
.rp-sm-plat { min-width: 0; padding: 1rem 1rem .5rem; border: 1px solid var(--rp-border); border-radius: var(--rp-radius); background: var(--rp-surface); }
.rp-sm-plat h3 { display: flex; align-items: center; gap: .625rem; font-size: 1.0625rem; font-weight: 750; margin-bottom: .25rem; }
.rp-sm .rp-sm-plat .rp-platform-ico { width: 32px; height: 32px; border-radius: 10px; }
.rp-sm .rp-sm-plat .rp-platform-ico svg { width: 18px; height: 18px; }
.rp-sm-plat ul { list-style: none; margin: 0; padding: 0; }
.rp-sm-plat li { border-top: 1px solid var(--rp-border); }
.rp-sm-plat li:first-child { border-top: 0; }
.rp-sm-plat li a { display: flex; align-items: center; min-height: 44px; padding: .25rem 0; color: var(--rp-text-2); text-decoration: none; font-size: .9375rem; overflow-wrap: anywhere; }
.rp-sm-plat li a:hover { color: var(--rp-brand-2); text-decoration: underline; }
.rp-sm-posts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 2rem; }
.rp-sm-posts li { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .125rem 1rem; border-bottom: 1px solid var(--rp-border); min-width: 0; }
.rp-sm-posts li a { flex: 1 1 18rem; display: flex; align-items: center; min-height: 48px; padding: .25rem 0; color: var(--rp-text); font-weight: 600;
  text-decoration: none; overflow-wrap: anywhere; }
.rp-sm-posts li a:hover { color: var(--rp-brand-2); text-decoration: underline; }
.rp-sm-posts time { flex: 0 0 auto; color: var(--rp-muted); font-size: .8125rem; font-variant-numeric: tabular-nums; padding-bottom: .375rem; }
.rp-sm-empty { color: var(--rp-text-2); }
@media (min-width: 640px) {
  .rp-sm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rp-sm-grid-tight { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rp-sm-plats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rp-sm-posts time { padding-bottom: 0; }
}
@media (min-width: 1000px) {
  .rp-sm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rp-sm-grid-tight { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .rp-sm-plats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rp-sm-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) { .rp-sm-jump { padding: 1.125rem; } }