:root{
  --roffy-bg:#05050c;
  --roffy-surface:#0d0d1a;
  --roffy-surface-2:#12121f;
  --roffy-border:rgba(255,255,255,0.06);
  --roffy-border-strong:rgba(255,255,255,0.12);
  --roffy-text:#e8e8f4;
  --roffy-text-soft:#c8c8e0;
  --roffy-text-dim:#8a8aa8;
  --roffy-text-muted:#6a6a8a;
  --roffy-accent:#ff8a3d;
  --roffy-accent-hover:#ffa866;
  --roffy-green:#22c55e;
  --roffy-purple:#a48aff;
}

html{background:var(--roffy-bg);}
body{
  background-color:var(--roffy-bg);
  color:var(--roffy-text-soft);
  font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;
  letter-spacing:0;
}

a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease;}
button,input,select,textarea{font-family:inherit;}

.logo,.logo-row{
  color:#fff;
  letter-spacing:-.02em;
}
.logo svg,.logo-row svg{
  flex-shrink:0;
  filter:drop-shadow(0 0 8px rgba(255,138,61,.38));
}
.logo .dot,.logo-row .dot{color:var(--roffy-accent);}

.brand-mesh{
  position:fixed;
  inset:-10%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 20%,rgba(255,138,61,.09) 0%,transparent 44%),
    radial-gradient(circle at 82% 30%,rgba(164,138,255,.07) 0%,transparent 50%),
    radial-gradient(circle at 50% 90%,rgba(61,200,255,.045) 0%,transparent 55%);
  filter:blur(40px);
}

.brand-nav{
  position:sticky;
  top:0;
  z-index:100;
  padding:14px 32px;
  background:rgba(5,5,12,.84);
  border-bottom:1px solid var(--roffy-border);
  backdrop-filter:blur(16px) saturate(180%);
  -webkit-backdrop-filter:blur(16px) saturate(180%);
}
.brand-nav .nav-inner{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand-nav .logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:19px;
  font-weight:800;
  text-decoration:none;
}
.brand-nav-links{
  display:flex;
  align-items:center;
  gap:4px;
}
.brand-nav-links a{
  padding:8px 14px;
  border-radius:8px;
  color:#a8a8c4;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
}
.brand-nav-links a:hover,.brand-nav-links a.active{
  color:#fff;
  background:rgba(255,255,255,.04);
}
.brand-nav-cta{
  padding:9px 18px !important;
  border-radius:999px !important;
  background:var(--roffy-accent) !important;
  color:#05050c !important;
  font-weight:700 !important;
  box-shadow:0 4px 20px rgba(255,138,61,.28);
}
.brand-nav-cta:hover{
  background:var(--roffy-accent-hover) !important;
  transform:translateY(-1px);
}

#pricing-page{
  position:relative;
  z-index:2;
}
#pricing-page .section:first-of-type{
  padding-top:48px;
}
#pricing-page .card,
#pricing-page .guarantee,
#pricing-page .comp-table,
#pricing-page [style*="background:#15152a"]{
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
#pricing-page .terr-check-btn,
#pricing-page .cta-btn,
#pricing-page .card-btn.primary,
#pricing-page #checkoutSubmitBtn{
  color:#05050c !important;
}
#pricing-page .terr-check-btn:hover,
#pricing-page .cta-btn:hover,
#pricing-page .card-btn.primary:hover{
  background:var(--roffy-accent-hover) !important;
}
#pricing-page .footer{
  background:rgba(5,5,12,.55);
  border-top:1px solid var(--roffy-border);
}

@media(max-width:768px){
  .brand-nav{padding:12px 18px;}
  .brand-nav .nav-inner{gap:12px;}
  .brand-nav-links{gap:0;overflow-x:auto;justify-content:flex-end;}
  .brand-nav-links a{padding:8px 10px;white-space:nowrap;font-size:13px;}
  .brand-nav-links a:not(.brand-nav-cta):nth-child(2),
  .brand-nav-links a:not(.brand-nav-cta):nth-child(3){display:none;}
  .brand-nav-cta{padding:8px 13px !important;}
}

@media(max-width:520px){
  .brand-nav .logo span{font-size:17px;}
  .brand-nav-links a:not(.brand-nav-cta){display:none;}
}