/* Paper, type and the dark button from the assessment. The site stays a website. */
:root,
body[data-theme="light"],
body[data-theme="dark"]{
  --bg:#F4F3F1;
  --d1:#F4F3F1;
  --d2:#ffffff;
  --d3:#f7f6f4;
  --bdr:#e4e2de;
  --muted:#5e5e6a;
  --dim:#5c5c68;
  --txt:#16161a;
  --ink:#16161a;
  --nav-bg:rgba(244,243,241,.94);
  --rule:#e4e2de;
}
html, body,
html:has(body[data-theme="light"]),
html:has(body[data-theme="dark"]),
body[data-theme="light"],
body[data-theme="dark"]{
  background:#F4F3F1 !important;
  color:#16161a;
}
.theme-toggle{display:none !important}
nav, .platform-nav{
  border-bottom:1px solid #e4e2de !important;
  background:rgba(244,243,241,.94) !important;
}
.nav-drawer{background:#fff !important;border-bottom:1px solid #e4e2de !important}
.urgency-bar{
  background:#fff;
  color:#16161a;
  border-bottom:1px solid #e4e2de;
}
.urgency-bar .ub-days{background:#f4f3f1;color:#16161a}
.urgency-bar a{color:#B354F1}
.hero::before{
  background:radial-gradient(circle, rgba(179,84,241,.14) 0%, rgba(179,84,241,.04) 38%, transparent 68%);
}
.hero h1 em, .stat-num{
  background:none;
  -webkit-text-fill-color:#B354F1;
  color:#B354F1;
}
.feature, .split-visual, .cta-band{border-radius:22px}
.cta-band{
  background:#fff;
  border:1px solid #e4e2de;
}
.cta-band::before, .cta-band::after{display:none}
.footer-copy{color:#8a8a96 !important}
.logos{background:#F4F3F1}
footer{background:#F4F3F1}
.btn-secondary{
  border-radius:12px;
  border-color:#e4e2de;
  background:#fff;
  color:#16161a;
}

.btn-primary,
.nav-cta,
.platform-nav-cta,
.payg-cta,
.tier-info[data-tier="growth"] .checkout{
  position:relative;
  z-index:0;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex !important;
  align-items:stretch;
  justify-content:center;
  padding:3px !important;
  border:none !important;
  border-radius:12px !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  animation:none !important;
  text-decoration:none;
  color:#fff !important;
}
.nav-drawer .nav-cta{width:100%}
.btn-primary::before,
.nav-cta::before,
.platform-nav-cta::before,
.payg-cta::before,
.tier-info[data-tier="growth"] .checkout::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:50%;
  width:240%;
  aspect-ratio:1;
  background:conic-gradient(from 0deg,#16161a 0deg,#16161a 210deg,#fff 268deg,#B354F1 312deg,#16161a 360deg);
  transform:translate(-50%,-50%);
  animation:cta-spin 6.5s linear infinite !important;
  pointer-events:none;
}
.cta-fill{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:100%;
  min-height:40px;
  padding:9px 20px;
  border-radius:9px;
  color:#fff;
  background-image:
    radial-gradient(120px 56px at 0% 50%, color-mix(in srgb,#B354F1 80%,transparent), transparent 70%),
    linear-gradient(#16161a,#16161a);
  background-repeat:no-repeat;
  background-size:240% 100%,100% 100%;
  animation:cta-blob 7s ease-in-out infinite alternate;
}
@keyframes cta-spin{
  to{transform:translate(-50%,-50%) rotate(1turn)}
}
@keyframes cta-blob{
  to{background-position:100% 50%,0 0}
}
@media (prefers-reduced-motion: reduce){
  .btn-primary::before,.nav-cta::before,.platform-nav-cta::before,.payg-cta::before,.tier-info[data-tier="growth"] .checkout::before,
  .cta-fill{animation:none}
}
header.hdr{border-bottom:1px solid #e4e2de !important}
body[data-theme="light"] .hdr h1,
body[data-theme="dark"] .hdr h1{color:#16161a !important}
body[data-theme="dark"] .hdr p,
body[data-theme="dark"] .hdr .meta,
body[data-theme="dark"] .footer-note{color:#5e5e6a !important}
body[data-theme="dark"] .hdr .meta b,
body[data-theme="dark"] .footer-note b{color:#16161a !important}
.tier-info, .includes-panel{
  background:#fff !important;
  border:1px solid #e4e2de !important;
}
.platform-nav-logo{color:#16161a !important}
.map-visual{background:#0a0a0d !important}
.map-visual iframe{filter:none !important;pointer-events:auto !important}
.map-open{top:auto !important;left:auto !important;right:18px !important;bottom:18px !important;width:auto;height:auto}