:root{
  --bg0:#070a10;
  --bg1:#0a0f18;
  --ink: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --muted2: rgba(255,255,255,.56);

  --og:#ffcf5a;
  --ogGlow: rgba(255,207,90,.28);

  --pulse:#7cf7c6;
  --pulse2:#7aa6ff;
  --pulseGlow: rgba(14,165,233,.28);

  --radius: 22px;
  --radius2: 28px;
  --shadow: 0 24px 80px rgba(0,0,0,.55);
  --shadow2: 0 14px 36px rgba(0,0,0,.38);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background: radial-gradient(1200px 700px at 50% -10%, rgba(99,102,241,.18), transparent 55%),
              radial-gradient(900px 600px at 20% 20%, rgba(255,207,90,.12), transparent 60%),
              radial-gradient(900px 600px at 80% 20%, rgba(14,165,233,.14), transparent 60%),
              linear-gradient(180deg, var(--bg0), var(--bg1));
  color: var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  overflow-x:hidden;
}

.ps-container{ max-width: 1180px; }
a{ color: inherit; }
a:hover{ color:#fff; }

/* Background stack */
.bg-stack{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
}
.bg-stars{
  position:absolute;
  inset:-10%;
  background-image: url('../img/stars.svg');
  background-size: 1200px 1200px;
  opacity:.85;
  transform: scale(1.05);
  filter: contrast(1.05);
  animation: driftStars 26s linear infinite;
}
@keyframes driftStars{
  0%{ transform: translate3d(0,0,0) scale(1.05); }
  50%{ transform: translate3d(-2%,1.5%,0) scale(1.08); }
  100%{ transform: translate3d(0,0,0) scale(1.05); }
}
.bg-grid{
  position:absolute;
  inset:-10%;
  background-image: url('../img/hud-grid.svg');
  background-size: 900px 900px;
  opacity:.32;
  mix-blend-mode: screen;
  animation: gridPulse 9s ease-in-out infinite;
}
@keyframes gridPulse{
  0%,100%{ opacity:.28; }
  50%{ opacity:.40; }
}

.bg-glow{
  position:absolute;
  width: 900px;
  height: 900px;
  border-radius: 999px;
  filter: blur(42px);
  opacity:.45;
  mix-blend-mode: screen;
}
.bg-glow--left{
  left:-260px; top: 12%;
  background: radial-gradient(circle at 30% 30%, rgba(14,165,233,.28), transparent 60%),
              radial-gradient(circle at 60% 50%, rgba(99,102,241,.20), transparent 62%);
}
.bg-glow--right{
  right:-260px; top: 12%;
  background: radial-gradient(circle at 30% 30%, rgba(14,165,233,.30), transparent 60%),
              radial-gradient(circle at 60% 60%, rgba(99,102,241,.22), transparent 62%);
}
#hudCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.92;
}

