:root{
  --brand-blue:#1976ff;
  --brand-purple:#7b2cff;
  --brand-deep:#0b2a8b;
  --brand-orange:#ffb300;
  --soft:#f5f7ff;
}
html,body{height:100%}
body{font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-purple));display:inline-block;position:relative}
.brand-mark:after{content:"";position:absolute;inset:9px 8px 8px 9px;border-radius:7px;background:#fff;opacity:.18}
.brand-text{font-weight:700;letter-spacing:.2px}
.navbar .nav-link{font-weight:600;font-size:.9rem;color:#1b2b4a}
.navbar .nav-link.active{color:var(--brand-blue)}
.navbar .nav-link:hover{color:var(--brand-blue)}
.icon-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#f1f5ff}
.icon{display:inline-block;width:18px;height:18px;background:currentColor}
.icon-search{mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 4a6 6 0 104.472 10.03l3.249 3.25a1 1 0 001.414-1.415l-3.249-3.248A6 6 0 0010 4zm0 2a4 4 0 110 8a4 4 0 010-8z'/%3E%3C/svg%3E") center/contain no-repeat}
.icon-user{mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12a4 4 0 10-4-4a4 4 0 004 4zm0 2c-4.418 0-8 2.239-8 5a1 1 0 001 1h14a1 1 0 001-1c0-2.761-3.582-5-8-5z'/%3E%3C/svg%3E") center/contain no-repeat}
.icon-chat{mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4h16a2 2 0 012 2v10a2 2 0 01-2 2H8l-4 3v-3H4a2 2 0 01-2-2V6a2 2 0 012-2zm3 6a1 1 0 100 2h10a1 1 0 100-2H7zm0-3a1 1 0 100 2h6a1 1 0 100-2H7z'/%3E%3C/svg%3E") center/contain no-repeat}
.icon-radio{mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 7H9.236l7.382-3.692a1 1 0 10-.894-1.79L6.764 6H4a2 2 0 00-2 2v11a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2zM7 18a3 3 0 113-3a3 3 0 01-3 3zm13-1h-7a1 1 0 010-2h7a1 1 0 010 2zm0-4h-7a1 1 0 010-2h7a1 1 0 010 2z'/%3E%3C/svg%3E") center/contain no-repeat}
.icon-code{mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 18l-6-6l6-6l1.41 1.41L5.83 12l4.58 4.59L9 18zm6 0l-1.41-1.41L18.17 12l-4.58-4.59L15 6l6 6l-6 6z'/%3E%3C/svg%3E") center/contain no-repeat}
.hero-section{
  position:relative;
  padding:78px 0 34px;
  color:#fff;
  background:
    radial-gradient(820px 420px at 18% 12%, rgba(120,150,255,.22), transparent 60%),
    radial-gradient(760px 420px at 78% 18%, rgba(160,80,255,.20), transparent 60%),
    radial-gradient(260px 260px at 68% 22%, rgba(120,240,255,.22), transparent 65%),
    linear-gradient(135deg, #070a13 0%, #0b1030 35%, #2a1360 70%, #120a24 100%);
  overflow:hidden;
}
.hero-section:before{
  content:"";
  position:absolute;
  inset:-80px -80px auto auto;
  width:520px;height:520px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 60%);
  transform:rotate(18deg);
  opacity:.9;
}
.hero-section:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:140px;
  background:linear-gradient(180deg, rgba(7,10,19,0) 0%, rgba(7,10,19,.85) 75%, rgba(7,10,19,1) 100%);
  pointer-events:none;
}
.hero-title{font-weight:800;line-height:1.08;letter-spacing:.2px}
.hero-subtitle{opacity:.92;max-width:34rem}
.hero-mockups{position:relative}
.btn-hero-primary{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#ffffff;
}
.btn-hero-primary:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.28);
  color:#ffffff;
}
.btn-hero-secondary{
  background:transparent;
  border:1px solid rgba(255,255,255,.22);
  color:rgba(255,255,255,.92);
}
.btn-hero-secondary:hover{
  border-color:rgba(255,255,255,.38);
  color:#ffffff;
}
.home-header{
  position:sticky;
  top:0;
  z-index:1030;
  background:rgba(8,10,18,.62);
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}
.home .navbar-toggler{border-color:rgba(255,255,255,.25)}
.home .navbar-toggler-icon{filter:invert(1) grayscale(1)}
.home .brand-text{color:#e5e7eb}
.home .nav-link{color:rgba(226,232,240,.86)}
.home .nav-link:hover{color:#ffffff}
.home .nav-link.active{color:#ffffff}
.home .header-actions .btn{border-color:rgba(255,255,255,.18);color:#e5e7eb}
.home .header-actions .btn:hover{border-color:rgba(255,255,255,.35);color:#fff}

.home-announcements{margin-top:26px}
.home-announcements-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:18px 18px;
  box-shadow:0 18px 46px rgba(2, 6, 23, .30);
  backdrop-filter:blur(10px);
}
.home-ann-item{
  border-radius:16px;
  padding:14px 14px;
  background:rgba(2, 6, 23, .28);
  border:1px solid rgba(255,255,255,.10);
}
.home-ann-title{font-weight:800;color:#e5e7eb;margin-bottom:6px}
.home-ann-body{color:rgba(226,232,240,.78);line-height:1.65}

.feature-strip{margin-top:22px;z-index:20;position:relative;padding-bottom:30px}
.home-feature{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:6px;
  padding:14px 12px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}
.home-feature:hover{transform:translateY(-4px)}
.home-feature-title{font-weight:800;letter-spacing:.06em;color:#e5e7eb;font-size:.95rem}
.home-feature-sub{color:rgba(226,232,240,.72);font-size:.92rem}
.feature-orb{
  width:92px;height:92px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;
  background:rgba(2,6,23,.20);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 46px rgba(2, 6, 23, .45);
  position:relative;
}
.feature-orb:before{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius:999px;
  background:radial-gradient(circle at 30% 30%, rgba(120,150,255,.35), transparent 60%);
  opacity:.8;
  z-index:-1;
}
.feature-orb:after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  opacity:.9;
}
.feature-orb .icon{width:34px;height:34px;background:#e5e7eb}
.orb-chat:before{background:radial-gradient(circle at 30% 30%, rgba(99,102,241,.42), transparent 60%)}
.orb-radio:before{background:radial-gradient(circle at 30% 30%, rgba(20,184,166,.42), transparent 60%)}
.orb-code:before{background:radial-gradient(circle at 30% 30%, rgba(125,211,252,.42), transparent 60%)}
.feature-icon i { line-height:1; }

.home-surface{
  background:
    radial-gradient(1000px 420px at 18% 0%, rgba(79,124,255,.12), transparent 60%),
    radial-gradient(1100px 520px at 82% 0%, rgba(109,25,210,.12), transparent 60%),
    linear-gradient(180deg,#f6fbff 0%, #ffffff 48%, #ffffff 100%);
  border-top-left-radius:28px;
  border-top-right-radius:28px;
  margin-top:-18px;
  padding-top:18px;
  box-shadow:0 -20px 60px rgba(2, 6, 23, .28);
}
.home-surface .pricing-section{background:transparent}
.home-surface .bg-soft{background:transparent}
.home-surface .section-title{color:#0f172a}
.home-surface .text-muted{color:rgba(15,23,42,.65)!important}
.radio-player-section{
  background:transparent;
}
.radio-player-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(79,124,255,.18), transparent 55%),
    radial-gradient(900px 300px at 85% 110%, rgba(20,184,166,.14), transparent 55%),
    linear-gradient(180deg,#121c2f 0%, #0b1222 100%);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:18px 18px;
  box-shadow:0 18px 46px rgba(2, 6, 23, .28);
}
.radio-player-left{display:flex;align-items:center;gap:14px;min-width:0}
.radio-player-cover{
  width:100px;height:100px;border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,#0a3aa6,#6d19d2);
  border:1px solid rgba(255,255,255,.18);
  flex:0 0 auto;
}
.radio-player-cover img{width:100%;height:100%;object-fit:cover;display:block}
.radio-player-meta{min-width:0}
.radio-player-title{
  font-weight:800;
  font-size:1.1rem;
  color:#e5e7eb;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:520px;
}
.radio-player-stats{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  color:#cbd5e1;
  font-weight:700;
  font-size:.9rem;
}
.radio-player-stat{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.radio-player-controls{display:flex;align-items:center;gap:12px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
.radio-player-actions{display:flex;align-items:center;gap:10px}
.radio-player-volume{display:flex;align-items:center;gap:10px}
.radio-btn{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#e5e7eb;
  border-radius:12px;
  padding:10px 16px;
  font-weight:800;
  line-height:1;
}
.radio-btn:hover{background:rgba(255,255,255,.10);color:#fff}
.radio-btn:disabled{opacity:.45}
.radio-btn-primary{
  background:linear-gradient(180deg,#4f7cff 0%, #2f5bff 100%);
  border-color:rgba(255,255,255,.08);
}
.radio-btn-primary:hover{filter:brightness(1.02)}
.radio-btn i{font-size:1.05rem;line-height:0}
.radio-btn-icon{padding:10px 12px}
.radio-volume{width:180px;accent-color:#2f5bff}
.radio-eq{
  display:flex;
  align-items:flex-end;
  height:32px;
  flex:1 1 320px;
  max-width:560px;
  gap:4px;
  justify-content:space-between;
}
.radio-eq span{
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#14b8a6,#4f7cff);
  animation:eq 1.05s infinite ease-in-out;
  opacity:.95;
}
.radio-eq span:nth-child(2n){animation-delay:-.35s}
.radio-eq span:nth-child(3n){animation-delay:-.60s}
.radio-eq span:nth-child(4n){animation-delay:-.85s}
.radio-eq span:nth-child(5n){animation-delay:-1.05s}
@keyframes eq{0%,100%{height:8px;opacity:.55}50%{height:32px;opacity:1}}
@media (max-width: 991.98px){
  .radio-player-card{flex-direction:column;align-items:stretch}
  .radio-player-title{max-width:100%}
  .radio-player-controls{justify-content:flex-start}
  .radio-volume{width:100%}
  .radio-eq{max-width:100%}
}
.section-title{font-weight:800;letter-spacing:.2px}
.product-card{
  background:#fff;border-radius:18px;overflow:hidden;
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 14px 30px rgba(16, 24, 40, .07);
}
.product-thumb{
  padding:0;
  background:#0b1222;
  border-bottom:1px solid rgba(15,23,42,.07);
  aspect-ratio: 16 / 9;
}
.product-thumb-btn{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
}
.product-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#ffffff;
  transition:transform .25s ease;
}
.product-thumb-btn:hover img{transform:scale(1.02)}
.product-body{padding:16px 16px 18px}
.product-title{font-size:1.02rem;font-weight:700;margin:0 0 6px}
.product-excerpt{margin:0;min-height:42px}
.product-price{font-weight:800;color:#101828}
.bg-soft{background:var(--soft)}
.why-card{padding:14px 14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff}
.why-title{font-weight:700}
.page-hero{background:linear-gradient(135deg,#0a3aa6,#5a23d6);color:#fff;padding:42px 0}

.home-news{
  background:
    radial-gradient(700px 320px at 18% 15%, rgba(79,124,255,.16), transparent 55%),
    radial-gradient(800px 420px at 78% 20%, rgba(109,25,210,.16), transparent 55%),
    linear-gradient(180deg,#0b1222 0%, #070b14 100%);
  border-top-left-radius:28px;
  border-top-right-radius:28px;
}
.home-news .blog-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 46px rgba(2, 6, 23, .35);
}
.home-news .blog-thumb{background:rgba(2,6,23,.25);padding:0}
.home-news .blog-thumb img{height:180px;object-fit:cover}
.home-news .blog-body .text-muted{color:rgba(226,232,240,.70) !important}
.home-news .blog-body h3{color:#e5e7eb}
.page-hero-inner{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:22px 22px}
.site-footer{
  position:relative;
  background:
    radial-gradient(720px 320px at 18% 20%, rgba(79,124,255,.18), transparent 60%),
    radial-gradient(820px 420px at 80% 10%, rgba(109,25,210,.18), transparent 60%),
    linear-gradient(180deg,#070b14 0%, #050812 100%);
  color:#e5e7eb;
  overflow:hidden;
}
.footer-container{max-width:1560px;margin-left:auto;margin-right:auto}
.footer-glow{
  position:absolute;
  inset:-140px -120px auto auto;
  width:560px;height:560px;
  background:radial-gradient(circle at 30% 30%, rgba(120,240,255,.18), transparent 62%);
  transform:rotate(18deg);
  opacity:.9;
  pointer-events:none;
}
.footer-glass{
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 60px rgba(2, 6, 23, .45);
  backdrop-filter:blur(10px);
}
.footer-title{
  font-weight:800;
  letter-spacing:.12em;
  font-size:.78rem;
  color:rgba(226,232,240,.82);
  margin-bottom:12px;
}
.footer-muted{color:rgba(226,232,240,.68)}
.footer-links li{margin:8px 0}
.footer-links a{color:rgba(226,232,240,.82);text-decoration:none}
.footer-links a:hover{color:#ffffff;text-decoration:underline}
.footer-social{display:flex;gap:10px;flex-wrap:wrap}
.social-circle{
  width:40px;height:40px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#e5e7eb;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(2, 6, 23, .35);
}
.social-circle:hover{border-color:rgba(255,255,255,.28);color:#fff}
.footer-divider{height:1px;background:rgba(255,255,255,.10)}
.footer-payments{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pay-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:68px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(2,6,23,.30);
  border:1px solid rgba(255,255,255,.10);
  font-weight:800;
  font-size:.85rem;
  color:#e5e7eb;
}
.footer-certs{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.cert-badge{
  width:44px;height:44px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#e5e7eb;
  font-weight:800;
  font-size:.72rem;
}
.footer-mini-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.footer-mini-links a{color:rgba(226,232,240,.75);text-decoration:none}
.footer-mini-links a:hover{color:#fff;text-decoration:underline}
.footer-mini-links span{color:rgba(226,232,240,.45)}
.site-footer .footer-bottom{
  color:rgba(226,232,240,.70);
}
.blog-card{background:#fff;border:1px solid rgba(15,23,42,.07);border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(16, 24, 40, .07)}
.blog-thumb{padding:16px;background:linear-gradient(180deg,#f4f7ff,#ffffff)}
.blog-thumb img{width:100%;height:170px;object-fit:contain}
.blog-body{padding:16px}
.content-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:22px}
.admin-stat{padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#f8fafc}
.pricing-section{
  background:
    radial-gradient(700px 380px at 50% 20%, rgba(25,118,255,.14), transparent 55%),
    radial-gradient(900px 460px at 50% 120%, rgba(20,184,166,.12), transparent 60%),
    linear-gradient(180deg,#f7fbff 0%, #ffffff 70%);
}
.pricing-brand{font-weight:800;font-size:1.7rem;letter-spacing:.2px;color:#0b2a8b}
.btn-pricing-toggle{
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  font-weight:600;
  padding:.55rem 1.05rem;
  border-radius:10px;
  color:#0f172a;
}
.btn-pricing-toggle.active{
  border-color:rgba(20,184,166,.55);
  color:#0f172a;
  box-shadow:0 10px 24px rgba(20,184,166,.16);
}
.pricing-card{
  position:relative;
  background:#fff;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 22px 60px rgba(2, 6, 23, .10);
  overflow:hidden;
  height:100%;
}
.pricing-card.is-featured{
  background:
    radial-gradient(600px 260px at 20% 0%, rgba(79,124,255,.22), transparent 55%),
    radial-gradient(520px 260px at 90% 10%, rgba(20,184,166,.20), transparent 60%),
    linear-gradient(180deg,#0b1222 0%, #070b14 100%);
  transform:translateY(-8px);
  border-color:rgba(20,184,166,.55);
  box-shadow:0 26px 80px rgba(2, 6, 23, .28);
}
.pricing-card[data-accent="blue"]{border-top:4px solid #0b2a8b}
.pricing-card[data-accent="teal"]{border-top:4px solid #14b8a6}
.pricing-card[data-accent="navy"]{border-top:4px solid #062a6b}
.pricing-card.is-featured[data-accent="teal"]{border-color:rgba(20,184,166,.55)}
.pricing-badge{
  position:absolute;
  left:18px;
  top:14px;
  background:#14b8a6;
  color:#fff;
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.14em;
  padding:10px 10px;
  border-radius:10px;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
.pricing-card.is-featured .pricing-badge{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
}
.pricing-head{padding:26px 22px 18px;text-align:center}
.pricing-name{font-weight:700;color:#0f172a;margin-bottom:8px}
.pricing-card.is-featured .pricing-name{color:#e5e7eb}
.pricing-price{display:flex;align-items:flex-end;justify-content:center;gap:4px;margin-bottom:14px}
.pricing-amount{font-weight:800;font-size:2.1rem;line-height:1;color:#0f172a}
.pricing-currency{font-weight:800;font-size:1rem;margin-bottom:4px;color:#0f172a}
.pricing-period{font-size:.78rem;color:#64748b;margin-bottom:6px}
.pricing-card.is-featured .pricing-amount,
.pricing-card.is-featured .pricing-currency{color:#e5e7eb}
.pricing-card.is-featured .pricing-period{color:rgba(226,232,240,.72)}
.pricing-cta{
  width:100%;
  border-radius:10px;
  padding:.72rem 1rem;
  font-weight:700;
  color:#fff;
}
.pricing-card.is-featured .pricing-cta{box-shadow:0 16px 34px rgba(20,184,166,.18)}
.pricing-card[data-accent="blue"] .pricing-cta{background:#0b2a8b}
.pricing-card[data-accent="teal"] .pricing-cta{background:#14b8a6}
.pricing-card[data-accent="navy"] .pricing-cta{background:#062a6b}
.pricing-cta:hover{filter:brightness(.96);color:#fff}
.pricing-subtitle{margin-top:10px;font-size:.86rem;color:#64748b}
.pricing-card.is-featured .pricing-subtitle{color:rgba(226,232,240,.72)}
.pricing-body{padding:0 22px 22px}
.pricing-list{list-style:none;padding:0;margin:14px 0 0}
.pricing-list li{
  padding:10px 0;
  border-top:1px solid rgba(15,23,42,.08);
  color:#334155;
  font-size:.9rem;
}
.pricing-card.is-featured .pricing-list li{
  border-top-color:rgba(255,255,255,.10);
  color:rgba(226,232,240,.86);
}
@media (max-width: 991.98px){
  .pricing-card.is-featured{transform:none}
}
.rh-section{
  background:
    radial-gradient(900px 420px at 50% 10%, rgba(25,118,255,.12), transparent 55%),
    radial-gradient(900px 520px at 50% 120%, rgba(0,193,162,.10), transparent 60%),
    linear-gradient(180deg,#f7fbff 0%, #ffffff 70%);
}
.rh-toggle{
  display:inline-flex;
  border-radius:999px;
  padding:4px;
  background:#eef2ff;
  border:1px solid rgba(15,23,42,.10);
}
.rh-toggle-btn{
  border:0;
  background:transparent;
  padding:8px 18px;
  border-radius:999px;
  font-weight:700;
  color:#334155;
}
.rh-toggle-btn.is-active{
  background:#14b8a6;
  color:#fff;
  box-shadow:0 10px 24px rgba(20,184,166,.18);
}
.rh-plans{display:none}
.rh-plans.is-active{display:block}
.rh-card{
  position:relative;
  background:#fff;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 22px 60px rgba(2, 6, 23, .10);
  overflow:hidden;
  height:100%;
}
.rh-card.is-featured{
  transform:translateY(-8px);
  box-shadow:0 26px 80px rgba(2, 6, 23, .16);
}
.rh-card[data-accent="navy"]{border-color:rgba(2, 46, 106, .35)}
.rh-card[data-accent="teal"]{border-color:rgba(20,184,166,.45)}
.rh-card[data-accent="blue"]{border-color:rgba(25,118,255,.35)}
.rh-badge{
  position:absolute;
  top:14px;
  right:14px;
  background:#0b2a8b;
  color:#fff;
  font-weight:800;
  font-size:.72rem;
  padding:6px 10px;
  border-radius:999px;
}
.rh-card[data-accent="teal"] .rh-badge{background:#14b8a6}
.rh-card[data-accent="blue"] .rh-badge{background:#1976ff}
.rh-head{
  padding:16px 16px 14px;
  color:#fff;
}
.rh-card[data-accent="navy"] .rh-head{background:#062a6b}
.rh-card[data-accent="teal"] .rh-head{background:#14b8a6}
.rh-card[data-accent="blue"] .rh-head{background:#0b2a8b}
.rh-name{font-weight:800;letter-spacing:.3px}
.rh-price{display:flex;align-items:flex-end;gap:4px;margin-top:10px}
.rh-amount{font-weight:900;font-size:1.6rem;line-height:1}
.rh-currency{font-weight:900;font-size:.95rem;margin-bottom:2px}
.rh-period{font-size:.75rem;opacity:.9;margin-bottom:2px}
.rh-body{padding:14px 16px 16px}
.rh-cta{
  width:100%;
  border-radius:10px;
  padding:.65rem 1rem;
  font-weight:800;
  border:2px solid rgba(2, 6, 23, .10);
  background:#fff;
  color:#0f172a;
}
.rh-card[data-accent="navy"] .rh-cta{border-color:#062a6b;color:#062a6b}
.rh-card[data-accent="teal"] .rh-cta{border-color:#14b8a6;color:#0f172a;background:#14b8a6;color:#fff}
.rh-card[data-accent="blue"] .rh-cta{border-color:#0b2a8b;color:#0b2a8b}
.rh-cta:hover{filter:brightness(.98)}
.rh-list{list-style:none;padding:0;margin:14px 0 0}
.rh-list li{
  padding:8px 0;
  border-top:1px solid rgba(15,23,42,.08);
  color:#334155;
  font-size:.86rem;
  text-align:center;
}
@media (max-width: 991.98px){
  .rh-card.is-featured{transform:none}
}