/* Topbar */
.ps-topbar{
  position:sticky;
  top:0;
  z-index:30;
  backdrop-filter: blur(14px);
  background: rgba(5,7,12,.55);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.ps-brand{
  display:flex;
  align-items:center;
  gap:.65rem;
  font-weight: 900;
  letter-spacing: -.2px;
}
.ps-brand__name{ font-size: 1.1rem; }
.ps-logo{
  width: 30px;
  height: 30px;
  display: block;
  object-fit: contain;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

.ps-nav__link{
  text-decoration:none;
  color: rgba(255,255,255,.82);
  font-weight: 700;
  letter-spacing: .2px;
}
.ps-nav__link:hover{ color:#fff; }

@media (max-width: 1199.98px){
  .ps-nav{ gap: 1.4rem !important; }
  .ps-nav__link{ font-size: .95rem; }
  .ps-brand__name{ font-size: 1rem; }
  .ps-pill{ font-size: .68rem; padding: .2rem .5rem; }
  .ps-topbar .ps-btn{ font-size: .9rem; padding: .5rem .9rem; }
}

.ps-nav-toggle{
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.ps-nav-toggle__icon{
  width: 26px;
  height: 26px;
  fill: #fff;
  display: block;
}
.ps-mobile-nav{
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(8,12,26,.92);
  backdrop-filter: blur(8px);
}

.ps-inline-arrow{
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: -2px;
  margin-left: 6px;
  fill: currentColor;
}

.ps-section--stats{
  padding-top: 1.2rem;
}
.stats-grid{
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.ps-stat{
  padding: 1rem 1.1rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: 0 16px 40px rgba(0,0,0,.25);
}
.ps-stat__label{
  font-size: .7rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .6;
}
.ps-stat__value{
  font-size: 1.6rem;
  font-weight: 800;
  margin-top: .35rem;
}
.ps-stat__foot{
  margin-top: .6rem;
  font-size: .75rem;
  opacity: .6;
}

.ps-modal{
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 200;
}
.ps-modal.is-open{
  opacity: 1;
  pointer-events: auto;
}
.ps-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.7);
  backdrop-filter: blur(6px);
}
.ps-modal__card{
  position: relative;
  z-index: 2;
  width: min(520px, calc(100vw - 2rem));
  background: rgba(8, 12, 26, 0.92);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 18px;
  padding: 1.4rem 1.6rem 1.6rem;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}
.ps-modal__close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  background: rgba(15, 23, 42, 0.6);
  color: rgba(226, 232, 240, 0.85);
  cursor: pointer;
}
.ps-modal__title{
  font-size: 1.2rem;
  font-weight: 700;
}
.ps-modal__body{
  margin-top: 0.6rem;
  color: rgba(226, 232, 240, 0.85);
  font-size: 0.95rem;
  line-height: 1.6;
}
.ps-modal__foot{
  margin-top: 1.2rem;
}

/* Hero */
.ps-hero{
  padding: 5.6rem 0 2.2rem;
  position:relative;
}
.ps-h1{
  font-weight: 950;
  letter-spacing: -1.2px;
  line-height: 1.03;
  font-size: clamp(2.6rem, 4.8vw, 4.6rem);
  text-shadow: 0 16px 60px rgba(0,0,0,.55);
}
.ps-sub{
  margin: 1.15rem auto 0;
  max-width: 70ch;
  color: var(--muted);
  font-size: clamp(1.05rem, 1.3vw, 1.25rem);
}

.ps-wave-wrap{ max-width: 980px; margin: 0 auto; }
.ps-wave{ width: 100%; height: 72px; opacity: .95; filter: drop-shadow(0 16px 40px rgba(0,0,0,.45)); }

/* Sections */
.ps-section{ padding: 3.4rem 0; position:relative; }
.ps-kicker{
  color: rgba(255,255,255,.62);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 800;
  font-size: .78rem;
}
.ps-h2{
  font-weight: 950;
  letter-spacing: -.8px;
  margin-top: .55rem;
}
.ps-lead{
  margin: .9rem auto 0;
  max-width: 78ch;
  color: var(--muted);
  font-size: 1.06rem;
}

/* Split block */
.ps-split{
  position:relative;
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  overflow:hidden;
  background: rgba(255,255,255,.03);
}
.ps-split__crack{
  position:absolute;
  top:0; bottom:0;
  left:50%;
  width: 2px;
  transform: translateX(-1px);
  background: linear-gradient(180deg,
    transparent,
    rgba(255,255,255,.10) 10%,
    rgba(255,255,255,.22) 50%,
    rgba(255,255,255,.10) 90%,
    transparent);
  filter: drop-shadow(0 0 14px rgba(255,255,255,.12));
  opacity:.95;
}
@media (max-width: 991.98px){
  .ps-split__crack{ display:none; }
}

.ps-pane{
  position:relative;
  min-height: 360px;
}
.ps-pane__inner{
  padding: 2.25rem 2.1rem;
  position:relative;
  z-index:2;
}
.ps-pane__title h3{
  margin:0;
  font-weight: 950;
  letter-spacing: -.6px;
}
.ps-pane__tag{
  color: rgba(255,255,255,.70);
  font-weight: 700;
  margin-top: .3rem;
}

.ps-pane--og{
  background:
    radial-gradient(1100px 540px at 20% 5%, rgba(255,207,90,.10), transparent 62%),
    radial-gradient(1000px 520px at 20% 80%, rgba(255,255,255,.06), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.ps-pane--og::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: url('../img/og-grid.svg');
  background-size: 520px 520px;
  opacity:.48;
  mix-blend-mode: overlay;
  pointer-events:none;
}
.ps-pane--og::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 20% 15%, rgba(255,207,90,.14), transparent 55%);
  opacity:.7;
  pointer-events:none;
}

.ps-pane--pulse{
  background:
    radial-gradient(1200px 600px at 70% 10%, rgba(14,165,233,.18), transparent 62%),
    radial-gradient(1200px 600px at 15% 65%, rgba(99,102,241,.12), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.ps-pane--pulse::before{
  content:"";
  position:absolute;
  inset:-25%;
  background: radial-gradient(circle at 35% 40%, rgba(14,165,233,.18), transparent 55%),
              radial-gradient(circle at 65% 55%, rgba(99,102,241,.12), transparent 58%);
  filter: blur(2px);
  opacity:.55;
  animation: pulseDrift 10s ease-in-out infinite;
  pointer-events:none;
}
@keyframes pulseDrift{
  0%{ transform: translate3d(-1%,-1%,0) scale(1); }
  50%{ transform: translate3d(1.5%, 1.2%,0) scale(1.02); }
  100%{ transform: translate3d(-1%,-1%,0) scale(1); }
}
.ps-pane__sweep{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.6;
  background: linear-gradient(90deg, transparent 0%, rgba(14,165,233,0) 35%, rgba(14,165,233,.20) 50%, rgba(14,165,233,0) 65%, transparent 100%);
  transform: translateX(-120%);
  animation: sweep 6.8s linear infinite;
  mix-blend-mode: screen;
}
@keyframes sweep{
  0%{ transform: translateX(-120%); }
  100%{ transform: translateX(120%); }
}

.ps-bullets{
  margin: 1.2rem 0 0;
  padding-left: 1.1rem;
  color: var(--muted);
  font-size: 1.03rem;
}
.ps-bullets li{ margin: .55rem 0; }
.ps-bullets--tight li{ margin: .42rem 0; }

.ps-micro{
  color: var(--muted2);
  font-size: .92rem;
  max-width: 70ch;
}

/* Buttons (this is where Hybrid really shows) */
.ps-btn{
  border-radius: 999px;
  padding: .86rem 1.15rem;
  font-weight: 850;
  letter-spacing: .2px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color: var(--ink);
  box-shadow: var(--shadow2);
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.ps-btn:hover{ transform: translateY(-1px); color:#fff; }
.ps-btn:active{ transform: translateY(0px); }
.ps-btn--wide{ padding-left: 1.35rem; padding-right: 1.35rem; }

.ps-btn--og{
  border-color: rgba(255,207,90,.30);
  background: rgba(255,207,90,.08);
}
.ps-btn--og:hover{
  border-color: rgba(255,207,90,.55);
  background: rgba(255,207,90,.11);
  box-shadow: 0 0 0 1px rgba(255,207,90,.14), 0 18px 60px rgba(0,0,0,.48);
}

.ps-btn--pulse{
  border-color: rgba(14,165,233,.30);
  background: rgba(14,165,233,.08);
  position: relative;
  overflow:hidden;
}
.ps-btn--pulse::after{
  content:"";
  position:absolute;
  inset:-50%;
  background: radial-gradient(circle at 30% 40%, rgba(14,165,233,.42), transparent 55%),
              radial-gradient(circle at 60% 60%, rgba(99,102,241,.26), transparent 60%);
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events:none;
}
.ps-btn--pulse:hover{
  border-color: rgba(14,165,233,.60);
  background: rgba(14,165,233,.11);
  box-shadow: 0 0 0 1px rgba(14,165,233,.16), 0 18px 60px rgba(0,0,0,.48);
}
.ps-btn--pulse:hover::after{ opacity: .92; }

/* Compare block (closer to mock) */
.ps-compare__split{
  border-radius: var(--radius2);
  overflow:hidden;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  position:relative;
  display:grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px){
  .ps-compare__split{ grid-template-columns: 1fr 10px 1fr; }
}
.ps-compare__side{
  padding: 2.2rem 2rem;
  position:relative;
}
.ps-compare__side h3{
  margin:0;
  font-weight: 950;
  letter-spacing: -.6px;
}
.ps-compare__tag{
  margin-top: .25rem;
  font-weight: 750;
  color: rgba(255,255,255,.70);
}
.ps-compare__divider{
  display:none;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.10) 12%, rgba(255,255,255,.22) 50%, rgba(255,255,255,.10) 88%, transparent);
}
@media (min-width: 992px){
  .ps-compare__divider{ display:block; }
}

.ps-compare__side--og{
  background:
    radial-gradient(1200px 600px at 20% 20%, rgba(255,207,90,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.ps-compare__side--og::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: url('../img/og-grid.svg');
  background-size: 520px 520px;
  opacity:.35;
  mix-blend-mode: overlay;
  pointer-events:none;
}

.ps-compare__side--pulse{
  background:
    radial-gradient(1200px 600px at 70% 20%, rgba(14,165,233,.14), transparent 60%),
    radial-gradient(1200px 600px at 10% 70%, rgba(99,102,241,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.ps-compare__side--pulse::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: url('../img/pulse-lines.svg');
  background-size: 780px 780px;
  opacity:.32;
  mix-blend-mode: screen;
  pointer-events:none;
  animation: lineBreath 8s ease-in-out infinite;
}
@keyframes lineBreath{
  0%,100%{ opacity:.26; }
  50%{ opacity:.42; }
}

.ps-reassure{
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: var(--shadow2);
  padding: 1.6rem 1.5rem;
}
.ps-reassure__title{
  font-weight: 900;
  letter-spacing: -.3px;
}
.ps-reassure__grid{
  margin-top: .8rem;
  display:grid;
  grid-template-columns: 1fr;
  gap:.55rem;
  color: var(--muted);
}
@media (min-width: 768px){
  .ps-reassure__grid{ grid-template-columns: 1fr 1fr; }
}
.ps-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: rgba(255,255,255,.86);
}

/* Cards */
.ps-card{
  border-radius: var(--radius);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: var(--shadow2);
  overflow:hidden;
}
.ps-card__hd{
  padding: 1rem 1.05rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
}
.ps-card__q{ font-weight: 900; letter-spacing: -.25px; }
.ps-card__bd{
  padding: 1rem 1.05rem 1.1rem;
  color: var(--muted);
}

.ps-chip{
  padding: .22rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.76);
  font-weight: 800;
  font-size: .82rem;
}

/* Footer */
.ps-footer{
  border-top: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
.ps-footer__brand{ font-weight: 950; letter-spacing: -.2px; }
.ps-footer__text{ color: var(--muted); }
.ps-footer__tiny{ color: var(--muted2); font-size: .9rem; }
.ps-footer__link{ text-decoration:none; color: rgba(255,255,255,.86); }
.ps-footer__link:hover{ color:#fff; }

/* Motion preferences */
@media (prefers-reduced-motion: reduce){
  .bg-stars, .bg-grid, .ps-pane__sweep, .ps-pane--pulse::before, .ps-compare__side--pulse::before{ animation:none !important; }
}


/* Detailed pages */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;z-index:9999;background:#fff;color:#111;padding:.5rem .75rem;border-radius:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(12px)}
.topbar .brand-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;font-weight:800;letter-spacing:.02em}
.topbar .brand-title{font-weight:800;font-size:1.05rem}
.topbar .brand-sub{font-weight:700;font-size:.9rem;opacity:.85}
.navlink{color:rgba(255,255,255,.82);text-decoration:none;font-weight:600}
.navlink:hover{color:#fff}
.sep{opacity:.55;margin:0 .5rem}
.micro{font-size:.92rem;opacity:.78}
.muted{opacity:.8}
.section{position:relative}
.screenframe{border-radius:22px;overflow:hidden}
.screenframe img{display:block;width:100%;height:auto}
.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width: 992px){.grid-cards{grid-template-columns:repeat(1,minmax(0,1fr))}}
.card-dark{background:rgba(11,19,43,.9);border:1px solid rgba(37,77,132,.55);color:#eaf0ff}
.card-light{background:#fff;border:1px solid #e5e7eb}
.tag{display:inline-block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;padding:.2rem .55rem;border-radius:999px;background:rgba(124,247,255,.12);border:1px solid rgba(124,247,255,.25);color:#bfffe0;margin-bottom:.5rem}
.tag-og{background:#111827;color:#fff;border:1px solid #111827}
.hero{position:relative;overflow:hidden}
.hero-backdrop{position:absolute;inset:-20% -20% auto -20%;height:520px;background:radial-gradient(closest-side, rgba(124,247,255,.18), rgba(125,124,255,.05) 55%, transparent 70%);pointer-events:none}
.hero-backdrop-og{background:radial-gradient(closest-side, rgba(17,24,39,.10), rgba(17,24,39,.04) 60%, transparent 75%)}
.kicker{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;opacity:.86}
.kicker-og{color:#111827;opacity:.75}
.feature-bullets{margin:1rem 0 0 0;padding:0;list-style:none}
.feature-bullets li{padding:.55rem .75rem;border-radius:14px;border:1px solid rgba(37,77,132,.5);background:rgba(11,19,43,.65);margin-bottom:.6rem}
.feature-bullets li span{font-weight:800;color:#dbe5ff}
.pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:1rem}
@media (max-width: 992px){.pill-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}
.pill{padding:.65rem .85rem;border-radius:999px;border:1px solid rgba(37,77,132,.5);background:rgba(11,19,43,.65);color:#dbe5ff;font-weight:700}
.step{display:flex;gap:14px;margin-top:16px}
.step-num{width:34px;height:34px;border-radius:12px;background:rgba(124,247,255,.16);border:1px solid rgba(124,247,255,.35);display:flex;align-items:center;justify-content:center;font-weight:900;color:#dbe5ff}
.step-title{font-weight:900}
.step-text{opacity:.82}
.callout{border-radius:18px;padding:14px 16px;border:1px solid rgba(37,77,132,.55);background:rgba(15,33,71,.7)}
.callout-title{font-weight:900}
.callout-text{opacity:.86}
.accordion-dark .accordion-item{border:1px solid rgba(37,77,132,.55);background:rgba(11,19,43,.8);color:#eaf0ff}
.accordion-dark .accordion-button{background:rgba(11,19,43,.8);color:#eaf0ff}
.accordion-dark .accordion-button:focus{box-shadow:none}
.accordion-dark .accordion-button:not(.collapsed){background:rgba(15,33,71,.9);color:#fff}
.cta-box{border-radius:22px;padding:22px 22px;border:1px solid rgba(37,77,132,.6);background:linear-gradient(135deg, rgba(15,33,71,.85), rgba(11,19,43,.75));display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer{border-top:1px solid rgba(255,255,255,.08)}
.footer-pulse{background:#070d1d;color:#eaf0ff}
.footer-og{background:#fff;color:#111827;border-top:1px solid #e5e7eb}
.page-pulse{background:#070d1d;color:#eaf0ff}
.page-og{background:#f6f4ee;color:#111827}
.topbar-pulse{background:rgba(7,13,29,.72);border-bottom:1px solid rgba(124,247,255,.12)}
.topbar-og{background:rgba(246,244,238,.82);border-bottom:1px solid #e5e7eb}
.brand-badge-og{background:#111827;color:#fff}
.brand-sub-og{color:#111827;opacity:.85}
.navlink-og{color:#111827;opacity:.78}
.navlink-og:hover{opacity:1;color:#111827}
.hero-pulse{background:radial-gradient(1200px 500px at 30% 0%, rgba(124,247,255,.12), transparent 65%), radial-gradient(900px 450px at 80% 10%, rgba(125,124,255,.10), transparent 70%), #070d1d}
.hero-og{background:radial-gradient(900px 420px at 20% 0%, rgba(17,24,39,.08), transparent 60%), radial-gradient(800px 420px at 80% 10%, rgba(99,102,241,.10), transparent 70%), #f6f4ee}
.section-pulse.alt{background:rgba(11,19,43,.55)}
.section-og.alt{background:rgba(255,255,255,.55);border-top:1px solid rgba(17,24,39,.08);border-bottom:1px solid rgba(17,24,39,.08)}
.muted-og{color:#111827;opacity:.75}
.micro-og{color:#111827;opacity:.72}
.step-og .step-num{background:rgba(17,24,39,.12);border:1px solid rgba(17,24,39,.22);color:#111827}
.callout-og{border:1px solid rgba(17,24,39,.14);background:rgba(255,255,255,.8)}
.cta-box-og{border:1px solid rgba(17,24,39,.16);background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(243,244,246,.9))}
.glow{background:linear-gradient(90deg,#7cf7ff,#7d7cff);-webkit-background-clip:text;background-clip:text;color:transparent}


.ps-more{ display:inline-flex; margin-top:.8rem; text-decoration:none; font-weight:800; color: rgba(255,255,255,.82); }
.ps-more:hover{ color:#fff; text-decoration:underline; }