/* =====================================================================
   deposyt-home.css  —  HOMEPAGE ONLY.
   Built from deposyt-site-scoped.css by removing the 17 page-specific
   sections the homepage never uses. Every remaining rule sits in its
   ORIGINAL position, so the cascade is unchanged.

   Removed: acb-v2.css, bap-v1.css, dp-v1.css, dunning-v2.css, gpn-v1.css, ind-v1.css, industry-grid-2.css, industry-grid-3.css, industry-grid-4.css, int-v1.css, lb-v2.css, legal-v1.css, partners-v1.css, pl-v4.css, plus-v1.css, wtp-v1.css

   Pair it with deposyt-inner.css (the unmodified full sheet) which loads
   on every page except the homepage.
   ===================================================================== */
/* =====================================================================
   deposyt-site-scoped.css — SAFE TO LOAD SITE WIDE.
   One file that behaves like the per-page stylesheet stacks it replaces.
     .dpy something          a shared rule, confined to the page wrapper
     :where(.dpy.pg-xx) …    a page skin, confined to the pages that loaded
                             that sheet. :where() carries no specificity, so
                             every skin rule keeps the exact weight it had
                             per page and cascade order decides ties as before.
   Shared class-based selectors stay unscoped: they cannot match legacy
   Elementor markup. Header, footer, nav drawer and login modal are global
   WordPress templates outside the wrapper, so their sheets stay unscoped.
   Requirement: each page's wrapper carries its own pg- classes, e.g.
     <div class="dpy pg-hv6 pg-pl pg-wtp">
   Generated 2026-08-24.
   ===================================================================== */
/* =====================================================================
   deposyt-site.css — ONE site-wide stylesheet for WPCode.
   Every source sheet the site uses, concatenated in the cascade order the
   pages establish, deduplicated. Paste this into a single WPCode snippet
   (type: CSS, site-wide, active) and no page needs its own <link>.
   Generated 2026-08-24 from assets/css/.
   Do not edit here: edit the source sheets and regenerate.
   Sources, in order:
     1. login-modal-v1.css
     2. base.css
     3. badges.css
     4. highrisk-vertical.css
     5. reviews.css
     6. editorial-layer.css
     7. nav-cta.css
     8. header-footer.css
     9. industry-grid-2.css
    10. industry-grid-3.css
    11. industry-grid-4.css
    12. steps.css
    13. cards-system.css
    14. light-band-fixes.css
    15. subpage-layouts.css
    16. misc-overrides.css
    17. footer.css
    18. footer-v4.css
    19. refine.css
    20. theme-signal.css
    21. nav-v4.css
    22. v3-skin.css
    23. global-v4.css
    24. home-dpx-v5.css
    25. home-v6.css
    26. pl-v4.css
    27. wtp-v1.css
    28. ind-v1.css
    29. plus-v1.css
    30. dp-v1.css
    31. int-v1.css
    32. acb-v2.css
    33. lb-v2.css
    34. dunning-v2.css
    35. gpn-v1.css
    36. bap-v1.css
    37. partners-v1.css
    38. legal-v1.css
    39. footer-contact-v1.css
    40. mobile-v5.css
   ===================================================================== */

/* ==== login-modal-v1.css ==================================================== */
/* =====================================================================
   Login modal — dark card vocabulary, matches the new site
   ===================================================================== */
.lgm{position:fixed;inset:0;z-index:500;display:none}
.lgm.is-open{display:block}
.lgm-scrim{position:absolute;inset:0;background:rgba(8,6,14,.62);
  -webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);
  animation:lgmFade .16s ease both}
.lgm-scroll{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  display:flex;align-items:flex-start;justify-content:center;padding:40px 18px}
.lgm-sheet{position:relative;width:100%;max-width:620px;margin:auto;
  border-radius:26px;padding:38px 34px 30px;
  background:linear-gradient(168deg,#12101C 0%,#0B0912 62%,#0A0810 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 60px 130px -50px rgba(255,14,175,.30),0 30px 80px -40px rgba(0,0,0,.85);
  animation:lgmRise .2s cubic-bezier(.2,.8,.3,1) both}
.lgm-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#F8F6F1;
  transition:background .15s,transform .15s}
.lgm-x:hover{background:rgba(255,255,255,.14);transform:scale(1.05)}
.lgm-eyebrow{margin:0 0 22px;font-family:"Inter Tight",Inter,system-ui,sans-serif;
  font-size:24px;font-weight:500;letter-spacing:-.03em;text-transform:none;
  color:#fff;text-align:center}
.lgm-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lgm-card{display:flex;flex-direction:column;gap:6px;padding:26px 24px 22px;
  border-radius:20px;text-decoration:none;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);
  transition:transform .18s ease,border-color .18s ease,background .18s ease}
.lgm-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.06);
  border-color:rgba(255,14,175,.45)}
.lgm-card:focus-visible{outline:2px solid #FF2DB0;outline-offset:3px}
.lgm-card-h{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;
  font-size:20.48px;letter-spacing:-.03em;color:#fff}
.lgm-card-d{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.84px;
  letter-spacing:.04em;color:#8A86A0}
.lgm-card-cta{margin-top:16px;display:inline-flex;align-items:center;gap:8px;
  align-self:flex-start;padding:11px 20px;border-radius:999px;
  font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:600;font-size:14.4px;
  color:#fff;background:linear-gradient(96deg,#7C3AED 0%,#C13AA8 52%,#FF2DB0 100%)}
.lgm-foot{margin:24px 0 0;text-align:center;font-family:"Inter",system-ui,sans-serif;
  font-size:13.76px;color:#8A86A0}
.lgm-foot a{color:#C77DFF;text-decoration:none}
.lgm-foot a:hover{color:#FF2DB0}
@keyframes lgmFade{from{opacity:0}to{opacity:1}}
@keyframes lgmRise{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .lgm-scroll{padding:16px 12px 26px}
  .lgm-sheet{border-radius:22px;padding:30px 20px 24px}
  .lgm-grid{grid-template-columns:1fr;gap:12px}
  .lgm-card{padding:22px 20px 20px}
  .lgm-card-h{font-size:18.88px}
  .lgm-card-cta{width:100%;justify-content:center;min-height:48px}
  .lgm-x{top:10px;right:10px;width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){.lgm-scrim,.lgm-sheet{animation:none}}

/* mobile drawer login row */
.dh-mobile-login{
  display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:12px;
  border-radius:999px;text-decoration:none;
  font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:600;font-size:16px;
  color:#F8F6F1!important;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16)}
.dh-mobile-login:hover{background:rgba(255,255,255,.12)}

/* ==== base.css ============================================================== */
.dpy{
  --ink:#0B0A16; --ink-2:#13102A; --panel:#241C52; --panel-2:#2E2568;
  --paper:#FFFFFF; --paper-2:#F6F7FC;
  --text-dark:#15122B; --muted-dark:#5A5670;
  --ivory:#F8F6F1; --muted:#D6D1EC;
  --magenta:#A02BD9; --violet:#A02BD9; --indigo:#3D2BB8; --dblue:#2E7CFF;
  --vlight:#C77DFF;
  --mist:rgba(248,246,241,.18); --mist-l:rgba(21,18,43,.1);
  --grad:linear-gradient(120deg,#A02BD9 0%,#A02BD9 45%,#3D2BB8 78%,#2E7CFF 100%);
  --shadow-card:0 2px 6px rgba(21,18,43,.05),0 22px 50px -22px rgba(61,43,184,.22);
}
.dpy,.dpy *{box-sizing:border-box;margin:0;padding:0}
.dpy{scroll-behavior:smooth}
.dpy{font-family:"Inter Tight",Inter,system-ui,sans-serif;background:var(--ink);color:var(--ivory);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.dpy ::selection{background:var(--magenta);color:#fff}
.wrap{max-width:1140px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.dpy h1,.dpy h2,.dpy h3{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:400;line-height:1.06;letter-spacing:-.005em}
.dpy h1{font-size:clamp(2.7rem,5.8vw,4.8rem)}
.dpy h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:.5em}
.dpy h3{font-size:1.4rem;margin-bottom:.3em}
.hl{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.band.dark .hl,.band.dark.tint .hl,.cta-banner .hl,.hr-cta-band .hl,.deposyt-plus .hl{background:linear-gradient(115deg,#C9A9FF 0%,#D9A0FF 50%,#86BBFF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.dpy p{color:var(--muted)} .dpy strong{color:var(--ivory);font-weight:600}
.lede{font-size:1.14rem;max-width:66ch}
.mono{font-family:"IBM Plex Mono",monospace}

/* band system */
.band{position:relative;padding:66px 0}
.band-bg{position:absolute;inset:-1px 0;z-index:0;transform:skewY(-2.6deg)}
.band.light{color:var(--text-dark)}
/* ===== READABILITY SYSTEM: correct text colors on light sections (overrides theme) ===== */
.band.light .strip,.band.light .mono,.band.light p.mono{color:#565270!important}
.band.light .feat li{color:#2B2640!important}
.band.light .tag{color:#9A1FD6!important}
.band.light .tag.pink{color:#7A1FB0!important}
.band.light .lede{color:#322D49!important}
.band.light .band-bg{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}
.band.light h1,.band.light h2,.band.light h3,.band.light strong{color:var(--text-dark)}
.band.light p{color:var(--muted-dark)}
.band.dark .band-bg{background:radial-gradient(110% 85% at 6% -8%, rgba(160,43,217,.17), rgba(160,43,217,0) 48%),radial-gradient(120% 90% at 94% 106%, rgba(46,124,255,.18), rgba(46,124,255,0) 50%),linear-gradient(162deg,#1E1648 0%,#2A2064 52%,#221A56 100%)}
.band.dark.tint .band-bg{
  background:
    radial-gradient(1000px 520px at 88% 0%, rgba(160,43,217,.14), transparent 60%), radial-gradient(900px 600px at -6% 30%, rgba(46,124,255,.16), transparent 55%), var(--ink);
}
.band.light .band-bg::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(rgba(21,18,43,.035) 1px,transparent 1px), linear-gradient(90deg,rgba(21,18,43,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);
}
.band-bg::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--grad);opacity:.85}

/* strips */
.strip{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.band.light .strip{color:var(--muted-dark)}
.strip::before{content:"";width:42px;height:2px;background:var(--grad);flex:none}
.strip .code{background:rgba(160,43,217,.12);color:var(--magenta);padding:3px 10px;border-radius:4px;border:1px solid rgba(160,43,217,.32);font-weight:700}

/* buttons */
.btn{display:inline-block;font-weight:700;font-size:.88rem;letter-spacing:.09em;text-transform:uppercase;padding:17px 34px;border-radius:999px;text-decoration:none;cursor:pointer;border:none;transition:transform .18s ease,box-shadow .18s ease}
.btn-g{background:var(--grad);color:#fff;box-shadow:0 14px 36px -12px rgba(160,43,217,.6)}
.btn-g:hover{transform:translateY(-2px);box-shadow:0 20px 46px -12px rgba(160,43,217,.55)}
.btn-o{background:transparent;color:var(--ivory);border:1.5px solid rgba(248,246,241,.4)}
.band.dark .btn-o,.band.dark.tint .btn-o,.cta-banner .btn-o,.hr-cta-band .btn-o{color:#F8F6F1!important;border-color:rgba(248,246,241,.6)!important}
.hr-cta-band h3{color:#F8F6F1!important}
.btn-o:hover{border-color:var(--ivory);transform:translateY(-2px)}
.band.light .btn-o{color:var(--text-dark);border-color:rgba(21,18,43,.3)}
.band.light .btn-o:hover{border-color:var(--text-dark)}
.dpy a:focus-visible,.btn:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}

/* panels */
.panel{position:relative;background:linear-gradient(160deg,#352B72,#241C52 62%);border:1px solid rgba(248,246,241,.16);border-radius:18px;padding:32px 28px;box-shadow:0 24px 60px -28px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}
.panel.top::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;border-radius:18px 18px 0 0;background:var(--grad)}
.band.light .panel{background:#fff;border:1px solid var(--mist-l);box-shadow:var(--shadow-card)}
.band.light .panel p{color:var(--muted-dark)}
.tag{display:block;font-family:"IBM Plex Mono",monospace;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--vlight);margin-bottom:12px;font-weight:500}
.tag.pink{color:var(--magenta)}
.band.light .tag{color:var(--indigo)}
.band.light .tag.pink{color:var(--magenta)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media(max-width:1080px){.grid5{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:1fr 1fr}.grid6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid6{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.grid6{grid-template-columns:1fr}}
@media(max-width:960px){.grid3{grid-template-columns:1fr}}
@media(max-width:760px){.grid2{grid-template-columns:1fr}.grid5{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.grid5{grid-template-columns:1fr}.grid4{grid-template-columns:1fr}}
ul.feat{list-style:none;margin-top:10px}
ul.feat li{padding:5px 0 5px 26px;position:relative;color:var(--muted);font-size:.93rem}
.band.light ul.feat li{color:var(--muted-dark)}
ul.feat li::before{content:"";position:absolute;left:0;top:13px;width:14px;height:2px;background:var(--grad)}
.band.light ul.feat li strong{color:var(--text-dark)}

/* image placeholders */
.ph{border:1.5px dashed rgba(160,43,217,.4);border-radius:12px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,rgba(160,43,217,.06),rgba(46,124,255,.07));text-align:center;padding:12px;margin-bottom:16px}
.ph span{font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--violet);line-height:1.8}
.band.dark .ph span{color:var(--vlight)}
/* filled image slots */
.ph.filled{border:1px solid var(--mist-l);border-style:solid;padding:0;overflow:hidden;position:relative}
.band.dark .ph.filled{border-color:var(--mist)}
.ph.filled img{width:100%;height:100%;object-fit:cover;display:block}
.ph.filled.fit-white{position:relative;background:linear-gradient(155deg,#fff 0%,#fff 55%,rgba(160,43,217,.05) 78%,rgba(46,124,255,.08) 100%);padding:16px;box-shadow:inset 0 0 0 1px rgba(160,43,217,.1),inset 0 -40px 60px -40px rgba(46,124,255,.25),inset 0 40px 60px -40px rgba(160,43,217,.18)}
.ph.filled.fit-white img{position:relative;object-fit:contain;z-index:1}
.ph.filled::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}

/* header */
header.bar{position:sticky;top:0;z-index:50;background:rgba(11,10,22,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--mist)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.bar .logo,footer .logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.bar .logo-mark,footer .logo-mark{width:38px;height:38px;border-radius:50%;display:block;flex-shrink:0;filter:drop-shadow(0 4px 14px rgba(160,43,217,.45))}
.bar .logo-word,footer .logo-word{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:-.01em;color:var(--ivory);line-height:1}
.bar .logo sup,footer .logo sup{font-size:.55rem;color:var(--vlight);align-self:flex-start;margin-top:3px}
.bar .logo .slash,footer .logo .slash{display:none}
.nav-links{display:flex;gap:18px;list-style:none;align-items:center}
.nav-links a{position:relative;color:var(--muted);text-decoration:none;font-size:.82rem;font-weight:600;letter-spacing:.01em;padding:6px 2px;transition:color .22s ease}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .26s cubic-bezier(.4,0,.2,1)}
.nav-links a:hover{color:var(--ivory)}
.nav-links a:hover::after{transform:scaleX(1)}
/* mobile nav */
.nav-toggle{display:none}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;cursor:pointer;border-radius:10px;flex-shrink:0}
.burger span{display:block;height:2px;width:24px;margin:0 auto;background:var(--ivory);border-radius:2px;transition:transform .3s ease,opacity .2s ease}
.mobile-menu{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:2px;padding:14px 20px 22px;background:rgba(11,10,22,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--mist);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.mobile-menu a{color:var(--ivory);text-decoration:none;font-weight:600;font-size:1.02rem;padding:14px 8px;border-bottom:1px solid var(--mist)}
.mobile-menu a:last-of-type{border-bottom:0}
.mobile-menu .btn{text-align:center;padding:16px}
.nav-toggle:checked ~ .mobile-menu{display:flex}
.nav-toggle:checked ~ .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle:checked ~ .burger span:nth-child(2){opacity:0}
.nav-toggle:checked ~ .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1100px){
  .header-cta{display:none}
}
@media(max-width:900px){
  .nav-links{display:none}
  .burger{display:flex}
}
@media(max-width:560px){
  .bar .wrap{height:64px}
  .mobile-menu{top:64px}
  .bar .logo-word,footer .logo-word{font-size:1.25rem}
  .bar .logo-mark,footer .logo-mark{width:34px;height:34px}
  .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
  .nav-back{padding:10px 0}
}

/* hero */
.hero{position:relative;padding:92px 0 72px;overflow:hidden}
.hero-bg{position:absolute;inset:0;
  background:
    radial-gradient(1100px 560px at 85% -8%, rgba(160,43,217,.18), transparent 60%), radial-gradient(900px 620px at -6% 14%, rgba(46,124,255,.2), transparent 55%), radial-gradient(700px 500px at 50% 110%, rgba(160,43,217,.16), transparent 60%), var(--ink);
}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(rgba(248,246,241,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(248,246,241,.04) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(80% 70% at 50% 30%,black,transparent 85%);
}
.hero .beam{position:absolute;top:-60px;right:6%;width:240px;height:560px;background:var(--grad);opacity:.15;filter:blur(70px);transform:rotate(24deg);border-radius:120px;pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
@media(max-width:980px){.hero .wrap{grid-template-columns:1fr}}
.hero-proof{display:flex;gap:34px;flex-wrap:wrap;margin-top:44px}
.hero-proof div{border-left:2px solid;border-image:var(--grad) 1;padding-left:16px}
.hero-proof strong{display:block;font-family:"Inter Tight",Inter,system-ui,sans-serif;font-size:1.45rem;color:var(--ivory);font-weight:400}
.hero-proof span{font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero-trust{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:30px}
.hero-trust span{display:inline-flex;align-items:center;gap:9px;font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.03em;color:var(--ivory)}
.hero-trust span b{display:inline-flex;width:19px;height:19px;border-radius:50%;background:var(--grad);align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:800;flex-shrink:0;box-shadow:0 2px 8px -2px rgba(160,43,217,.6)}

/* credit card visual */
.cardviz{position:relative;max-width:480px;margin:0 auto;width:100%;perspective:1200px;min-height:380px;display:flex;align-items:center;justify-content:center}
.ccard{
  position:relative;width:min(400px,92%);aspect-ratio:1.586;border-radius:22px;
  background:
    radial-gradient(120% 160% at 8% 0%,rgba(160,43,217,.55),transparent 55%), radial-gradient(130% 170% at 100% 110%,rgba(46,124,255,.5),transparent 55%), radial-gradient(100% 130% at 60% 50%,rgba(160,43,217,.35),transparent 65%), #181230;
  border:1px solid rgba(248,246,241,.18);
  box-shadow:0 40px 90px -30px rgba(160,43,217,.6),0 0 0 1px rgba(255,255,255,.04) inset;
  transform:rotate3d(.6,-1,.12,26deg);
  padding:26px 28px;display:flex;flex-direction:column;justify-content:space-between;
  animation:floaty 8s ease-in-out infinite;
}
@keyframes floaty{0%,100%{transform:rotate3d(.6,-1,.12,26deg) translateY(0)}50%{transform:rotate3d(.6,-1,.12,22deg) translateY(-12px)}}
.ccard .row{display:flex;justify-content:space-between;align-items:flex-start}
.ccard .brandline{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:800;font-size:1.15rem;color:#fff;display:flex;align-items:center}
.ccard .brandline .slash{width:4px;height:16px;background:var(--grad);border-radius:2px;transform:rotate(20deg);display:inline-block;margin:0 6px}
.ccard .zero{font-family:"IBM Plex Mono",monospace;font-size:.56rem;letter-spacing:.22em;color:rgba(248,246,241,.75);text-transform:uppercase;text-align:right;line-height:1.7}
.ccard .chip{width:42px;height:32px;border-radius:7px;background:linear-gradient(135deg,#F2E2B8,#C9A05B);box-shadow:0 1px 0 rgba(255,255,255,.4) inset}
.ccard .num{font-family:"IBM Plex Mono",monospace;font-size:clamp(.95rem,2.4vw,1.2rem);letter-spacing:.18em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.ccard .foot{display:flex;justify-content:space-between;align-items:flex-end}
.ccard .foot small{font-family:"IBM Plex Mono",monospace;font-size:.55rem;letter-spacing:.2em;color:rgba(248,246,241,.65);text-transform:uppercase}
.ccard .foot .fee{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-size:1.9rem;color:#fff;line-height:1}
.chiplet{position:absolute;font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory);background:rgba(19,16,42,.9);border:1px solid rgba(199,125,255,.4);border-radius:999px;padding:9px 16px;box-shadow:0 10px 30px -10px rgba(160,43,217,.6);backdrop-filter:blur(6px);white-space:nowrap}
.chiplet b{color:var(--magenta)}
.cl1{top:4%;left:-2%}.cl2{top:22%;right:-4%}.cl3{bottom:10%;left:2%}.cl4{bottom:-2%;right:6%}
@media(max-width:980px){.cardviz{min-height:340px;margin-top:14px}}
@media(max-width:480px){.cl1{left:0}.cl2{right:0}.cl3{left:0}.cl4{right:0}}

.stat-inline{color:var(--ivory);font-weight:600;background:linear-gradient(transparent 62%,rgba(160,43,217,.28) 62%)}
@media(prefers-reduced-motion:reduce){.dpy,.dpy *{transition:none!important;animation:none!important}}
@media(max-width:760px){.band{padding:50px 0}.hero{padding:64px 0 52px}}
.hero h1,.hero h2,.hero h3,.band.dark h1,.band.dark h2,.band.dark h3,.band.dark h4,.band.dark.tint h1,.band.dark.tint h2,.band.dark.tint h3,.band.dark.tint h4{color:#F8F6F1!important}
.band.dark strong,.band.dark.tint strong{color:#F8F6F1!important}

/* ===== dropdown nav framework ===== */
.nav-links{gap:20px}
.nav-links li.has-drop{position:relative}
.nav-links li.has-drop>a::after{content:"\25BE";margin-left:5px;font-size:.62em;opacity:.65;vertical-align:middle}
.nav-links .drop{position:absolute;top:100%;left:-10px;min-width:212px;background:#15112C;border:1px solid var(--mist);border-radius:13px;padding:8px;display:none;flex-direction:column;gap:1px;box-shadow:0 24px 60px -22px rgba(0,0,0,.75);z-index:70}
.nav-links li.has-drop:hover .drop,.nav-links li.has-drop:focus-within .drop{display:flex}
.nav-links .drop::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.nav-links .drop a{padding:10px 13px;border-radius:8px;color:#E7E3F6;font-size:.9rem;white-space:nowrap;font-weight:600}
.nav-links .drop a:hover{background:rgba(255,255,255,.09);color:#fff}
.mobile-menu a.sub{padding-left:24px;font-size:.92rem;opacity:.85;font-weight:500}
@media(max-width:1180px){.nav-links{gap:14px;font-size:.92rem}}

/* ============ LIGHT (HANDOFF) THEME ============ */
.band.light.soft .band-bg{background:linear-gradient(180deg,#F6F7FC 0%,#EEF0FA 100%)}
.band.light .btn-o{color:#15122B!important;border-color:rgba(21,18,43,.30)!important}
.band.light.soft .strip,.band.light.soft .mono,.band.light.soft p.mono{color:#565270!important}
.band.light.soft .lede{color:#322D49!important}
.hero .hero-bg{background:linear-gradient(180deg,#FFFFFF 0%,#F2F3FB 100%)!important}
.hero .beam{opacity:.10}
.hero h1{color:#15122B!important}
.hero .strip{color:#565270!important}
.hero .lede{color:#4A4566!important}
.hero-trust span{color:#15122B!important}
.hero .btn-o{color:#15122B!important;border-color:rgba(21,18,43,.32)!important}
.deposyt-plus p,.cta-banner p,.hr-cta-band p{color:#F1EEFA!important}
.deposyt-plus h3,.deposyt-plus .dp-title,.cta-banner h2,.hr-cta-band h2,.hr-vert h2,.hr-vert h3{color:#F8F6F1!important}

/* === LIGHT THEME: fix stranded hero/inline light text === */
.hero strong{color:#15122B!important}
.hero-proof strong{color:#15122B!important}
.hero-proof span{color:#5A5670!important}
.band.light .stat-inline,.hero .stat-inline{color:#15122B!important}
.dpy{background:#F6F7FC}

/* ==== badges.css ============================================================ */
.badges{display:flex;flex-wrap:wrap;gap:10px}
.badges span{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:999px;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;color:var(--text-dark);font-weight:700}
.receipt{position:relative;background:#fff;border:1px solid var(--mist-l);border-radius:18px;padding:36px 34px;box-shadow:0 30px 80px -24px rgba(160,43,217,.5);max-width:440px;justify-self:center;width:100%;overflow:hidden}
.receipt::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
.receipt .tag{color:var(--magenta)}
.rrow{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed rgba(21,18,43,.2);font-family:"IBM Plex Mono",monospace;font-size:.78rem;letter-spacing:.06em}
.rrow span:first-child{color:var(--muted-dark)}
.rrow span:last-child{color:var(--text-dark);font-weight:700}
.rrow.total{border-bottom:0;padding-top:16px;font-size:.9rem}
.band.dark .panel .rrow span:first-child{color:var(--muted)}
.band.dark .panel .rrow span:last-child{color:var(--ivory)}
.band.dark .panel .rrow{border-color:rgba(248,246,241,.2)}
.stamp{display:inline-block;padding:6px 16px;border-radius:6px;border:2px solid var(--magenta);color:var(--magenta);font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:.7rem;letter-spacing:.22em;transform:rotate(-3deg)}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--mist);border-radius:18px;overflow:hidden}
@media(max-width:760px){.vs{grid-template-columns:1fr}}
.vs>div{padding:36px 32px}
.vs .old{background:rgba(248,246,241,.03)}
.vs .new{background:linear-gradient(165deg,var(--panel-2),var(--panel));position:relative}
.vs .new::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad)}
.band.dark .bridge-quote{color:var(--ivory)}
.band.light .bridge-quote{color:var(--text-dark)}
.band.light .vs{border-color:var(--mist-l);background:#fff;box-shadow:var(--shadow-card)}
.band.light .vs .old{background:var(--paper-2)}
.band.light .vs .new{background:#fff}
/* integrations */
.x-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px}
@media(max-width:880px){.x-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.x-grid{grid-template-columns:1fr}}
.x-card{position:relative;background:#fff;border:1px solid var(--mist-l);border-radius:16px;padding:24px 24px 22px;box-shadow:var(--shadow-card);transition:transform .2s,border-color .2s}
.x-card:hover{transform:translateY(-3px);border-color:rgba(160,43,217,.4)}
.x-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;background:var(--grad)}
.x-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.x-dep{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:800;font-size:1.15rem;color:var(--text-dark)}
.x-mark{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-style:italic;font-size:1.05rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.x-partner{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:700;font-size:1.15rem;color:var(--indigo)}
.x-card p{font-size:.9rem;color:var(--muted-dark)}
.int-wrap{border:1px solid var(--mist-l);border-radius:18px;background:#fff;box-shadow:var(--shadow-card);overflow:hidden}
.int-head{padding:24px 28px;border-bottom:1px solid var(--mist-l);background:var(--paper-2)}
.int-cloud{padding:24px 28px;display:flex;flex-wrap:wrap;gap:9px}
.int-chip{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.04em;color:var(--muted-dark);background:#fff;border:1px solid var(--mist-l);border-radius:999px;padding:7px 13px;transition:border-color .18s,color .18s,transform .18s}
.int-chip:hover{border-color:rgba(160,43,217,.5);color:var(--text-dark);transform:translateY(-2px)}
/* Patricia launch tile */
.patricia-tile{transition:transform .2s,box-shadow .2s}
.patricia-tile:hover{transform:translateY(-4px);box-shadow:0 30px 70px -30px rgba(160,43,217,.5)}
.patricia-cover{position:relative;aspect-ratio:16/9;background:radial-gradient(700px 320px at 70% -20%,rgba(160,43,217,.5),transparent 60%),radial-gradient(500px 300px at 10% 120%,rgba(46,124,255,.45),transparent 60%),linear-gradient(150deg,#1E1840,#0B0A16);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1.5px solid rgba(199,125,255,.3)}
.patricia-avatar{position:relative;z-index:2;width:78px;height:78px;border-radius:50%;background:rgba(11,10,22,.55);border:1.5px solid rgba(199,125,255,.6);display:flex;align-items:center;justify-content:center;font-family:"Inter Tight",Inter,system-ui,sans-serif;font-size:2.4rem;color:#fff;backdrop-filter:blur(4px)}
.patricia-pulse{position:absolute;width:78px;height:78px;border-radius:50%;border:2px solid var(--magenta);opacity:.6;animation:ppulse 2.4s ease-out infinite}
@keyframes ppulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.4);opacity:0}}
.patricia-live{position:absolute;bottom:14px;left:16px;z-index:2;font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.16em;color:#fff;background:rgba(11,10,22,.7);border:1px solid rgba(199,125,255,.4);border-radius:999px;padding:6px 12px}
@media(prefers-reduced-motion:reduce){.patricia-pulse{animation:none}}
/* High Risk, "We LOVE" hero */
.hr-love{text-align:center;max-width:820px;margin:0 auto 14px}
.hr-heart{width:104px;height:104px;margin:0 auto 6px;display:block;filter:drop-shadow(0 16px 34px rgba(160,43,217,.4))}
.hr-heart-beat{transform-origin:center;animation:hrbeat 1.8s ease-in-out infinite}
@keyframes hrbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.hr-heart-beat{animation:none}}
.hr-love h2{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.04;margin:6px 0 0}
.hr-badge-line{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px auto 0;
  font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  background:linear-gradient(120deg,rgba(160,43,217,.12),rgba(46,124,255,.1));border:1px solid rgba(160,43,217,.3);
  border-radius:999px;padding:10px 20px;color:var(--text-dark)}
.hr-badge-line strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.hr-cta-band{margin-top:30px;border-radius:22px;padding:42px 40px;text-align:center;position:relative;overflow:hidden;
  background:linear-gradient(158deg,#2A2160,#1C1646 70%) padding-box,var(--grad) border-box;border:1.5px solid transparent;
  box-shadow:0 36px 90px -34px rgba(160,43,217,.5)}
.hr-cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 260px at 84% 0%,rgba(160,43,217,.22),transparent 64%),radial-gradient(460px 240px at 12% 100%,rgba(46,124,255,.2),transparent 64%)}
.hr-cta-band>*{position:relative}
.hr-cta-band h3{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:400;font-size:clamp(1.7rem,3.4vw,2.6rem);color:var(--ivory);line-height:1.15}
.hr-cta-band p{color:#ECE8F8;margin:12px auto 22px;max-width:54ch;font-size:1rem}
.hr-cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* Deposyt+ growth platform callout */
.deposyt-plus{position:relative;border-radius:22px;overflow:hidden;margin:44px 0;background:linear-gradient(158deg,#2A2160,#1C1646 70%) padding-box,var(--grad) border-box;border:1.5px solid transparent;box-shadow:0 40px 100px -34px rgba(160,43,217,.55)}
.dp-glow{position:absolute;inset:0;background:radial-gradient(620px 280px at 88% 0%, rgba(160,43,217,.28), transparent 62%),radial-gradient(520px 300px at 6% 100%, rgba(46,124,255,.26), transparent 62%);pointer-events:none}
.dp-inner{position:relative;display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center;padding:46px 48px}
@media(max-width:780px){.dp-inner{grid-template-columns:1fr;padding:36px 28px;gap:28px}}
.dp-copy .tag{color:var(--vlight)}
.dp-title{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-size:clamp(2rem,3.4vw,2.8rem);color:var(--ivory);margin:6px 0 14px}
.dp-mark{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-style:italic}
.deposyt-plus p{color:#F4F2FB!important;max-width:62ch;font-size:1.02rem}
.deposyt-plus p strong,.deposyt-plus .dp-feat li{color:#FFFFFF!important}
.hr-cta-band p{color:#F4F2FB!important}
.dp-feat{list-style:none;margin:18px 0 26px;display:grid;gap:11px}
.dp-feat li{position:relative;padding-left:26px;color:var(--ivory);font-size:.95rem}
.dp-feat li::before{content:"";position:absolute;left:0;top:11px;width:14px;height:2px;background:var(--grad)}
.dp-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:170px;height:170px;border-radius:24px;background:linear-gradient(155deg,rgba(160,43,217,.28),rgba(160,43,217,.22) 50%,rgba(46,124,255,.26));border:1px solid rgba(248,246,241,.22);text-align:center;font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#EDEAF8}
@media(max-width:780px){.dp-badge{width:100%;height:120px;flex-direction:row;gap:16px}}
.dp-plus{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-size:2.8rem;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ==== highrisk-vertical.css ================================================= */
.hr-vert{position:relative;margin-top:46px;border-radius:28px;overflow:hidden;padding:52px 48px;
      background:linear-gradient(135deg,#A02BD9 0%,#8A2BD8 34%,#8A2BD8 60%,#3D2BB8 80%,#2E7CFF 100%)}
    .hr-vert::before{content:"";position:absolute;inset:0;pointer-events:none;
      background:radial-gradient(760px 340px at 88% -12%,rgba(255,255,255,.12),transparent 60%),radial-gradient(620px 300px at 4% 112%,rgba(0,0,0,.18),transparent 60%)}
    .hr-vert>*{position:relative}
    .hr-vert .hv-eyebrow{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#FFFFFF!important;opacity:.92;display:block;margin-bottom:12px}
    .hr-vert h3{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:400;font-size:clamp(2rem,3.8vw,3rem);color:#FFFFFF!important;line-height:1.1;margin:0 0 12px;text-shadow:0 2px 16px rgba(20,8,40,.32)}
    .hr-vert h3 em{font-style:italic;color:#FFE7F4!important}
    .hr-vert .hv-sub{color:#FFFFFF!important;opacity:.97;max-width:64ch;font-size:1.04rem;line-height:1.6;margin:0 0 28px;text-shadow:0 1px 10px rgba(20,8,40,.28)}
    .hv-grid{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:34px}
    .hv-grid span,.hv-grid a{text-decoration:none;cursor:pointer;transition:transform .15s ease;display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border-radius:999px;
      background:#FFFFFF;border:1px solid #FFFFFF;
      color:#3A1A6E!important;font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:700;font-size:.88rem;line-height:1}
    .hv-grid span::before,.hv-grid a::before{content:"";width:6px;height:6px;border-radius:50%;background:#A02BD9;flex-shrink:0}
    .hv-grid a:hover{transform:translateY(-2px)}
.hv-grid span.more{background:transparent;border:1.5px solid rgba(255,255,255,.9);color:#FFFFFF!important;font-weight:800}
    .hv-grid span.more::before{display:none}
    .hv-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
    .hv-cta .b1{background:#FFFFFF;color:#A02BD9!important;padding:17px 38px;border-radius:999px;font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:800;text-decoration:none;font-size:.95rem;box-shadow:0 16px 40px -16px rgba(0,0,0,.5)}
    .hv-cta .b2{background:rgba(255,255,255,.08);color:#FFFFFF!important;border:1.6px solid rgba(255,255,255,.75);padding:16px 32px;border-radius:999px;font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:700;text-decoration:none;font-size:.95rem}
    @media(max-width:600px){.hr-vert{padding:38px 24px;border-radius:22px}}

/* ==== reviews.css =========================================================== */
.rev-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:30px;padding:24px 28px;border-radius:18px;background:linear-gradient(150deg,rgba(160,43,217,.06),rgba(46,124,255,.07));border:1px solid var(--mist-l)}
.rev-score{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.rev-num{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-size:3.2rem;line-height:.9;color:var(--text-dark)}
.rev-stars{color:#FBBF24;font-size:1.55rem;letter-spacing:3px}
.rev-stars.sm{font-size:1rem;letter-spacing:2px}
.rev-on{font-size:1.05rem;color:var(--muted-dark)}
.g-logo{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}
.rev-grid{margin-top:4px}
.rev-card{display:flex;flex-direction:column;gap:14px;min-height:170px}
.rev-card-top{display:flex;align-items:center;justify-content:space-between}
.rev-id{display:flex;align-items:center;gap:11px}
.rev-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-family:"Inter Tight",Inter,system-ui,sans-serif;background:conic-gradient(from 220deg,#4285F4,#34A853,#FBBC05,#EA4335,#4285F4)}
.rev-name{font-weight:700;font-size:.95rem;color:var(--text-dark);line-height:1.1}
.rev-when{font-family:"IBM Plex Mono",monospace;font-size:.68rem;color:var(--muted-dark);margin-top:3px}
.rev-text{font-size:.98rem;color:var(--text-dark);line-height:1.6;flex:1}
.rev-gicon{width:22px;height:22px;flex-shrink:0}
.rev-note{text-align:center;font-family:"IBM Plex Mono",monospace;font-size:.76rem;color:var(--muted-dark);margin-top:24px;letter-spacing:.03em}

/* ==== editorial-layer.css =================================================== */
/* ===== Editorial layer (Dior-commercial elevation) ===== */
.ed-hero{position:relative;padding:120px 0 96px;overflow:hidden}
.ed-hero .wrap{position:relative;z-index:2}
.ed-eyebrow{display:flex;align-items:center;gap:16px;font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-dark);margin-bottom:34px}
.ed-eyebrow::before{content:"";width:54px;height:1px;background:var(--grad)}
.ed-eyebrow b{color:#9A1FD6;font-weight:700}
.ed-display{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:400;font-size:clamp(2.4rem,5vw,4rem);line-height:.98;letter-spacing:-.02em;color:var(--text-dark);margin:0}
.ed-display .it{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.ed-standfirst{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-size:clamp(1.1rem,1.9vw,1.4rem);line-height:1.45;color:#332F4A;max-width:30ch;margin:34px 0 0;font-weight:400}
.ed-sub{font-size:1.04rem;line-height:1.7;color:var(--muted-dark);max-width:60ch;margin:22px 0 0}
.ed-hrule{height:1px;background:linear-gradient(90deg,rgba(160,43,217,.4),rgba(46,124,255,.05));margin:40px 0 0}
.ed-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px;align-items:center}
.ed-meta{display:flex;flex-wrap:wrap;gap:26px;margin-top:42px}
.ed-meta span{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--text-dark);display:inline-flex;align-items:center;gap:9px}
.ed-meta b{color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:.8rem}
/* manifesto */
.ed-manifesto{position:relative;padding:110px 0;background:var(--ink);overflow:hidden}
.ed-manifesto .mf-bg{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%,rgba(160,43,217,.22),transparent 60%),radial-gradient(80% 70% at 80% 100%,rgba(160,43,217,.16),transparent 55%);opacity:.9}
.ed-manifesto .wrap{position:relative;z-index:2;max-width:960px;text-align:center}
.ed-kicker{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#C77DFF;margin-bottom:30px}
.ed-mf-line{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:400;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.12;letter-spacing:-.01em;color:#fff;margin:0 auto;max-width:20ch}
.ed-mf-line .it{font-style:italic;color:#E9C9FF}
.ed-mf-sub{color:#C4BFE0;font-size:1.08rem;line-height:1.7;max-width:56ch;margin:30px auto 0}
.ed-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:64px;text-align:left}
@media(max-width:820px){.ed-pillars{grid-template-columns:1fr;gap:22px}}
.ed-pillar{padding:30px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.ed-pillar .pn{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.2em;color:#C77DFF;margin-bottom:16px}
.ed-pillar h3{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:400;font-size:1.7rem;line-height:1.1;color:#fff;margin:0 0 12px}
.ed-pillar p{color:#B7B2D4;font-size:.97rem;line-height:1.65;margin:0}
/* partner section */
.ed-partner-head{max-width:760px}
.ed-partner-q{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:400;font-style:italic;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.3;color:var(--text-dark);margin:0;letter-spacing:-.01em}
.ed-partner-q .hl2{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ed-partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:50px;border-top:1px solid var(--mist-l)}
@media(max-width:780px){.ed-partner-grid{grid-template-columns:1fr}}
.ed-pcard{padding:34px 36px 36px;border-bottom:1px solid var(--mist-l)}
.ed-pcard:nth-child(odd){border-right:1px solid var(--mist-l)}
@media(max-width:780px){.ed-pcard:nth-child(odd){border-right:0}}
.ed-pcard .pc-ic{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.ed-pcard .pc-ic svg{width:30px;height:30px}
.ed-pcard h3{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:400;font-size:1.5rem;line-height:1.1;color:var(--text-dark);margin:0 0 10px}
.ed-pcard p{color:var(--muted-dark);font-size:.98rem;line-height:1.65;margin:0}
.ed-pcard .pc-num{float:right;font-family:"IBM Plex Mono",monospace;font-size:.72rem;color:#C9C5DC;letter-spacing:.1em}

/* ==== nav-cta.css =========================================================== */
/* Nav "Get Processing Now": make it violet so it is visible on a dark OR light nav bar (theme-proof) */
.bar .header-cta,header .header-cta,a.header-cta,.header-cta,.header-cta.btn-g,.bar a.btn-g.header-cta{
  background:#A02BD9!important;background-image:none!important;background-color:#A02BD9!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:0!important;border-radius:12px!important;font-weight:700!important;
  box-shadow:0 10px 24px -10px rgba(160,43,217,.6)!important;text-decoration:none!important
}
.bar .header-cta:hover,header .header-cta:hover,.header-cta:hover{
  background:#8A24BC!important;background-color:#8A24BC!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:translateY(-1px)
}

/* ==== header-footer.css ===================================================== */
/* ===== Deposyt redesign: header, footer, gradient accents (2026) ===== */
.dh-bar{position:sticky;top:0;z-index:60;background:rgba(11,10,22,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(248,246,241,.09)}
.dh-bar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(160,43,217,.55) 22%,rgba(61,43,184,.5) 55%,rgba(46,124,255,.55) 78%,transparent);opacity:.75;pointer-events:none}
.dh-inner{max-width:1240px;margin:0 auto;padding:0 34px;height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;transition:height .22s ease}
.dh-bar.dh-scrolled .dh-inner{height:62px}
.dh-left,.dh-right{display:flex;align-items:center;height:100%;font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.13em}
.dh-left{gap:30px}
.dh-right{gap:26px;justify-content:flex-end}
.dh-left > .dh-item > a,.dh-right > a{color:#B4AECD!important;text-decoration:none!important;white-space:nowrap;display:flex;align-items:center;height:100%;border-bottom:1px solid transparent!important}
.dh-left > .dh-item > a:hover,.dh-right > a:hover{color:#FFFFFF!important;border-bottom-color:#C77DFF!important}
.dh-right > a.dh-cta{color:#F8F6F1!important;border-bottom:1px solid #C77DFF!important;height:auto;padding-bottom:4px}
.dh-right > a.dh-cta:hover{border-bottom-color:#F8F6F1!important}
.dh-left > .dh-item > a[aria-current],.dh-right > a[aria-current]{color:#FFFFFF!important;border-bottom-color:#C77DFF!important}
.dh-panel a{display:inline-block;height:auto;white-space:normal;border-bottom:0!important;align-items:initial}
.dh-brand{display:flex!important;flex-direction:column;align-items:center;gap:4px;text-decoration:none!important;line-height:1}
.dh-brand span{font-family:"Instrument Serif",serif;font-size:34px;color:#F8F6F1;letter-spacing:.01em;transition:font-size .22s ease}
.dh-bar.dh-scrolled .dh-brand span{font-size:23px}
.dh-brand em{display:block;width:54px;height:2px;background:linear-gradient(90deg,#A02BD9,#3D2BB8 55%,#2E7CFF);transition:width .22s ease}
.dh-bar.dh-scrolled .dh-brand em{width:34px}
.dh-item{display:flex;align-items:center;height:100%}
.dh-panel{display:none;position:absolute;left:0;right:0;top:100%;background:#0D0A1E;border-bottom:1px solid rgba(248,246,241,.1);box-shadow:0 40px 80px -50px #000;z-index:70}
.dh-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(199,125,255,.7),rgba(46,124,255,.7),transparent)}
.dh-item:hover .dh-panel,.dh-item:focus-within .dh-panel{display:block}
.dh-panel-inner{max-width:1240px;margin:0 auto;padding:40px 34px 46px;display:grid;grid-template-columns:.8fr 1.2fr;gap:52px}
.dh-eye{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.16em;color:#8E88AC;margin-bottom:14px}
.dh-lede{border-right:1px solid rgba(248,246,241,.1);padding-right:40px}
.dh-lede h4{font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:700!important;font-size:28px;line-height:1.14!important;letter-spacing:-.02em!important;color:#F8F6F1!important;margin:0 0 12px;max-width:22ch}
.dh-lede p{color:#A9A3C4!important;font-size:14.5px;line-height:1.65;max-width:36ch;margin:0 0 22px}
.dh-panel .dh-lede-cta{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.12em;color:#F8F6F1!important;text-decoration:none!important;border-bottom:1px solid #C77DFF!important;padding-bottom:4px;white-space:nowrap}
.dh-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.dh-col{display:flex;flex-direction:column;gap:8px}
.dh-panel .dh-col h5{font-family:"IBM Plex Mono",monospace!important;font-weight:500!important;font-size:10.5px!important;letter-spacing:.16em!important;text-transform:uppercase;color:#8E88AC!important;margin:0 0 6px;padding-bottom:9px;border-bottom:1px solid rgba(248,246,241,.12)!important}
.dh-panel .dh-col a{font-size:14px;color:#A9A3C4!important;text-decoration:none!important;padding:3px 0;display:block}
.dh-panel .dh-col a:hover{color:#FFFFFF!important}
.dh-toggle{display:none}
.dh-burger{display:none;width:48px;height:48px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;justify-self:end}
.dh-burger span{width:22px;height:1.5px;background:#F8F6F1;display:block}
.dh-mobile{display:none;flex-direction:column;padding:6px 0 26px}
.dh-mobile-group{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid rgba(248,246,241,.09)}
.dh-mobile-group b{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:700;font-size:21px;letter-spacing:-.02em;color:#F8F6F1}
.dh-mobile-group a{font-size:15px;color:#A9A3C4!important;text-decoration:none!important;min-height:44px;display:flex;align-items:center}
.dh-mobile .dh-mobile-cta{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;color:#0B0A16!important;background:#F8F6F1;min-height:52px;display:flex;align-items:center;justify-content:center;margin-top:20px;border-radius:6px;text-decoration:none!important}
@media(max-width:1080px){
  .dh-inner{grid-template-columns:auto 1fr;height:70px}
  .dh-left,.dh-right{display:none}
  .dh-brand{align-items:flex-start;justify-self:start}
  .dh-brand span{font-size:26px}
  .dh-burger{display:flex}
  .dh-toggle:checked ~ .dh-mobile{display:flex;grid-column:1/-1;padding-bottom:30px}
}

/* ===== footer ===== */
.df-foot{position:relative;background:#08070F;color:#F8F6F1;padding:0 0 34px;margin-top:0}
.df-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:1;background:linear-gradient(90deg,#A02BD9,#3D2BB8 48%,#2E7CFF)}
.df-wrap{max-width:1240px;margin:0 auto;padding:0 34px}
.df-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:30px;padding:64px 0 46px;border-bottom:1px solid rgba(248,246,241,.1)}
.df-line{font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:800!important;font-size:clamp(32px,3.6vw,48px);line-height:1.06!important;letter-spacing:-.03em!important;color:#F8F6F1!important;margin:0;max-width:24ch}
.df-line em{font-style:normal;background:linear-gradient(115deg,#C9A9FF,#D9A0FF 50%,#86BBFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.df-actions{display:flex;align-items:center;gap:24px}
.df-cta{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;color:#FFFFFF!important;text-decoration:none!important;background:linear-gradient(120deg,#A02BD9,#3D2BB8 70%,#2E7CFF);padding:16px 26px;border-radius:6px;white-space:nowrap}
.df-cta:hover{filter:brightness(1.08)}
.df-foot .df-tel{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;color:#B4AECD!important;text-decoration:none!important;border-bottom:1px solid rgba(199,125,255,.5)!important;padding-bottom:4px;white-space:nowrap}
.df-map{display:grid;grid-template-columns:1.25fr repeat(6,1fr);gap:34px;padding:46px 0 40px}
.df-about p{font-size:13.6px;color:#8E88AC!important;line-height:1.7;margin:12px 0 0;max-width:32ch}
.df-brand{font-family:"Instrument Serif",serif;font-size:26px;color:#F8F6F1!important;text-decoration:none!important;display:inline-block}
.df-foot .df-col h4{font-family:"IBM Plex Mono",monospace!important;font-size:10.5px!important;letter-spacing:.16em!important;line-height:1.4!important;text-transform:uppercase;color:#8E88AC!important;font-weight:400!important;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(248,246,241,.1)!important}
.df-brand em{display:block;width:46px;height:2px;margin-top:6px;background:linear-gradient(90deg,#A02BD9,#3D2BB8 55%,#2E7CFF)}
.df-col h4{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.16em;color:#8E88AC!important;font-weight:400;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(248,246,241,.1)!important}
.df-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.df-col li{margin:0;padding:0}
.df-col ul a{font-size:13.5px;color:#A9A3C4!important;text-decoration:none!important}
.df-col ul a:hover{color:#FFFFFF!important}
.df-col h4.df-h4-2{margin-top:24px}
.df-legal{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(248,246,241,.1);font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.06em;color:#6F6990}
@media(max-width:1080px){.df-map{grid-template-columns:1fr 1fr 1fr;gap:28px}}
@media(max-width:680px){.df-map{grid-template-columns:1fr 1fr}.df-top{padding:48px 0 34px}}

/* ===== gradient accents across the existing page system ===== */
.band + .band::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1140px,86%);height:1px;background:linear-gradient(90deg,transparent,rgba(160,43,217,.45),rgba(46,124,255,.45),transparent);z-index:3;pointer-events:none}
.panel{overflow:hidden}
.panel::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#A02BD9,#3D2BB8 55%,#2E7CFF);opacity:.85}
.strip::after{content:"";display:block;width:64px;height:1px;margin-top:14px;background:linear-gradient(90deg,#A02BD9,#2E7CFF)}

/* ==== steps.css ============================================================= */
.ccp-steps{display:grid;gap:16px;margin-top:30px}
.ccp-step{display:flex;gap:22px;align-items:flex-start;background:#fff;border:1px solid var(--mist-l);border-radius:16px;padding:26px 28px;box-shadow:var(--shadow-card)}
.ccp-num{flex-shrink:0;width:46px;height:46px;border-radius:13px;background:var(--grad);color:#fff;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center}
.ccp-step h3{font-size:1.16rem;margin:0 0 5px;color:var(--text-dark)}
.ccp-step p{margin:0;color:var(--muted-dark);font-size:.98rem;line-height:1.62}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}
.fnote{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.05em;color:var(--muted-dark);margin-top:16px}
.faq-list{display:grid;gap:14px;margin-top:30px}
.faq-list .panel h3{font-size:1.08rem;margin:0 0 7px;color:var(--text-dark)}
.faq-list .panel p{margin:0;line-height:1.62}
@media(max-width:820px){.grid2{grid-template-columns:1fr}.ccp-step{padding:22px 20px;gap:16px}.dp-inner{grid-template-columns:1fr!important}}

/* ==== cards-system.css ====================================================== */
/* ================================================================
   Deposyt card system — 4 families × 4 accents × light/dark
   Usage:  <div class="ds-card frosted c-purple"> … </div>
           <div class="ds-card raised  c-blue">   … </div>
           dark variants live inside .ds-dark (or add .on-dark)
   Fields: .ds-label (IBM Plex Mono eyebrow) · h4 · p
   ================================================================ */

/* --- accent tokens ------------------------------------------------ */
.c-purple { --acc:#7C3AED; --acc-rgb:124,58,237;  --acc-soft:#A855F7 }
.c-magenta{ --acc:#E8318F; --acc-rgb:232,49,143;  --acc-soft:#FF5FBF }
.c-blue   { --acc:#2E5BFF; --acc-rgb:46,91,255;   --acc-soft:#6D8CFF }
.c-green  { --acc:#10B981; --acc-rgb:16,185,129;  --acc-soft:#34D399 }
.c-neutral{ --acc:#4A4763; --acc-rgb:74,71,99;    --acc-soft:#8E88AC }

/* --- shared card anatomy ----------------------------------------- */
.ds-card{
  position:relative;border-radius:16px;padding:26px 26px 28px;
  background:#fff;border:1px solid rgba(21,18,43,.08);
  transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s ease}
.ds-card .ds-label{
  font-family:"IBM Plex Mono",monospace;font-size:.68rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--acc,#7C3AED);
  display:block;margin:0 0 12px}
.ds-card h4{
  font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:1.12rem;
  letter-spacing:-.02em;line-height:1.2;color:#15122B;margin:0 0 10px}
.ds-card p{
  font-family:"Inter",system-ui,sans-serif;font-size:.925rem;line-height:1.6;
  color:#55536B;margin:0;text-wrap:pretty}

/* --- 1. STANDARD -------------------------------------------------- */
.ds-card.standard{
  background:#fff;border:1px solid rgba(21,18,43,.09);border-radius:14px;
  box-shadow:0 1px 2px rgba(21,18,43,.04)}
.ds-card.standard:hover{border-color:rgba(21,18,43,.16)}

/* --- 2. FROSTED (translucent + inner glow) ------------------------ */
.ds-card.frosted{
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(var(--acc-rgb),.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 0 30px rgba(var(--acc-rgb),.03)}
.ds-card.frosted:hover{
  border-color:rgba(var(--acc-rgb),.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 34px rgba(var(--acc-rgb),.06)}

/* --- 3. RAISED (opaque, tight shadow, no inner glow) -------------- */
.ds-card.raised{
  background:#fff;border:1px solid rgba(var(--acc-rgb),.16);border-radius:14px;
  box-shadow:
    0 2px 5px -2px rgba(21,18,43,.13),
    0 7px 16px -10px rgba(var(--acc-rgb),.28)}
.ds-card.raised:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--acc-rgb),.28);
  box-shadow:
    0 3px 7px -2px rgba(21,18,43,.15),
    0 12px 22px -12px rgba(var(--acc-rgb),.34)}

/* --- 4. OUTLINE (quietest: hairline accent, no shadow) ------------ */
.ds-card.outline{
  background:transparent;border:1px solid rgba(var(--acc-rgb),.28);box-shadow:none}
.ds-card.outline:hover{background:rgba(var(--acc-rgb),.04)}

/* ================= DARK ========================================== */
.ds-dark .ds-card h4,.ds-card.on-dark h4{color:#F7F5FF}
.ds-dark .ds-card p,.ds-card.on-dark p{color:#BABBBB}
.ds-dark .ds-card .ds-label,.ds-card.on-dark .ds-label{color:var(--acc-soft)}

.ds-dark .ds-card.frosted,.ds-card.on-dark.frosted{
  background:linear-gradient(180deg,rgba(var(--acc-rgb),.16),rgba(10,8,20,.55));
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(var(--acc-rgb),.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 34px rgba(var(--acc-rgb),.20),
    0 18px 44px -26px #000}
.ds-dark .ds-card.frosted:hover,.ds-card.on-dark.frosted:hover{
  border-color:rgba(var(--acc-rgb),.48)}

.ds-dark .ds-card.raised,.ds-card.on-dark.raised{
  background:#0C0A16;border:1px solid rgba(255,255,255,.07);
  box-shadow:0 2px 5px -2px #000,0 10px 20px -12px rgba(var(--acc-rgb),.4)}
.ds-dark .ds-card.raised:hover,.ds-card.on-dark.raised:hover{
  transform:translateY(-2px);border-color:rgba(var(--acc-rgb),.34)}

.ds-dark .ds-card.standard,.ds-card.on-dark.standard{
  background:#0B0918;border:1px solid rgba(255,255,255,.08);box-shadow:none}
.ds-dark .ds-card.outline,.ds-card.on-dark.outline{
  background:transparent;border:1px solid rgba(var(--acc-rgb),.36)}

/* ================= band backgrounds ============================== */
.ds-band{position:relative;padding:64px 0;overflow:hidden}
.ds-band>.ds-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 34px}
.ds-band.bg-light{background:#FBFAFE}
.ds-band.bg-glow-purple{background:
  radial-gradient(760px 420px at 50% 46%,rgba(124,58,237,.11),transparent 68%),#FFFFFF}
.ds-band.bg-glow-magenta{background:
  radial-gradient(760px 420px at 50% 46%,rgba(255,26,132,.10),transparent 68%),#FFFFFF}
.ds-band.bg-glow-blue{background:
  radial-gradient(760px 420px at 50% 46%,rgba(46,91,255,.09),transparent 68%),#FFFFFF}
.ds-band.bg-glow-green{background:
  radial-gradient(760px 420px at 50% 46%,rgba(16,185,129,.09),transparent 68%),#FFFFFF}
.ds-band.bg-dark{background:#07050E}
.ds-band.bg-dark-purple{background:
  radial-gradient(1000px 520px at 50% -10%,rgba(124,58,237,.34),transparent 70%),#07050E}
.ds-band.bg-dark-magenta{background:
  radial-gradient(1000px 520px at 50% -10%,rgba(232,49,143,.28),transparent 70%),#07050E}
.ds-band.bg-dark-indigo{background:
  radial-gradient(1000px 520px at 50% -10%,rgba(46,91,255,.28),transparent 70%),#06060F}

/* ================= grids ========================================= */
.ds-grid{display:grid;gap:18px}
.ds-grid.g2{grid-template-columns:repeat(2,1fr)}
.ds-grid.g3{grid-template-columns:repeat(3,1fr)}
.ds-grid.g4{grid-template-columns:repeat(4,1fr)}
.ds-grid.g6{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.ds-grid.g3,.ds-grid.g4,.ds-grid.g6{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ds-grid.g2,.ds-grid.g3,.ds-grid.g4,.ds-grid.g6{grid-template-columns:1fr}}

/* stacked "step" rows (frosted / raised, full width) */
.ds-rows{display:flex;flex-direction:column;gap:14px}
.ds-card.row{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;
  border-radius:14px;padding:20px 24px}
.ds-card.row .ds-num{
  width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  font-family:"Inter",sans-serif;font-weight:700;font-size:1.05rem;
  background:rgba(var(--acc-rgb),.12);color:var(--acc)}
.ds-dark .ds-card.row .ds-num{background:rgba(var(--acc-rgb),.20);color:var(--acc-soft)}

/* --- 5. OUTLINE + COLOR (tinted fill, accent hairline, no shadow) --- */
.ds-card.outline-color{
  background:rgba(var(--acc-rgb),.055);
  border:1px solid rgba(var(--acc-rgb),.26);
  box-shadow:none;border-radius:16px}
.ds-card.outline-color:hover{
  background:rgba(var(--acc-rgb),.09);border-color:rgba(var(--acc-rgb),.4)}
.ds-dark .ds-card.outline-color,.ds-card.on-dark.outline-color{
  background:rgba(var(--acc-rgb),.10);border:1px solid rgba(var(--acc-rgb),.32);box-shadow:none}
.ds-dark .ds-card.outline-color:hover,.ds-card.on-dark.outline-color:hover{
  background:rgba(var(--acc-rgb),.16);border-color:rgba(var(--acc-rgb),.48)}

/* light frosted runs a touch tighter than the other families */
.ds-card.frosted h4{font-size:1.02rem}
.ds-card.frosted p{font-size:.875rem;line-height:1.58}
.ds-dark .ds-card.frosted h4,.ds-card.on-dark.frosted h4{font-size:1.12rem}
.ds-dark .ds-card.frosted p,.ds-card.on-dark.frosted p{font-size:.925rem;line-height:1.6}

/* smoother rasterisation — stops Inter reading a weight heavier than it is */
.ds-card,.ds-card h4,.ds-card p,.ds-card .ds-label{
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* frosted type: Inter Tight bold headline, Inter regular body */
.ds-card.frosted h4{
  font-family:"Inter Tight","Inter",system-ui,sans-serif;
  font-size:18px;font-weight:700;letter-spacing:-.008em;line-height:1.25}
.ds-card.frosted p{
  font-family:"Inter",system-ui,sans-serif;
  font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.5;color:#4F4F4F}
.ds-dark .ds-card.frosted p,.ds-card.on-dark.frosted p{color:#BABBBB}

/* --- 6. EDGE-LIT (the dark raised hover state, made permanent) ------ */
.ds-card.edgelit{
  background:#0A0814;border:1px solid rgba(var(--acc-rgb),.42);border-radius:16px;
  box-shadow:
    0 2px 5px -2px #000,
    0 12px 26px -14px rgba(var(--acc-rgb),.5),
    0 0 0 1px rgba(var(--acc-rgb),.08)}
.ds-card.edgelit h4{color:#F7F5FF}
.ds-card.edgelit p{color:#BABBBB}
.ds-card.edgelit .ds-label{color:var(--acc-soft)}
.ds-card.edgelit:hover{
  transform:translateY(-2px);
  background:#0D0A1A;border-color:rgba(var(--acc-rgb),.72);
  box-shadow:
    0 3px 7px -2px #000,
    0 18px 36px -14px rgba(var(--acc-rgb),.66),
    0 0 22px -6px rgba(var(--acc-rgb),.4)}

/* ============ DIVIDER GRID ============
   flat cells separated by hairline rules — no card surface at all */
.dv-grid{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(21,18,43,.09);
  border-bottom:1px solid rgba(21,18,43,.09)}
.dv-cell{
  padding:40px 44px;background:transparent;border:0;box-shadow:none;
  transition:background .18s ease}
.dv-cell:nth-child(odd){border-right:1px solid rgba(21,18,43,.09)}
.dv-cell:nth-child(n+3){border-top:1px solid rgba(21,18,43,.09)}
.dv-cell:hover{background:rgba(124,58,237,.03)}
.dv-grid.c-magenta .dv-cell:hover{background:rgba(255,26,132,.03)}
.dv-grid.c-blue .dv-cell:hover{background:rgba(43,75,255,.03)}
.dv-grid.c-green .dv-cell:hover{background:rgba(6,196,138,.03)}
.dv-ic{width:26px;height:26px;margin-bottom:24px;color:#7C3AED}
.dv-grid.c-magenta .dv-ic{color:#FF1A84}
.dv-grid.c-blue .dv-ic{color:#2B4BFF}
.dv-grid.c-green .dv-ic{color:#06C48A}
.dv-ic svg{width:100%;height:100%;display:block}
.dv-cell h4{
  font-family:"Inter Tight","Inter",system-ui,sans-serif;font-weight:700;
  font-size:1.16rem;letter-spacing:-.02em;line-height:1.25;
  color:#15122B;margin:0 0 10px}
.dv-cell p{
  font-family:"Inter",system-ui,sans-serif;font-weight:400;font-size:.95rem;
  line-height:1.6;letter-spacing:-.013em;color:#4F4F4F;margin:0;max-width:46ch}
@media(max-width:820px){
  .dv-grid{grid-template-columns:1fr}
  .dv-cell{padding:30px 4px}
  .dv-cell:nth-child(odd){border-right:0}
  .dv-cell:nth-child(n+2){border-top:1px solid rgba(21,18,43,.09)}
}

/* ============ TYPOGRAPHY: match the payment-links cards exactly ============
   title  Inter Tight 600 / 18px / -.008em / 1.25
   body   Inter 400 / 15px / 1.5 / -.01em / #4F4F4F  (#BABBBB on dark)
   label  IBM Plex Mono 500 / .68rem / .18em / uppercase              */
.ds-card h4,.dv-cell h4,.ds-row h4{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;
  font-weight:600!important;font-size:18px!important;letter-spacing:-.008em!important;
  line-height:1.25!important;margin:0 0 8px!important}
.ds-card p,.dv-cell p,.ds-row p{
  font-family:"Inter",system-ui,sans-serif!important;
  font-weight:400!important;font-size:15px!important;line-height:1.5!important;
  letter-spacing:-.01em!important;color:#4F4F4F!important;margin:0!important}
.ds-dark .ds-card p,.ds-dark .ds-row p{color:#BABBBB!important}
.ds-label{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-weight:500!important;font-size:.68rem!important;letter-spacing:.18em!important;
  text-transform:uppercase!important;display:block!important;margin:0 0 10px!important}

/* the antialiasing rule only covered .ds-card, so the divider cells rasterised
   heavier than the same type on the live pages */
.dpy,.dpy,.dv-cell,.dv-cell h4,.dv-cell p,.ds-row,.ds-row h4,.ds-row p{
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* ============ FROSTED + ACCENT ============ */
.ds-card.frosted-accent{
  position:relative;overflow:hidden;border:0;border-radius:24px;
  background-color:rgba(250,248,255,.86);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 34px rgba(124,58,237,.05)}
.ds-card.frosted-accent.fa-magenta{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 34px rgba(255,26,132,.05)}
.ds-card.frosted-accent.fa-purple{
  background-image:linear-gradient(155deg,#EADBFF 0%,rgba(234,219,255,.5) 7%,rgba(234,219,255,.14) 14%,rgba(255,255,255,0) 21%)}
.ds-card.frosted-accent.fa-magenta{
  background-image:linear-gradient(155deg,#FFD9EC 0%,rgba(255,217,236,.5) 7%,rgba(255,217,236,.14) 14%,rgba(255,255,255,0) 21%)}
/* the gradient hairline ring */
.ds-card.frosted-accent::after{
  content:"";position:absolute;top:0;left:0;right:0;bottom:0;
  border-radius:24px;padding:1px;pointer-events:none;z-index:3;
  -webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
  mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
  -webkit-mask-composite:xor;mask-composite:exclude}
.ds-card.frosted-accent.fa-purple::after{
  background:linear-gradient(155deg,#6C00FF 0%,rgba(108,0,255,.4) 5%,rgba(108,0,255,.13) 10%,#F0F0F0 16%,#F0F0F0 100%)}
.ds-card.frosted-accent.fa-magenta::after{
  background:linear-gradient(155deg,#FF1A84 0%,rgba(255,26,132,.4) 5%,rgba(255,26,132,.13) 10%,#F0F0F0 16%,#F0F0F0 100%)}
.ds-card.frosted-accent .ds-label{color:#7C3AED}
.ds-card.frosted-accent.fa-magenta .ds-label{color:#FF1A84}
.ds-card.frosted-accent h4{color:#15122B}

/* ============ GLOW DIVIDER ============ */
.glowline{
  height:1px;width:100%;border:0;
  background:linear-gradient(90deg,
    rgba(255,26,132,0) 0%,
    rgba(255,26,132,.9) 22%,
    rgba(124,58,237,.9) 50%,
    rgba(46,91,255,.9) 78%,
    rgba(46,91,255,0) 100%)}
.glowline-demo{position:relative;padding:44px 0;border-radius:18px;margin-bottom:14px}
.glowline-demo.light{background:#FFFFFF}
.glowline-demo.light .glowline{opacity:.55}
.glowline-demo.dark{background:#07050E}
.glowline-demo.dark .glowline{opacity:1;box-shadow:0 0 12px 0 rgba(124,58,237,.55)}
.gl-cap{
  position:absolute;top:14px;left:18px;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.62rem;
  letter-spacing:.18em;text-transform:uppercase;color:#8E88AC}
.glowline-demo.dark .gl-cap{color:#6E6A86}

/* frosted + accent: the surface should read white in the middle like the
   regular frosted family (was tinted rgba(250,248,255,.86)) */
.ds-card.frosted-accent{background-color:rgba(255,255,255,.9)}

/* ============ FROSTED + ACCENT, DARK ============ */
.ds-card.frosted-accent.fa-dark{
  background-color:rgba(14,11,24,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 40px rgba(124,58,237,.10)}
.ds-card.frosted-accent.fa-dark.fa-magenta{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 40px rgba(255,26,132,.10)}
.ds-card.frosted-accent.fa-dark.fa-purple{
  background-image:linear-gradient(155deg,rgba(140,60,255,.42) 0%,rgba(124,58,237,.18) 8%,rgba(124,58,237,.05) 15%,rgba(124,58,237,0) 24%)}
.ds-card.frosted-accent.fa-dark.fa-magenta{
  background-image:linear-gradient(155deg,rgba(255,26,132,.42) 0%,rgba(255,26,132,.18) 8%,rgba(255,26,132,.05) 15%,rgba(255,26,132,0) 24%)}
.ds-card.frosted-accent.fa-dark.fa-purple::after{
  background:linear-gradient(155deg,#8C3CFF 0%,rgba(140,60,255,.5) 6%,rgba(140,60,255,.18) 12%,rgba(255,255,255,.07) 18%,rgba(255,255,255,.07) 100%)}
.ds-card.frosted-accent.fa-dark.fa-magenta::after{
  background:linear-gradient(155deg,#FF3DA6 0%,rgba(255,61,166,.5) 6%,rgba(255,61,166,.18) 12%,rgba(255,255,255,.07) 18%,rgba(255,255,255,.07) 100%)}
.ds-card.frosted-accent.fa-dark h4{color:#F7F5FF}
.ds-card.frosted-accent.fa-dark p{color:#BABBBB}
.ds-card.frosted-accent.fa-dark.fa-purple .ds-label{color:#C77DFF}
.ds-card.frosted-accent.fa-dark.fa-magenta .ds-label{color:#FF63C8}

/* ---- frosted + accent: additional accents ---- */
.ds-card.frosted-accent.fa-blue{
  background-image:linear-gradient(155deg,rgb(214,222,255) 0%,rgba(214,222,255,.5) 7%,rgba(214,222,255,.14) 14%,rgba(255,255,255,0) 21%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 34px rgba(43,75,255,.05)}
.ds-card.frosted-accent.fa-blue::after{
  background:linear-gradient(155deg,#2B4BFF 0%,rgba(43,75,255,.4) 5%,rgba(43,75,255,.13) 10%,#F0F0F0 16%,#F0F0F0 100%)}
.ds-card.frosted-accent.fa-blue .ds-label{color:#2B4BFF}
.ds-card.frosted-accent.fa-green{
  background-image:linear-gradient(155deg,rgb(206,246,233) 0%,rgba(206,246,233,.5) 7%,rgba(206,246,233,.14) 14%,rgba(255,255,255,0) 21%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 34px rgba(6,196,138,.05)}
.ds-card.frosted-accent.fa-green::after{
  background:linear-gradient(155deg,#06C48A 0%,rgba(6,196,138,.4) 5%,rgba(6,196,138,.13) 10%,#F0F0F0 16%,#F0F0F0 100%)}
.ds-card.frosted-accent.fa-green .ds-label{color:#06C48A}
.ds-card.frosted-accent.fa-indigo{
  background-image:linear-gradient(155deg,rgb(214,211,247) 0%,rgba(214,211,247,.5) 7%,rgba(214,211,247,.14) 14%,rgba(255,255,255,0) 21%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 34px rgba(61,43,184,.05)}
.ds-card.frosted-accent.fa-indigo::after{
  background:linear-gradient(155deg,#3D2BB8 0%,rgba(61,43,184,.4) 5%,rgba(61,43,184,.13) 10%,#F0F0F0 16%,#F0F0F0 100%)}
.ds-card.frosted-accent.fa-indigo .ds-label{color:#3D2BB8}
.ds-card.frosted-accent.fa-teal{
  background-image:linear-gradient(155deg,rgb(205,242,247) 0%,rgba(205,242,247,.5) 7%,rgba(205,242,247,.14) 14%,rgba(255,255,255,0) 21%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 34px rgba(15,181,201,.05)}
.ds-card.frosted-accent.fa-teal::after{
  background:linear-gradient(155deg,#0FB5C9 0%,rgba(15,181,201,.4) 5%,rgba(15,181,201,.13) 10%,#F0F0F0 16%,#F0F0F0 100%)}
.ds-card.frosted-accent.fa-teal .ds-label{color:#0FB5C9}
.ds-card.frosted-accent.fa-dark.fa-blue{
  background-image:linear-gradient(155deg,rgba(78,116,255,.42) 0%,rgba(78,116,255,.18) 8%,rgba(78,116,255,.05) 15%,rgba(78,116,255,0) 24%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 40px rgba(78,116,255,.10)}
.ds-card.frosted-accent.fa-dark.fa-blue::after{
  background:linear-gradient(155deg,#4E74FF 0%,rgba(78,116,255,.5) 6%,rgba(78,116,255,.18) 12%,rgba(255,255,255,.07) 18%,rgba(255,255,255,.07) 100%)}
.ds-card.frosted-accent.fa-dark.fa-blue .ds-label{color:#4E74FF}
.ds-card.frosted-accent.fa-dark.fa-green{
  background-image:linear-gradient(155deg,rgba(18,216,155,.42) 0%,rgba(18,216,155,.18) 8%,rgba(18,216,155,.05) 15%,rgba(18,216,155,0) 24%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 40px rgba(18,216,155,.10)}
.ds-card.frosted-accent.fa-dark.fa-green::after{
  background:linear-gradient(155deg,#12D89B 0%,rgba(18,216,155,.5) 6%,rgba(18,216,155,.18) 12%,rgba(255,255,255,.07) 18%,rgba(255,255,255,.07) 100%)}
.ds-card.frosted-accent.fa-dark.fa-green .ds-label{color:#12D89B}
.ds-card.frosted-accent.fa-dark.fa-indigo{
  background-image:linear-gradient(155deg,rgba(106,91,255,.42) 0%,rgba(106,91,255,.18) 8%,rgba(106,91,255,.05) 15%,rgba(106,91,255,0) 24%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 40px rgba(106,91,255,.10)}
.ds-card.frosted-accent.fa-dark.fa-indigo::after{
  background:linear-gradient(155deg,#6A5BFF 0%,rgba(106,91,255,.5) 6%,rgba(106,91,255,.18) 12%,rgba(255,255,255,.07) 18%,rgba(255,255,255,.07) 100%)}
.ds-card.frosted-accent.fa-dark.fa-indigo .ds-label{color:#6A5BFF}
.ds-card.frosted-accent.fa-dark.fa-teal{
  background-image:linear-gradient(155deg,rgba(34,207,227,.42) 0%,rgba(34,207,227,.18) 8%,rgba(34,207,227,.05) 15%,rgba(34,207,227,0) 24%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 40px rgba(34,207,227,.10)}
.ds-card.frosted-accent.fa-dark.fa-teal::after{
  background:linear-gradient(155deg,#22CFE3 0%,rgba(34,207,227,.5) 6%,rgba(34,207,227,.18) 12%,rgba(255,255,255,.07) 18%,rgba(255,255,255,.07) 100%)}
.ds-card.frosted-accent.fa-dark.fa-teal .ds-label{color:#22CFE3}

/* accents snapped to the documented tokens; light labels darkened for contrast */
.ds-card.frosted-accent.fa-blue{
  background-image:linear-gradient(155deg,rgb(214,222,255) 0%,rgba(46,91,255,.16) 7%,rgba(46,91,255,.05) 14%,rgba(255,255,255,0) 21%)}
.ds-card.frosted-accent.fa-blue::after{
  background:linear-gradient(155deg,#2E5BFF 0%,rgba(46,91,255,.4) 5%,rgba(46,91,255,.13) 10%,#F0F0F0 16%,#F0F0F0 100%)}
.ds-card.frosted-accent.fa-blue .ds-label{color:#2E5BFF}

.ds-card.frosted-accent.fa-green{
  background-image:linear-gradient(155deg,rgb(206,246,233) 0%,rgba(16,185,129,.16) 7%,rgba(16,185,129,.05) 14%,rgba(255,255,255,0) 21%)}
.ds-card.frosted-accent.fa-green::after{
  background:linear-gradient(155deg,#10B981 0%,rgba(16,185,129,.4) 5%,rgba(16,185,129,.13) 10%,#F0F0F0 16%,#F0F0F0 100%)}
.ds-card.frosted-accent.fa-green .ds-label{color:#07875F}

.ds-card.frosted-accent.fa-teal .ds-label{color:#0E96A8}

/* ============ MEDIA CARDS + TAB SWITCHER ============ */
.mc-tabs>input{position:absolute;opacity:0;pointer-events:none}
.mc-tabs>label{
  display:inline-block;margin:0 8px 18px 0;padding:9px 16px;border-radius:11px;cursor:pointer;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#55536B;background:#fff;border:1px solid rgba(21,18,43,.10)}
.mc-tabs>label:hover{border-color:rgba(124,58,237,.35);color:#7C3AED}
#mc-a:checked~label[for="mc-a"],#mc-b:checked~label[for="mc-b"],#mc-c:checked~label[for="mc-c"]{
  background:#15122B;border-color:#15122B;color:#fff}
.mc-pane{display:none}
#mc-a:checked~.mc-a,#mc-b:checked~.mc-b,#mc-c:checked~.mc-c{display:block}

.mc-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.mc-img{
  aspect-ratio:4/3;border-radius:16px;margin:0 0 16px;
  background:linear-gradient(150deg,#F5F1FF,#FFF3FA);
  border:1px dashed rgba(124,58,237,.28);
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:#9B93C4;line-height:1.7}
.mc-card .ds-label{color:#7C3AED}
.mc-more{
  display:inline-block;margin-top:14px;font-family:"Inter",system-ui,sans-serif;
  font-size:.9rem;color:#7A7A85}

/* A — purple frosted */
.mc-style-a{gap:22px}
.mc-style-a .mc-card{
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(124,58,237,.20);border-radius:22px;padding:20px 20px 22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 30px rgba(124,58,237,.04)}

/* shared gradient container for B and C */
.mc-wrapbox{
  background:linear-gradient(150deg,#F3ECFF 0%,#FFF6FB 100%);
  border-radius:28px;padding:22px}
.mc-wrapbox.tight{padding:1px;overflow:hidden}

/* B — white cards inside the container */
.mc-style-b{gap:18px}
.mc-style-b .mc-card{
  background:#FFFFFF;border:0;border-radius:18px;padding:20px 20px 22px;
  box-shadow:0 1px 2px rgba(21,18,43,.04)}

/* C — bordered cells, no gaps */
.mc-style-c{gap:0;background:#FFFFFF;border-radius:27px;overflow:hidden}
.mc-style-c .mc-card{
  background:#FFFFFF;border:0;padding:22px;border-right:1px solid rgba(21,18,43,.08)}
.mc-style-c .mc-card:last-child{border-right:0}

@media(max-width:900px){
  .mc-grid{grid-template-columns:1fr 1fr}
  .mc-style-c .mc-card{border-bottom:1px solid rgba(21,18,43,.08)}
}
@media(max-width:600px){.mc-grid{grid-template-columns:1fr}}


/* --- MINI CTA PANEL (light) ---------------------------------------
   A soft accent-gradient panel that closes a light band: one short
   paragraph (optional mono eyebrow) and the button pair. No shadow,
   no headline. Use it once per page, at the end of a section.
   ------------------------------------------------------------------ */
.mini-cta{
  position:relative;border-radius:20px;padding:30px 32px;
  background:linear-gradient(100deg,rgba(232,49,143,.075) 0%,rgba(124,58,237,.05) 100%);
  border:1px solid rgba(124,58,237,.18);box-shadow:none}
.mini-cta>*:first-child{margin-top:0}
.mini-cta .ds-label{display:block;margin-bottom:14px}
.mini-cta p{
  margin:0;font-family:"Inter",system-ui,sans-serif;font-weight:400;
  font-size:1.05rem;line-height:1.65;color:#4F4F4F;max-width:78ch;text-wrap:pretty}
.mini-cta p b,.mini-cta p strong{color:#1D1D1F;font-weight:600}
.mini-cta .mini-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
/* the eyebrow accent can shift; the surface does not */
@media(max-width:700px){
  .mini-cta{padding:24px 22px;border-radius:18px}
  .mini-cta .mini-cta-row>*{flex:1 1 100%;justify-content:center}
}

/* mini CTA: eyebrow defaults to the purple accent; secondary pill is
   self-contained so the panel works outside the Elements wrappers */
.mini-cta .ds-label{color:#7C3AED}
.mini-cta.c-magenta .ds-label{color:#E8318F}
.mini-cta.c-blue .ds-label{color:#2E5BFF}
.mini-cta-dark-stage{background:#050409;border-radius:22px;padding:34px}
@media(max-width:700px){.mini-cta-dark-stage{padding:18px;border-radius:18px}}
.mini-cta .b-el.b-sec{
  background:#FFFFFF;border:1px solid rgba(21,18,43,.14);color:#15122B}
.mini-cta .b-el.b-sec:hover{border-color:rgba(21,18,43,.28)}


/* --- MINI CTA: medium headline (light + dark) --------------------- */
.mini-cta .mini-cta-h{
  font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;
  letter-spacing:-.034em;font-size:clamp(22px,2.2vw,30px);line-height:1.14;
  color:#1D1D1F;margin:0 0 10px}
.mini-cta .mini-cta-h i{
  font-style:italic;
  background-image:linear-gradient(96deg,#7653FC 0%,#8B1FD8 45%,#FE02C4 92%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mini-cta .ds-label + .mini-cta-h{margin-top:2px}

/* --- MINI CTA: dark variant --------------------------------------
   The zero-fee slab from the industry pages: near-black surface with a
   magenta light source in the top-left corner and a gradient hairline
   that starts saturated and settles into white at 20%.
   ----------------------------------------------------------------- */
.mini-cta.dark{
  position:relative;overflow:hidden;border:1px solid transparent;border-radius:24px;
  padding:34px 34px 36px;
  background:linear-gradient(150deg,rgba(255,45,135,.30) 0%,rgba(255,45,135,.12) 10%,rgba(124,58,237,.10) 26%,rgba(124,58,237,0) 44%),rgba(14,11,24,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 60px rgba(255,45,135,.10)}
.mini-cta.dark::after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(150deg,rgba(255,45,135,1) 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.07) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
.mini-cta.dark>*{position:relative;z-index:1}
.mini-cta.dark .ds-label{color:#FF7AB6}
.mini-cta.dark .mini-cta-h{color:#FFFFFF}
.mini-cta.dark p{color:#BABBBB}
.mini-cta.dark p b,.mini-cta.dark p strong{color:#FFFFFF}
.mini-cta.dark .b-el.b-sec{
  background:transparent;border:1px solid rgba(255,255,255,.22);color:#F5F6F7}
.mini-cta.dark .b-el.b-sec:hover{border-color:rgba(255,255,255,.4);color:#FFFFFF}
@media(max-width:700px){
  .mini-cta.dark{padding:26px 20px 28px;border-radius:20px}
}

/* button label colors must survive a page-level a:hover rule */
.mini-cta .b-el.b-glow,.mini-cta .b-el.b-glow:hover{color:#FFFFFF}
.mini-cta .b-el.b-sec:hover{color:#15122B}

/* ==== light-band-fixes.css ================================================== */
/* kill the faint line-grid on light bands (per request) */
.band.light .band-bg::after,.band .band-bg::after{display:none!important;background:none!important}
/* nav CTA: hold white on the dark bar, all states */
.bar .header-cta,header .header-cta,.header-cta,.header-cta.btn-g,a.header-cta{background:#fff!important;background-image:none!important;background-color:#fff!important;color:#0B0A16!important;-webkit-text-fill-color:#0B0A16!important}
.bar .header-cta:hover,header .header-cta:hover,.header-cta:hover{background:#F5F6F7!important;background-color:#F5F6F7!important;color:#0B0A16!important;-webkit-text-fill-color:#0B0A16!important}
/* ============================================================
   RESTAURANT SKIN v1 - restaurant fonts + colors only, no pink.
   Content and layout unchanged. Appended last so it wins.
   ============================================================ */
/* TYPE: crisp Archivo, solid ink; kill Instrument Serif + gradient-italic blur */
.dpy h1,.dpy h2,.dpy h3,.dpy h4,.dpy h5,.dpc-title{font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.08!important}
.dpy 
.bigstate h3,.ccard .foot .fee,.ccp-fee .pct,.cobrand .x,.cv-name,.dev-name,.dp-plus,.dp-title,.dpc-punch .em,.dpc-title,.dpx-audit-l h4,.dpx-bname,.dpx-title,.eck-h,.eck-rh,.ed-display,.ed-mf-line,.ed-partner-q,.ed-pcard h3,.ed-pillar h3,.ed-standfirst,.feat-card .feat-name,.ff-amt,.ff-cur,.fund-calc-vol,.fund-num,.fund-out-amt,.hero-proof strong,.hon-card h3,.hon-promise .em,.hr-cta-band h3,.hr-stat,.hr-vert h3,.ichk-h,.ick-h,.ick-res-h,.ist-n,.match h3,.mr-name,.obj-q,.patricia-avatar,.pdf-title,.pm-left h4,.rev-num,.tm-name,.tm-rhead h3,.x-mark{font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-style:normal!important}
.code,.eyebrow,.dpc-eyebrow,.dpc-k,.dpc-label,.ick-count,.ick-cat-pill,.ick-gw-badge{font-family:"IBM Plex Mono",monospace!important}
/* ACCENTS: solid violet, upright, crisp (no gradient clip) */
.hl,.it,.dpc-title i,.dpc-title .it,h1 .hl,h2 .hl,h3 .hl,h4 .hl,.hero h1 .hl,.hero-feat h1 .hl,.band h2 .hl,.band h3 .hl,.pm-left h4 .hl,.hon-card h3 .hl,.ick-h .hl{font-style:normal!important;background:none!important;background-image:none!important;-webkit-text-fill-color:#A02BD9!important;color:#A02BD9!important}
.notice,.x-mark,.dp-mark,.hr-vert h3 em,.dpy em,.dpy i,.dpx-mark,[class*="-mark"]{font-style:normal!important}
/* NO-ITALIC */
.dpx-title .dpx-mark,.dpx .dpx-mark{-webkit-text-fill-color:#C9A9FF!important;background:none!important;color:#C9A9FF!important}
/* BUTTONS: squared solid, no gradient pill */
.btn,.btn-g,.btn-o,.dpc-cta,.ick-res-cta,a.dpc-cta,a.ick-res-cta{border-radius:12px!important;text-transform:none!important;letter-spacing:.01em!important;font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:700!important}
.btn-g,.dpc-cta,.ick-res-cta,a.dpc-cta,a.ick-res-cta{background:#0B0A16!important;background-image:none!important;background-color:#0B0A16!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 8px 22px -10px rgba(11,10,22,.5)!important}
.btn-g:hover,.dpc-cta:hover,.ick-res-cta:hover{background:#1a1730!important;background-color:#1a1730!important;transform:translateY(-1px)!important}
.header-cta,.header-cta.btn-g{background:#fff!important;background-color:#fff!important;color:#0B0A16!important;-webkit-text-fill-color:#0B0A16!important}
.header-cta:hover{background:#F5F6F7!important;background-color:#F5F6F7!important}
.btn-o{background:#fff!important;background-image:none!important;color:#0B0A16!important;-webkit-text-fill-color:#0B0A16!important;border:1px solid rgba(11,10,22,.22)!important}
.btn-o:hover{border-color:rgba(11,10,22,.42)!important}
.ick-res-cta2{font-family:"IBM Plex Mono",monospace!important;color:#5B5870!important;-webkit-text-fill-color:#5B5870!important}
/* WIDGET internals use the new font */
.dpcalc,.dpcalc *,.ick-box,.ick-box *,.ick-card,.ick-card *{font-family:"Inter",system-ui,sans-serif!important}

/* ==== subpage-layouts.css =================================================== */
/* ===== SUB-PAGE LAYOUTS v3: varied textures, all light + visible ===== */
/* 01 WHY -> dashed editorial list (no boxes) */
.sk-dashes .grid3{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 56px!important}
.sk-dashes .panel{background:none!important;border:0!important;border-top:1px solid rgba(11,10,22,.1)!important;border-radius:0!important;box-shadow:none!important;padding:24px 4px!important}
.sk-dashes .panel .tag{background:none!important;padding:0 0 6px!important;color:#8A86A0!important;-webkit-text-fill-color:#8A86A0!important;display:block!important}
.sk-dashes .panel h3{position:relative;padding-left:34px!important}
.sk-dashes .panel h3::before{content:"";position:absolute;left:0;top:.72em;width:22px;height:2px;background:#A02BD9}

/* 02 WHO -> pill/tab row */
.sk-pills .grid3{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
.sk-pills .panel{flex:0 1 300px!important;background:#F7F7FB!important;border:1px solid rgba(11,10,22,.08)!important;border-radius:14px!important;padding:16px 18px!important;box-shadow:none!important}
.sk-pills .panel .tag{display:inline-block!important;background:none!important;padding:0!important;font-size:.6rem!important;color:#A02BD9!important;-webkit-text-fill-color:#A02BD9!important;margin-bottom:4px!important}
.sk-pills .panel h3{font-size:1.02rem!important;margin:0 0 4px!important}
.sk-pills .panel p{font-size:.85rem!important;margin:0!important;color:#5B5870!important}

/* 03 WATCH -> left-bar accent list, LIGHT (never invisible) */
.sk-alert .grid3{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 40px!important}
.sk-alert .panel{background:none!important;border:0!important;border-left:3px solid #A02BD9!important;border-radius:0!important;box-shadow:none!important;padding:8px 0 8px 22px!important}
.sk-alert .panel .tag{background:none!important;padding:0!important;color:#A02BD9!important;-webkit-text-fill-color:#A02BD9!important;display:block!important;margin-bottom:4px!important}
.sk-alert .panel h3{color:#13231C!important;-webkit-text-fill-color:#13231C!important}
.sk-alert .panel p{color:#5B5870!important;-webkit-text-fill-color:#5B5870!important}

/* 04 HOW -> checkmark list (no boxes) */
.sk-checks .grid3{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:20px 28px!important}
.sk-checks .panel{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;position:relative;padding:2px 6px 2px 44px!important}
.sk-checks .panel::before{content:"";position:absolute;left:4px;top:6px;width:26px;height:26px;border-radius:50%;background:#0F9D58}
.sk-checks .panel::after{content:"";position:absolute;left:12px;top:13px;width:11px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg)}
.sk-checks .panel .tag{background:none!important;padding:0!important;color:#8A86A0!important;-webkit-text-fill-color:#8A86A0!important;display:block!important;margin-bottom:2px!important}

/* 05 GETTING STARTED -> numbered vertical stepper (no boxes, tinted band) */
.band.sk-steps{background:linear-gradient(180deg,#F4F1FB,#F7F7FB)!important}
.sk-steps .grid2,.sk-steps .grid3{counter-reset:st;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 48px!important}
.sk-steps .panel{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;counter-increment:st;position:relative;padding:20px 4px 20px 64px!important;border-bottom:1px dashed rgba(11,10,22,.14)!important}
.sk-steps .panel::before{content:counter(st);position:absolute;left:0;top:20px;width:42px;height:42px;border-radius:12px;background:#0B0A16;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;font-family:"Inter Tight",Inter,system-ui,sans-serif}
.sk-steps .panel .tag{background:none!important;padding:0!important;color:#A02BD9!important;-webkit-text-fill-color:#A02BD9!important;display:block!important;margin-bottom:3px!important}
@media(max-width:820px){.sk-dashes .grid3,.sk-alert .grid3,.sk-checks .grid3,.sk-steps .grid2,.sk-steps .grid3{grid-template-columns:1fr!important}}

/* ==== misc-overrides.css ==================================================== */
/* ============================================================
   LINK AFFORDANCE: make every footer + card link obviously clickable.
   (No underline by default, but a clear hover state so people know.)
   ============================================================ */
footer a{color:#D6D1EC;text-decoration:none;transition:color .15s}
footer a:hover{color:#FFFFFF;text-decoration:none}
footer ul li a:hover{color:#C9A9FF}
footer h4{color:#8A86A0}
/* the channel cards on home: they are clickable, so make that obvious */
.panel:has(.chan-link){cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.panel:has(.chan-link):hover{transform:translateY(-3px);border-color:rgba(160,43,217,.45);box-shadow:0 24px 54px -28px rgba(160,43,217,.35)}
.chan-link{position:absolute;inset:0;z-index:5;text-decoration:none!important;border-bottom:0!important;display:block}
/* a visible cue inside each channel card */
.chan-more{display:block;margin-top:12px;font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.1em;
  text-transform:uppercase;font-weight:700;color:#A02BD9;text-decoration:none!important}
.panel:hover .chan-more{color:#0B0A16}

/* ==== footer.css ============================================================ */
/* ===== FOOTER: complete site map, obvious links ===== */
footer .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:30px 24px}
footer h4{font-family:"IBM Plex Mono",monospace;font-size:9.28px;letter-spacing:.16em;color:#8A86A0;text-transform:uppercase;font-weight:700;margin-bottom:12px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer li{list-style:none}
footer ul li a{color:#D6D1EC;text-decoration:none;font-size:13.6px;line-height:1.5;transition:color .15s;display:inline-block}
footer ul li a:hover{color:#C9A9FF;text-decoration:none}
@media(max-width:1100px){footer .foot-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){footer .foot-grid{grid-template-columns:1fr 1fr}}

/* ==== footer-v4.css ========================================================= */
/* ===== FOOTER v4 (Jeff) ===== */
body footer.df-foot{
  position:relative;background:#0A0A11!important;
  border-radius:34px 34px 0 0!important;overflow:hidden!important;
  margin-top:0!important;padding-top:0!important;border-top:0!important}
/* gradient cap across the top edge */
body footer.df-foot::before{
  content:"";position:absolute;left:0;right:0;top:0;height:7px;
  background:linear-gradient(90deg,#5B2BE0 0%,#8B1FD8 34%,#FF01C4 100%);
  border-radius:34px 34px 0 0;z-index:3}
body footer.df-foot .df-wrap{padding-top:52px!important}

/* --- top row: logo left, small pills right --- */
body footer.df-foot .df-top{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:24px!important;padding-bottom:26px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;margin-bottom:44px!important}
body footer.df-foot .df-brand-lockup{
  display:inline-flex!important;align-items:center!important;text-decoration:none!important}
body footer.df-foot .df-logo-icon{
  height:37px!important;width:auto!important;display:block!important;
  filter:drop-shadow(0 0 12px rgba(255,1,196,.45))}
body footer.df-foot .df-logo-word{
  height:26px!important;width:auto!important;display:block!important;
  margin-left:11px!important;transform:translateY(3px)}
body footer.df-foot .df-actions{display:flex!important;align-items:center!important;gap:10px!important}
/* pills sized like the top nav */
body footer.df-foot .df-cta,body footer.df-foot .df-tel{
  font-family:"Inter",system-ui,sans-serif!important;font-size:14.4px!important;font-weight:600!important;
  letter-spacing:-.01em!important;text-transform:none!important;
  padding:9px 20px!important;border-radius:999px!important;line-height:1.2!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  text-decoration:none!important;box-shadow:none!important}
body footer.df-foot .df-cta{background:#fff!important;color:#0B0A16!important;border:0!important}
body footer.df-foot .df-cta:hover{opacity:.88}
body footer.df-foot .df-tel{
  background:#15151C!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.10)!important}
body footer.df-foot .df-tel:hover{background:#1D1D26!important}
/* footer phone pill: small white phone glyph */
body footer.df-foot .df-tel::before{content:"";display:inline-block;width:13px;height:13px;margin-right:9px;
  vertical-align:-1px;background:#fff;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z' fill='%23fff'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z' fill='%23fff'/></svg>") center/contain no-repeat}


/* --- about column: headline, badge, copy --- */
body footer.df-foot .df-about .df-line{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;
  font-size:23.2px!important;font-weight:500!important;letter-spacing:-.03em!important;
  line-height:1.12!important;margin:0 0 18px!important;max-width:14ch;
  background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 18%,rgba(255,255,255,.5) 58%,rgba(255,255,255,.44) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body footer.df-foot .df-about .df-line em{
  font-style:italic!important;font-weight:500!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B1FD8 40%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body footer.df-foot .df-badge{margin:0 0 18px!important;max-width:100%}
/* reserved slot: survives the loader's empty child div, hides once the real
   widget materialises */
body footer.df-foot .df-badge{
  position:relative;min-height:88px;display:flex;align-items:center}
body footer.df-foot .df-badge::before{
  content:"Trustindex badge";position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  border:1px dashed rgba(255,255,255,.14);border-radius:12px;
  font-family:"IBM Plex Mono",monospace;font-size:9.92px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.28);pointer-events:none}
body footer.df-foot .df-badge:has(.ti-widget){min-height:0}
body footer.df-foot .df-badge:has(.ti-widget)::before{display:none}
body footer.df-foot .df-badge *{max-width:100%!important}
body footer.df-foot .df-about p{
  font-family:"Inter",system-ui,sans-serif!important;font-size:14.72px!important;
  line-height:1.6!important;color:#BABBBB!important;margin:0!important}

/* --- column labels + links --- */
body footer.df-foot .df-col h4,body footer.df-foot h4{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:10.56px!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  font-weight:500!important;color:#FF2D9B!important;
  padding-bottom:10px!important;margin:0 0 14px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important}
body footer.df-foot .df-col h4.df-h4-2,body footer.df-foot h4.df-h4-2{margin-top:30px!important;color:#8A8A93!important}
body footer.df-foot ul li a,body footer.df-foot .df-col a{
  font-family:"Inter",system-ui,sans-serif!important;font-size:14.4px!important;
  color:#BABBBB!important;text-decoration:none!important;transition:color .18s ease}
body footer.df-foot ul li a:hover{color:#fff!important}
body footer.df-foot .df-legal{
  border-top:1px solid rgba(255,255,255,.09)!important;margin-top:46px!important;padding-top:26px!important}
body footer.df-foot .df-legal span{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:11.52px!important;
  letter-spacing:.06em!important;color:rgba(186,187,187,.55)!important;display:block;margin-bottom:8px}
@media(max-width:820px){
  body footer.df-foot .df-top{flex-direction:column!important;align-items:flex-start!important}
  body footer.df-foot{border-radius:24px 24px 0 0!important}
}

body footer.df-foot .df-top{padding-top:0!important}

/* Trustindex horizontal badge: let it scale down into the column */
body footer.df-foot .df-badge .ti-widget{margin:0!important}
body footer.df-foot .df-badge img,body footer.df-foot .df-badge iframe{max-width:100%!important;height:auto!important}

/* --- tighten vertical rhythm --- */
body footer.df-foot .df-wrap{padding-top:34px!important}
body footer.df-foot .df-top{padding-bottom:22px!important;margin-bottom:26px!important}
body footer.df-foot .df-map{padding-top:0!important;padding-bottom:24px!important}

/* --- grey type a notch smaller --- */
body footer.df-foot .df-col ul li a,body footer.df-foot .df-col a{font-size:13.6px!important}
body footer.df-foot .df-about p{font-size:13.76px!important}

/* --- rounded top corners: light backing so the notches aren't black --- */
body footer.df-foot{background:#FFFFFF!important;border-radius:0!important;overflow:visible!important}
body footer.df-foot::after{
  content:"";position:absolute;inset:0;background:#0A0A11;
  border-radius:34px 34px 0 0;z-index:0}
body footer.df-foot .df-wrap{position:relative;z-index:2}
@media(max-width:820px){body footer.df-foot::after{border-radius:24px 24px 0 0}}

/* --- gradient edge as a true rounded border, not a separate bar --- */
/* ::after = gradient surface (rounded), ::before = dark surface inset 7px so
   the gradient reads as a 7px edge that follows the curve */
body footer.df-foot::after{
  background:linear-gradient(90deg,#FF01C4 0%,#8B1FD8 52%,#2B4BFF 100%)!important;
  border-radius:34px 34px 0 0!important;z-index:0!important}
body footer.df-foot::before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;
  top:7px!important;bottom:0!important;height:auto!important;
  background:#0A0A11!important;border-radius:28px 28px 0 0!important;z-index:1!important}
@media(max-width:820px){
  body footer.df-foot::after{border-radius:24px 24px 0 0!important}
  body footer.df-foot::before{border-radius:18px 18px 0 0!important}
}

/* italic gradient text needs a little right padding or the clip crops it */
body footer.df-foot .df-tel::before{margin-right:6px!important}

body footer.df-foot .df-tel{padding-left:18px!important;padding-right:20px!important}

body footer.df-foot .df-tel::before{margin-right:3px!important}

/* ==== refine.css ============================================================ */
/* ===== Deposyt refine pass: type normalisation, tighter rhythm,
       commercial gradient system, full responsive layer.
       Loads after base.css, page overrides and header-footer.css. ===== */

/* ---------- 1. type: left exactly as the site had it ----------
   The site's own faces and weights (Archivo headings, IBM Plex Mono eyebrows)
   are untouched here. Only wrapping quality is nudged. */
.dpy h1, .dpy h2, .dpy h3, .dpy p, .lede, .lead { text-wrap: pretty; }

/* the new header and footer follow the site's Archivo/mono system.
   These need !important and last position because light-band-fixes.css
   forces Archivo 800 onto every h1-h5 with !important of its own. */
.df-foot .df-col h4, .dh-panel .dh-col h5 {
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  letter-spacing: .16em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  color: #8E88AC !important;
}
.dh-panel .dh-lede h4 {
  font-family: "Inter Tight",Inter,system-ui,sans-serif !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  line-height: 1.16 !important;
  letter-spacing: -.02em !important;
  color: #F8F6F1 !important;
}
.df-foot .df-line {
  font-family: "Inter Tight",Inter,system-ui,sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(30.4px, 3.4vw, 46.4px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.03em !important;
}

/* ---------- 2. tightened rhythm ---------- */
.band { padding: clamp(58px, 7.2vw, 104px) 0; }
.hero { padding: clamp(46px, 5.4vw, 74px) 0; }
.wrap { max-width: 1240px; padding: 0 clamp(20px, 3.4vw, 34px); }
.panel { padding: clamp(22px, 2.4vw, 30px) clamp(20px, 2.2vw, 28px); border-radius: 16px; }
.btn { padding: 15px 30px; }

/* ---------- 3. gradient system ---------- */
/* section edges: a hairline that reads as machined, not decorative */
.band + .band::before {
  content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: min(1180px, 88%); height: 1px; z-index: 3; pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(160,43,217,.5) 22%, rgba(61,43,184,.45) 52%, rgba(46,124,255,.5) 78%, transparent);
}
/* dark bands gain a slow corner aurora */
.band.dark::after, .band.dark.tint::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(680px 320px at 100% 0%, rgba(160,43,217,.13), transparent 62%),
    radial-gradient(620px 340px at 0% 100%, rgba(46,124,255,.12), transparent 58%);
}
/* light bands: a whisper of the same, so the two never feel like different sites */
.band.light::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(720px 300px at 96% 4%, rgba(160,43,217,.05), transparent 60%),
    radial-gradient(640px 320px at 2% 96%, rgba(46,124,255,.05), transparent 58%);
}
.band > .wrap { position: relative; z-index: 2; }

/* cards: gradient cap, and a gradient edge that arrives on hover */
.panel { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
/* the cap is skipped where ::before already carries a step number or a badge */
.panel:not(.sk-steps .panel):not(.top)::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; z-index: 2;
  background: linear-gradient(90deg, #A02BD9, #3D2BB8 55%, #2E7CFF); opacity: .8;
}
.panel:hover { transform: translateY(-2px); border-color: rgba(199,125,255,.42); box-shadow: 0 30px 70px -34px rgba(61,43,184,.5), inset 0 1px 0 rgba(255,255,255,.07); }
.panel:hover::before { opacity: 1; }

/* numerals and eyebrows carry the gradient rather than a flat accent */
.ccp-num, .dp-mark, .grad-text { background: linear-gradient(120deg, #C9A9FF, #D9A0FF 48%, #86BBFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.band.light .ccp-num, .band.light .dp-mark, .band.light .grad-text { background: linear-gradient(120deg, #A02BD9, #3D2BB8 60%, #2E7CFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.strip::after { content: ""; display: block; width: 58px; height: 1px; background: linear-gradient(90deg, #A02BD9, #2E7CFF); flex: none; }

/* the primary button: gradient with a lit inner edge.
   light-band-fixes.css flattened these to solid ink with !important; taken back. */
.btn-g, .dpc-cta, .ick-res-cta, a.dpc-cta, a.ick-res-cta {
  background: linear-gradient(120deg, #A02BD9, #3D2BB8 68%, #2E7CFF) !important;
  background-image: linear-gradient(120deg, #A02BD9, #3D2BB8 68%, #2E7CFF) !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 34px -14px rgba(160,43,217,.62), inset 0 1px 0 rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
}
.btn-g:hover, .dpc-cta:hover, .ick-res-cta:hover {
  background: linear-gradient(120deg, #B238E8, #4A36D0 68%, #3D8AFF) !important;
  background-image: linear-gradient(120deg, #B238E8, #4A36D0 68%, #3D8AFF) !important;
  transform: translateY(-2px) !important;
}
.btn-o { border-radius: 999px !important; }
/* the outline button gains a gradient edge instead of a grey one */
.band.light .btn-o {
  border: 1.5px solid transparent !important;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(120deg, #A02BD9, #2E7CFF) border-box !important;
  color: #15122B !important; -webkit-text-fill-color: #15122B !important;
}

/* closing CTA bands: full-width gradient wash with a hard gradient rule above */
.cta-banner, .hr-cta-band {
  position: relative;
  background:
    radial-gradient(760px 380px at 82% -20%, rgba(160,43,217,.24), transparent 62%),
    radial-gradient(680px 380px at -4% 120%, rgba(46,124,255,.22), transparent 58%),
    #0B0A16;
}
.cta-banner::before, .hr-cta-band::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
  background: linear-gradient(90deg, #A02BD9, #3D2BB8 48%, #2E7CFF);
}

/* ---------- 4. responsive layer ---------- */
.dpy img, .dpy svg, .dpy video, .dpy canvas{ max-width: 100%; height: auto; }
.grid3, .grid2, .ind-grid, .rev-grid, .fcard-grid, .faq-list {
  display: grid;
  gap: clamp(14px, 1.6vw, 22px);
}
.grid3 { grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); }
.grid2, .rev-grid { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); }
.ind-grid { grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); }
.sk-pills, .hero-trust, .badges, .dh-mobile-group { flex-wrap: wrap; }

@media (max-width: 1080px) {
  .dp-inner { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .band { padding: 54px 0; }
  .panel { border-radius: 14px; }
  .btn { padding: 14px 24px; font-size: .82rem; }
  .df-top { flex-direction: column; align-items: flex-start; }
  .df-actions { flex-wrap: wrap; gap: 16px; }
  .df-cta { width: 100%; text-align: center; }
}
@media (max-width: 560px) {
  .dpy h1{ font-size: clamp(2.1rem, 9vw, 2.7rem); }
  .dpy h2{ font-size: clamp(1.7rem, 7.4vw, 2.1rem); }
  .band { padding: 46px 0; }
  .strip { font-size: .62rem; letter-spacing: .16em; }
  .strip::after { display: none; }
  .btn { display: block; width: 100%; text-align: center; }
  .btn + .btn { margin-top: 10px; }
  .df-map { grid-template-columns: 1fr 1fr; gap: 22px; }
  .df-legal { flex-direction: column; gap: 10px; }
}

/* the mobile drawer must scroll on short viewports */
@media (max-width: 1080px) {
  .dh-toggle:checked ~ .dh-mobile { max-height: calc(100vh - 70px); overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .panel, .btn, .dh-inner, .dh-brand span, .dh-brand em { transition: none !important; }
  .panel:hover, .btn-g:hover, .btn-o:hover { transform: none !important; }
}

/* ==== theme-signal.css ====================================================== */
/* ===== Deposyt "Signal" skin =========================================
   Re-colour of the whole site from the hiring-card reference: near-black
   navy canvas, magenta-to-blue aurora, hairline frames with crop marks,
   mono labels in pink and blue. Type is untouched.
   Loads last, after refine.css. Delete this one file to revert.
   ==================================================================== */

.dpy{
  --ink: #0B0E1C;
  --ink-2: #12162B;
  --panel: #151A33;
  --panel-2: #1B2140;
  --paper: #FFFFFF;
  --paper-2: #F3F5FA;
  --text-dark: #0B0E1C;
  --muted-dark: #55597A;
  --ivory: #F7F8FA;
  --muted: #A6ADC8;
  --magenta: #E8318F;
  --violet: #E8318F;
  --indigo: #7B3BD0;
  --dblue: #2E5BFF;
  --vlight: #FF6FB0;
  --mist: rgba(247,248,250,.16);
  --mist-l: rgba(11,14,28,.1);
  --grad: linear-gradient(96deg, #E8318F 0%, #C13AA8 32%, #7B3BD0 62%, #2E5BFF 100%);
  --grad-soft: linear-gradient(96deg, #FF6FB0, #C98CFF 52%, #7FA5FF);
  --shadow-card: 0 2px 6px rgba(11,14,28,.06), 0 24px 54px -24px rgba(46,91,255,.26);
  --hair: rgba(247,248,250,.11);
  --hair-l: rgba(11,14,28,.1);
}

.dpy{ background: var(--ink); color: var(--ivory); }
.dpy ::selection{ background: #E8318F; color: #fff; }

/* ---------- canvas: the aurora ---------- */
.band.dark .band-bg,
.band.dark.tint .band-bg {
  background:
    radial-gradient(760px 620px at -6% 6%, rgba(216,32,130,.30), transparent 58%),
    radial-gradient(680px 560px at 16% 34%, rgba(140,44,180,.24), transparent 62%),
    radial-gradient(900px 700px at 96% 30%, rgba(30,63,190,.34), transparent 60%),
    radial-gradient(700px 520px at 72% 96%, rgba(46,91,255,.16), transparent 58%),
    linear-gradient(168deg, #0D1122 0%, #131832 46%, #0B0E1C 100%) !important;
}
.band.light .band-bg {
  background: linear-gradient(180deg, #FFFFFF 0%, var(--paper-2) 100%) !important;
}
.band.light .band-bg::after {
  background:
    linear-gradient(rgba(11,14,28,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,14,28,.03) 1px, transparent 1px) !important;
}
.band-bg::before { background: var(--grad) !important; opacity: .9 !important; }

/* the corner aurora refine.css puts on every band, re-hued */
.band.dark::after, .band.dark.tint::after {
  background:
    radial-gradient(700px 340px at 100% 0%, rgba(232,49,143,.14), transparent 62%),
    radial-gradient(640px 360px at 0% 100%, rgba(46,91,255,.14), transparent 58%) !important;
}
.band.light::after {
  background:
    radial-gradient(740px 320px at 97% 3%, rgba(232,49,143,.05), transparent 60%),
    radial-gradient(660px 340px at 3% 97%, rgba(46,91,255,.05), transparent 58%) !important;
}

/* section seam */
.band + .band::before {
  background: linear-gradient(90deg, transparent, rgba(232,49,143,.55) 20%, rgba(123,59,208,.5) 52%, rgba(46,91,255,.55) 80%, transparent) !important;
}

/* ---------- hairline frame + crop marks on dark bands ---------- */
.band.dark > .band-bg::after,
.band.dark.tint > .band-bg::after {
  content: "";
  position: absolute;
  inset: 26px clamp(18px, 3vw, 44px);
  border: 1px solid var(--hair);
  mask-image: none;
  background-image:
    linear-gradient(rgba(247,248,250,.4), rgba(247,248,250,.4)),
    linear-gradient(rgba(247,248,250,.4), rgba(247,248,250,.4)),
    linear-gradient(rgba(247,248,250,.4), rgba(247,248,250,.4)),
    linear-gradient(rgba(247,248,250,.4), rgba(247,248,250,.4)),
    linear-gradient(rgba(247,248,250,.4), rgba(247,248,250,.4)),
    linear-gradient(rgba(247,248,250,.4), rgba(247,248,250,.4)),
    linear-gradient(rgba(247,248,250,.4), rgba(247,248,250,.4)),
    linear-gradient(rgba(247,248,250,.4), rgba(247,248,250,.4));
  background-repeat: no-repeat;
  background-size: 13px 1px, 1px 13px, 13px 1px, 1px 13px, 13px 1px, 1px 13px, 13px 1px, 1px 13px;
  background-position:
    left -6px top -1px,    top -6px left -1px,
    right -6px top -1px,   top -6px right -1px,
    left -6px bottom -1px, bottom -6px left -1px,
    right -6px bottom -1px, bottom -6px right -1px;
  pointer-events: none;
}

/* ---------- accents ----------
   The reference keeps accent words solid, not gradient-clipped: gradient lives
   in the canvas, the rules and the buttons. light-band-fixes.css already made
   these solid violet at 0,3,0 with !important, so these match its specificity
   with a `body` prefix and simply re-hue. */
body .hl, body .it, body .dpc-title i, body .dpc-title .it,
body h1 .hl, body h2 .hl, body h3 .hl, body h4 .hl,
body .hero h1 .hl, body .hero-feat h1 .hl,
body .band h2 .hl, body .band h3 .hl,
body .pm-left h4 .hl, body .hon-card h3 .hl, body .ick-h .hl {
  font-style: normal !important;
  background: none !important; background-image: none !important;
  -webkit-text-fill-color: #D81B79 !important; color: #D81B79 !important;
}
body .band.dark .hl, body .band.dark.tint .hl, body .cta-banner .hl,
body .hr-cta-band .hl, body .deposyt-plus .hl, body .hero .hl,
body .hero h1 .hl, body .hero-feat h1 .hl {
  -webkit-text-fill-color: #FF6FB0 !important; color: #FF6FB0 !important;
}
.dpy p{ color: var(--muted); }
.band.light p { color: var(--muted-dark) !important; }
.band.light .lede { color: #2B2F4A !important; }
.band.light h1, .band.light h2, .band.light h3, .band.light strong { color: var(--text-dark) !important; }

/* mono labels: pink on dark, blue for enumerated items — as the reference */
.strip { color: #A6ADC8 !important; }
.band.light .strip, .band.light .mono, .band.light p.mono { color: #5A5F7A !important; }
.strip::before, .strip::after { background: var(--grad) !important; }
.strip .code {
  background: rgba(232,49,143,.12) !important;
  color: #FF6FB0 !important;
  border: 1px solid rgba(232,49,143,.36) !important;
}
.band.light .strip .code { color: #D81B79 !important; border-color: rgba(216,27,121,.34) !important; background: rgba(216,27,121,.07) !important; }
.tag { color: #FF6FB0 !important; }
.tag.pink { color: #FF6FB0 !important; }
.band.light .tag { color: #D81B79 !important; }
.band.light .tag.pink { color: #D81B79 !important; }
.ccp-num, .dp-mark, .grad-text, .hr-stat, .rev-num, .fund-num {
  background: var(--grad-soft) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
}
.band.light .ccp-num, .band.light .dp-mark, .band.light .grad-text,
.band.light .hr-stat, .band.light .rev-num, .band.light .fund-num {
  background: linear-gradient(96deg, #D81B79, #7B3BD0 55%, #2E5BFF) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ---------- the hero: the reference frame ----------
   Every page opens on the dark aurora canvas; bands below keep the
   site's existing light/dark alternation, re-hued. */
.hero { color: var(--ivory) !important; }
.hero .hero-bg, body .hero .hero-bg {
  background:
    radial-gradient(820px 640px at -6% 4%, rgba(216,32,130,.34), transparent 58%),
    radial-gradient(700px 560px at 18% 36%, rgba(140,44,180,.26), transparent 62%),
    radial-gradient(960px 720px at 98% 26%, rgba(30,63,190,.38), transparent 60%),
    radial-gradient(720px 520px at 70% 98%, rgba(46,91,255,.18), transparent 58%),
    linear-gradient(168deg, #0D1122 0%, #131832 46%, #0B0E1C 100%) !important;
}
.hero .hero-bg::after {
  background:
    linear-gradient(rgba(247,248,250,.035) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(90deg, rgba(247,248,250,.035) 1px, transparent 1px) 0 0 / 72px 72px !important;
}
/* hairline frame with crop marks, as on the reference card */
.hero .hero-bg::before {
  content: ""; position: absolute; z-index: 1; pointer-events: none;
  inset: 22px clamp(16px, 3vw, 42px);
  border: 1px solid var(--hair);
  background-image:
    linear-gradient(rgba(247,248,250,.45), rgba(247,248,250,.45)),
    linear-gradient(rgba(247,248,250,.45), rgba(247,248,250,.45)),
    linear-gradient(rgba(247,248,250,.45), rgba(247,248,250,.45)),
    linear-gradient(rgba(247,248,250,.45), rgba(247,248,250,.45)),
    linear-gradient(rgba(247,248,250,.45), rgba(247,248,250,.45)),
    linear-gradient(rgba(247,248,250,.45), rgba(247,248,250,.45)),
    linear-gradient(rgba(247,248,250,.45), rgba(247,248,250,.45)),
    linear-gradient(rgba(247,248,250,.45), rgba(247,248,250,.45));
  background-repeat: no-repeat;
  background-size: 13px 1px, 1px 13px, 13px 1px, 1px 13px, 13px 1px, 1px 13px, 13px 1px, 1px 13px;
  background-position:
    left -6px top -1px, top -6px left -1px,
    right -6px top -1px, top -6px right -1px,
    left -6px bottom -1px, bottom -6px left -1px,
    right -6px bottom -1px, bottom -6px right -1px;
}
.hero .beam { background: var(--grad) !important; opacity: .2 !important; }
body .hero h1, body .hero h2, body .hero-feat h1, body .hero strong { color: #F7F8FA !important; }
body .hero p, body .hero .lede { color: #A6ADC8 !important; }
body .hero .strip, body .hero .mono { color: #7E85A3 !important; }
body .hero .hero-trust span { color: #F7F8FA !important; }
body .hero .badges span {
  background: linear-gradient(#12162B, #12162B) padding-box, var(--grad) border-box !important;
  color: #F7F8FA !important;
}
body .hero .btn-o {
  background: transparent !important;
  border: 1.5px solid rgba(247,248,250,.4) !important;
  color: #F7F8FA !important; -webkit-text-fill-color: #F7F8FA !important;
}
body .hero .panel {
  background: linear-gradient(164deg, rgba(26,32,64,.86), rgba(17,21,48,.86)) !important;
  border-color: var(--hair) !important;
  box-shadow: 0 26px 62px -30px rgba(6,8,18,.8) !important;
}
body .hero .panel h1, body .hero .panel h2, body .hero .panel h3, body .hero .panel strong { color: #F7F8FA !important; }
body .hero .panel p, body .hero .panel li { color: #A6ADC8 !important; }
body .hero .hf-switch, body .hero-feat .hf-switch {
  background: rgba(247,248,250,.06) !important;
  border: 1px solid var(--hair) !important;
}
body .hero .hf-switch-tx b, body .hero-feat .hf-switch-tx b { color: #F7F8FA !important; -webkit-text-fill-color: #F7F8FA !important; }
body .hero .hf-switch-tx span, body .hero-feat .hf-switch-tx span { color: #A6ADC8 !important; }
body .hero .hf-switch-ic, body .hero-feat .hf-switch-ic { color: #FF6FB0 !important; -webkit-text-fill-color: #FF6FB0 !important; }
/* any card the hero borrows from the light-band system: force legible text */
body .hero .notice, body .hero .soft, body .hero .fcard, body .hero .info-wrap {
  background: rgba(247,248,250,.05) !important;
  border-color: var(--hair) !important;
}
body .hero .notice b, body .hero .notice strong, body .hero .soft b, body .hero .soft strong,
body .hero .fcard b, body .hero .fcard strong,
body .hero .notice h3, body .hero .soft h3, body .hero .fcard h3 {
  color: #F7F8FA !important; -webkit-text-fill-color: #F7F8FA !important;
}
body .hero .notice span, body .hero .notice p, body .hero .soft span, body .hero .soft p,
body .hero .fcard span, body .hero .fcard p, body .hero .fcard li { color: #A6ADC8 !important; }

/* ---------- surfaces ---------- */
.panel {
  background: linear-gradient(164deg, #1A2040 0%, #141936 58%, #111530 100%) !important;
  border: 1px solid var(--hair) !important;
  box-shadow: 0 26px 62px -30px rgba(6,8,18,.8), inset 0 1px 0 rgba(247,248,250,.05) !important;
}
.panel::before { background: var(--grad) !important; }
.panel:hover { border-color: rgba(232,49,143,.4) !important; box-shadow: 0 32px 72px -34px rgba(46,91,255,.42), inset 0 1px 0 rgba(247,248,250,.07) !important; }
.band.light .panel {
  background: #FFFFFF !important;
  border-color: rgba(11,14,28,.09) !important;
  box-shadow: var(--shadow-card) !important;
}
.band.light .panel:hover { border-color: rgba(216,27,121,.32) !important; }

/* ---------- buttons ---------- */
.btn-g, .dpc-cta, .ick-res-cta, a.dpc-cta, a.ick-res-cta {
  background: var(--grad) !important;
  background-image: var(--grad) !important;
  box-shadow: 0 14px 34px -14px rgba(232,49,143,.55), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.btn-g:hover, .dpc-cta:hover, .ick-res-cta:hover {
  background: linear-gradient(96deg, #FF4AA0 0%, #D149BC 32%, #8A4AE0 62%, #4171FF 100%) !important;
  background-image: linear-gradient(96deg, #FF4AA0 0%, #D149BC 32%, #8A4AE0 62%, #4171FF 100%) !important;
}
.band.light .btn-o {
  background: linear-gradient(#fff, #fff) padding-box, var(--grad) border-box !important;
  color: #0B0E1C !important; -webkit-text-fill-color: #0B0E1C !important;
}
.badges span {
  background: linear-gradient(#fff, #fff) padding-box, var(--grad) border-box !important;
  color: #0B0E1C !important;
}
.band.dark .badges span, .band.dark.tint .badges span {
  background: linear-gradient(#12162B, #12162B) padding-box, var(--grad) border-box !important;
  color: #F7F8FA !important;
}

/* ---------- closing CTA bands ---------- */
.cta-banner, .hr-cta-band, .deposyt-plus {
  background:
    radial-gradient(800px 400px at 4% -20%, rgba(216,32,130,.26), transparent 60%),
    radial-gradient(900px 460px at 96% 120%, rgba(46,91,255,.26), transparent 58%),
    linear-gradient(168deg, #0D1122, #12172F 60%, #0B0E1C) !important;
}
.cta-banner::before, .hr-cta-band::before { background: var(--grad) !important; }

/* ---------- chrome ---------- */
.dh-bar { background: rgba(11,14,28,.88) !important; border-bottom-color: var(--hair) !important; }
.dh-bar::after { background: linear-gradient(90deg, transparent, rgba(232,49,143,.6) 20%, rgba(123,59,208,.5) 52%, rgba(46,91,255,.6) 80%, transparent) !important; }
.dh-left > .dh-item > a, .dh-right > a { color: #A6ADC8 !important; }
.dh-left > .dh-item > a:hover, .dh-right > a:hover,
.dh-left > .dh-item > a[aria-current], .dh-right > a[aria-current] { color: #FFFFFF !important; border-bottom-color: #E8318F !important; }
.dh-right > a.dh-cta { border-bottom-color: #E8318F !important; }
.dh-brand em, .df-brand em { background: var(--grad) !important; }
.dh-panel { background: #0E1226 !important; border-bottom-color: var(--hair) !important; }
.dh-panel::before { background: linear-gradient(90deg, transparent, rgba(232,49,143,.7), rgba(46,91,255,.7), transparent) !important; }
.dh-lede { border-right-color: var(--hair) !important; }
.dh-panel .dh-lede h4 { color: #F7F8FA !important; }
.dh-panel .dh-lede p { color: #A6ADC8 !important; }
.dh-panel .dh-lede-cta { border-bottom-color: #E8318F !important; }
.df-foot .df-col h4, .dh-panel .dh-col h5 { color: #7E85A3 !important; border-bottom-color: var(--hair) !important; }
.dh-panel .dh-col a, .df-col ul a { color: #A6ADC8 !important; }
.dh-mobile-group { border-bottom-color: var(--hair) !important; }
.dh-mobile-group a { color: #A6ADC8 !important; }
.dh-mobile .dh-mobile-cta { background: var(--grad) !important; color: #FFFFFF !important; }

.df-foot { background: #080B16 !important; }
.df-foot::before { background: var(--grad) !important; }
.df-top, .df-legal { border-color: var(--hair) !important; }
.df-line em {
  background: var(--grad-soft) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.df-cta { background: var(--grad) !important; }
.df-foot .df-tel { color: #A6ADC8 !important; border-bottom-color: rgba(232,49,143,.5) !important; }
.df-about p { color: #7E85A3 !important; }

.dpy a:focus-visible, .btn:focus-visible { outline-color: #E8318F !important; }

/* ---------- long-tail violet labels, re-hued ---------- */
.ff-tag, .dpc-eyebrow, .dpc-k, .chan-more, .ick-logo.hi, .b1, .em,
.dpx-eyebrow, .dpc-label b, .ick-count, .ick-cat-pill, .ick-gw-badge,
.sk-alert b, .mt-head .em, .rev-note strong {
  color: #D81B79 !important; -webkit-text-fill-color: #D81B79 !important;
  border-color: rgba(216,27,121,.34) !important;
}
.band.dark .ff-tag, .band.dark .dpc-eyebrow, .band.dark .chan-more,
.band.dark.tint .chan-more, .hero .ff-tag, .hero .dpc-eyebrow,
.cta-banner .em, .hr-cta-band .em, .deposyt-plus .em {
  color: #FF6FB0 !important; -webkit-text-fill-color: #FF6FB0 !important;
  border-color: rgba(255,111,176,.4) !important;
}
/* range sliders and progress fills */
input[type="range"] { accent-color: #E8318F; }
.dpc-range, .dpc-track, .dpc-fill, .sk-bar span, .fund-bar span { background: var(--grad) !important; }
/* icon chips and dots that carried the old gradient */
.hero-trust span b, .feat li::marker, .ind::before { background: var(--grad) !important; }
.strip .code{white-space:nowrap!important}

/* ==== nav-v4.css ============================================================ */
/* ===== nav v4: left logo, evenly spaced right-aligned nav (site-wide) ===== */
@media(min-width:1081px){
  .dh-inner{display:flex!important;grid-template-columns:none!important;align-items:center;gap:0!important}
  .dh-brand{order:0!important;margin:0 auto 0 0!important;flex-direction:row!important;align-items:center!important;align-self:center!important}
  .dh-left{order:1!important;display:flex!important;margin:0!important;gap:0!important;height:100%}
  .dh-right{order:2!important;display:flex!important;margin:0!important;gap:0!important;align-items:center;flex:none}

  /* every text item shares identical horizontal padding = even rhythm */
  .dh-left>.dh-item>a,
  .dh-right>a:not(.dh-pill):not(.dh-ask){
    font-family:"Inter",system-ui,sans-serif!important;
    font-size:14px!important;font-weight:600!important;letter-spacing:-.01em!important;
    text-transform:none!important;color:rgba(255,255,255,.85)!important;
    display:inline-flex!important;align-items:center;gap:6px;
    height:auto!important;padding:8px 14px!important;margin:0!important;
    border:0!important;border-radius:9px;white-space:nowrap;
    transition:background .16s ease,color .16s ease}
  .dh-left>.dh-item>a:hover,.dh-right>a:not(.dh-pill):not(.dh-ask):hover{
    background:rgba(255,255,255,.07);color:#fff!important}
  .dh-item>a .dh-chev{width:12px;height:12px;opacity:.65}

  /* Ask — AI entry point */
  .dh-right>a.dh-ask{
    display:inline-flex;align-items:center;gap:9px;margin:0 6px 0 14px!important;
    padding:7px 18px 7px 20px!important;border-radius:999px;height:auto!important;
    font-family:"Inter",system-ui,sans-serif!important;font-size:14.4px!important;
    font-weight:800!important;font-style:italic!important;letter-spacing:-.02em!important;
    background:linear-gradient(102deg,#180430 0%,#2D0650 52%,#4E0645 100%);
    border:0!important;
    text-decoration:none!important;
    transition:filter .18s ease,border-color .18s ease}
  .dh-right>a.dh-ask span{
    background:linear-gradient(96deg,#FF2ECC 0%,#C13BFF 60%,#8A3BFF 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent}
  .dh-right>a.dh-ask img{width:15px;height:16px;display:block;flex:none}
  .dh-right>a.dh-ask:hover{filter:brightness(1.22) saturate(1.1)}

  /* pills a touch smaller */
  .dh-right .dh-pill{display:inline-flex;align-items:center;justify-content:center;
    font-family:"Inter",system-ui,sans-serif!important;font-size:14px!important;font-weight:700!important;
    letter-spacing:-.01em!important;text-transform:none!important;
    padding:7px 17px!important;border-radius:999px;height:auto!important;margin-left:8px!important;
    border:0!important;text-decoration:none!important}
}

/* dropdown + hero paragraph: consistent blue-grey, no mono tracking */
body .dh-panel .dh-lede p,body .dh-lede p{
  font-family:"Inter",system-ui,sans-serif!important;
  color:#BABBBB!important;letter-spacing:normal!important;
  font-size:14.5px!important;line-height:1.6!important;max-width:40ch}
body .dh-panel .dh-col a{color:#BABBBB!important;letter-spacing:normal!important}


/* logo optically centred */
@media(min-width:1081px){
  .dh-brand .dh-logo-icon,.dh-brand .dh-logo-word{display:block}
  .dh-right .dh-pill-white{background:#fff!important;color:#0B0A16!important}
  .dh-right .dh-pill-dark{background:#080E0E!important;color:#fff!important;
    border:1px solid rgba(255,255,255,.12)!important;transition:background .18s ease,border-color .18s ease}
  .dh-right .dh-pill-dark:hover{background:#12191A!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
  body .dh-bar.dh-onlight .dh-left>.dh-item>a,
  body .dh-bar.dh-onlight .dh-right>a:not(.dh-pill):not(.dh-ask){color:rgba(21,18,43,.85)!important}
  body .dh-bar.dh-onlight .dh-left>.dh-item>a:hover,
  body .dh-bar.dh-onlight .dh-right>a:not(.dh-pill):not(.dh-ask):hover{background:rgba(21,18,43,.06);color:#15122B!important}
  body .dh-bar.dh-onlight .dh-right .dh-pill-white{background:#0B0A16!important;color:#fff!important}
  body .dh-bar.dh-onlight .dh-right .dh-pill-dark{color:#15122B!important;box-shadow:0 0 0 1px rgba(21,18,43,.24) inset}
}

/* secondary buttons on dark bands */
body .band.dark .btn-o,body .hero .btn-o,body .hero-feat .btn-o,body .btn.btn-o{
  background:#080E0E!important;border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease}
body .band.dark .btn-o:hover,body .hero .btn-o:hover,body .hero-feat .btn-o:hover,body .btn.btn-o:hover{
  background:#12191A!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
body .band.light .btn-o,body .band.light .btn.btn-o{
  background:transparent!important;border:1px solid rgba(21,18,43,.18)!important;color:#15122B!important}
body .band.light .btn-o:hover{background:rgba(21,18,43,.05)!important;border-color:rgba(21,18,43,.3)!important}

/* ---- logo lockup + sentence-case nav, site-wide (was home-only) ---- */
body .dh-bar .dh-brand{
  display:inline-flex!important;flex-direction:row!important;align-items:center!important;
  gap:0!important;flex:none;text-decoration:none!important}
body .dh-bar .dh-brand .dh-logo-icon{
  height:37px!important;width:auto!important;display:block!important;flex:none;
  filter:drop-shadow(0 0 12px rgba(255,1,196,.45))}
body .dh-bar .dh-brand .dh-logo-word{
  height:26px!important;width:auto!important;display:block!important;
  margin-left:11px!important;transform:translateY(3px)}
body .dh-bar.dh-scrolled .dh-brand .dh-logo-icon{height:37px!important}
body .dh-bar.dh-scrolled .dh-brand .dh-logo-word{height:26px!important}
body .dh-bar .dh-brand em,body .dh-bar .dh-brand span{display:none!important}
@media(min-width:1081px){
  body .dh-bar .dh-left>.dh-item>a,
  body .dh-bar .dh-right>a:not(.dh-pill):not(.dh-ask){
    text-transform:none!important;font-family:"Inter",system-ui,sans-serif!important;
    font-size:14px!important;font-weight:600!important;letter-spacing:-.01em!important}
}

/* ---- mega-panel: same treatment on every page (was home-only) ---- */
body .dh-bar .dh-panel{background:#08060F!important}
body .dh-bar .dh-panel-inner{background:transparent!important}
body .dh-bar .dh-panel .dh-eye{
  font-family:"IBM Plex Mono",monospace!important;font-size:10.5px!important;
  letter-spacing:.16em!important;color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}
body .dh-bar .dh-panel .dh-lede h4{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:700!important;
  font-size:28px!important;line-height:1.14!important;letter-spacing:-.02em!important;
  color:#F8F6F1!important;-webkit-text-fill-color:#F8F6F1!important}
body .dh-bar .dh-panel .dh-lede p{
  font-family:"Inter",system-ui,sans-serif!important;font-size:14.5px!important;
  font-weight:400!important;line-height:1.6!important;letter-spacing:normal!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}
body .dh-bar .dh-panel .dh-col h5{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-weight:600!important;font-size:10.56px!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important;
  border-bottom:1px solid rgba(248,246,241,.12)!important;padding-bottom:10px!important}
body .dh-bar .dh-panel .dh-col a{
  font-family:"Inter",system-ui,sans-serif!important;font-size:15.2px!important;font-weight:500!important;
  letter-spacing:-.01em!important;text-transform:none!important;
  color:rgba(255,255,255,.8)!important;-webkit-text-fill-color:rgba(255,255,255,.8)!important;
  display:block!important;padding:8px 12px!important;margin:1px -12px!important;border-radius:10px!important;
  transition:background-color .16s ease,color .16s ease}
body .dh-bar .dh-panel .dh-col a:hover{
  background:rgba(255,255,255,.07)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body .dh-bar .dh-panel .dh-col{gap:2px!important}
body .dh-bar .dh-panel .dh-lede-cta{
  font-family:"IBM Plex Mono",monospace!important;font-size:11.5px!important;letter-spacing:.12em!important;
  color:#F8F6F1!important;-webkit-text-fill-color:#F8F6F1!important;
  border-bottom:1px solid #E8318F!important}

/* ---- bar geometry + tint identical on every page (homepage values) ---- */
body .dh-bar{background:rgba(5,4,9,.72)!important;
  backdrop-filter:blur(14px) saturate(140%)!important;-webkit-backdrop-filter:blur(14px) saturate(140%)!important;
  border-bottom:1px solid rgba(248,246,241,.09)!important;transition:background-color .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1)!important}
body .dh-bar::after{display:none!important}
body .dh-bar .dh-inner{height:76px!important;max-width:1240px!important;
  padding:0 clamp(20px,3.4vw,34px)!important;transition:none!important}
body .dh-bar.dh-scrolled .dh-inner{height:76px!important}
@media(max-width:1080px){body .dh-bar .dh-inner{height:70px!important}}

/* onlight bar treatment — lives here so every page gets it (v3-skin.css is
   only linked on the homepage) */
body .dh-bar.dh-onlight{
  background:rgba(255,255,255,.78)!important;
  border-bottom-color:rgba(21,18,43,.10)!important}
body .dh-bar.dh-onlight .dh-brand .dh-logo-word{filter:invert(1)}
body .dh-bar.dh-onlight .dh-item>a,body .dh-bar.dh-onlight .dh-left>a,
body .dh-bar.dh-onlight .dh-left>.dh-item>a{color:rgba(21,18,43,.85)!important}
body .dh-bar.dh-onlight .dh-item:hover>a,body .dh-bar.dh-onlight .dh-left>a:hover{
  background:rgba(21,18,43,.06);color:#15122B!important}
body .dh-bar.dh-onlight .dh-right>a:not(.dh-pill):not(.dh-plus):not(.dh-ask){color:#4A4763!important}
body .dh-bar.dh-onlight .dh-right>a:not(.dh-pill):not(.dh-plus):not(.dh-ask):hover{color:#15122B!important}
body .dh-bar.dh-onlight .dh-pill-white{background:#0B0A16!important;color:#fff!important}
body .dh-bar.dh-onlight .dh-pill-dark{
  background:transparent!important;color:#15122B!important;
  box-shadow:0 0 0 1px rgba(21,18,43,.24) inset!important;border-color:rgba(21,18,43,.24)!important}
body .dh-bar.dh-onlight .dh-burger span{background:#15122B!important}
body .dh-bar .dh-brand .dh-logo-word,body .dh-bar .dh-item>a,body .dh-bar .dh-right>a,body .dh-bar .dh-pill{
  transition:color .28s cubic-bezier(.4,0,.2,1),background-color .28s cubic-bezier(.4,0,.2,1),
             border-color .28s cubic-bezier(.4,0,.2,1),filter .28s cubic-bezier(.4,0,.2,1)}


/* ===================================================================
   Industries mega menu: four tracks instead of three, ordered
   Recurring · Commerce · High Risk (High Risk spans the last two and
   lays its links out in two columns). Keeps the panel short and even.
   =================================================================== */
body .dh-bar .dh-item:has(> a[href*="industries"]) .dh-panel-inner{
  grid-template-columns:.72fr 1.28fr!important}
body .dh-bar .dh-item:has(> a[href*="industries"]) .dh-cols{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important}
/* 1 · Recurring  2 · Commerce  3 · High Risk (2 tracks wide) */
body .dh-bar .dh-item:has(> a[href*="industries"]) .dh-col:nth-child(1){order:1!important}
body .dh-bar .dh-item:has(> a[href*="industries"]) .dh-col:nth-child(3){order:2!important}
body .dh-bar .dh-item:has(> a[href*="industries"]) .dh-col:nth-child(2){
  order:3!important;grid-column:span 2!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:32px!important;row-gap:2px!important}
body .dh-bar .dh-item:has(> a[href*="industries"]) .dh-col:nth-child(2) h5{
  grid-column:1 / -1!important;margin-bottom:0!important}
@media(max-width:1100px){
  body .dh-bar .dh-item:has(> a[href*="industries"]) .dh-cols{
    grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body .dh-bar .dh-item:has(> a[href*="industries"]) .dh-col:nth-child(2){
    grid-column:span 1!important;grid-template-columns:1fr!important}
}

/* ==== v3-skin.css =========================================================== */
/* ============================================================
   V3 skin — header + hero, ported from "Imported design elements"
   Loads LAST on home.html. Chrome and hero only; page content untouched.
   ============================================================ */

/* ---------- type ---------- */
.dpy,.dpy p,.dpy li,.dpy a,.dpy input,.dpy button,.dpy select,.dpy textarea{font-family:"Inter",system-ui,-apple-system,sans-serif}
.dpy h1,.dpy h2,.dpy h3,.dpy h4,.dpy h5{font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;letter-spacing:-.034em!important}
.dpy h1{letter-spacing:-.043em!important}
.dpc-title,.dpx-title{font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;letter-spacing:-.03em!important}

/* ---------- header ---------- */
.dh-bar{background:#050409!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(248,246,241,.09);transition:none!important;will-change:auto!important}
.dh-bar::after{display:none!important}
.dh-inner{display:flex!important;align-items:center;gap:26px;height:76px!important;max-width:1240px;padding:0 clamp(20px,3.4vw,34px)}
/* no scroll compaction: the height/wordmark transition was the scroll jank */
.dh-bar.dh-scrolled .dh-inner,.dh-inner{transition:none!important}
.dh-bar.dh-scrolled .dh-inner{height:76px!important}

/* logo left */
.dh-brand{order:-1;display:inline-flex!important;align-items:center;flex:none;text-decoration:none;flex-direction:row!important;gap:0}
.dh-brand .dh-logo-icon{height:37px;width:auto;display:block;flex:none;filter:drop-shadow(0 0 12px rgba(255,1,196,.45))}
.dh-brand .dh-logo-word{height:26px;width:auto;display:block;margin-left:11px;transform:translateY(3px)}
.dh-bar.dh-scrolled .dh-brand .dh-logo-icon{height:37px}
.dh-bar.dh-scrolled .dh-brand .dh-logo-word{height:26px}
.dh-brand .dh-logo-icon,.dh-brand .dh-logo-word,.dh-brand span,.dh-brand em{transition:none!important}

/* primary nav — centred, sentence case pills */
@media(min-width:1081px){
.dh-left{order:0;margin:0 auto;display:flex;align-items:center;gap:2px!important}
}
.dh-left{order:0;margin:0 auto;align-items:center;gap:2px!important}
.dh-item>a,.dh-left>a{display:inline-flex;align-items:center;gap:7px;height:auto!important;
  font-family:"Inter",system-ui,sans-serif!important;font-size:15.2px!important;font-weight:600!important;
  letter-spacing:-.01em!important;text-transform:none!important;color:#F8F6F1!important;
  padding:9px 14px!important;border-radius:10px;border:0!important;
  transition:background .16s ease,color .16s ease}
.dh-item:hover>a,.dh-left>a:hover,.dh-item>a[aria-current="page"]{background:rgba(255,255,255,.07);color:#fff!important}
.dh-item>a .dh-chev{width:13px;height:13px;opacity:.7;transition:transform .22s ease}
.dh-item:hover>a .dh-chev{transform:rotate(180deg)}

/* right actions */
@media(min-width:1081px){
.dh-right{order:1;display:flex;align-items:center;gap:12px;flex:none}
}
.dh-right{order:1;align-items:center;gap:12px;flex:none}
.dh-right>a{font-family:"Inter",system-ui,sans-serif!important;text-transform:none!important;
  font-size:15.2px!important;font-weight:600!important;letter-spacing:-.01em!important;
  color:#CFC9E4!important;border:0!important;padding:9px 10px!important;height:auto!important}
.dh-right>a:hover{color:#fff!important}
.dh-plus{font-weight:800!important;background:linear-gradient(90deg,#7653FC 0%,#6A10D0 34%,#FE02C4 86%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}
.dh-right .dh-pill{display:inline-flex;align-items:center;justify-content:center;
  font-weight:700!important;font-size:14.4px!important;padding:9px 22px!important;border-radius:999px;
  text-decoration:none;transition:opacity .18s ease,background .18s ease}
.dh-right .dh-pill-white{background:#fff;color:#0B0A16!important}
.dh-right .dh-pill-white:hover{opacity:.86;color:#0B0A16!important}
.dh-right .dh-pill-dark{background:rgba(255,255,255,.06);color:#F8F6F1!important;border:1px solid rgba(255,255,255,.16)!important}
.dh-right .dh-pill-dark:hover{background:rgba(255,255,255,.12);color:#fff!important}
.dh-right .dh-cta{border-bottom:0!important;padding-bottom:9px!important}

/* mega panels keep their structure, just re-typed */
.dh-panel{background:#08060F}
.dh-panel-inner h4{font-family:"Inter Tight","Inter",sans-serif!important;font-weight:600!important}
.dh-col a,.dh-lede p{font-family:"Inter",system-ui,sans-serif!important}

@media(max-width:1080px){
  .dh-inner{height:70px!important;flex-wrap:wrap}
  .dh-left,.dh-right{display:none!important}
  .dh-brand{order:-1;margin-right:auto}
  .dh-burger{order:2}
  .dh-mobile{order:3;flex-basis:100%;width:100%}
}

/* ---------- hero ---------- */
.hero-feat{position:relative;overflow:hidden;padding-top:72px}
.hero-feat .hero-bg{position:absolute;inset:0;
  background:
    radial-gradient(1100px 560px at 85% -8%,rgba(255,45,135,.26),transparent 60%),
    radial-gradient(900px 620px at -6% 14%,rgba(46,124,255,.24),transparent 55%),
    radial-gradient(720px 520px at 50% 112%,rgba(160,43,217,.22),transparent 60%),
    #000}
.hero-feat .hero-bg::after{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:96px 96px}
.hero-feat .beam{position:absolute;top:-60px;right:6%;width:240px;height:560px;
  background:linear-gradient(120deg,#A02BD9,#3D2BB8 68%,#2E7CFF);opacity:.15;filter:blur(70px);
  transform:rotate(24deg);border-radius:120px;pointer-events:none}
.hero-feat .wrap{position:relative;z-index:2}

/* glowing eyebrow pill */
body .hero-feat .strip{position:relative;isolation:isolate;overflow:hidden!important;display:inline-flex!important;
  align-items:center;gap:9px;margin-bottom:26px;padding:10px 19px 10px 16px;border-radius:999px;
  background:rgba(10,8,22,.7)!important;border:0!important;text-transform:none!important;font-size:.95rem!important;
  letter-spacing:-.004em!important;font-family:"Inter",system-ui,sans-serif!important;color:#C77DFF!important}
body .hero-feat .strip::before{content:"";display:block!important;position:absolute;z-index:-2;left:50%;top:50%;
  width:320%;height:900%;transform:translate(-50%,-50%);
  background:conic-gradient(from 0deg,transparent 0deg,transparent 104deg,rgba(255,45,135,.14) 156deg,rgba(255,45,135,.55) 196deg,#FF2D87 226deg,#A02BD9 264deg,#2E7CFF 300deg,rgba(46,124,255,.5) 322deg,rgba(46,124,255,.12) 340deg,transparent 352deg,transparent 360deg);
  animation:stripspin 3.6s linear infinite}
body .hero-feat .strip::after{content:"";position:absolute;z-index:-1;inset:1.5px;border-radius:999px;background:#0a0816!important;width:auto!important;height:auto!important;opacity:1!important}
body .hero-feat .strip-ico{width:19px;height:19px;flex:none;display:block}
body .hero-feat .strip .strip-lead{color:#fff!important;-webkit-text-fill-color:#fff!important;font-style:italic;font-weight:700}
body .hero-feat .strip .strip-rest{color:#C77DFF!important;-webkit-text-fill-color:#C77DFF!important;font-weight:500}
@keyframes stripspin{to{transform:translate(-50%,-50%) rotate(1turn)}}

/* headline */
body .hero-feat h1{font-size:clamp(2.9rem,5.4vw,4.5rem)!important;line-height:1.02!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;background:none!important;margin-top:0}
body .hero-feat h1 .hl,body .hero .hl{font-style:normal!important;
  background:linear-gradient(90deg,#7653FC 0%,#6A10D0 34%,#FE02C4 86%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .hero-feat h1 .uline{position:relative}
body .hero-feat h1 .uline::after{content:"";position:absolute;left:-1%;right:-1%;bottom:-.18em;height:.42em;
  background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M2 9 Q50 1 98 9' fill='none' stroke='%2333F293' stroke-width='3' vector-effect='non-scaling-stroke' stroke-linecap='round'/%3E%3C/svg%3E")}

/* body copy on the dark hero */
.hero-feat .lede{color:#C8C3DC!important;font-size:1.04rem!important;line-height:1.55!important}
.hero-feat .lede strong{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:600}
.hero-feat .badges span{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;
  color:#EDEAF8!important;-webkit-text-fill-color:#EDEAF8!important}
.hero-feat .btn{text-transform:none!important;letter-spacing:-.008em!important;font-weight:600!important;font-size:.98rem!important}
.hero-feat .btn-o{color:#F8F6F1!important;border-color:rgba(248,246,241,.4)!important}
.hero-feat .mono{color:#8E88AC!important}

/* the $99 flat-fee card, re-skinned for the dark hero */
.hero-feat .flatfee{background:linear-gradient(120deg,rgba(160,43,217,.12),rgba(46,124,255,.1))!important;
  border:1px solid rgba(199,125,255,.28)!important}
.hero-feat .ff-tag{color:#C77DFF!important}
.hero-feat .ff-head{color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:"Inter Tight","Inter",sans-serif!important}
.hero-feat .ff-strike s{color:#A9A3C4!important}
.hero-feat .ff-note{color:#8E88AC!important}

/* google reviews row */
.hero-feat .greviews{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.hero-feat .greviews .gr-txt{font-size:1.05rem;color:#C8C3DC;letter-spacing:-.005em}
.hero-feat .greviews .gr-txt strong{color:#F8F6F1;font-weight:700}

@media(prefers-reduced-motion:reduce){.hero-feat .strip::before{animation:none}}

/* theme-signal paints .strip::before/::after with the flat gradient bar — the
   badge needs the spinning ring and the near-black inner pill instead */
body .hero-feat .strip::before{background:conic-gradient(from 0deg,transparent 0deg,transparent 104deg,rgba(255,45,135,.14) 156deg,rgba(255,45,135,.55) 196deg,#FF2D87 226deg,#A02BD9 264deg,#2E7CFF 300deg,rgba(46,124,255,.5) 322deg,rgba(46,124,255,.12) 340deg,transparent 352deg,transparent 360deg)!important}
body .hero-feat .strip::after{background:#0a0816!important}
body .hero-feat .strip{color:#C77DFF!important}

/* the badge ring must be positioned against the pill itself — another sheet
   was resetting .strip's position, so the conic layer escaped its bounds */
body .hero-feat .strip{position:relative!important;isolation:isolate!important;overflow:hidden!important;
  display:inline-flex!important;align-items:center!important;border-radius:999px!important;
  padding:10px 19px 10px 16px!important;margin-bottom:26px!important}
body .hero-feat .strip::before{position:absolute!important;left:50%!important;top:50%!important;
  width:320%!important;height:900%!important;transform:translate(-50%,-50%)!important;
  border-radius:0!important;inset:auto!important;z-index:-2!important;opacity:1!important;filter:none!important}
body .hero-feat .strip::after{position:absolute!important;inset:1.5px!important;left:auto!important;top:auto!important;
  width:auto!important;height:auto!important;transform:none!important;border-radius:999px!important;z-index:-1!important;opacity:1!important}

/* ---- badge, rebuilt: animated gradient border (no pseudo-element ring) ---- */
@property --dpy-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
body .hero-feat .strip{
  --dpy-ring-angle:0deg;
  overflow:visible!important;isolation:auto!important;border:1.5px solid transparent!important;
  background:
    linear-gradient(#0a0816,#0a0816) padding-box,
    conic-gradient(from var(--dpy-ring-angle),rgba(255,45,135,0) 0deg,rgba(255,45,135,0) 104deg,rgba(255,45,135,.14) 156deg,rgba(255,45,135,.55) 196deg,#FF2D87 226deg,#A02BD9 264deg,#2E7CFF 300deg,rgba(46,124,255,.5) 322deg,rgba(46,124,255,.12) 340deg,rgba(46,124,255,0) 352deg,rgba(46,124,255,0) 360deg) border-box!important;
  box-shadow:0 0 34px -8px rgba(160,43,217,.55)!important;
  animation:dpyRing 3.6s linear infinite!important}
body .hero-feat .strip::before,body .hero-feat .strip::after{display:none!important;content:none!important}
@keyframes dpyRing{to{--dpy-ring-angle:360deg}}
@media(prefers-reduced-motion:reduce){body .hero-feat .strip{animation:none!important}}

/* ---- primary CTA: V3 gradient (indigo → magenta) + arrow ---- */
body .hero-feat .btn-g,body .hero .btn-g{
  background:linear-gradient(90deg,#7653FC 0%,#6A10D0 34%,#FE02C4 86%)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;
  box-shadow:0 14px 36px -12px rgba(160,43,217,.6)!important;
  display:inline-flex!important;align-items:center!important;gap:11px!important}
body .hero-feat .btn-g::after,body .hero .btn-g::after{content:"\2192";font-size:1.15em;line-height:1;font-weight:600}
body .hero-feat .btn-g:hover,body .hero .btn-g:hover{
  box-shadow:0 20px 46px -12px rgba(254,2,196,.55)!important;transform:translateY(-2px)}

/* ---- light bands: faded dark headlines + gradient accent words ---- */
body .band.light h2,body .band.light h3,body .band.light .ick-h,body .band.light .dpc-title{
  background:linear-gradient(180deg,#15122B 0%,#15122B 42%,rgba(21,18,43,.52) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .band.light h2 .hl,body .band.light h3 .hl,body .band.light .ick-h .hl,
body .band.light .dpc-title i,body .band.light h2 .it,body .band.light h3 .it{
  font-style:normal!important;
  background:linear-gradient(90deg,#7653FC 0%,#6A10D0 34%,#FE02C4 86%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}

/* dark panels nested inside light bands keep light headings */
body .band.light .cta-banner h2,body .band.light .cta-banner h3,
body .band.light .hr-cta-band h2,body .band.light .hr-cta-band h3,
body .band.light .hon-card h3,body .band.light .hon-card h2,
body .band.light .deposyt-plus h2,body .band.light .deposyt-plus h3,
body .band.light .dpx h2,body .band.light .dpx h3,
body .band.light .dpc-card.big h2,body .band.light .dpc-card.big h3{
  background:none!important;background-image:none!important;
  -webkit-text-fill-color:#fff!important;color:#fff!important}
body .band.light .cta-banner h2 .hl,body .band.light .cta-banner h3 .hl,
body .band.light .hr-cta-band h3 .hl,body .band.light .hon-card h3 .hl,
body .band.light .deposyt-plus h2 .hl,body .band.light .dpx h2 .hl{
  background:linear-gradient(115deg,#C9A9FF,#D9A0FF 50%,#86BBFF)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}

/* ---- darker hero + darker mega panels (near-black, not navy) ---- */
body .hero-feat .hero-bg,body .hero-feat .band-bg{
  background:
    radial-gradient(1100px 560px at 85% -8%,rgba(255,45,135,.20),transparent 58%),
    radial-gradient(900px 620px at -6% 14%,rgba(46,124,255,.16),transparent 52%),
    radial-gradient(720px 520px at 50% 112%,rgba(160,43,217,.16),transparent 58%),
    #060409!important}
body .hero-feat .hero-bg::before{display:none!important}
body .hero-feat .beam{opacity:.1!important}
body .dh-panel{background:#0A0711!important;border-bottom-color:rgba(248,246,241,.08)!important}
body .dh-panel-inner{background:transparent!important}

/* glows back up: dark base, richer color wash (magenta TR, blue L, purple bottom) */
body .hero-feat .hero-bg,body .hero-feat .band-bg{
  background:
    radial-gradient(1150px 600px at 86% -10%,rgba(255,45,135,.34),transparent 62%),
    radial-gradient(980px 660px at -8% 12%,rgba(46,124,255,.28),transparent 58%),
    radial-gradient(820px 560px at 46% 112%,rgba(160,43,217,.30),transparent 62%),
    #08060D!important}
body .hero-feat .beam{opacity:.16!important}

/* buttons in Inter (light-band-fixes.css forces Archivo with !important) */
body .btn,body .btn-g,body .btn-o,body .dpc-cta,body .ick-res-cta,body a.dpc-cta,body a.ick-res-cta{
  font-family:"Inter",system-ui,-apple-system,sans-serif!important}

/* calculator: tighten the headline gap, darken the description */
body .dpcalc .dpc-title{margin:8px 0 0!important}
body .dpcalc .dpc-sub{margin:10px 0 22px!important;color:#3C3A4E!important;-webkit-text-fill-color:#3C3A4E!important}

/* calculator headline: one continuous dark fade across both lines */
body .dpcalc .dpc-title{
  background:linear-gradient(180deg,#15122B 0%,#15122B 38%,rgba(21,18,43,.55) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpcalc .dpc-title i,body .dpcalc .dpc-title .it{
  font-style:normal!important;background:none!important;background-image:none!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}

/* ---- adaptive header: theme follows the band behind it, both states blurred ---- */
body .dh-bar{background:rgba(5,4,9,.72)!important;
  backdrop-filter:blur(14px) saturate(140%)!important;-webkit-backdrop-filter:blur(14px) saturate(140%)!important;
  transition:background-color .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1)!important}
body .dh-bar.dh-onlight{background:rgba(255,255,255,.78)!important;border-bottom-color:rgba(21,18,43,.1)!important}
body .dh-bar.dh-onlight .dh-brand .dh-logo-word{filter:invert(1)}
body .dh-bar.dh-onlight .dh-item>a,body .dh-bar.dh-onlight .dh-left>a{color:#15122B!important}
body .dh-bar.dh-onlight .dh-item:hover>a,body .dh-bar.dh-onlight .dh-left>a:hover{background:rgba(21,18,43,.06);color:#000!important}
body .dh-bar.dh-onlight .dh-right>a:not(.dh-pill):not(.dh-plus){color:#4A4763!important}
body .dh-bar.dh-onlight .dh-right>a:not(.dh-pill):not(.dh-plus):hover{color:#15122B!important}
body .dh-bar.dh-onlight .dh-pill-white{background:#0B0A16!important;color:#fff!important}
body .dh-bar.dh-onlight .dh-pill-dark{background:transparent!important;color:#15122B!important;border:1px solid rgba(21,18,43,.24)!important}
body .dh-bar.dh-onlight .dh-burger span{background:#15122B!important}
body .dh-bar .dh-brand .dh-logo-word,body .dh-bar .dh-item>a,body .dh-bar .dh-right>a,body .dh-bar .dh-pill{
  transition:color .28s cubic-bezier(.4,0,.2,1),background-color .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),filter .28s cubic-bezier(.4,0,.2,1)}
@media(prefers-reduced-motion:reduce){body .dh-bar,body .dh-bar *{transition:none!important}}

/* the four proof chips live inside the $99 card now: smaller, neutral outline */
body .hero-feat .flatfee .ff-badges{position:relative;display:flex;flex-wrap:wrap;gap:8px;
  margin:18px 0 0!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
body .hero-feat .flatfee .ff-badges span{
  font-family:"IBM Plex Mono",monospace!important;font-size:.62rem!important;letter-spacing:.11em!important;
  text-transform:uppercase;font-weight:500!important;padding:6px 12px!important;border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.14)!important;
  color:#C8C3DC!important;-webkit-text-fill-color:#C8C3DC!important;box-shadow:none!important}

/* mega-panel link lists: Inter 500, near-white, tight tracking, hover fill */
body .dh-panel .dh-col a{
  font-family:"Inter",system-ui,sans-serif!important;font-size:15.2px!important;font-weight:500!important;
  letter-spacing:-.01em!important;text-transform:none!important;
  color:#EDEBF6!important;-webkit-text-fill-color:#EDEBF6!important;
  display:block;padding:8px 12px!important;margin:1px -12px!important;border-radius:10px;
  transition:background-color .16s ease,color .16s ease}
body .dh-panel .dh-col a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* panel column headings + calmer link idle state */
body .dh-panel .dh-col h5,body .dh-panel .dh-eye{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:10.56px!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:600!important;
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important;background:none!important}
body .dh-panel .dh-col h5::before,body .dh-panel .dh-col h5::after{content:none!important;display:none!important}
body .dh-panel .dh-col a{color:rgba(255,255,255,.8)!important;-webkit-text-fill-color:rgba(255,255,255,.8)!important}
body .dh-panel .dh-col a:hover{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* hero left column order: copy → CTAs → reviews → $99 card → footnote */
body .hero-feat .hf-copy{display:flex;flex-direction:column}
body .hero-feat .hf-copy .strip{order:1;align-self:flex-start}
body .hero-feat .hf-copy h1{order:2}
body .hero-feat .hf-copy .lede{order:3}
body .hero-feat .hf-copy>div[style*="display:flex"]{order:4;margin-top:28px!important}
body .hero-feat .hf-copy .greviews{order:5}
body .hero-feat .hf-copy .flatfee{order:6;margin-top:30px!important}
body .hero-feat .hf-copy .mono{order:7}

body .hero-feat .hf-copy>div[style*="display:flex"]{align-self:stretch;flex:none}
body .hero-feat .btn{flex:0 0 auto!important;padding:15px 30px!important}
body .hero-feat .greviews{align-self:flex-start;flex:none}
body .hero-feat .flatfee{align-self:stretch;flex:none}

body .hero-feat .hf-copy>div[style*="display:flex"]{margin-top:10px!important}
body .hero-feat .hf-copy .lede:last-of-type{margin-bottom:0!important}

/* hero paragraph — consistent blue-grey on dark (wins over theme-signal) */
body .band .hero-feat .lede,body .hero .hf-copy .lede,body .hero-feat .hf-copy .lede,
body .hero p.lede,body .band.dark .hero-feat p.lede{color:#BABBBB!important}

/* ===================================================================
   HERO v4 — the payment-links treatment brought back to the homepage
   =================================================================== */
body section.hero.hero-feat{
  background:#040409!important;border:0!important;clip-path:none!important;
  border-bottom-left-radius:28px!important;border-bottom-right-radius:28px!important;
  overflow:hidden!important;position:relative;isolation:isolate}
body section.hero.hero-feat::before,body section.hero.hero-feat::after,
body .hero-feat .slant,body .hero-feat .hero-slant{display:none!important;content:none!important}
body .hero-feat .beam{display:none!important}

/* wash: magenta + purple blooms across the top, black by mid-height */
body .hero-feat .hero-bg{
  position:absolute!important;inset:0!important;border:0!important;opacity:1!important;z-index:0!important;
  background:
    radial-gradient(64% 40% at 84% -2%,rgba(255,14,175,.62) 0%,rgba(255,14,175,.3) 32%,rgba(255,14,175,0) 66%),
    radial-gradient(58% 38% at 38% -8%,rgba(120,24,245,.6) 0%,rgba(104,20,224,.28) 34%,rgba(104,20,224,0) 68%),
    radial-gradient(46% 30% at 4% 2%,rgba(70,20,200,.4) 0%,rgba(70,20,200,0) 62%),
    linear-gradient(180deg,#2A0A40 0%,#150925 18%,#070510 40%,#040409 100%)!important}
/* vignette keeps the lower half true black */
body .hero-feat .hero-bg::before{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  height:auto!important;width:auto!important;z-index:1!important;pointer-events:none!important;
  background:radial-gradient(120% 76% at 50% 100%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 44%,rgba(0,0,0,0) 74%)!important}
/* crosshatch */
body .hero-feat .hero-bg::after{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  height:auto!important;width:auto!important;z-index:2!important;pointer-events:none!important;opacity:1!important;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/58px 58px!important;
  mask-image:radial-gradient(120% 100% at 50% 0%,#000 42%,transparent 92%)!important;
  -webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 42%,transparent 92%)!important}
body .hero-feat .wrap{position:relative;z-index:3}

/* --- page-title badge: animated gradient ring, payment-links sizing --- */
@property --dpy-ring-angle3{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes dpyRing3{to{--dpy-ring-angle3:360deg}}
body .hero-feat .strip{
  --dpy-ring-angle3:0deg;
  position:relative!important;display:inline-flex!important;align-items:center!important;
  gap:8px!important;padding:7px 16px 7px 12px!important;
  border:0!important;border-radius:999px!important;background:#0A0A12!important;
  font-family:"Inter",system-ui,sans-serif!important;font-size:.82rem!important;
  letter-spacing:-.01em!important;text-transform:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  margin:0 0 22px!important;
  box-shadow:none!important;
  background-image:
    linear-gradient(#0A0A12,#0A0A12),
    conic-gradient(from var(--dpy-ring-angle3),#FF01C4,#7653FC,#2B4BFF,#FF01C4)!important;
  background-origin:border-box!important;background-clip:padding-box,border-box!important;
  border:2px solid transparent!important;
  animation:dpyRing3 3.6s linear infinite!important}
body .hero-feat .strip::before,body .hero-feat .strip::after{display:none!important;content:none!important}
body .hero-feat .strip .strip-ico{width:16px!important;height:16px!important;display:block!important;flex:none}
body .hero-feat .strip .strip-lead{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:700!important;font-style:italic!important;
  font-size:.82rem!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body .hero-feat .strip .strip-rest{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:700!important;font-style:italic!important;
  font-size:.82rem!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(prefers-reduced-motion:reduce){body .hero-feat .strip{animation:none!important}}

/* --- headline: line 1 fades white -> grey --- */
body .hero-feat h1 .h1l1{
  display:inline-block;
  background:linear-gradient(96deg,#FFFFFF 0%,#FFFFFF 46%,#8C8C93 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}

/* badge fix: the sweeping comet ring (a full conic reads as a static border)
   plus the purple glow, at the payment-links sizing */
body .hero-feat .strip{
  --dpy-ring-angle3:0deg;
  background-image:
    linear-gradient(#0A0A12,#0A0A12),
    conic-gradient(from var(--dpy-ring-angle3),rgba(255,45,135,0) 0deg,rgba(255,45,135,0) 104deg,rgba(255,45,135,.14) 156deg,rgba(255,45,135,.55) 196deg,#FF2D87 226deg,#A02BD9 264deg,#2E7CFF 300deg,rgba(46,124,255,.5) 322deg,rgba(46,124,255,.12) 340deg,rgba(46,124,255,0) 352deg,rgba(46,124,255,0) 360deg)!important;
  background-origin:border-box!important;background-clip:padding-box,border-box!important;
  border:1.5px solid transparent!important;
  box-shadow:0 0 34px -8px rgba(160,43,217,.55)!important;
  animation:dpyRing3 3.6s linear infinite!important}

/* tighten the gap under the nav; give the h1 room so descenders aren't clipped */
body section.hero.hero-feat{padding-top:52px!important}
body .hero-feat h1{
  padding-bottom:.08em!important;overflow:visible!important}
body .hero-feat h1 .h1l1{
  padding-bottom:.1em!important;margin-bottom:-.1em!important;line-height:1.06!important}

/* =================================================================
   DUAL PRICING CALCULATOR v4 — compact, white card, frosted results
   ================================================================= */
body #dpcalc{
  display:flex!important;flex-direction:column!important;
  max-width:530px!important;width:100%!important;margin-left:auto!important;
  padding:28px 26px 26px!important;border-radius:26px!important;
  background:#FFFFFF!important;background-image:none!important;
  border:0!important;box-shadow:0 30px 70px -40px rgba(11,10,22,.45)!important}
body #dpcalc::before,body #dpcalc::after{display:none!important;content:none!important}

body #dpcalc .dpc-eyebrow{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;letter-spacing:.18em!important;font-weight:500!important;
  color:#FF2D9B!important;-webkit-text-fill-color:#FF2D9B!important;
  margin:0 0 6px!important;padding:0!important;background:none!important;border:0!important}
body #dpcalc .dpc-title{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;
  font-weight:600!important;font-size:1.72rem!important;letter-spacing:-.03em!important;
  line-height:1.1!important;margin:0 0 8px!important;
  color:#101014!important;-webkit-text-fill-color:#101014!important;background:none!important}
body #dpcalc .dpc-sub{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.9rem!important;
  line-height:1.5!important;color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;
  margin:0 0 18px!important}

/* labels */
body #dpcalc .dpc-label{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  font-family:"Inter",system-ui,sans-serif!important;font-size:.9rem!important;font-weight:600!important;
  color:#101014!important;-webkit-text-fill-color:#101014!important;margin:0 0 7px!important}
body #dpcalc .dpc-label span{
  font-weight:400!important;font-size:.86rem!important;
  color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important}
body #dpcalc .dpc-label.dpc-rate{margin-top:16px!important}
body #dpcalc .dpc-rateval{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:700!important;font-size:1rem!important;
  color:#101014!important;-webkit-text-fill-color:#101014!important;
  background:#F4F4F6!important;border:1px solid rgba(16,16,20,.09)!important;
  border-radius:11px!important;padding:6px 12px!important}

/* volume input: neutral grey, green dollar */
body #dpcalc .dpc-inwrap{
  display:flex!important;align-items:center!important;gap:10px!important;
  background:#F6F6F8!important;background-image:none!important;
  border:1px solid rgba(16,16,20,.09)!important;border-radius:14px!important;
  padding:13px 16px!important;box-shadow:none!important}
body #dpcalc .dpc-dollar{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:700!important;font-size:1.14rem!important;
  color:#12B76A!important;-webkit-text-fill-color:#12B76A!important}
body #dpcalc .dpc-input{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:700!important;font-size:1.14rem!important;
  letter-spacing:-.01em!important;color:#101014!important;-webkit-text-fill-color:#101014!important;
  background:transparent!important;border:0!important;outline:0!important;width:100%!important;padding:0!important}

/* slider */
body #dpcalc .dpc-slider{margin:10px 0 6px!important;height:6px!important;accent-color:#6D28D9!important}
body #dpcalc .dpc-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px}
body #dpcalc .dpc-slider::-webkit-slider-thumb{
  width:22px;height:22px;border-radius:50%;background:#fff;
  border:2.5px solid #6D28D9;box-shadow:none;margin-top:-8px}
body #dpcalc .dpc-ends{
  display:flex!important;justify-content:space-between!important;
  font-family:"Inter",system-ui,sans-serif!important;font-size:.86rem!important;
  color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important;margin:0 0 16px!important}

/* results: frosted magenta + frosted purple, side by side */
body #dpcalc .dpc-out{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0!important}
body #dpcalc .dpc-card{
  padding:14px 16px 15px!important;border-radius:16px!important;
  box-shadow:none!important;backdrop-filter:blur(8px)!important;text-align:left!important}
body #dpcalc .dpc-card:not(.big){
  background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,26,132,.09) 100%)!important;
  border:1px solid rgba(255,26,132,.22)!important}
body #dpcalc .dpc-card.big{
  background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(124,58,237,.10) 100%)!important;
  border:1px solid rgba(124,58,237,.22)!important}
body #dpcalc .dpc-card .dpc-k{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.68rem!important;letter-spacing:.14em!important;text-transform:uppercase!important;
  font-weight:500!important;margin:0 0 4px!important}
body #dpcalc .dpc-card:not(.big) .dpc-k{color:#FF1A84!important;-webkit-text-fill-color:#FF1A84!important}
body #dpcalc .dpc-card.big .dpc-k{color:#7C3AED!important;-webkit-text-fill-color:#7C3AED!important}
body #dpcalc .dpc-card .dpc-v{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:700!important;
  font-size:1.72rem!important;letter-spacing:-.03em!important;line-height:1.1!important;
  color:#101014!important;-webkit-text-fill-color:#101014!important;
  background:none!important;-webkit-background-clip:border-box!important;margin:0!important}
body #dpcalc .dpc-card .dpc-vsub{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.82rem!important;font-weight:400!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;margin-top:2px!important}

/* punch line spans both columns */
body #dpcalc .dpc-punch{
  grid-column:1 / -1!important;margin:0!important;
  display:flex!important;align-items:baseline!important;gap:6px!important;flex-wrap:wrap!important;
  padding:12px 16px!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(124,58,237,.08) 100%)!important;
  border:1px solid rgba(124,58,237,.18)!important;box-shadow:none!important}
body #dpcalc .dpc-punch .em{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:700!important;font-size:.95rem!important;
  color:#FF1A84!important;-webkit-text-fill-color:#FF1A84!important}
body #dpcalc .dpc-punch .tx{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:600!important;font-size:.95rem!important;
  color:#101014!important;-webkit-text-fill-color:#101014!important}

/* disclaimer above the button */
body #dpcalc .dpc-foot{
  order:98!important;
  font-family:"Inter",system-ui,sans-serif!important;font-size:.78rem!important;line-height:1.5!important;
  color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important;
  text-align:center!important;margin:16px 0 12px!important}
/* full-width black CTA */
body #dpcalc .dpc-cta{
  order:99!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  width:100%!important;padding:16px 24px!important;border-radius:999px!important;
  font-family:"Inter",system-ui,sans-serif!important;font-weight:700!important;font-size:1rem!important;
  background:#050508!important;background-image:none!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;border:0!important;box-shadow:none!important;
  text-decoration:none!important;margin:0!important}
body #dpcalc .dpc-cta::after{content:"\2192";font-size:1.05em}
body #dpcalc .dpc-cta:hover{background:#15151C!important}
@media(max-width:520px){
  body #dpcalc .dpc-out{grid-template-columns:1fr!important}
}

body #dpcalc .dpc-dollar{position:static!important;left:auto!important;top:auto!important}
body #dpcalc .dpc-card::before,body #dpcalc .dpc-card::after,
body #dpcalc .dpc-punch::before,body #dpcalc .dpc-punch::after{display:none!important;content:none!important}

/* --- calculator round 3 --- */
/* mono labels one weight heavier */
body #dpcalc .dpc-eyebrow,body #dpcalc .dpc-card .dpc-k{font-weight:600!important}

/* dollar sign: keep it in the flex flow (an older sheet absolutely positions it) */
body #dpcalc .dpc-inwrap{position:relative!important}
body #dpcalc .dpc-inwrap .dpc-dollar{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;
  transform:none!important;flex:none!important;line-height:1!important}

/* close the gap between the volume field and the rate row */
body #dpcalc .dpc-inwrap{margin-bottom:0!important}
body #dpcalc .dpc-label.dpc-rate{margin-top:14px!important}

/* bigger rate readout */
body #dpcalc .dpc-rateval{font-size:1.22rem!important;padding:5px 13px!important}

/* slider: #6C00FF fill to the thumb, grey after it */
body #dpcalc .dpc-slider{
  --dpc-pos:65%;
  -webkit-appearance:none!important;appearance:none!important;
  width:100%!important;height:7px!important;border-radius:999px!important;
  background:linear-gradient(90deg,#6C00FF 0%,#6C00FF var(--dpc-pos),#C4C4CC var(--dpc-pos),#C4C4CC 100%)!important;
  accent-color:#6C00FF!important;border:0!important;outline:0!important}
body #dpcalc .dpc-slider::-webkit-slider-runnable-track{
  height:7px;border-radius:999px;background:transparent}
body #dpcalc .dpc-slider::-moz-range-track{height:7px;border-radius:999px;background:transparent}
body #dpcalc .dpc-slider::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:22px;height:22px;border-radius:50%;background:#fff;
  border:2.5px solid #6C00FF;box-shadow:none;margin-top:-7.5px;cursor:pointer}
body #dpcalc .dpc-slider::-moz-range-thumb{
  width:22px;height:22px;border-radius:50%;background:#fff;border:2.5px solid #6C00FF;cursor:pointer}

body #dpcalc .dpc-label.dpc-rate .dpc-rateval,body #dpcalc .dpc-rateval{
  font-weight:800!important;color:#101014!important;-webkit-text-fill-color:#101014!important}

/* --- switch stat box: match the calculator's width + type --- */
body .hero-feat .hf-switch{
  max-width:530px!important;width:100%!important;margin-left:auto!important;margin-right:0!important;
  border-radius:20px!important;padding:18px 20px!important}
body .hero-feat .hf-switch .hf-switch-tx b{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  letter-spacing:-.02em!important;font-size:1.02rem!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important}
body .hero-feat .hf-switch .hf-switch-tx span{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:400!important;
  font-size:.9rem!important;line-height:1.55!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}

body #dpcalc .dpc-label.dpc-rate .dpc-rateval{
  font-size:1.22rem!important;padding:5px 13px!important;line-height:1.2!important}

/* =================================================================
   #honesty — payment-links light-band treatment
   ================================================================= */
body section#honesty{position:relative;isolation:isolate;overflow:hidden}
body section#honesty .band-bg{
  background:radial-gradient(58% 46% at 50% 56%,#F1EBFF 0%,rgba(241,235,255,.5) 44%,rgba(255,255,255,0) 76%),#FFFFFF!important;
  background-image:radial-gradient(58% 46% at 50% 56%,#F1EBFF 0%,rgba(241,235,255,.5) 44%,rgba(255,255,255,0) 76%),linear-gradient(#FFFFFF,#FFFFFF)!important}
body section#honesty .band-bg::before,body section#honesty .band-bg::after{display:none!important;content:none!important}

/* label pill + headline with the light fade and gradient italic accent */
body section#honesty .strip{
  display:inline-flex!important;align-items:center;justify-content:center;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  font-weight:600!important;white-space:nowrap!important;
  color:#FF2D9B!important;-webkit-text-fill-color:#FF2D9B!important;
  background:rgba(255,26,132,.07)!important;border:1px solid rgba(255,26,132,.22)!important;
  border-radius:11px!important;padding:7px 14px!important;margin:0 auto 20px!important}
body section#honesty .strip .code{display:none!important}
body section#honesty h2{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;
  font-weight:500!important;letter-spacing:-.03em!important;line-height:1.08!important;
  text-align:center!important;margin:0 auto!important;
  background:linear-gradient(100deg,#15122B 0%,#15122B 30%,rgba(21,18,43,.30) 74%,rgba(21,18,43,.26) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body section#honesty h2 .hl{
  font-style:italic!important;font-weight:500!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B1FD8 40%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body section#honesty .lede{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:400!important;
  font-size:1.04rem!important;line-height:1.6!important;text-align:center!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;margin-left:auto!important;margin-right:auto!important}

/* stats column: dark ink, Inter */
body section#honesty .hon-stat b{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  letter-spacing:-.03em!important}
body section#honesty .hon-stat span{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.98rem!important;line-height:1.55!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}

/* right panel: purple frosted card */
body section#honesty .hon-card,body section#honesty .hon-right,body section#honesty .hon-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(124,58,237,.09) 100%)!important;
  border:1px solid rgba(124,58,237,.20)!important;border-radius:22px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset!important;backdrop-filter:blur(10px)!important}
body section#honesty .hon-card *,body section#honesty .hon-right *,body section#honesty .hon-panel *{
  font-family:"Inter",system-ui,sans-serif!important}
body section#honesty .hon-eyebrow,body section#honesty .hon-card .tag{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-weight:600!important;
  font-size:.68rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;
  color:#FF1A84!important;-webkit-text-fill-color:#FF1A84!important}
body section#honesty .hon-card h3,body section#honesty .hon-right h3{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  letter-spacing:-.025em!important;color:#101014!important;-webkit-text-fill-color:#101014!important;
  background:none!important}
body section#honesty .hon-card p,body section#honesty .hon-right p,
body section#honesty .hon-ways li{
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;font-size:.95rem!important}
body section#honesty .hon-ways li b{color:#12B76A!important;-webkit-text-fill-color:#12B76A!important}
/* promise strip: light purple frost */
body section#honesty .hon-promise{
  background:linear-gradient(180deg,rgba(255,255,255,.8) 0%,rgba(124,58,237,.10) 100%)!important;
  border:1px solid rgba(124,58,237,.18)!important}
body section#honesty .hon-promise .em{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-style:normal!important;font-weight:600!important;
  font-size:.68rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;
  color:#FF1A84!important;-webkit-text-fill-color:#FF1A84!important}
body section#honesty .hon-promise .tx{color:#101014!important;-webkit-text-fill-color:#101014!important}

/* honesty fixes: real class names */
body section#honesty .hon-card-k{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-weight:600!important;
  font-size:.68rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;
  color:#FF1A84!important;-webkit-text-fill-color:#FF1A84!important}
body section#honesty .hon-card::before,body section#honesty .hon-card::after{
  display:none!important;content:none!important}
body section#honesty .hon-ways li b,body section#honesty .hon-card li b{
  color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ===== #honesty round 2 ===== */
/* label: lighter mono */
body section#honesty .strip{font-weight:400!important;letter-spacing:.22em!important}

/* accent line: no italic, on its own line */
body section#honesty h2 .hl{font-style:normal!important;display:block!important}

/* stats: huge numeral above its description */
body section#honesty .hon-stat{display:block!important}
body section#honesty .hon-stat b{
  display:block!important;
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;
  font-size:clamp(3.1rem,5.4vw,4.3rem)!important;letter-spacing:-.035em!important;
  line-height:1!important;margin:0 0 14px!important}
body section#honesty .hon-stat:nth-child(1) b{color:#7C1FF2!important;-webkit-text-fill-color:#7C1FF2!important}
body section#honesty .hon-stat:nth-child(2) b{color:#FF1A84!important;-webkit-text-fill-color:#FF1A84!important}
body section#honesty .hon-stat:nth-child(3) b{color:#06C48A!important;-webkit-text-fill-color:#06C48A!important}
body section#honesty .hon-stat span{display:block!important;max-width:34ch}

/* right panel: flat frosted purple (not a vertical gradient) */
body section#honesty .hon-card{
  background:rgba(250,248,255,.86)!important;background-image:none!important;
  border:1px solid rgba(124,58,237,.20)!important;border-radius:24px!important;
  box-shadow:inset 0 0 60px rgba(255,26,132,.03),0 1px 0 rgba(255,255,255,.8) inset!important;
  backdrop-filter:blur(14px)!important}
/* promise strip: flat light purple */
body section#honesty .hon-promise{
  background:#F5F0FE!important;background-image:none!important;
  border:0!important;border-radius:16px!important;box-shadow:none!important}
body section#honesty .hon-promise .tx{font-weight:500!important}

/* honesty round 3: black CTA + legible headline fade on a wrapped h2 */
body section#honesty .hon-card .btn-g,body section#honesty .hon-card a.btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  width:100%!important;padding:16px 24px!important;border-radius:999px!important;
  font-family:"Inter",system-ui,sans-serif!important;font-weight:700!important;font-size:1rem!important;
  background:#050508!important;background-image:none!important;border:0!important;box-shadow:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important}
body section#honesty .hon-card .btn-g:hover{background:#15151C!important}
body section#honesty h2{
  background:linear-gradient(100deg,#15122B 0%,#15122B 62%,rgba(21,18,43,.6) 92%,rgba(21,18,43,.55) 100%)!important;
  background-image:linear-gradient(100deg,#15122B 0%,#15122B 62%,rgba(21,18,43,.6) 92%,rgba(21,18,43,.55) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}

/* section label: exactly the payment-links pill (global-v4.css values) */
body section#honesty .strip{
  display:inline-flex!important;align-items:center;justify-content:center;gap:0!important;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  font-weight:500!important;
  color:#F0289C!important;-webkit-text-fill-color:#F0289C!important;
  background:#FFF1F8!important;border:1px solid #FBC9E4!important;
  border-radius:11px!important;padding:7px 14px!important;margin:0 auto 20px!important;
  white-space:nowrap!important}

/* ===== #honesty round 4 ===== */
/* label centred (the wrap is left-aligned, so inline-flex + auto margins alone lose) */
body section#honesty .strip{
  width:max-content!important;margin-left:auto!important;margin-right:auto!important}

/* headline: line 1 on one line, accent on line 2 */
body section#honesty h2{max-width:30ch!important}

/* tighten the two columns */
body section#honesty .hon-grid{
  grid-template-columns:0.92fr 1.18fr!important;gap:36px!important;margin-top:44px!important}
body section#honesty .hon-stat{padding:0 0 18px!important;margin:0 0 18px!important}
body section#honesty .hon-stat:last-child{padding-bottom:0!important;margin-bottom:0!important}
body section#honesty .hon-card{padding:26px 26px 24px!important}

/* checklist: Inter Tight, dark, a touch smaller */
body section#honesty .hon-ways li,body section#honesty .hon-card li{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  font-size:.9rem!important;letter-spacing:-.015em!important;line-height:1.3!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important}

/* auto margins don't centre an inline-level box — make it block-level */
body section#honesty .strip{
  display:flex!important;width:max-content!important;max-width:100%!important;
  margin-left:auto!important;margin-right:auto!important}
body section#honesty .hon-promise .em{white-space:nowrap!important}

body section#honesty .hon-grid{
  max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}

/* paragraph tracking: pull in slightly (hero + honesty) */
body .hero-feat .lede,body .hero-feat .lede strong,
body section#honesty .lede,
body section#honesty .hon-stat span,
body section#honesty .hon-card p,body section#honesty .hon-card li,
body section#honesty .hon-promise .tx,
body #dpcalc .dpc-sub{letter-spacing:-.013em!important}

/* stat rows: even breathing room around the dividers, tighter number→copy */
body section#honesty .hon-stat{padding:0 0 26px!important;margin:0!important}
body section#honesty .hon-stat + .hon-stat{padding-top:30px!important}
body section#honesty .hon-stat:last-child{padding-bottom:0!important}
body section#honesty .hon-stat b{
  font-size:clamp(2.6rem,4.4vw,3.5rem)!important;margin:0 0 8px!important;
  line-height:1.06!important;display:block!important}

/* ===== card: pink corner glow + pink-tinted outline ===== */
body section#honesty .hon-card{
  position:relative;overflow:hidden;
  border:1px solid rgba(255,26,132,.16)!important;
  box-shadow:
    0 0 0 1px rgba(255,26,132,.05),
    -18px -18px 60px -24px rgba(255,26,132,.28),
    0 30px 70px -50px rgba(21,18,43,.30)!important}
body section#honesty .hon-card::after{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;left:0!important;width:62%!important;height:46%!important;
  pointer-events:none!important;z-index:0!important;
  background:radial-gradient(120% 120% at 0% 0%,rgba(255,26,132,.22) 0%,rgba(255,26,132,.08) 38%,rgba(255,26,132,0) 72%)!important}
body section#honesty .hon-card>*{position:relative;z-index:1}

/* ===== our promise: logo tile left, label above the copy ===== */
body section#honesty .hon-promise{
  display:grid!important;grid-template-columns:auto 1fr!important;
  align-items:center!important;gap:20px!important;padding:18px 22px!important}
body section#honesty .hon-promise .hp-mark{
  width:62px;height:62px;border-radius:16px;background:#F0E9FD;
  display:flex;align-items:center;justify-content:center;flex:none}
body section#honesty .hon-promise .hp-mark img{width:30px;height:30px;display:block}
body section#honesty .hon-promise .em{
  grid-column:2!important;display:block!important;margin:0 0 4px!important}
body section#honesty .hon-promise .tx{grid-column:2!important;display:block!important}

/* no black icon asset exists — invert the white mark */
body section#honesty .hon-promise .hp-mark img{filter:invert(1)}

/* ===== card: ClickUp-style glowing edge, no drop shadow ===== */
body section#honesty .hon-card{
  border:0!important;box-shadow:none!important;
  background:rgba(250,248,255,.86)!important;position:relative;overflow:hidden}
/* the 1px ring itself glows pink at the top-left and fades to neutral */
body section#honesty .hon-card::before{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;left:0!important;right:0!important;bottom:0!important;
  border-radius:24px!important;padding:1px!important;pointer-events:none!important;z-index:2!important;
  background:linear-gradient(135deg,
    rgba(255,26,132,.85) 0%,
    rgba(255,26,132,.34) 9%,
    rgba(124,58,237,.14) 22%,
    rgba(21,18,43,.09) 40%,
    rgba(21,18,43,.07) 100%)!important;
  -webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000)!important;
  mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important}
/* a whisper of interior light hugging that corner */
body section#honesty .hon-card::after{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;left:0!important;width:46%!important;height:34%!important;
  pointer-events:none!important;z-index:0!important;
  background:radial-gradient(110% 110% at 0% 0%,rgba(255,26,132,.11) 0%,rgba(255,26,132,.04) 40%,rgba(255,26,132,0) 74%)!important}

/* ===== our promise: mark spans both rows ===== */
body section#honesty .hon-promise{
  grid-template-rows:auto auto!important;align-items:start!important;
  gap:6px 18px!important;padding:18px 22px!important}
body section#honesty .hon-promise .hp-mark{
  grid-column:1!important;grid-row:1 / span 2!important;align-self:center!important;
  width:56px;height:56px;border-radius:14px}
body section#honesty .hon-promise .hp-mark img{width:26px;height:26px}
body section#honesty .hon-promise .em{grid-row:1!important;align-self:end!important;margin:0!important}
body section#honesty .hon-promise .tx{grid-row:2!important;align-self:start!important;margin:0!important}

/* an older sheet pins .hon-card::before to height:4px (old top hairline) */
body section#honesty .hon-card::before{height:auto!important;width:auto!important}

/* ===== corner glow, take 3: no mask ring (a legacy sheet keeps forcing
   .hon-card::before to a 4px bar), just a soft pink bloom on the corner ===== */
body section#honesty .hon-card{
  overflow:visible!important;
  border:1px solid rgba(21,18,43,.08)!important;border-radius:24px!important;
  box-shadow:none!important;isolation:isolate}
body section#honesty .hon-card::before{
  display:none!important;content:none!important;background:none!important}
body section#honesty .hon-card::after{
  content:""!important;display:block!important;position:absolute!important;
  top:-26px!important;left:-26px!important;right:auto!important;bottom:auto!important;
  width:300px!important;height:230px!important;z-index:-1!important;
  pointer-events:none!important;border-radius:60px 0 60px 0!important;
  background:radial-gradient(80% 80% at 22% 20%,rgba(255,26,132,.34) 0%,rgba(255,26,132,.14) 42%,rgba(255,26,132,0) 74%)!important;
  filter:blur(14px)!important}
/* interior whisper on the same corner, clipped to the card */
body section#honesty .hon-card .hon-card-k{position:relative;z-index:1}

/* ===== corner glow, take 4: gradient border on ::after (::before is hijacked
   by a legacy 4px-bar rule) + inner pink light, no outer shadow ===== */
body section#honesty .hon-card{
  overflow:hidden!important;border:0!important;box-shadow:none!important;
  background-color:rgba(250,248,255,.9)!important;
  background-image:radial-gradient(58% 44% at 0% 0%,rgba(255,26,132,.16) 0%,rgba(255,26,132,.06) 40%,rgba(255,26,132,0) 76%)!important;
  background-repeat:no-repeat!important}
body section#honesty .hon-card::before{display:none!important;content:none!important}
body section#honesty .hon-card::after{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;left:0!important;right:0!important;bottom:0!important;
  width:auto!important;height:auto!important;
  border-radius:24px!important;padding:1.2px!important;
  filter:none!important;pointer-events:none!important;z-index:3!important;
  background:linear-gradient(133deg,
    #FF1A84 0%,
    rgba(255,26,132,.55) 7%,
    rgba(255,26,132,.22) 15%,
    rgba(21,18,43,.10) 30%,
    rgba(21,18,43,.08) 100%)!important;
  -webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000)!important;
  mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important}

/* no dividers between the checklist items */
body section#honesty .hon-ways li,body section#honesty .hon-card li{
  border:0!important;border-bottom:0!important;border-top:0!important;
  padding-bottom:0!important;box-shadow:none!important}
body section#honesty .hon-ways{gap:16px 26px!important}

/* card body stays white — only the corner carries color */
body section#honesty .hon-card{
  background-color:#FFFFFF!important;
  backdrop-filter:none!important;
  box-shadow:none!important}

/* ===== corner glow, take 5: linear (angled) wash + 1px border ===== */
body section#honesty .hon-card{
  background-color:#FFFFFF!important;
  background-image:linear-gradient(110deg,
    rgba(255,26,132,.20) 0%,
    rgba(255,26,132,.10) 14%,
    rgba(255,26,132,.03) 28%,
    rgba(255,255,255,0) 40%)!important}
body section#honesty .hon-card::after{
  padding:1px!important;
  background:linear-gradient(110deg,
    #FF1A84 0%,
    rgba(255,26,132,.5) 10%,
    rgba(255,26,132,.2) 20%,
    rgba(21,18,43,.10) 34%,
    rgba(21,18,43,.08) 100%)!important}

/* glow angle: constant-colour lines at -13deg (gradient direction 103deg) */
body section#honesty .hon-card{
  background-image:linear-gradient(103deg,
    rgba(255,26,132,.20) 0%,
    rgba(255,26,132,.10) 14%,
    rgba(255,26,132,.03) 28%,
    rgba(255,255,255,0) 40%)!important}
body section#honesty .hon-card::after{
  background:linear-gradient(103deg,
    #FF1A84 0%,
    rgba(255,26,132,.5) 10%,
    rgba(255,26,132,.2) 20%,
    rgba(21,18,43,.10) 34%,
    rgba(21,18,43,.08) 100%)!important}

/* background-clip:text was cropping the descender on the accent line */
body section#honesty h2 .hl{
  padding-bottom:.12em!important;margin-bottom:-.12em!important}

/* ===== take 6: keep the glow in the top-left corner only =====
   layer 1 (on top) whites out everything past ~48% across,
   layer 2 is the angled pink wash that fades by ~26% down */
body section#honesty .hon-card{
  background-color:#FFFFFF!important;
  background-image:
    linear-gradient(93deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 30%,#FFFFFF 52%),
    linear-gradient(103deg,
      rgba(255,26,132,.22) 0%,
      rgba(255,26,132,.11) 10%,
      rgba(255,26,132,.03) 20%,
      rgba(255,255,255,0) 28%)!important}
/* border: pink only through the corner, grey hairline by ~18% */
body section#honesty .hon-card::after{
  background:linear-gradient(103deg,
    #FF1A84 0%,
    rgba(255,26,132,.42) 5%,
    rgba(255,26,132,.14) 11%,
    rgba(21,18,43,.10) 18%,
    rgba(21,18,43,.08) 100%)!important}

/* ===== take 7: purple, single 135deg diagonal so it stays in the corner ===== */
body section#honesty .hon-card{
  background-color:#FFFFFF!important;
  background-image:linear-gradient(135deg,
    #EADBFF 0%,
    rgba(234,219,255,.55) 12%,
    rgba(234,219,255,.18) 22%,
    #FFFFFF 34%)!important}
body section#honesty .hon-card::after{
  background:linear-gradient(135deg,
    #6C00FF 0%,
    rgba(108,0,255,.45) 7%,
    rgba(108,0,255,.16) 14%,
    #F0F0F0 22%,
    #F0F0F0 100%)!important}

/* angle trial: 150deg */
body section#honesty .hon-card{
  background-image:linear-gradient(150deg,
    #EADBFF 0%,
    rgba(234,219,255,.55) 12%,
    rgba(234,219,255,.18) 22%,
    #FFFFFF 34%)!important}
body section#honesty .hon-card::after{
  background:linear-gradient(150deg,
    #6C00FF 0%,
    rgba(108,0,255,.45) 7%,
    rgba(108,0,255,.16) 14%,
    #F0F0F0 22%,
    #F0F0F0 100%)!important}

/* angle trial: 165deg */
body section#honesty .hon-card{
  background-image:linear-gradient(165deg,
    #EADBFF 0%,
    rgba(234,219,255,.55) 12%,
    rgba(234,219,255,.18) 22%,
    #FFFFFF 34%)!important}
body section#honesty .hon-card::after{
  background:linear-gradient(165deg,
    #6C00FF 0%,
    rgba(108,0,255,.45) 7%,
    rgba(108,0,255,.16) 14%,
    #F0F0F0 22%,
    #F0F0F0 100%)!important}

/* 155deg, shorter throw — fades out just past the headline */
body section#honesty .hon-card{
  background-image:linear-gradient(155deg,
    #EADBFF 0%,
    rgba(234,219,255,.5) 7%,
    rgba(234,219,255,.14) 14%,
    #FFFFFF 21%)!important}
body section#honesty .hon-card::after{
  background:linear-gradient(155deg,
    #6C00FF 0%,
    rgba(108,0,255,.4) 5%,
    rgba(108,0,255,.13) 10%,
    #F0F0F0 16%,
    #F0F0F0 100%)!important}

/* frosted purple base + the top-left accent on top of it */
body section#honesty .hon-card{
  background-color:rgba(250,248,255,.86)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 34px rgba(124,58,237,.05)!important;
  background-image:linear-gradient(155deg,
    #EADBFF 0%,
    rgba(234,219,255,.5) 7%,
    rgba(234,219,255,.14) 14%,
    rgba(255,255,255,0) 21%)!important}

/* match the design-system value: surface reads white in the middle */
body section#honesty .hon-card{background-color:rgba(255,255,255,.9)!important}
/* narrower two-column block */
body section#honesty .hon-grid{max-width:1080px!important}

/* centre the stat column */
body section#honesty .hon-stats{text-align:center!important}
body section#honesty .hon-stat b{text-align:center!important}
body section#honesty .hon-stat span{
  text-align:center!important;max-width:36ch!important;margin:0 auto!important}
body section#honesty .hon-stats .hon-note,body section#honesty .hon-stats>p{
  text-align:center!important;margin-left:auto!important;margin-right:auto!important}

/* back to left-aligned, capitalised first word, tighter block */
body section#honesty .hon-stats{text-align:left!important}
body section#honesty .hon-stat b{text-align:left!important}
body section#honesty .hon-stat span{
  text-align:left!important;margin:0!important;max-width:34ch!important}
body section#honesty .hon-stat span::first-letter{text-transform:uppercase}
body section#honesty .hon-stats .hon-note,body section#honesty .hon-stats>p{
  text-align:left!important;margin-left:0!important;margin-right:0!important}
body section#honesty .hon-grid{
  max-width:980px!important;grid-template-columns:0.86fr 1.14fr!important;gap:30px!important}

/* mockup sizing: 400px stat column with left padding, card 20px narrower */
body section#honesty .hon-grid{
  grid-template-columns:400px minmax(0,1fr)!important;gap:30px!important;
  max-width:960px!important}
body section#honesty .hon-stat{padding-left:28px!important}
body section#honesty .hon-stats .hon-note,body section#honesty .hon-stats>p{
  padding-left:28px!important}

/* ===== #channels: 3-up, bigger imagery ===== */
body section#channels .grid6{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important;
  max-width:1180px!important;margin:0 auto!important}
body section#channels .grid6>.panel{padding:20px 20px 22px!important;border-radius:22px!important}
body section#channels .ph{
  aspect-ratio:4/3!important;height:auto!important;min-height:0!important;
  border-radius:16px!important;overflow:hidden!important;margin:0 0 16px!important}
body section#channels .ph img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body section#channels .panel .tag{display:block!important;margin:0 0 8px!important}
body section#channels .panel p{font-size:.95rem!important;line-height:1.55!important}
body section#channels .chan-more{
  display:inline-block!important;margin-top:14px!important;font-size:.9rem!important}
@media(max-width:980px){body section#channels .grid6{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){body section#channels .grid6{grid-template-columns:1fr!important}}

/* ===== #channels: white cards inside a gradient container ===== */
body section#channels .wrap{text-align:center!important}
body section#channels .grid6{
  background:linear-gradient(150deg,#F3ECFF 0%,#FFF6FB 100%)!important;
  border-radius:28px!important;padding:22px!important;
  max-width:1150px!important;margin:0 auto!important;
  grid-template-columns:repeat(3,1fr)!important;gap:18px!important;text-align:left!important}
body section#channels .grid6>.panel{
  background:#FFFFFF!important;background-image:none!important;
  border:0!important;border-radius:18px!important;
  box-shadow:0 1px 2px rgba(21,18,43,.04)!important;
  backdrop-filter:none!important;padding:20px 20px 22px!important}
body section#channels .grid6>.panel::before,
body section#channels .grid6>.panel::after{display:none!important;content:none!important}
/* bigger mono label */
body section#channels .panel .tag{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.82rem!important;font-weight:500!important;letter-spacing:.14em!important;
  color:#F0289C!important;-webkit-text-fill-color:#F0289C!important;
  margin:0 0 10px!important}
/* smaller, lighter explore link */
body section#channels .chan-more{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.84rem!important;
  color:#9A9AA5!important;-webkit-text-fill-color:#9A9AA5!important;margin-top:14px!important}

/* channels header: centred, correct lede scale */
body section#channels .strip{
  display:flex!important;width:max-content!important;margin:0 auto 20px!important}
body section#channels h2{
  text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:26ch!important}
body section#channels .lede{
  font-family:"Inter",system-ui,sans-serif!important;font-size:1.04rem!important;
  line-height:1.6!important;color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;
  text-align:center!important;max-width:62ch!important;
  margin-left:auto!important;margin-right:auto!important}
/* narrower grid, heavier label, smaller explore */
body section#channels .grid6{max-width:1080px!important}
body section#channels .panel .tag{font-weight:600!important;font-size:.8rem!important}
body section#channels .chan-more{font-size:.78rem!important}

/* Arc restored. Older WebKit (desktop app / older macOS Safari) will not paint a
   positioned child of a background-clip:text span, so the word gets a solid
   brand fill by default. Modern engines (gated on oklch support) inherit the
   parent's clipped gradient, so the gradient runs continuously through it. */
body .hero-feat h1 .uline{position:relative!important;  text-decoration:none!important;
  background:none!important;-webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#A312CE!important;-webkit-text-fill-color:#A312CE!important}
body .hero-feat h1 .uline::after{display:block!important;content:""!important}
@supports (color:oklch(50% 0 0)){
  body .hero-feat h1 .uline{background:none!important;color:transparent!important;
    -webkit-text-fill-color:transparent!important}
}

/* ==== global-v4.css ========================================================= */
/* ==========================================================
   global-v4.css — site-wide corrections (loaded on every page)
   ========================================================== */

/* no diagonal section dividers, no gradient hairline seam */
body .band .band-bg,body .band-bg{transform:none!important}
body .band .band-bg::before,body .band-bg::before{display:none!important;content:none!important}
body .band{overflow:visible}

/* light-band body copy */
body .band.light p,body .band.light .lede,body .band.light li,
body .band.light .panel p,body .band.light .ind p{color:#4F4F4F!important}

/* section labels: magenta pill tag, centred with the heading */
body .band.light .strip{
  display:inline-flex!important;align-items:center;justify-content:center;
  gap:0!important;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  font-weight:500!important;
  color:#F0289C!important;-webkit-text-fill-color:#F0289C!important;
  background:#FFF1F8!important;border:1px solid #FBC9E4!important;
  border-radius:11px!important;padding:7px 14px!important;margin:0 auto 20px!important;white-space:nowrap!important}
body .band.light .strip::before,body .band.light .strip::after{display:none!important;content:none!important}
body .band.light .strip .code{display:none!important}

/* light-band headline fade: left→right on a slight downward angle */
body .band.light h2,body .band.light h3,body .band.light .ick-h,body .band.light .dpc-title{
  background:linear-gradient(104deg,#15122B 0%,#15122B 44%,rgba(21,18,43,.55) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}

/* ---- body copy tracking, site-wide ---- */
body p:not(.mono),body .lede,body .panel p,body .ind p,.dpy li,
body .dpc-sub,body .hf-switch-tx span,body .rev-text,
footer.df-foot .df-about p,footer.df-foot .df-col a,
body .faq-list p,body .band p,body .band li{letter-spacing:-.013em!important}
/* mono elements keep their wide tracking (never use inherit as a guard) */
body p.mono,body .mono,body li.mono{letter-spacing:.06em!important}

/* ---- primary CTA: purple → magenta (retires the old pink → blue ramp) ----
   Black and white CTAs (payment-links style, the honesty card, the nav pill)
   are set by their own id/compound selectors and keep winning over this. */
body .btn-g:not(.header-cta),
body .dpc-cta,body .ick-res-cta,body a.dpc-cta,body a.ick-res-cta{
  background:linear-gradient(96deg,#7653FC 0%,#6A10D0 38%,#FE02C4 100%)!important;
  background-image:linear-gradient(96deg,#7653FC 0%,#6A10D0 38%,#FE02C4 100%)!important;
  background-color:transparent!important;
  border:0!important;border-radius:999px!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-transform:none!important;letter-spacing:-.008em!important;
  font-family:"Inter",system-ui,sans-serif!important;font-weight:600!important;
  box-shadow:0 18px 44px -20px rgba(160,43,217,.6)!important}
body .btn-g:not(.header-cta):hover,
body .dpc-cta:hover,body .ick-res-cta:hover{
  background:linear-gradient(96deg,#8567FF 0%,#7A18E0 38%,#FF2ACF 100%)!important;
  background-image:linear-gradient(96deg,#8567FF 0%,#7A18E0 38%,#FF2ACF 100%)!important;
  box-shadow:0 22px 52px -20px rgba(160,43,217,.7)!important;transform:translateY(-1px)!important}
body .btn-o{border-radius:999px!important;text-transform:none!important;
  letter-spacing:-.008em!important;font-family:"Inter",system-ui,sans-serif!important;
  font-weight:600!important}


/* =====================================================================
   PAGE LABEL PILL (hero eyebrow) — one spec for every page
   text a touch larger, mark a touch smaller, white label in Inter 600
   italic, optional qualifier in Inter 500 italic on the brand gradient.
   ===================================================================== */
body .hero-feat .strip,body .hero-center .strip{
  font-size:.9rem!important;gap:9px!important;padding:8px 18px 8px 13px!important}
body .hero-feat .strip .strip-ico,body .hero-center .strip .strip-ico,
body .hero-feat .strip-ico,body .hero-center .strip-ico{
  width:14px!important;height:14px!important;display:block!important;flex:none!important}
body .hero-feat .strip .strip-lead,body .hero-center .strip .strip-lead{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:600!important;
  font-style:italic!important;font-size:.9rem!important;letter-spacing:-.012em!important;
  background:none!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
body .hero-feat .strip .strip-rest,body .hero-center .strip .strip-rest{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:500!important;
  font-style:italic!important;font-size:.9rem!important;letter-spacing:-.012em!important;
  text-transform:none!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B2BE2 38%,#FE02C4 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  display:inline-block!important;padding-right:.08em!important}

/* ==== home-dpx-v5.css ======================================================= */
/* =====================================================================
   Homepage · Deposyt+ section (dpx) — v5
   dark frosted + accent cards, flipped hero wash behind the header,
   CTA-banner gradient on the Revenue Leak Audit block.
   Loaded last so it beats light-band-fixes / theme-signal / v3-skin.
   ===================================================================== */

body :where(.dpy.pg-dpx) section#deposyt-plus-home{
  background:#040409!important;padding:0 0 96px!important;
  position:relative;overflow:hidden;isolation:isolate}
body :where(.dpy.pg-dpx) section#deposyt-plus-home>.band-bg{display:none!important}

/* ---------- flipped hero wash: blooms at the top, rounded bottom ---------- */
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxs-top{
  position:relative;padding:86px 24px 48px;border-radius:0 0 30px 30px;overflow:hidden}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxs-topbg{
  position:absolute;inset:0;z-index:0;border-radius:0 0 30px 30px;
  background:
    radial-gradient(64% 42% at 84% -2%,rgba(255,14,175,.60) 0%,rgba(255,14,175,.28) 32%,rgba(255,14,175,0) 66%),
    radial-gradient(58% 40% at 34% -8%,rgba(120,24,245,.58) 0%,rgba(104,20,224,.26) 34%,rgba(104,20,224,0) 68%),
    radial-gradient(46% 32% at 4% 2%,rgba(70,20,200,.40) 0%,rgba(70,20,200,0) 62%),
    linear-gradient(180deg,#2A0A40 0%,#170A28 20%,#0B0715 52%,#08050F 100%)}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxs-topbg::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/58px 58px;
  mask-image:radial-gradient(120% 100% at 50% 0%,#000 42%,transparent 92%);
  -webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 42%,transparent 92%)}

/* ---------- section header ---------- */
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxs-head{
  position:relative;z-index:2;max-width:820px;margin:0 auto;text-align:center}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-eye{
  display:inline-block;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;font-weight:500!important;letter-spacing:.2em!important;
  text-transform:uppercase!important;white-space:nowrap;
  color:#FF5CB8!important;-webkit-text-fill-color:#FF5CB8!important;
  background:rgba(255,26,132,.12)!important;border:1px solid rgba(255,80,180,.42)!important;
  border-radius:11px!important;padding:7px 14px!important;margin:0 auto 24px!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-title{
  display:flex;flex-direction:column;gap:4px;
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;
  font-size:clamp(2.1rem,4.4vw,3.2rem)!important;letter-spacing:-.03em!important;
  line-height:1.06!important;margin:0 0 18px!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-title .dpx-sub{
  font-size:.62em;font-weight:500;color:#fff!important;-webkit-text-fill-color:#fff!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-title .dpx-mark{
  font-style:italic;font-weight:500;
  background:linear-gradient(90deg,#7653FC 0%,#8B1FD8 40%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-lede{
  font-family:"Inter",system-ui,sans-serif!important;font-size:1.02rem!important;
  line-height:1.62!important;color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important;
  max-width:66ch!important;margin:0 auto!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-toolhead{margin:38px auto 0;max-width:66ch}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-toolkicker{
  display:block;font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;font-weight:500!important;letter-spacing:.2em!important;
  text-transform:uppercase!important;
  color:#A855F7!important;-webkit-text-fill-color:#A855F7!important;margin-bottom:12px}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-toolintro{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.98rem!important;
  line-height:1.6!important;color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important;
  margin:0!important}

/* ---------- body column ---------- */
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxs-body{
  position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:12px 24px 0}

/* ---------- frosted + accent, dark (from the card system) ---------- */
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxfa{
  position:relative;overflow:hidden;border:0!important;border-radius:24px!important;
  background-color:rgba(14,11,24,.82)!important;
  background-image:linear-gradient(155deg,rgba(var(--fa),.42) 0%,rgba(var(--fa),.18) 8%,rgba(var(--fa),.05) 15%,rgba(var(--fa),0) 24%)!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 40px rgba(var(--fa),.10)!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxfa::after{
  content:"";position:absolute;top:0;left:0;right:0;bottom:0;
  border-radius:24px;padding:1px;pointer-events:none;z-index:3;
  background:linear-gradient(155deg,rgb(var(--fa)) 0%,rgba(var(--fa),.5) 6%,rgba(var(--fa),.18) 12%,rgba(255,255,255,.07) 18%,rgba(255,255,255,.07) 100%);
  -webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
  mask-composite:exclude}
body :where(.dpy.pg-dpx) #deposyt-plus-home .fa-purple{--fa:140,60,255}
body :where(.dpy.pg-dpx) #deposyt-plus-home .fa-violet{--fa:124,58,237}
body :where(.dpy.pg-dpx) #deposyt-plus-home .fa-magenta{--fa:255,26,132}
body :where(.dpy.pg-dpx) #deposyt-plus-home .fa-blue{--fa:43,107,255}

/* ---------- the three curated tools ---------- */
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tools{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 20px}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tcard{
  display:flex;flex-direction:column;padding:24px 26px 26px!important;
  text-decoration:none!important;transition:box-shadow .2s ease,transform .2s ease}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tcard:hover{
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 46px rgba(var(--fa),.18)!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-ttag{
  align-self:flex-start;background:none!important;border:0!important;padding:0!important;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.68rem!important;
  font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important;
  color:rgb(var(--fa))!important;-webkit-text-fill-color:rgb(var(--fa))!important;
  filter:brightness(1.28)}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tcard h4{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  font-size:18px!important;letter-spacing:-.008em!important;line-height:1.25!important;
  margin:12px 0 8px!important;color:#F7F5FF!important;-webkit-text-fill-color:#F7F5FF!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tcard p{
  font-family:"Inter",system-ui,sans-serif!important;font-size:15px!important;font-weight:400!important;
  letter-spacing:-.01em!important;line-height:1.5!important;margin:0 0 16px!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tgo{
  margin-top:auto;font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.66rem!important;font-weight:500!important;letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:#8C8C93!important;-webkit-text-fill-color:#8C8C93!important;transition:color .18s ease}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tcard:hover .dpx-tgo{
  color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ---------- plus many more ---------- */
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-more{
  padding:24px 26px 26px!important;margin:0 0 20px!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-more-k{
  display:block;font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;font-weight:500!important;letter-spacing:.18em!important;
  text-transform:uppercase!important;margin:0 0 16px!important;
  color:#FF63C8!important;-webkit-text-fill-color:#FF63C8!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-more-chips,
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-chips{display:flex;flex-wrap:wrap;gap:12px}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-more-chips span,
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-chips span{
  display:inline-flex;align-items:center;
  background:#121216!important;border:1px solid rgba(255,255,255,.07)!important;
  border-radius:999px!important;padding:11px 20px!important;
  font-family:"Inter",system-ui,sans-serif!important;font-size:.9rem!important;font-weight:600!important;
  letter-spacing:-.01em!important;color:#EDEDF0!important;-webkit-text-fill-color:#EDEDF0!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-chips span::before{display:none!important;content:none!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-more-chips .dpx-more-count{
  background:transparent!important;border:1px dashed rgba(255,99,200,.42)!important;
  font-style:italic;color:#FF8FD6!important;-webkit-text-fill-color:#FF8FD6!important}

/* ---------- curated bundles ---------- */
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-bundles{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 20px!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-bcard{padding:28px 30px 30px!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-bk{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.68rem!important;
  font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important;
  color:#5B8CFF!important;-webkit-text-fill-color:#5B8CFF!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-bname{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  font-size:clamp(1.35rem,2.2vw,1.6rem)!important;letter-spacing:-.02em!important;line-height:1.12!important;
  margin:8px 0 18px!important;color:#F7F5FF!important;-webkit-text-fill-color:#F7F5FF!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-bcard p{
  font-family:"Inter",system-ui,sans-serif!important;font-size:15px!important;font-weight:400!important;
  line-height:1.55!important;letter-spacing:-.01em!important;margin:18px 0 0!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}

/* ---------- the Revenue Leak Audit: CTA-banner gradient ---------- */
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:36px;align-items:start;
  border:0!important;border-radius:32px!important;padding:46px 48px 50px!important;
  background:#050508!important;margin:34px 0 0}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit::before{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(78% 62% at 84% 100%,rgba(255,14,175,.95) 0%,rgba(255,14,175,.5) 30%,rgba(255,14,175,0) 66%),
    radial-gradient(72% 60% at 38% 104%,rgba(120,24,245,.95) 0%,rgba(104,20,224,.48) 32%,rgba(104,20,224,0) 68%),
    radial-gradient(60% 48% at 4% 92%,rgba(70,20,200,.62) 0%,rgba(70,20,200,0) 64%),
    linear-gradient(180deg,#040409 0%,#060510 40%,#1A0B30 72%,#330C4E 100%)}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit::after{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;
  background:radial-gradient(110% 58% at 50% 0%,rgba(0,0,0,.82) 0%,rgba(0,0,0,.3) 46%,rgba(0,0,0,0) 68%)}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit>*{position:relative;z-index:2}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit-k{
  display:block;font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;font-weight:500!important;letter-spacing:.2em!important;
  text-transform:uppercase!important;
  color:#2FE8A8!important;-webkit-text-fill-color:#2FE8A8!important;margin:0 0 18px!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit-l h4{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  font-size:clamp(1.9rem,3.4vw,2.6rem)!important;letter-spacing:-.032em!important;line-height:1.06!important;
  margin:0 0 14px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit-l p{
  font-family:"Inter",system-ui,sans-serif!important;font-size:1rem!important;line-height:1.6!important;
  max-width:54ch!important;margin:0!important;
  color:#D3D1DC!important;-webkit-text-fill-color:#D3D1DC!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit-r{
  display:flex;flex-direction:column;gap:14px;align-items:flex-end;padding-top:6px}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-cta{
  display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  background:#FFFFFF!important;background-image:none!important;
  color:#0B0A16!important;-webkit-text-fill-color:#0B0A16!important;
  font-family:"Inter",system-ui,sans-serif!important;font-size:.95rem!important;font-weight:600!important;
  letter-spacing:-.01em!important;text-decoration:none!important;border:0!important;
  padding:15px 30px!important;border-radius:999px!important;
  box-shadow:0 14px 36px -20px rgba(0,0,0,.7)!important;
  transition:opacity .18s ease,transform .18s ease}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-cta:hover{opacity:.88;transform:none}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-link{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.7rem!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;text-decoration:none!important;
  color:rgba(255,255,255,.66)!important;-webkit-text-fill-color:rgba(255,255,255,.66)!important}
body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-link:hover{
  color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tools{grid-template-columns:1fr 1fr}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit{grid-template-columns:1fr;gap:26px}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit-r{align-items:flex-start;padding-top:0}
}
@media(max-width:760px){
  body :where(.dpy.pg-dpx) section#deposyt-plus-home{padding-bottom:64px!important}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxs-top{padding:64px 20px 40px;border-radius:0 0 24px 24px}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxs-topbg{border-radius:0 0 24px 24px}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxs-body{padding:10px 18px 0}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tools,
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-bundles{grid-template-columns:1fr;gap:16px}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-eye{white-space:normal;line-height:1.5}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-title{font-size:clamp(1.85rem,7.4vw,2.3rem)!important}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-toolhead{margin-top:30px}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-tcard,
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-more,
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-bcard{padding:22px 20px 24px!important;border-radius:20px!important}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpxfa::after{border-radius:20px}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-more-chips span,
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-chips span{padding:9px 15px!important;font-size:.84rem!important}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit{padding:30px 22px 32px!important;border-radius:24px!important;margin-top:24px}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit-l p{font-size:.95rem!important}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-audit-r{align-self:stretch}
  body :where(.dpy.pg-dpx) #deposyt-plus-home .dpx-cta{width:100%;justify-content:center}
}

/* ==== home-v6.css =========================================================== */
/* =====================================================================
   home-v6.css — homepage lower-half skin, styling only.
   Vocabulary lifted from the payment-links page (pl-v4.css):
   white bands with a centred radial bloom, frosted cards, dark bands,
   and the CTA-banner gradient. Loaded last on home.html.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. LIGHT BANDS — pure white with a single centred bloom
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) section.band.pl-frosted{background:#FFFFFF!important}
body :where(.dpy.pg-hv6) section.band.pl-frosted>.band-bg{
  background:none!important;background-image:none!important;opacity:1!important;
  transform:none!important;inset:0!important}
body :where(.dpy.pg-hv6) section.band.pl-frosted>.band-bg::before,
body :where(.dpy.pg-hv6) section.band.pl-frosted>.band-bg::after{display:none!important;content:none!important}

body :where(.dpy.pg-hv6) section.band.pl-glow-blue>.band-bg{
  background:radial-gradient(880px 470px at 50% 48%,rgba(46,91,255,.085),transparent 70%)!important}
body :where(.dpy.pg-hv6) section.band.pl-glow-magenta>.band-bg{
  background:radial-gradient(880px 470px at 50% 48%,rgba(255,26,132,.09),transparent 70%)!important}
body :where(.dpy.pg-hv6) section.band.pl-glow-purple>.band-bg{
  background:radial-gradient(880px 470px at 50% 48%,rgba(124,58,237,.10),transparent 70%)!important}
/* no bloom at all: pure white breather band */
body :where(.dpy.pg-hv6) section.band.pl-plain>.band-bg{background:#FFFFFF!important}

body :where(.dpy.pg-hv6) section.band.pl-frosted{--pl-acc:124,58,237}
body :where(.dpy.pg-hv6) section.band.pl-glow-blue{--pl-acc:46,91,255}
body :where(.dpy.pg-hv6) section.band.pl-glow-magenta{--pl-acc:255,26,132}
body :where(.dpy.pg-hv6) section.band.pl-glow-purple{--pl-acc:124,58,237}

/* centred section headers, left-aligned card copy */
body :where(.dpy.pg-hv6) section.band.pl-frosted>.wrap{text-align:center}
body :where(.dpy.pg-hv6) section.band.pl-frosted>.wrap>h2{margin-left:auto!important;margin-right:auto!important}
body :where(.dpy.pg-hv6) section.band.pl-frosted>.wrap>.lede{
  margin-left:auto!important;margin-right:auto!important;max-width:64ch!important;text-align:center}
body :where(.dpy.pg-hv6) section.band.pl-frosted .panel,
body :where(.dpy.pg-hv6) section.band.pl-frosted .ind,
body :where(.dpy.pg-hv6) section.band.pl-frosted .vs,
body :where(.dpy.pg-hv6) section.band.pl-frosted .grid2>div,
body :where(.dpy.pg-hv6) section.band.pl-frosted article{text-align:left}

/* frosted card surface — replaces the hard white card + gradient hairline */
body :where(.dpy.pg-hv6) section.band.light.pl-frosted .panel,
body :where(.dpy.pg-hv6) section.band.light.pl-frosted .ind,
body :where(.dpy.pg-hv6) section.band.light.pl-frosted article.panel{
  background:rgba(255,255,255,.86)!important;background-image:none!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(var(--pl-acc),.14)!important;
  border-top-color:rgba(var(--pl-acc),.14)!important;
  border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 30px rgba(var(--pl-acc),.03)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body :where(.dpy.pg-hv6) section.band.light.pl-frosted .panel:hover,
body :where(.dpy.pg-hv6) section.band.light.pl-frosted .ind:hover{
  border-color:rgba(var(--pl-acc),.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 34px rgba(var(--pl-acc),.07)!important}
/* drop the gradient hairline on top of frosted cards */
body :where(.dpy.pg-hv6) section.band.pl-frosted .panel::before,body :where(.dpy.pg-hv6) section.band.pl-frosted .panel::after,
body :where(.dpy.pg-hv6) section.band.pl-frosted .ind::before,body :where(.dpy.pg-hv6) section.band.pl-frosted .ind::after{
  display:none!important;content:none!important}

body :where(.dpy.pg-hv6) section.band.pl-frosted .panel h3,
body :where(.dpy.pg-hv6) section.band.pl-frosted .ind h3{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  font-size:1.12rem!important;letter-spacing:-.015em!important;line-height:1.28!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;background:none!important;
  padding-left:0!important}
body :where(.dpy.pg-hv6) section.band.pl-frosted .panel p,
body :where(.dpy.pg-hv6) section.band.pl-frosted .ind p{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.94rem!important;font-weight:400!important;
  line-height:1.55!important;color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}
body :where(.dpy.pg-hv6) section.band.pl-frosted .tag{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.68rem!important;
  font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important;
  background:none!important;border:0!important;padding:0!important;margin:0 0 10px!important;
  display:block!important}
body :where(.dpy.pg-hv6) section.band.pl-glow-blue .tag,body :where(.dpy.pg-hv6) section.band.pl-glow-blue .tag.pink{
  color:#2E5BFF!important;-webkit-text-fill-color:#2E5BFF!important}
body :where(.dpy.pg-hv6) section.band.pl-glow-magenta .tag,body :where(.dpy.pg-hv6) section.band.pl-glow-magenta .tag.pink{
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}
body :where(.dpy.pg-hv6) section.band.pl-glow-purple .tag,body :where(.dpy.pg-hv6) section.band.pl-glow-purple .tag.pink{
  color:#7C3AED!important;-webkit-text-fill-color:#7C3AED!important}

/* ---------------------------------------------------------------------
   2. DARK BANDS — hero wash, crosshatch, dark frosted cards
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) section.band.pl-dark{background:#07050E!important}
body :where(.dpy.pg-hv6) section.band.pl-dark>.band-bg{
  opacity:1!important;transform:none!important;inset:0!important;
  background:
    radial-gradient(64% 42% at 84% -2%,rgba(255,14,175,.34) 0%,rgba(255,14,175,.16) 34%,rgba(255,14,175,0) 68%),
    radial-gradient(58% 40% at 32% -8%,rgba(120,24,245,.36) 0%,rgba(104,20,224,.16) 36%,rgba(104,20,224,0) 70%),
    linear-gradient(180deg,#150925 0%,#0A0616 34%,#07050E 70%,#050409 100%)!important}
body :where(.dpy.pg-hv6) section.band.pl-dark>.band-bg::before{display:none!important;content:none!important}
body :where(.dpy.pg-hv6) section.band.pl-dark>.band-bg::after{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/58px 58px!important;
  opacity:1!important}
body :where(.dpy.pg-hv6) section.band.pl-dark-indigo>.band-bg{
  background:
    radial-gradient(62% 40% at 22% -6%,rgba(46,91,255,.30) 0%,rgba(46,91,255,.12) 36%,rgba(46,91,255,0) 70%),
    radial-gradient(58% 40% at 86% 0%,rgba(124,58,237,.28) 0%,rgba(124,58,237,.12) 36%,rgba(124,58,237,0) 70%),
    linear-gradient(180deg,#0B0A20 0%,#080614 36%,#07050E 72%,#050409 100%)!important}
body :where(.dpy.pg-hv6) section.band.pl-dark-purple{--pl-acc:124,58,237}
body :where(.dpy.pg-hv6) section.band.pl-dark-indigo{--pl-acc:46,91,255}

body :where(.dpy.pg-hv6) section.band.pl-dark>.wrap{position:relative;z-index:2;text-align:center}
body :where(.dpy.pg-hv6) section.band.pl-dark>.wrap>.lede{
  margin-left:auto!important;margin-right:auto!important;max-width:64ch!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .panel,body :where(.dpy.pg-hv6) section.band.pl-dark article,
body :where(.dpy.pg-hv6) section.band.pl-dark .grid2>div,body :where(.dpy.pg-hv6) section.band.pl-dark ul{text-align:left}

/* label pill on dark */
body :where(.dpy.pg-hv6) section.band.pl-dark .strip{
  display:inline-flex!important;align-items:center;justify-content:center;gap:0!important;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  font-weight:500!important;white-space:nowrap!important;
  color:#FF5CB8!important;-webkit-text-fill-color:#FF5CB8!important;
  background:rgba(255,26,132,.12)!important;border:1px solid rgba(255,80,180,.42)!important;
  border-radius:11px!important;padding:7px 14px!important;margin:0 auto 20px!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .strip::before,body :where(.dpy.pg-hv6) section.band.pl-dark .strip::after{
  display:none!important;content:none!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .strip .code{display:none!important}

body :where(.dpy.pg-hv6) section.band.pl-dark h2{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;
  letter-spacing:-.03em!important;line-height:1.08!important;
  background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 20%,rgba(255,255,255,.52) 62%,rgba(255,255,255,.46) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body :where(.dpy.pg-hv6) section.band.pl-dark h2 .hl{
  font-style:italic!important;font-weight:500!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B1FD8 40%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .lede{
  font-family:"Inter",system-ui,sans-serif!important;font-size:1.04rem!important;line-height:1.62!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}

body :where(.dpy.pg-hv6) section.band.pl-dark .panel{
  background:linear-gradient(180deg,rgba(var(--pl-acc),.14),rgba(10,8,20,.55))!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(var(--pl-acc),.28)!important;border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 34px rgba(var(--pl-acc),.18)!important;
  transition:border-color .18s ease}
body :where(.dpy.pg-hv6) section.band.pl-dark .panel:hover{border-color:rgba(var(--pl-acc),.46)!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .panel::before,body :where(.dpy.pg-hv6) section.band.pl-dark .panel::after{
  display:none!important;content:none!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .panel h3{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  font-size:1.16rem!important;letter-spacing:-.015em!important;
  color:#F7F5FF!important;-webkit-text-fill-color:#F7F5FF!important;background:none!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .panel p,body :where(.dpy.pg-hv6) section.band.pl-dark .panel li{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.94rem!important;line-height:1.55!important;
  color:#C6C6CE!important;-webkit-text-fill-color:#C6C6CE!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .panel p strong,body :where(.dpy.pg-hv6) section.band.pl-dark .panel li strong{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-weight:600!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .panel .tag,body :where(.dpy.pg-hv6) section.band.pl-dark .panel .tag.pink{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.68rem!important;
  font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important;
  background:none!important;border:0!important;padding:0!important;margin:0 0 10px!important;display:block!important;
  color:#FF3DA6!important;-webkit-text-fill-color:#FF3DA6!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .btn-o{
  background:rgba(255,255,255,.05)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important}
body :where(.dpy.pg-hv6) section.band.pl-dark .btn-o:hover{background:rgba(255,255,255,.1)!important}

/* ---------------------------------------------------------------------
   3. DEVICES — hardware cards read as product tiles
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #devices .grid4{gap:20px}
body :where(.dpy.pg-hv6) #devices .panel{padding:20px 22px 24px!important}
body :where(.dpy.pg-hv6) #devices .ph.filled{border-radius:14px!important;border-color:rgba(46,91,255,.14)!important}
body :where(.dpy.pg-hv6) #devices .ph.filled.fit-white{
  background:linear-gradient(160deg,#FFFFFF 0%,#F7F9FF 60%,rgba(46,91,255,.06) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(46,91,255,.08)!important}

/* ---------------------------------------------------------------------
   4. WHY DEPOSYT — old / new comparison on a plain white band
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #why .vs{
  border:1px solid rgba(124,58,237,.14)!important;border-radius:22px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 40px rgba(124,58,237,.04)!important;
  overflow:hidden}
body :where(.dpy.pg-hv6) #why .vs .old,body :where(.dpy.pg-hv6) #why .vs .new{background:transparent!important}
body :where(.dpy.pg-hv6) #why .vs .new::before{background:linear-gradient(180deg,#7653FC,#FE02C4)!important;width:1px!important}
body :where(.dpy.pg-hv6) #why .vs>div{padding:34px 34px 36px!important}
body :where(.dpy.pg-hv6) #why .vs .tag{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.68rem!important;
  letter-spacing:.18em!important;margin-bottom:14px!important}
body :where(.dpy.pg-hv6) #why .vs .old .tag{color:#7C3AED!important;-webkit-text-fill-color:#7C3AED!important}
body :where(.dpy.pg-hv6) #why .vs .new .tag{color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}
body :where(.dpy.pg-hv6) #why .vs ul.feat li{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.97rem!important;color:#4F4F4F!important}
body :where(.dpy.pg-hv6) #why .vs ul.feat li strong{color:#15122B!important;font-weight:600!important}
body :where(.dpy.pg-hv6) #why .bridge-quote{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;
  letter-spacing:-.028em!important;max-width:22ch;margin-left:auto!important;margin-right:auto!important;
  background:linear-gradient(100deg,#15122B 0%,#15122B 30%,rgba(21,18,43,.34) 82%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body :where(.dpy.pg-hv6) #why .bridge-quote .hl{
  font-style:italic!important;font-weight:500!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B1FD8 40%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}

/* ---------------------------------------------------------------------
   5. INDUSTRIES — link tiles, bigger and heavier labels
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #industries .ind-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;
  margin-top:8px}
@media(max-width:1000px){body :where(.dpy.pg-hv6) #industries .ind-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){body :where(.dpy.pg-hv6) #industries .ind-grid{grid-template-columns:1fr!important}}
body :where(.dpy.pg-hv6) #industries .ind{
  display:block!important;padding:24px 26px 26px!important;text-decoration:none!important;
  position:relative}
body :where(.dpy.pg-hv6) #industries .ind:hover{transform:translateY(-3px)}
body :where(.dpy.pg-hv6) #industries .ind .tag{
  font-size:.8rem!important;font-weight:700!important;letter-spacing:.14em!important;
  margin:0 0 10px!important;color:#7C3AED!important;-webkit-text-fill-color:#7C3AED!important}
body :where(.dpy.pg-hv6) #industries .ind p{font-size:.92rem!important;margin:0!important}
body :where(.dpy.pg-hv6) #industries .ind::after{
  content:"\2192";position:absolute;right:22px;bottom:22px;font-size:1rem;line-height:1;
  color:rgba(124,58,237,.35);-webkit-text-fill-color:rgba(124,58,237,.35);
  opacity:0;transform:translateX(-4px);transition:opacity .18s ease,transform .18s ease;display:block!important}
body :where(.dpy.pg-hv6) #industries .ind:hover::after{opacity:1;transform:translateX(0)}
body :where(.dpy.pg-hv6) #industries>.wrap>.panel{margin-top:26px!important;text-align:left}
body :where(.dpy.pg-hv6) #industries>.wrap>.panel .tag{color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}

/* ---------------------------------------------------------------------
   6. HIGH RISK — the verticals block takes the CTA-banner gradient
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #high-risk .hr-stat{font-family:"Inter Tight","Inter",system-ui,sans-serif!important}
body :where(.dpy.pg-hv6) #high-risk .hr-badge-line{
  background:#FFF1F8!important;border:1px solid #FBC9E4!important;color:#15122B!important}
body :where(.dpy.pg-hv6) #high-risk .hr-vert{
  background:#050508!important;background-image:none!important;
  border-radius:38px!important;padding:64px 46px 60px!important;margin-top:52px!important;
  box-shadow:0 40px 90px -50px rgba(11,10,22,.55)!important;text-align:center!important;
  isolation:isolate}
body :where(.dpy.pg-hv6) #high-risk .hr-vert::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
  background:
    radial-gradient(78% 62% at 84% 100%,rgba(255,14,175,.95) 0%,rgba(255,14,175,.5) 30%,rgba(255,14,175,0) 66%),
    radial-gradient(72% 60% at 38% 104%,rgba(120,24,245,.95) 0%,rgba(104,20,224,.48) 32%,rgba(104,20,224,0) 68%),
    radial-gradient(60% 48% at 4% 92%,rgba(70,20,200,.62) 0%,rgba(70,20,200,0) 64%),
    linear-gradient(180deg,#040409 0%,#060510 40%,#1A0B30 72%,#330C4E 100%)!important}
body :where(.dpy.pg-hv6) #high-risk .hr-vert::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none;
  background:radial-gradient(110% 58% at 50% 0%,rgba(0,0,0,.82) 0%,rgba(0,0,0,.3) 46%,rgba(0,0,0,0) 68%)!important}
body :where(.dpy.pg-hv6) #high-risk .hr-vert>*{position:relative;z-index:2}
body :where(.dpy.pg-hv6) #high-risk .hr-vert .hv-eyebrow{
  font-size:.7rem!important;letter-spacing:.2em!important;
  color:#FF5CB8!important;-webkit-text-fill-color:#FF5CB8!important;opacity:1!important;
  margin-bottom:16px!important}
body :where(.dpy.pg-hv6) #high-risk .hr-vert h3{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;
  font-size:clamp(1.9rem,3.6vw,2.9rem)!important;letter-spacing:-.032em!important;line-height:1.1!important;
  text-shadow:none!important;max-width:24ch;margin:0 auto 14px!important;
  background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 34%,rgba(255,255,255,.55) 78%,rgba(255,255,255,.5) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body :where(.dpy.pg-hv6) #high-risk .hr-vert h3 em{
  font-style:italic!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B1FD8 40%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body :where(.dpy.pg-hv6) #high-risk .hr-vert .hv-sub{
  font-family:"Inter",system-ui,sans-serif!important;font-size:1rem!important;line-height:1.62!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important;text-shadow:none!important;
  max-width:58ch;margin:0 auto 30px!important}
body :where(.dpy.pg-hv6) #high-risk .hv-grid{justify-content:center;gap:10px;margin-bottom:32px}
body :where(.dpy.pg-hv6) #high-risk .hv-grid a,body :where(.dpy.pg-hv6) #high-risk .hv-grid span{
  background:#121216!important;border:1px solid rgba(255,255,255,.08)!important;
  color:#E9E9EC!important;-webkit-text-fill-color:#E9E9EC!important;
  font-family:"Inter",system-ui,sans-serif!important;font-weight:500!important;font-size:.9rem!important;
  border-radius:999px!important;padding:11px 18px!important}
body :where(.dpy.pg-hv6) #high-risk .hv-grid a:hover{
  border-color:rgba(255,255,255,.2)!important;background:#191920!important;transform:translateY(-2px)}
body :where(.dpy.pg-hv6) #high-risk .hv-grid a::before,body :where(.dpy.pg-hv6) #high-risk .hv-grid span::before{
  background:linear-gradient(90deg,#8B1FD8,#FE02C4)!important}
body :where(.dpy.pg-hv6) #high-risk .hv-grid span.more{
  background:transparent!important;border:1px dashed rgba(255,92,184,.5)!important;
  color:#FF5CB8!important;-webkit-text-fill-color:#FF5CB8!important;font-style:italic!important;
  font-weight:600!important}
body :where(.dpy.pg-hv6) #high-risk .hv-cta{justify-content:center}
body :where(.dpy.pg-hv6) #high-risk .hv-cta .b1{
  background:#FFFFFF!important;color:#0B0A16!important;-webkit-text-fill-color:#0B0A16!important;
  font-family:"Inter",system-ui,sans-serif!important;font-weight:600!important;font-size:.95rem!important;
  padding:15px 32px!important;box-shadow:0 12px 34px -18px rgba(0,0,0,.6)!important}
body :where(.dpy.pg-hv6) #high-risk .hv-cta .b2{
  background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-family:"Inter",system-ui,sans-serif!important;font-weight:600!important;font-size:.95rem!important;
  padding:15px 30px!important}
body :where(.dpy.pg-hv6) #high-risk .hv-cta .b2:hover{background:rgba(255,255,255,.1)!important}

/* ---------------------------------------------------------------------
   7. PARTNERS — dark band
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #partners h3{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  color:#F7F5FF!important;-webkit-text-fill-color:#F7F5FF!important;background:none!important}
body :where(.dpy.pg-hv6) #partners ul.feat li{
  color:#C6C6CE!important;-webkit-text-fill-color:#C6C6CE!important;font-size:.94rem!important}
body :where(.dpy.pg-hv6) #partners ul.feat li strong{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
body :where(.dpy.pg-hv6) #partners>.wrap>.panel{
  background:linear-gradient(150deg,rgba(124,58,237,.18),rgba(46,91,255,.12))!important;
  border:1px solid rgba(124,58,237,.3)!important;text-align:left}
body :where(.dpy.pg-hv6) #partners .btn-g{
  background:linear-gradient(96deg,#7653FC 0%,#6A10D0 38%,#FE02C4 100%)!important;border:0!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ---------------------------------------------------------------------
   8. UNIVERSITY — article tiles on white
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #university .panel{padding:0!important;overflow:hidden!important}
body :where(.dpy.pg-hv6) #university .panel>div{padding:24px 26px 26px!important}
body :where(.dpy.pg-hv6) #university .patricia-cover{border-bottom:1px solid rgba(46,91,255,.14)!important}
body :where(.dpy.pg-hv6) #university .ph{border-radius:0!important;border:0!important;border-bottom:1px solid rgba(46,91,255,.14)!important}

/* ---------------------------------------------------------------------
   9. FAQ — dark question list, rounded bottom on the dark run
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #faq .faq-list{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;
  max-width:1040px!important;margin:6px auto 0!important}
@media(max-width:820px){body :where(.dpy.pg-hv6) #faq .faq-list{grid-template-columns:1fr!important}}
body :where(.dpy.pg-hv6) #faq .faq-list .panel{
  background:#141418!important;background-image:none!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  padding:26px 28px 24px!important}
body :where(.dpy.pg-hv6) #faq .faq-list .panel:hover{
  background:#1A1A20!important;border-color:rgba(255,255,255,.13)!important}
body :where(.dpy.pg-hv6) #faq .faq-list .panel h3{
  font-size:1.06rem!important;margin:0 0 8px!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
body :where(.dpy.pg-hv6) #faq .faq-list .panel p{color:#B6B6BE!important;-webkit-text-fill-color:#B6B6BE!important}
body :where(.dpy.pg-hv6) #faq .faq-list .panel p strong{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
/* rounded corners on the dark run: white backplate reveals the curve */
body :where(.dpy.pg-hv6) section.band.pl-dark.pl-round-top,body :where(.dpy.pg-hv6) section.band.pl-dark.pl-round-bottom{
  background:#FFFFFF!important;background-color:#FFFFFF!important;overflow:visible!important}
body :where(.dpy.pg-hv6) section.band.pl-dark.pl-round-top>.band-bg{border-radius:34px 34px 0 0!important;overflow:hidden!important}
body :where(.dpy.pg-hv6) section.band.pl-dark.pl-round-bottom>.band-bg{border-radius:0 0 34px 34px!important;overflow:hidden!important}
body :where(.dpy.pg-hv6) section.band.pl-dark.pl-round-top>.band-bg::after{border-radius:34px 34px 0 0!important}
body :where(.dpy.pg-hv6) section.band.pl-dark.pl-round-bottom>.band-bg::after{border-radius:0 0 34px 34px!important}
body :where(.dpy.pg-hv6) section.band.pl-dark.pl-round-both>.band-bg,
body :where(.dpy.pg-hv6) section.band.pl-dark.pl-round-both>.band-bg::after{border-radius:34px!important;overflow:hidden!important}
body :where(.dpy.pg-hv6) section.band.pl-dark.pl-round-both{
  background:#FFFFFF!important;background-color:#FFFFFF!important;overflow:visible!important}

/* ---------------------------------------------------------------------
   10. REVIEWS — Trustindex widget on a soft blue wash
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) section.band#reviews{background:#FFFFFF!important}
body :where(.dpy.pg-hv6) section.band#reviews>.band-bg{
  transform:none!important;inset:0!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#EBF7FD 50%,#FFFFFF 100%)!important}
body :where(.dpy.pg-hv6) section.band#reviews>.band-bg::before,body :where(.dpy.pg-hv6) section.band#reviews>.band-bg::after{
  display:none!important;content:none!important}
body :where(.dpy.pg-hv6) section.band#reviews>.wrap{text-align:center!important}
body :where(.dpy.pg-hv6) #reviews h2{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;
  letter-spacing:-.03em!important;line-height:1.08!important;max-width:24ch;margin:0 auto 34px!important}
body :where(.dpy.pg-hv6) #reviews .ti-embed{max-width:1180px;margin:0 auto}
body :where(.dpy.pg-hv6) #reviews .ti-embed *{font-family:"Inter",system-ui,-apple-system,sans-serif!important}
body :where(.dpy.pg-hv6) #reviews .ti-embed .ti-widget{margin:0 auto!important}
body :where(.dpy.pg-hv6) #reviews .rev-note{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.72rem!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
  color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important;
  text-align:center!important;margin-top:26px!important}

/* ---------------------------------------------------------------------
   11. FINAL CTA — the payment-links banner
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #book{background:#FFFFFF!important;padding-bottom:110px!important}
body :where(.dpy.pg-hv6) #book>.band-bg{
  transform:none!important;inset:0!important;background:#FFFFFF!important}
body :where(.dpy.pg-hv6) #book>.band-bg::before,body :where(.dpy.pg-hv6) #book>.band-bg::after{display:none!important;content:none!important}
body :where(.dpy.pg-hv6) #book .cta-banner{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:38px!important;padding:66px 40px 62px!important;
  border:0!important;box-shadow:0 40px 90px -50px rgba(11,10,22,.55)!important;
  background:#050508!important;text-align:center!important}
body :where(.dpy.pg-hv6) #book .cta-banner::before{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:auto!important;width:auto!important;
  z-index:0;pointer-events:none;
  background:
    radial-gradient(78% 62% at 84% 100%,rgba(255,14,175,.95) 0%,rgba(255,14,175,.5) 30%,rgba(255,14,175,0) 66%),
    radial-gradient(72% 60% at 38% 104%,rgba(120,24,245,.95) 0%,rgba(104,20,224,.48) 32%,rgba(104,20,224,0) 68%),
    radial-gradient(60% 48% at 4% 92%,rgba(70,20,200,.62) 0%,rgba(70,20,200,0) 64%),
    linear-gradient(180deg,#040409 0%,#060510 40%,#1A0B30 72%,#330C4E 100%)!important}
body :where(.dpy.pg-hv6) #book .cta-banner::after{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:auto!important;width:auto!important;
  z-index:1;pointer-events:none;
  background:radial-gradient(110% 58% at 50% 0%,rgba(0,0,0,.82) 0%,rgba(0,0,0,.3) 46%,rgba(0,0,0,0) 68%)!important}
body :where(.dpy.pg-hv6) #book .cta-banner>*{position:relative;z-index:2}
body :where(.dpy.pg-hv6) #book .ctab-brand{
  display:inline-flex!important;align-items:center;justify-content:center;
  text-decoration:none!important;margin:0 auto 30px!important}
body :where(.dpy.pg-hv6) #book .ctab-logo-icon{
  height:36px;width:auto;display:block;filter:drop-shadow(0 0 12px rgba(255,1,196,.45))}
body :where(.dpy.pg-hv6) #book .ctab-logo-word{height:25px;width:auto;display:block;margin-left:11px;transform:translateY(3px)}
body :where(.dpy.pg-hv6) #book .cta-banner h2{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;
  letter-spacing:-.032em!important;line-height:1.1!important;margin:0 auto!important;max-width:24ch;
  background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 34%,rgba(255,255,255,.55) 78%,rgba(255,255,255,.5) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body :where(.dpy.pg-hv6) #book .cta-banner h2 .hl{
  font-style:italic!important;font-weight:500!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B1FD8 40%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body :where(.dpy.pg-hv6) #book .cta-banner h2 .ul-green{
  position:relative;font-style:italic;background:inherit!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important}
body :where(.dpy.pg-hv6) #book .cta-banner h2 .ul-green::after{
  content:"";position:absolute;left:-2%;right:-4%;bottom:-.14em;height:.14em;
  border-bottom:3px solid #34E37F;border-radius:50%;transform:rotate(-.6deg)}
body :where(.dpy.pg-hv6) #book .cta-banner p{
  font-family:"Inter",system-ui,sans-serif!important;font-size:1rem!important;line-height:1.62!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}
body :where(.dpy.pg-hv6) #book .cta-banner p[style*="italic"]{
  font-family:"Inter",system-ui,sans-serif!important;font-style:normal!important;font-weight:600!important;
  font-size:1.02rem!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  margin-bottom:34px!important}
body :where(.dpy.pg-hv6) #book .cta-banner .notice{
  font-size:.9rem!important;color:rgba(186,187,187,.8)!important;
  -webkit-text-fill-color:rgba(186,187,187,.8)!important}
body :where(.dpy.pg-hv6) #book .cta-banner .btn{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.95rem!important;font-weight:600!important;
  padding:15px 32px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;gap:10px!important;
  text-decoration:none!important;transition:transform .18s ease,opacity .18s ease}
body :where(.dpy.pg-hv6) #book .cta-banner .btn.btn-g{
  background:#FFFFFF!important;background-image:none!important;color:#0B0A16!important;
  -webkit-text-fill-color:#0B0A16!important;border:0!important;
  box-shadow:0 12px 34px -18px rgba(0,0,0,.6)!important}
body :where(.dpy.pg-hv6) #book .cta-banner .btn.btn-g:hover{opacity:.9}
body :where(.dpy.pg-hv6) #book .cta-banner .btn.btn-o{
  background:rgba(255,255,255,.05)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important}
body :where(.dpy.pg-hv6) #book .cta-banner .btn.btn-o:hover{background:rgba(255,255,255,.1)!important}
body :where(.dpy.pg-hv6) #book .cta-banner .greviews{
  display:flex!important;align-items:center;justify-content:center;gap:12px;margin:28px auto 0!important}
body :where(.dpy.pg-hv6) #book .cta-banner .greviews .gr-txt{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.95rem!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}
body :where(.dpy.pg-hv6) #book .cta-banner .greviews .gr-txt strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:600!important}
body :where(.dpy.pg-hv6) #book .cta-banner .btn-arw{
  display:inline-block;margin-left:2px;font-size:1.05em;line-height:1;transform:translateY(1px)}

/* ---------------------------------------------------------------------
   12. responsive
   --------------------------------------------------------------------- */
@media(max-width:820px){
  body :where(.dpy.pg-hv6) #high-risk .hr-vert{border-radius:26px!important;padding:44px 24px 42px!important}
  body :where(.dpy.pg-hv6) #book .cta-banner{border-radius:26px!important;padding:48px 24px 46px!important}
  body :where(.dpy.pg-hv6) #why .vs>div{padding:26px 24px 28px!important}
  body :where(.dpy.pg-hv6) #industries .ind{padding:20px 22px 22px!important}
  body :where(.dpy.pg-hv6) #high-risk .hv-cta .b1,body :where(.dpy.pg-hv6) #high-risk .hv-cta .b2{width:100%;justify-content:center;text-align:center}
}
@media(max-width:560px){
  body :where(.dpy.pg-hv6) #book .cta-banner .btn{width:100%;justify-content:center}
  body :where(.dpy.pg-hv6) #high-risk .hv-grid a,body :where(.dpy.pg-hv6) #high-risk .hv-grid span{font-size:.84rem!important;padding:9px 15px!important}
}

/* ---------------------------------------------------------------------
   13. no gradient hairline on card / image tops (page-wide)
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) .ph.filled::after,body :where(.dpy.pg-hv6) .ph.filled::before,
body :where(.dpy.pg-hv6) .panel::before,body :where(.dpy.pg-hv6) .panel.top::before,body :where(.dpy.pg-hv6) .panel::after,
body :where(.dpy.pg-hv6) .receipt::before,body :where(.dpy.pg-hv6) .x-card::before{display:none!important;content:none!important}
body :where(.dpy.pg-hv6) .ph.filled{border-radius:14px!important}
body :where(.dpy.pg-hv6) .ph.filled.fit-white{box-shadow:inset 0 0 0 1px rgba(21,18,43,.05)!important}

/* ---------------------------------------------------------------------
   14. dual-pricing receipt: narrower, taller, larger headings
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #dual-pricing .receipt{
  max-width:392px!important;padding:44px 38px 46px!important;border-radius:22px!important;
  border:1px solid rgba(21,18,43,.08)!important;
  box-shadow:0 34px 80px -34px rgba(124,58,237,.35)!important}
body :where(.dpy.pg-hv6) #dual-pricing .receipt .tag.pink{
  font-size:.78rem!important;font-weight:700!important;letter-spacing:.16em!important;
  margin-bottom:8px!important}
body :where(.dpy.pg-hv6) #dual-pricing .receipt .mono{
  font-size:.74rem!important;letter-spacing:.18em!important;margin-bottom:34px!important}
body :where(.dpy.pg-hv6) #dual-pricing .receipt .rrow{
  padding:17px 0!important;font-size:.82rem!important;letter-spacing:.05em!important}
body :where(.dpy.pg-hv6) #dual-pricing .receipt .rrow.total{padding-top:22px!important;font-size:.94rem!important}
body :where(.dpy.pg-hv6) #dual-pricing .receipt>div[style*="margin-top"]{margin-top:30px!important}
@media(max-width:980px){body :where(.dpy.pg-hv6) #dual-pricing .receipt{max-width:392px!important;margin:0 auto!important}}

/* ---------------------------------------------------------------------
   15. bullet lists: small clean check instead of the gradient dash
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) ul.feat li::before,body :where(.dpy.pg-hv6) .dp-feat li::before{
  content:""!important;position:absolute!important;left:0!important;top:9px!important;
  width:14px!important;height:14px!important;border-radius:0!important;
  background:none!important;background-image:none!important;
  background-color:var(--chk,#7C3AED)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/13px 13px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/13px 13px no-repeat}
body :where(.dpy.pg-hv6) ul.feat li,body :where(.dpy.pg-hv6) .dp-feat li{padding-left:24px!important}

/* check colour follows the label above it */
body :where(.dpy.pg-hv6) .panel:has(.tag.pink){--chk:#E8318F}
body :where(.dpy.pg-hv6) .panel:has(.tag:not(.pink)){--chk:#7C3AED}
body :where(.dpy.pg-hv6) #dual-pricing ul.feat{--chk:#E8318F}
body :where(.dpy.pg-hv6) #why .vs .old{--chk:#7C3AED}
body :where(.dpy.pg-hv6) #why .vs .new{--chk:#E8318F}
body :where(.dpy.pg-hv6) section.band.pl-dark .panel:has(.tag.pink),
body :where(.dpy.pg-hv6) section.band.pl-dark .panel:has(.tag:not(.pink)){--chk:#FF3DA6}
body :where(.dpy.pg-hv6) section.band.dark .panel:has(.tag.pink){--chk:#FF63C8}
body :where(.dpy.pg-hv6) #deposyt-plus-home,body :where(.dpy.pg-hv6) .deposyt-plus{--chk:#C77DFF}

/* ---------------------------------------------------------------------
   16. hero $99 promo card — frosted purple, diagonal accent
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) .hero-feat .flatfee{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(150deg,rgba(124,58,237,.20) 0%,rgba(60,20,120,.14) 38%,rgba(10,8,20,.55) 100%)!important;
  background-color:rgba(10,8,20,.5)!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(199,125,255,.24)!important;border-radius:22px!important;
  padding:24px 26px 22px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 44px rgba(124,58,237,.16),
             0 26px 60px -34px rgba(124,58,237,.5)!important}
/* diagonal accent bloom: pink at the top-left, purple falling to the right */
body :where(.dpy.pg-hv6) .hero-feat .flatfee .ff-glow{
  position:absolute!important;top:-38%!important;left:-14%!important;right:auto!important;
  width:520px!important;height:360px!important;pointer-events:none;z-index:0;
  background:
    radial-gradient(46% 60% at 18% 22%,rgba(255,45,135,.34),transparent 66%),
    radial-gradient(56% 66% at 58% 46%,rgba(124,58,237,.30),transparent 68%)!important;
  filter:blur(6px)}
body :where(.dpy.pg-hv6) .hero-feat .flatfee>*:not(.ff-glow){position:relative;z-index:1}
body :where(.dpy.pg-hv6) .hero-feat .ff-tag{
  color:#FF63C8!important;-webkit-text-fill-color:#FF63C8!important;
  font-size:.68rem!important;letter-spacing:.18em!important;font-weight:500!important;
  margin-bottom:14px!important}

/* the price: same diagonal as the card accent, soft pink glow */
body :where(.dpy.pg-hv6) .hero-feat .ff-cur,body :where(.dpy.pg-hv6) .hero-feat .ff-amt{
  background:linear-gradient(138deg,#FF2D87 0%,#E5309E 26%,#A02BD9 62%,#7653FC 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  text-shadow:none!important}
body :where(.dpy.pg-hv6) .hero-feat .ff-price{
  filter:drop-shadow(-6px -6px 26px rgba(255,45,135,.28)) drop-shadow(10px 12px 30px rgba(118,83,252,.26))}
body :where(.dpy.pg-hv6) .hero-feat .ff-per{
  color:#9A96AE!important;-webkit-text-fill-color:#9A96AE!important;font-weight:500!important}

/* the four copy rows: tighter */
body :where(.dpy.pg-hv6) .hero-feat .ff-copy{min-width:230px}
body :where(.dpy.pg-hv6) .hero-feat .ff-head{
  font-size:1.04rem!important;line-height:1.2!important;margin-bottom:6px!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important}
body :where(.dpy.pg-hv6) .hero-feat .ff-strike{gap:1px!important;line-height:1.28!important}
body :where(.dpy.pg-hv6) .hero-feat .ff-strike s{
  color:#8E8AA3!important;-webkit-text-fill-color:#8E8AA3!important;
  text-decoration-color:rgba(255,45,135,.75)!important;line-height:1.3!important}
body :where(.dpy.pg-hv6) .hero-feat .ff-strike b{
  background:linear-gradient(138deg,#FF2D87 0%,#E5309E 34%,#A02BD9 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;line-height:1.3!important}
body :where(.dpy.pg-hv6) .hero-feat .ff-note{
  margin-top:5px!important;line-height:1.35!important;
  color:#7E7A93!important;-webkit-text-fill-color:#7E7A93!important}

/* the four proof chips: payment-links pill with a magenta check */
body :where(.dpy.pg-hv6) .hero-feat .flatfee .ff-badges{
  gap:9px!important;margin:20px 0 0!important;padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.08)!important}
body :where(.dpy.pg-hv6) .hero-feat .flatfee .ff-badges span{
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  background:#121216!important;background-image:none!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;
  padding:8px 14px!important;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.74rem!important;
  font-weight:400!important;letter-spacing:.01em!important;text-transform:none!important;
  color:#E9E9EC!important;-webkit-text-fill-color:#E9E9EC!important;line-height:1!important}
body :where(.dpy.pg-hv6) .hero-feat .flatfee .ff-badges span::before{
  content:""!important;display:block!important;flex:none!important;width:13px!important;height:13px!important;
  background-color:#FF1E9B!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/13px 13px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/13px 13px no-repeat}
@media(max-width:560px){
  body :where(.dpy.pg-hv6) .hero-feat .flatfee{padding:20px 18px 18px!important}
  body :where(.dpy.pg-hv6) .hero-feat .flatfee .ff-badges span{font-size:.7rem!important;padding:7px 12px!important}
}

/* ---------------------------------------------------------------------
   17. hero promo card, treatment B — corner-lit flat (Deposyt+ tool card)
   The frosted-diagonal version (treatment A) is preserved in the
   design system at pages/design-system.html#promo.
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) .hero-feat .flatfee{
  --fa:140,60,255;
  border:0!important;border-radius:24px!important;
  background-color:rgba(14,11,24,.82)!important;
  background-image:linear-gradient(155deg,rgba(var(--fa),.42) 0%,rgba(var(--fa),.18) 8%,rgba(var(--fa),.05) 15%,rgba(var(--fa),0) 24%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 40px rgba(var(--fa),.10)!important}
body :where(.dpy.pg-hv6) .hero-feat .flatfee::after{
  content:"";position:absolute;inset:0;border-radius:24px;padding:1px;pointer-events:none;z-index:3;
  background:linear-gradient(155deg,rgb(var(--fa)) 0%,rgba(var(--fa),.5) 6%,rgba(var(--fa),.18) 12%,rgba(255,255,255,.07) 18%,rgba(255,255,255,.07) 100%);
  -webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
  -webkit-mask-composite:xor;mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
  mask-composite:exclude}
/* the free-floating bloom belongs to treatment A only */
body :where(.dpy.pg-hv6) .hero-feat .flatfee .ff-glow{display:none!important}
/* chips: smaller, flat */
body :where(.dpy.pg-hv6) .hero-feat .flatfee .ff-badges{gap:8px!important}
body :where(.dpy.pg-hv6) .hero-feat .flatfee .ff-badges span{
  padding:7px 12px!important;font-size:.7rem!important;gap:8px!important;box-shadow:none!important}
body :where(.dpy.pg-hv6) .hero-feat .flatfee .ff-badges span::before{width:12px!important;height:12px!important;
  -webkit-mask-size:12px 12px!important;mask-size:12px 12px!important}

/* ---------------------------------------------------------------------
   18. body copy in the human-truth + dual-pricing bands:
   match the payment-links scale (1rem / 1.6 / #4F4F4F)
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #about .lede,body :where(.dpy.pg-hv6) #about p,
body :where(.dpy.pg-hv6) #dual-pricing .lede,body :where(.dpy.pg-hv6) #dual-pricing p:not(.mono):not(.rrow):not(.notice){
  font-family:"Inter",system-ui,sans-serif!important;
  font-size:1rem!important;line-height:1.6!important;font-weight:400!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}
body :where(.dpy.pg-hv6) #about .lede strong,body :where(.dpy.pg-hv6) #about p strong,
body :where(.dpy.pg-hv6) #dual-pricing .lede strong,body :where(.dpy.pg-hv6) #dual-pricing p strong{
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;font-weight:600!important}
body :where(.dpy.pg-hv6) #dual-pricing ul.feat li{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.94rem!important;line-height:1.55!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}
body :where(.dpy.pg-hv6) #dual-pricing ul.feat li strong{
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;font-weight:600!important}

/* ---------------------------------------------------------------------
   19. closing CTA: crosshatch over the wash (shares the vignette layer)
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #book .cta-banner::after{
  background:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/58px 58px,
    radial-gradient(110% 58% at 50% 0%,rgba(0,0,0,.82) 0%,rgba(0,0,0,.3) 46%,rgba(0,0,0,0) 68%)!important}

/* ---------------------------------------------------------------------
   20. dual pricing: pure white band, radial glow behind the receipt
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) section#dual-pricing{background:#FFFFFF!important}
body :where(.dpy.pg-hv6) section#dual-pricing>.band-bg{
  transform:none!important;inset:0!important;
  background:#FFFFFF!important;background-image:none!important}
body :where(.dpy.pg-hv6) section#dual-pricing>.band-bg::before,
body :where(.dpy.pg-hv6) section#dual-pricing>.band-bg::after{display:none!important;content:none!important}
/* the bloom sits behind the card, not across the band */
body :where(.dpy.pg-hv6) #dual-pricing .receipt{
  background:#FFFFFF!important;border:0!important;
  box-shadow:0 44px 120px -34px rgba(255,30,155,.34),
             -26px 34px 96px -44px rgba(106,16,208,.42),
             0 2px 10px -4px rgba(21,18,43,.10)!important}
body :where(.dpy.pg-hv6) #dual-pricing .receipt::before{
  display:block!important;content:""!important;position:absolute!important;
  inset:0!important;z-index:-1!important;border-radius:22px!important;
  background:linear-gradient(196deg,#FF1E9B 0%,#C21FC0 42%,#6A10D0 100%)!important;
  transform:translate(-11px,11px)}
body :where(.dpy.pg-hv6) #dual-pricing .receipt::after{
  display:block!important;content:""!important;position:absolute!important;
  left:-16%!important;right:-16%!important;top:-12%!important;bottom:-14%!important;
  z-index:-2!important;pointer-events:none;border-radius:50%!important;
  background:radial-gradient(52% 46% at 34% 30%,rgba(255,30,155,.20),transparent 70%),
             radial-gradient(56% 50% at 70% 74%,rgba(124,58,237,.18),transparent 72%)!important;
  filter:blur(14px)}


/* ---------------------------------------------------------------------
   02 THE HUMAN TRUTH — option 3: crosshatch, purple pool blooming from the
   top edge, 1px gradient hairline across the very top.
   --------------------------------------------------------------------- */
body :where(.dpy.pg-hv6) #about{position:relative;isolation:isolate;overflow:hidden;background:#fff!important}
body :where(.dpy.pg-hv6) #about .band-bg{
  position:absolute!important;top:0!important;right:0!important;bottom:-1px!important;left:0!important;
  z-index:0!important;border:0!important;opacity:1!important;
  background:
    radial-gradient(60% 40% at 50% 0%,rgba(124,58,237,.09) 0%,rgba(124,58,237,0) 72%),
    #FFFFFF!important}
body :where(.dpy.pg-hv6) #about .band-bg::before{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;right:0!important;left:0!important;bottom:auto!important;
  height:1px!important;width:auto!important;z-index:2!important;pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(124,58,237,.5) 34%,rgba(255,14,175,.5) 58%,rgba(46,124,255,.5) 82%,transparent)!important}
body :where(.dpy.pg-hv6) #about .band-bg::after{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  height:auto!important;width:auto!important;z-index:1!important;pointer-events:none!important;
  background:
    linear-gradient(rgba(21,18,43,.038) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(90deg,rgba(21,18,43,.038) 1px,transparent 1px) 0 0/58px 58px!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 94%)!important;
  mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 94%)!important}
body :where(.dpy.pg-hv6) #about .wrap{position:relative!important;z-index:3!important}
@media(max-width:760px){
  body :where(.dpy.pg-hv6) #about .band-bg::after{background-size:44px 44px,44px 44px!important}
}

/* "Quiet infrastructure. Loud results." — dark and bold, not gradient-clipped */
body :where(.dpy.pg-hv6) #about p.hl,body :where(.dpy.pg-hv6) #about .hl{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;
  font-weight:800!important;font-style:normal!important}
body :where(.dpy.pg-hv6) #about h2 .hl{
  background:linear-gradient(96deg,#6D28D9 0%,#A81FB8 46%,#E0128F 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  font-weight:inherit!important;font-style:italic!important}

/* receipt: soft gradient glow behind it, unclipped, plus a wide blue radial
   in the section so the glow has somewhere to dissolve into */
body :where(.dpy.pg-hv6) #dual-pricing{position:relative;overflow:visible!important}
body :where(.dpy.pg-hv6) #dual-pricing .wrap,body :where(.dpy.pg-hv6) #dual-pricing .grid2{overflow:visible!important}
body :where(.dpy.pg-hv6) #dual-pricing .band-bg{
  background:
    radial-gradient(1100px 620px at 78% 52%,rgba(46,124,255,.16) 0%,rgba(46,124,255,0) 68%),
    radial-gradient(820px 520px at 88% 30%,rgba(160,43,217,.12) 0%,rgba(160,43,217,0) 70%),
    linear-gradient(180deg,#FFFFFF 0%,#FAFAFE 100%)!important}
body :where(.dpy.pg-hv6) #dual-pricing .receipt{
  background:#fff!important;
  box-shadow:0 26px 70px -34px rgba(160,43,217,.28)!important}



/* receipt: no offset gradient plate / inner glow layer — the box-shadow stack
   is the glow. Keep only the standard 3px gradient rule at the top. */
body :where(.dpy.pg-hv6) #dual-pricing .receipt::before{display:none!important;content:none!important}
body :where(.dpy.pg-hv6) #dual-pricing .receipt::after{display:none!important;content:none!important}

/* #about label: same pink as every other section label on the page */
body :where(.dpy.pg-hv6) #about .strip,body :where(.dpy.pg-hv6) #about .strip .code{
  color:#F0289C!important;-webkit-text-fill-color:#F0289C!important}


/* receipt: hard gradient plate offset down-left behind the card */
body :where(.dpy.pg-hv6) #dual-pricing .receipt-plate{
  position:relative;max-width:440px;width:100%;justify-self:center}
body :where(.dpy.pg-hv6) #dual-pricing .receipt-plate::before{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  border-radius:22px;z-index:0;pointer-events:none;
  background:linear-gradient(196deg,#FF1E9B 0%,#C21FC0 42%,#6A10D0 100%);
  transform:translate(-14px,14px)}
body :where(.dpy.pg-hv6) #dual-pricing .receipt-plate::after{
  content:"";position:absolute;top:-70px;right:-70px;bottom:-70px;left:-70px;
  z-index:-1;pointer-events:none;filter:blur(50px);
  background:
    radial-gradient(46% 40% at 32% 26%,rgba(255,14,175,.26) 0%,rgba(255,14,175,0) 74%),
    radial-gradient(50% 44% at 68% 76%,rgba(120,24,245,.24) 0%,rgba(120,24,245,0) 76%),
    radial-gradient(60% 52% at 50% 50%,rgba(46,124,255,.14) 0%,rgba(46,124,255,0) 78%)}
body :where(.dpy.pg-hv6) #dual-pricing .receipt-plate>.receipt{
  position:relative;z-index:1;max-width:none!important;width:100%!important;
  background:#fff!important;border-radius:22px!important}
@media(max-width:760px){
  body :where(.dpy.pg-hv6) #dual-pricing .receipt-plate::before{transform:translate(-9px,9px)}
  body :where(.dpy.pg-hv6) #dual-pricing .receipt-plate::after{
    top:-40px;right:-40px;bottom:-40px;left:-40px;filter:blur(36px)}
}


/* ---------------------------------------------------------------------
   Dual-pricing calculator modal
   --------------------------------------------------------------------- */
:where(.dpy.pg-hv6) .calcm{position:fixed;inset:0;z-index:400;display:none}
:where(.dpy.pg-hv6) .calcm.is-open{display:block}
:where(.dpy.pg-hv6) .calcm-scrim{position:absolute;inset:0;background:rgba(18,16,28,.42);
  -webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%);
  animation:calcmFade .18s ease both}
:where(.dpy.pg-hv6) .calcm-scroll{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}
/* the sheet carries no surface of its own — the calculator IS the white card,
   so there is no wider panel peeking out behind it */
:where(.dpy.pg-hv6) .calcm-sheet{position:relative;width:100%;max-width:530px;border-radius:26px;margin:auto;
  background:transparent;display:flex;
  filter:drop-shadow(0 60px 90px rgba(21,18,43,.45)) drop-shadow(0 20px 40px rgba(21,18,43,.3));
  animation:calcmRise .22s cubic-bezier(.2,.8,.3,1) both}
:where(.dpy.pg-hv6) .calcm-x{position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(21,18,43,.06);border:1px solid rgba(21,18,43,.1);color:#15122B;
  transition:background .15s,transform .15s}
:where(.dpy.pg-hv6) .calcm-x:hover{background:rgba(21,18,43,.12);transform:scale(1.05)}
:where(.dpy.pg-hv6) .calcm .calcm-sheet #dpcalc,:where(.dpy.pg-hv6) .calcm .dpcalc.dpcalc-in-modal{margin:0!important;max-width:none!important;width:100%!important;
  flex:1 1 auto!important;border-radius:26px!important;box-shadow:none!important;border:0!important;
  background:#fff!important}
@keyframes calcmFade{from{opacity:0}to{opacity:1}}
@keyframes calcmRise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){
  :where(.dpy.pg-hv6) .calcm-scroll{padding:16px 12px 28px;align-items:flex-start}
  :where(.dpy.pg-hv6) .calcm-sheet{max-width:none;border-radius:22px;margin:auto}
  :where(.dpy.pg-hv6) .calcm .dpcalc.dpcalc-in-modal{border-radius:22px!important;padding:44px 18px 22px!important}
  :where(.dpy.pg-hv6) .calcm-x{top:10px;right:10px;width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){
  :where(.dpy.pg-hv6) .calcm-scrim,:where(.dpy.pg-hv6) .calcm-sheet{animation:none}
}

/* Arc restored. Older WebKit (desktop app / older macOS Safari) will not paint a
   positioned child of a background-clip:text span, so the word gets a solid
   brand fill by default. Modern engines (gated on oklch support) inherit the
   parent's clipped gradient, so the gradient runs continuously through it. */
body :where(.dpy.pg-hv6) #book .cta-banner h2 .ul-green{position:relative!important;  text-decoration:none!important;
  background:none!important;-webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#E512CE!important;-webkit-text-fill-color:#E512CE!important}
body :where(.dpy.pg-hv6) #book .cta-banner h2 .ul-green::after{display:block!important;content:""!important}
@supports (color:oklch(50% 0 0)){
  body :where(.dpy.pg-hv6) #book .cta-banner h2 .ul-green{background:none!important;color:transparent!important;
    -webkit-text-fill-color:transparent!important}
}


/* hero h1: hold "percentage back" on its own line on desktop (was wrapping up
   onto line 1 after the type-scale change). Mobile wraps naturally. */
body :where(.dpy.pg-hv6) .hero-feat h1 .h1br{display:inline}
@media(max-width:760px){body :where(.dpy.pg-hv6) .hero-feat h1 .h1br{display:none}}

/* ==== footer-contact-v1.css ================================================= */
/* =====================================================================
   footer-contact-v1.css — address / hours / email / phone block in the
   footer's left column. Loaded last on every page so it wins the
   per-family merged sheets.
   ===================================================================== */
body footer.df-foot .df-col.df-about .df-contact{
  list-style:none!important;margin:24px 0 0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;gap:18px!important}
body footer.df-foot .df-col.df-about .df-contact li{
  display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important}
body footer.df-foot .df-col.df-about .df-contact li .k{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-weight:500!important;
  font-size:9.92px!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  color:#6E6E78!important;-webkit-text-fill-color:#6E6E78!important}
body footer.df-foot .df-col.df-about .df-contact li span:not(.k),
body footer.df-foot .df-col.df-about .df-contact li a{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:400!important;
  font-size:13.12px!important;line-height:1.5!important;
  color:#D6D6DA!important;-webkit-text-fill-color:#D6D6DA!important;
  text-decoration:none!important;transition:color .16s ease!important}
body footer.df-foot .df-col.df-about .df-contact li a:hover{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}

/* the PLATFORM sub-heading reads as a column label, same magenta as the rest */
body footer.df-foot .df-col h4.df-h4-2,body footer.df-foot h4.df-h4-2{
  color:#FF2D9B!important;-webkit-text-fill-color:#FF2D9B!important}

/* legal-line Privacy / Terms */
body footer.df-foot .df-legal a{
  color:inherit!important;-webkit-text-fill-color:currentColor!important;
  text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.22)!important;
  transition:color .16s ease,border-color .16s ease!important}
body footer.df-foot .df-legal a:hover{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  border-bottom-color:rgba(255,255,255,.5)!important}

/* ==== mobile-v5.css ========================================================= */
/* =========================================================================
   mobile-v5.css — site-wide mobile layer
   1. mobile nav drawer (full-screen sheet + accordion groups)
   2. responsive safety nets for grids that never stacked
   Loaded last on every page. Desktop (>1080px) is untouched.
   ========================================================================= */

/* ---------------------------------------------------------------------
   1. mobile nav drawer
   --------------------------------------------------------------------- */
@media(max-width:1080px){

  /* burger: bigger tap target, becomes an X when open */
  body .dh-bar .dh-burger{
    display:flex!important;width:46px!important;height:46px!important;
    border-radius:12px!important;position:relative!important;z-index:120!important;
    gap:6px!important}
  body .dh-bar .dh-burger span{
    width:22px!important;height:2px!important;border-radius:2px!important;
    transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .18s ease}
  body .dh-bar .dh-toggle:checked + .dh-burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
  body .dh-bar .dh-toggle:checked + .dh-burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}

  /* the sheet itself — fixed, opaque, scrollable */
  body .dh-bar .dh-mobile{display:none!important}
  body .dh-bar .dh-toggle:checked ~ .dh-mobile{
    display:flex!important;flex-direction:column!important;
    position:fixed!important;left:0!important;right:0!important;
    top:70px!important;bottom:0!important;
    /* explicit height: .dh-bar's backdrop-filter makes it the containing
       block for fixed children, so top/bottom alone will not stretch */
    height:calc(100vh - 70px)!important;height:calc(100dvh - 70px)!important;
    max-height:none!important;
    width:100vw!important;max-width:none!important;
    background:#08060F!important;
    border-top:1px solid rgba(248,246,241,.1)!important;
    padding:10px 20px 34px!important;margin:0!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;z-index:110!important;
    animation:dhSheetIn .2s cubic-bezier(.32,.72,0,1) both}
  @keyframes dhSheetIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

  /* lock the page behind the sheet */
  html:has(.dh-toggle:checked),body:has(.dh-toggle:checked){overflow:hidden!important}

  /* accordion group */
  body .dh-mobile .dh-mobile-group{
    display:block!important;padding:0!important;
    border-bottom:1px solid rgba(248,246,241,.09)!important}
  body .dh-mobile .mm-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;min-height:58px!important;padding:0!important;
    background:none!important;border:0!important;cursor:pointer!important;
    font-family:"Inter Tight","Inter",system-ui,sans-serif!important;
    font-weight:700!important;font-size:20px!important;letter-spacing:-.02em!important;
    color:#F8F6F1!important;-webkit-text-fill-color:#F8F6F1!important;text-align:left!important}
  body .dh-mobile .mm-head svg{
    flex:none;width:18px;height:18px;color:#8E88AC;
    transition:transform .22s cubic-bezier(.4,0,.2,1)}
  body .dh-mobile .dh-mobile-group.mm-open .mm-head svg{transform:rotate(180deg);color:#FF63C8}
  body .dh-mobile .mm-body{display:none!important}
  body .dh-mobile .dh-mobile-group.mm-open .mm-body{
    display:flex!important;flex-direction:column!important;gap:2px!important;
    padding:0 0 14px!important}
  body .dh-mobile .mm-body a{
    display:flex!important;align-items:center!important;min-height:48px!important;
    padding:0 14px!important;margin:0 -14px!important;border-radius:10px!important;
    font-family:"Inter",system-ui,sans-serif!important;font-size:15.5px!important;font-weight:500!important;
    color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important;text-decoration:none!important}
  body .dh-mobile .mm-body a:active{background:rgba(255,255,255,.07)!important}
  body .dh-mobile .mm-body a.mm-all{
    font-family:"IBM Plex Mono",monospace!important;font-size:11.5px!important;
    letter-spacing:.14em!important;text-transform:uppercase!important;
    color:#FF63C8!important;-webkit-text-fill-color:#FF63C8!important;min-height:44px!important}

  /* CTA pinned at the end of the sheet */
  body .dh-mobile .dh-mobile-cta{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:56px!important;margin:22px 0 0!important;border-radius:999px!important;
    background:#fff!important;color:#0B0A16!important;-webkit-text-fill-color:#0B0A16!important;
    font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-size:16px!important;
    font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;
    gap:10px!important;text-decoration:none!important}
  body .dh-mobile .mm-secondary{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:52px!important;margin:10px 0 0!important;border-radius:999px!important;
    border:1px solid rgba(248,246,241,.24)!important;background:transparent!important;
    font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-size:16px!important;
    font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;
    color:#F8F6F1!important;-webkit-text-fill-color:#F8F6F1!important;text-decoration:none!important}

  /* no-JS fallback: groups render open, sheet still scrolls */
  body .dh-mobile:not([data-mm-ready]) .dh-mobile-group{padding:14px 0!important}
  body .dh-mobile:not([data-mm-ready]) .dh-mobile-group a{
    display:flex!important;align-items:center!important;min-height:46px!important;
    color:#BABBBB!important;text-decoration:none!important}
  body .dh-mobile:not([data-mm-ready]) .dh-mobile-group b{
    font-family:"Inter Tight","Inter",system-ui,sans-serif!important;
    font-weight:700!important;font-size:20px!important;color:#F8F6F1!important}
}

/* ---------------------------------------------------------------------
   2. responsive safety nets — grids that were still multi-column on phones
   --------------------------------------------------------------------- */
@media(max-width:760px){
  /* eyebrow strips: out-specify the nowrap rules in global-v4 / v3-skin */
  body section.band.light .strip,body section.band .strip,
  body section#honesty .strip,body section#integrations .strip,
  body section#channels .strip,body div.ick-head .strip,body .strip{
    white-space:normal!important;flex-wrap:wrap!important;
    max-width:100%!important;overflow-wrap:anywhere!important;
    row-gap:6px!important;justify-content:center!important;text-align:center!important}

  /* "every way to pay" — three 90px columns of clipped copy */
  body #channels .grid6,body section#channels .grid6,body .grid6{
    grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  body #channels .grid6 .panel,body section#channels .grid6 .panel,body .grid6 .panel{
    width:auto!important;min-width:0!important;overflow:visible!important}
  body .grid6 .panel p,body .grid6 .panel span{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
}
@media(max-width:820px){
  body #honesty .hon-grid,body section#honesty .hon-grid{
    grid-template-columns:1fr!important;max-width:100%!important;gap:26px!important}
  body #honesty .hon-stats,body #honesty .hon-stat,body #honesty .hon-card{
    width:auto!important;max-width:100%!important;min-width:0!important}
}
@media(max-width:820px){
  body .pl-steps2{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
  body .ccp-steps{width:auto!important;min-width:0!important}
  body .ccp-step{grid-template-columns:44px minmax(0,1fr)!important}
}
/* nowrap eyebrow chips must be allowed to wrap on phones */
@media(max-width:760px){
  body .strip,body .ick-head .strip{
    white-space:normal!important;flex-wrap:wrap!important;
    max-width:100%!important;justify-content:center!important;text-align:center!important}
}
@media(max-width:640px){
  body .grid2,body .grid3,body .grid4,body .cols2,body .cols3,
  body .rev-grid,body .ind-grid,body .feat-grid{grid-template-columns:1fr!important}
  body .grid2>*,body .grid3>*,body .grid4>*,body .rev-grid>*,body .ind-grid>*{min-width:0!important}
  .dpy img,.dpy svg,.dpy video,.dpy iframe{max-width:100%!important}
}


/* ── buttons are never all-caps (applies at every width) ───────── */
body .btn,body .btn-g,body .btn-o,body .df-cta,body .df-ghost,
body .dh-cta,body .dh-mobile-cta,body .mm-secondary,
body .pl-btn,body .pl-btn-w,body .pl-btn-o,body .cta-btn,body button.btn{
  text-transform:none!important;
  font-family:"Inter Tight",Inter,system-ui,sans-serif!important;
  font-weight:600!important;letter-spacing:-.01em!important;font-size:16px!important}


/* ── HERO WASH + CENTERING (mobile only) ─────────────────────────────
   Horizontal like desktop, brighter at the top, and gone by the lede.
   Two dials: height (where it ends) and the mask stops (how fast).
   REVERT: delete this whole block. */
@media(max-width:760px){
  body .hero-feat{background:#040409!important}

  /* ★ LOCKED 2026-08-20 — approved mobile hero background. Do not restyle
     without an explicit request. Snapshot: assets/css/_backup/mobile-hero-LOCKED.css
     option B: the Revenue Leak Audit gradient flipped (blooms at the top),
     capped short with a hard fade so the gradient headline line sits on black.
     Dials: height, and the two mask stops. */
  body .hero-feat .hero-bg{
    inset:0 0 auto 0!important;height:360px!important;bottom:auto!important;
    background:
      radial-gradient(78% 62% at 84% 0%,rgba(255,14,175,.95) 0%,rgba(255,14,175,.5) 30%,rgba(255,14,175,0) 66%),
      radial-gradient(72% 60% at 38% -4%,rgba(120,24,245,.95) 0%,rgba(104,20,224,.48) 32%,rgba(104,20,224,0) 68%),
      radial-gradient(72% 58% at 0% 2%,rgba(45,20,111,.95) 0%,rgba(45,20,111,.6) 34%,rgba(45,20,111,0) 70%),
      linear-gradient(180deg,#330C4E 0%,#1A0B30 28%,#060510 60%,#040409 100%)!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.28) 66%,transparent 92%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.28) 66%,transparent 92%)!important}
  body .hero-feat .hero-bg::before{display:none!important}

  /* hatch rides on .beam (a real sibling) so the wash mask can't dim it */
  body .hero-feat .hero-bg::after{display:none!important}
  body .hero-feat .beam{
    display:block!important;position:absolute!important;
    top:0!important;left:0!important;right:0!important;width:auto!important;
    height:620px!important;transform:none!important;filter:none!important;
    border-radius:0!important;opacity:1!important;z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/58px 58px,
      linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/58px 58px!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important}
  body .hero-feat .wrap{position:relative!important;z-index:2!important}

  /* centered hero on phones — every page */
  body .hero .hf-copy,body .hero .hero-copy,body .hero .wrap>div:first-child{text-align:center}
  body .hero .hf-copy,body .hero .hero-copy{text-align:center!important}
  body .hero .strip{display:inline-flex!important;margin:0 auto 26px!important;float:none!important}
  body .hero .hf-copy{padding-top:0!important}
  body .hero-feat .wrap,body .hero .wrap{padding-top:2px!important}
  body .hero-feat,body .hero{padding-top:0!important}
  body .hero-feat h1{margin-top:0!important}
  body .hero h1,body .hero .lede,body .hero .mono{text-align:center}
  body .hero .greviews{flex-wrap:wrap;justify-content:center;text-align:center}
  body .hero .flatfee,body .hero .ff-row,body .hero .ff-badges{justify-content:center;text-align:center}
  body .hero .ff-strike{align-items:center}
}


/* ── stats + CTA review row centering (mobile) ─────────────────── */
@media(max-width:760px){
  body .hon-stats,body .hon-stat,body .hon-stat b,body .hon-stat span,body .hon-foot,
  body .stat,body .stats .stat,body .statrow,body .stat-row,
  body .num-stat,body .bignum,body .stat-card{
    text-align:center!important;align-items:center!important}
  body .stat *,body .stat-card *,body .num-stat *{text-align:center!important}
  body .stat .n,body .stat b,body .stat strong,body .stat .big{
    display:block!important;margin-left:auto!important;margin-right:auto!important}

  body .greviews,body .cta .greviews,body .pl-cta .greviews,
  body .cta-review,body .gstars-row{
    display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
    align-items:center!important;justify-content:center!important;
    text-align:center!important;gap:6px 8px!important;width:100%!important;
    font-size:14px!important;white-space:nowrap!important}
  body .greviews>*{text-align:center!important;justify-content:center!important}
  /* stars get their own row; the count + G line stays on one line */
  body .greviews>*:first-child{flex:0 0 100%!important}
  body .greviews img,body .greviews svg{flex:0 0 auto!important}
}


/* ── subpage heroes inherit the approved homepage mobile hero ─────────
   Same wash values as the ★ LOCKED .hero-feat block, same nav gap.
   Higher specificity than the per-page hero padding rules on purpose. */
@media(max-width:760px){
  body section.hero:not(.hero-feat){padding-top:52px!important}
  body section.hero:not(.hero-feat) .hero-bg{
    inset:0 0 auto 0!important;height:360px!important;bottom:auto!important;
    background:
      radial-gradient(78% 62% at 84% 0%,rgba(255,14,175,.95) 0%,rgba(255,14,175,.5) 30%,rgba(255,14,175,0) 66%),
      radial-gradient(72% 60% at 38% -4%,rgba(120,24,245,.95) 0%,rgba(104,20,224,.48) 32%,rgba(104,20,224,0) 68%),
      radial-gradient(72% 58% at 0% 2%,rgba(45,20,111,.95) 0%,rgba(45,20,111,.6) 34%,rgba(45,20,111,0) 70%),
      linear-gradient(180deg,#330C4E 0%,#1A0B30 28%,#060510 60%,#040409 100%)!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.28) 66%,transparent 92%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.28) 66%,transparent 92%)!important;
    filter:none!important;opacity:1!important}
  body section.hero:not(.hero-feat) .hero-bg::before,
  body section.hero:not(.hero-feat) .hero-bg::after{display:none!important}
  body section.hero:not(.hero-feat) .beam{
    display:block!important;position:absolute!important;
    top:0!important;left:0!important;right:0!important;width:auto!important;
    height:620px!important;transform:none!important;filter:none!important;
    border-radius:0!important;opacity:1!important;z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/58px 58px,
      linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/58px 58px!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important}
  body section.hero:not(.hero-feat) > .wrap{position:relative!important;z-index:2!important;padding-top:0!important}
}

@media(max-width:760px){
  /* the subpage hero section itself is painted white by the light-band rules;
     the capped wash was revealing it below 360px */
  body section.hero:not(.hero-feat){background-color:#040409!important;background-image:none!important}
}

/* hero geometry, settled: the section keeps its white base so the rounded
   corners of the dark hero background read against the light band below;
   the background itself is flush (inset:0) so no white hairline shows.
   On phones the wash is capped, so there the base must be dark instead. */
body section.hero:not(.hero-feat){border-radius:0!important;overflow:visible!important}
body section.hero:not(.hero-feat)>.hero-bg{
  inset:0!important;border-radius:0 0 26px 26px!important;overflow:hidden!important}
@media(max-width:760px){
  body section.hero:not(.hero-feat){background-color:#040409!important;
    border-radius:0 0 22px 22px!important;overflow:hidden!important}
  body section.hero:not(.hero-feat)>.hero-bg{border-radius:0!important}
}

/* ---------- dark full-width bands get the hero's rounded corners ----------
   The page beneath is white, so a rounded, clipped dark band reads as a
   floating slab. Touching dark bands flatten the shared seam. */
.dpy{background-color:#FFFFFF!important}
body section.band.dark,body section.band.pl-dark,body section.band.tone-plum,body section.band.tone-navy{
  border-radius:26px!important;overflow:hidden!important}


footer.df-foot{border-radius:0!important}
@media(max-width:760px){
  body section.band.dark,body section.band.pl-dark,body section.band.tone-plum,body section.band.tone-navy{
    border-radius:22px!important}
}

/* clip the dark bands' own background layers to the rounded corners
   (a legacy rule forces overflow:visible on .band, hence the extra weight) */
.dpy section.band.dark,.dpy section.band.pl-dark,
.dpy section.band.tone-plum,.dpy section.band.tone-navy,
body section.band.dark[class],body section.band.pl-dark[class]{
  overflow:hidden!important;border-radius:26px!important}


body section.band.dark>.band-bg,body section.band.pl-dark>.band-bg,
body section.band.dark>.hero-bg,body section.band.dark>.beam{border-radius:inherit!important}
@media(max-width:760px){
  .dpy section.band.dark,.dpy section.band.pl-dark,
  body section.band.dark[class],body section.band.pl-dark[class]{border-radius:22px!important}
}

/* some dark bands paint through a .band-bg layer and deliberately keep
   overflow visible, so the corners have to be set on that layer too */
body section.band.dark>.band-bg,body section.band.pl-dark>.band-bg,
body section.band.tone-plum>.band-bg,body section.band.tone-navy>.band-bg,
.dpy section.band.dark>.band-bg,.dpy section.band.pl-dark>.band-bg,
body section.band.pl-dark#faq>.band-bg,body section.band.dark#faq>.band-bg,
body section.band.dark#math>.band-bg,body section.band.dark#how>.band-bg,
body section.band.dark#features>.band-bg{border-radius:26px!important}


@media(max-width:760px){
  body section.band.dark>.band-bg,body section.band.pl-dark>.band-bg,
  body section.band.pl-dark#faq>.band-bg,body section.band.dark#faq>.band-bg{
    border-radius:22px!important}
}


/* CORRECTION: the white body made the translucent nav read grey at the top.
   The dark bands already sit on a white section base with the dark paint in a
   rounded .band-bg child, so the page background must stay dark and the
   sections must not clip. Corners live on .band-bg only. */
.dpy{background-color:#07050E!important}
body section.band.dark,body section.band.pl-dark,
body section.band.tone-plum,body section.band.tone-navy,
.dpy section.band.dark,.dpy section.band.pl-dark,
.dpy section.band.tone-plum,.dpy section.band.tone-navy,
body section.band.dark[class],body section.band.pl-dark[class]{
  border-radius:0!important;overflow:visible!important}

/* FINAL: every dark band rounds all four corners at one value (26px), and
   no seam flattening — each band reads as its own slab, which is the ask.
   Id-scoped selectors are spelled out to beat the legacy .pl-dark rules. */
body section.band.dark>.band-bg,body section.band.pl-dark>.band-bg,
body section.band.tone-plum>.band-bg,body section.band.tone-navy>.band-bg,
.dpy section.band.dark>.band-bg,.dpy section.band.pl-dark>.band-bg,
body section.band.dark.pl-dark>.band-bg,body section.band.dark[class]>.band-bg,
body section.band.dark#faq>.band-bg,
body section.band.pl-dark#faq>.band-bg,
body section.band.dark.pl-dark#faq>.band-bg,
body section.band.dark#math>.band-bg,
body section.band.pl-dark#math>.band-bg,
body section.band.dark.pl-dark#math>.band-bg,
body section.band.dark#how>.band-bg,
body section.band.pl-dark#how>.band-bg,
body section.band.dark.pl-dark#how>.band-bg,
body section.band.dark#features>.band-bg,
body section.band.pl-dark#features>.band-bg,
body section.band.dark.pl-dark#features>.band-bg,
body section.band.dark#reviews>.band-bg,
body section.band.pl-dark#reviews>.band-bg,
body section.band.dark.pl-dark#reviews>.band-bg,
body section.band.dark#cta>.band-bg,
body section.band.pl-dark#cta>.band-bg,
body section.band.dark.pl-dark#cta>.band-bg{border-radius:26px!important}
@media(max-width:760px){
  body section.band.dark>.band-bg,body section.band.pl-dark>.band-bg,
  body section.band.dark.pl-dark>.band-bg,body section.band.dark[class]>.band-bg,
  body section.band.dark#faq>.band-bg,
  body section.band.pl-dark#faq>.band-bg,
  body section.band.dark.pl-dark#faq>.band-bg,
  body section.band.dark#math>.band-bg,
  body section.band.pl-dark#math>.band-bg,
  body section.band.dark.pl-dark#math>.band-bg,
  body section.band.dark#how>.band-bg,
  body section.band.pl-dark#how>.band-bg,
  body section.band.dark.pl-dark#how>.band-bg,
  body section.band.dark#features>.band-bg,
  body section.band.pl-dark#features>.band-bg,
  body section.band.dark.pl-dark#features>.band-bg,
  body section.band.dark#reviews>.band-bg,
  body section.band.pl-dark#reviews>.band-bg,
  body section.band.dark.pl-dark#reviews>.band-bg,
  body section.band.dark#cta>.band-bg,
  body section.band.pl-dark#cta>.band-bg,
  body section.band.dark.pl-dark#cta>.band-bg{border-radius:22px!important}
}

/* stacked dark bands read as ONE slab: only the first band's top corners and
   the last band's bottom corners are rounded, the shared seam stays square. */
body section.band.dark#faq:has(+ section.band.dark)>.band-bg,
body section.band.dark#math:has(+ section.band.dark)>.band-bg,
body section.band.dark#how:has(+ section.band.dark)>.band-bg,
body section.band.dark#features:has(+ section.band.dark)>.band-bg,
body section.band.dark#reviews:has(+ section.band.dark)>.band-bg,
body section.band.dark#cta:has(+ section.band.dark)>.band-bg,
body section.band.pl-dark#faq:has(+ section.band.dark)>.band-bg,
body section.band.pl-dark#math:has(+ section.band.dark)>.band-bg,
body section.band.pl-dark#how:has(+ section.band.dark)>.band-bg,
body section.band.pl-dark#features:has(+ section.band.dark)>.band-bg,
body section.band.pl-dark#reviews:has(+ section.band.dark)>.band-bg,
body section.band.pl-dark#cta:has(+ section.band.dark)>.band-bg,
body section.band.dark[class][class]:has(+ section.band.dark)>.band-bg,
body section.band.pl-dark[class][class]:has(+ section.band.dark)>.band-bg,
body section.band.dark#faq:has(+ section.band.pl-dark)>.band-bg,
body section.band.dark#math:has(+ section.band.pl-dark)>.band-bg,
body section.band.dark#how:has(+ section.band.pl-dark)>.band-bg,
body section.band.dark#features:has(+ section.band.pl-dark)>.band-bg,
body section.band.dark#reviews:has(+ section.band.pl-dark)>.band-bg,
body section.band.dark#cta:has(+ section.band.pl-dark)>.band-bg{
  border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
body section.band.dark + section.band.dark#faq>.band-bg,
body section.band.dark + section.band.dark#math>.band-bg,
body section.band.dark + section.band.dark#how>.band-bg,
body section.band.dark + section.band.dark#features>.band-bg,
body section.band.dark + section.band.dark#reviews>.band-bg,
body section.band.dark + section.band.dark#cta>.band-bg,
body section.band.dark + section.band.pl-dark#faq>.band-bg,
body section.band.dark + section.band.pl-dark#math>.band-bg,
body section.band.dark + section.band.pl-dark#how>.band-bg,
body section.band.dark + section.band.pl-dark#features>.band-bg,
body section.band.dark + section.band.pl-dark#reviews>.band-bg,
body section.band.dark + section.band.pl-dark#cta>.band-bg,
body section.band.dark + section.band.dark[class][class]>.band-bg,
body section.band.dark + section.band.pl-dark[class][class]>.band-bg{
  border-top-left-radius:0!important;border-top-right-radius:0!important}

/* the rounded .band-bg needs a white base behind it, or the section's own dark
   background fills the corner squares */
body section.band.dark:has(>.band-bg),body section.band.pl-dark:has(>.band-bg),
body section.band.tone-plum:has(>.band-bg),body section.band.tone-navy:has(>.band-bg),
.dpy section.band.dark:has(>.band-bg),.dpy section.band.pl-dark:has(>.band-bg){
  background-color:#FFFFFF!important;background-image:none!important}

/* id-scoped dark bands need the same white base (legacy #id rules set a dark one) */
body section.band.dark#faq:has(>.band-bg),
body section.band.pl-dark#faq:has(>.band-bg),
.dpy section.band.dark#faq:has(>.band-bg),
body section.band.dark#math:has(>.band-bg),
body section.band.pl-dark#math:has(>.band-bg),
.dpy section.band.dark#math:has(>.band-bg),
body section.band.dark#how:has(>.band-bg),
body section.band.pl-dark#how:has(>.band-bg),
.dpy section.band.dark#how:has(>.band-bg),
body section.band.dark#features:has(>.band-bg),
body section.band.pl-dark#features:has(>.band-bg),
.dpy section.band.dark#features:has(>.band-bg),
body section.band.dark#reviews:has(>.band-bg),
body section.band.pl-dark#reviews:has(>.band-bg),
.dpy section.band.dark#reviews:has(>.band-bg),
body section.band.dark#cta:has(>.band-bg),
body section.band.pl-dark#cta:has(>.band-bg),
.dpy section.band.dark#cta:has(>.band-bg),
body section.band.dark#rb-secure:has(>.band-bg),
body section.band.pl-dark#rb-secure:has(>.band-bg),
.dpy section.band.dark#rb-secure:has(>.band-bg),
body section.band.dark#rb-what:has(>.band-bg),
body section.band.pl-dark#rb-what:has(>.band-bg),
.dpy section.band.dark#rb-what:has(>.band-bg),
body section.band.dark#rb-how:has(>.band-bg),
body section.band.pl-dark#rb-how:has(>.band-bg),
.dpy section.band.dark#rb-how:has(>.band-bg),
body section.band.dark#book:has(>.band-bg),
body section.band.pl-dark#book:has(>.band-bg),
.dpy section.band.dark#book:has(>.band-bg){background-color:#FFFFFF!important;background-image:none!important}

/* the rounded layer must carry the opaque fill itself — some bands (e.g. #faq)
   only had translucent overlays there and relied on the section for the fill,
   which is what turned white when the section base was whitened */
body section.band.dark#faq>.band-bg,
body section.band.pl-dark#faq>.band-bg,
body section.band.dark#math>.band-bg,
body section.band.pl-dark#math>.band-bg,
body section.band.dark#how>.band-bg,
body section.band.pl-dark#how>.band-bg,
body section.band.dark#features>.band-bg,
body section.band.pl-dark#features>.band-bg,
body section.band.dark#reviews>.band-bg,
body section.band.pl-dark#reviews>.band-bg,
body section.band.dark#cta>.band-bg,
body section.band.pl-dark#cta>.band-bg,
body section.band.dark#rb-secure>.band-bg,
body section.band.pl-dark#rb-secure>.band-bg,
body section.band.dark#rb-what>.band-bg,
body section.band.pl-dark#rb-what>.band-bg,
body section.band.dark#rb-how>.band-bg,
body section.band.pl-dark#rb-how>.band-bg,
body section.band.dark#book>.band-bg,
body section.band.pl-dark#book>.band-bg,
body section.band.dark>.band-bg,
body section.band.pl-dark>.band-bg,
body section.band.dark.pl-dark>.band-bg,
body section.band.dark[class][class]>.band-bg,
.dpy section.band.dark>.band-bg,
.dpy section.band.pl-dark>.band-bg{background-color:#07050E!important}

/* ---------- dark bands that paint on the section itself ----------
   Those have no .band-bg to round, so the section clips instead and the page
   base is white behind it. The nav bar is made opaque at the top so its
   translucent fill never reads grey against that white. */
.dpy{background-color:#FFFFFF!important}
header.dh-bar:not(.dh-onlight),header.dh-bar:not(.dh-onlight)::before{
  background-color:#050409!important}
body section.band.dark#faq,
body section.band.pl-dark#faq,
body section.band.dark#math,
body section.band.pl-dark#math,
body section.band.dark#how,
body section.band.pl-dark#how,
body section.band.dark#features,
body section.band.pl-dark#features,
body section.band.dark#reviews,
body section.band.pl-dark#reviews,
body section.band.dark#cta,
body section.band.pl-dark#cta,
body section.band.dark#rb-secure,
body section.band.pl-dark#rb-secure,
body section.band.dark#rb-what,
body section.band.pl-dark#rb-what,
body section.band.dark#rb-how,
body section.band.pl-dark#rb-how,
body section.band.dark#book,
body section.band.pl-dark#book,
body section.band.dark#journey,
body section.band.pl-dark#journey,
body section.band.dark#why,
body section.band.pl-dark#why,
body section.band.dark,
body section.band.pl-dark,
body section.band.tone-plum,
body section.band.tone-navy,
body section.band.dark[class][class],
.dpy section.band.dark,
.dpy section.band.pl-dark{border-radius:26px!important;overflow:hidden!important}
body section.band.dark#faq:has(+ section.band.dark),
body section.band.dark#math:has(+ section.band.dark),
body section.band.dark#how:has(+ section.band.dark),
body section.band.dark#features:has(+ section.band.dark),
body section.band.dark#reviews:has(+ section.band.dark),
body section.band.dark#cta:has(+ section.band.dark),
body section.band.dark#rb-secure:has(+ section.band.dark),
body section.band.dark#rb-what:has(+ section.band.dark),
body section.band.dark#rb-how:has(+ section.band.dark),
body section.band.dark#book:has(+ section.band.dark),
body section.band.dark#journey:has(+ section.band.dark),
body section.band.dark#why:has(+ section.band.dark),
body section.band.dark[class][class]:has(+ section.band.dark){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
body section.band.dark + section.band.dark#faq,
body section.band.dark + section.band.dark#math,
body section.band.dark + section.band.dark#how,
body section.band.dark + section.band.dark#features,
body section.band.dark + section.band.dark#reviews,
body section.band.dark + section.band.dark#cta,
body section.band.dark + section.band.dark#rb-secure,
body section.band.dark + section.band.dark#rb-what,
body section.band.dark + section.band.dark#rb-how,
body section.band.dark + section.band.dark#book,
body section.band.dark + section.band.dark#journey,
body section.band.dark + section.band.dark#why,
body section.band.dark + section.band.dark[class][class]{border-top-left-radius:0!important;border-top-right-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),
             inset 0 30px 70px -34px rgba(160,60,255,.55),
             inset 0 30px 90px -40px rgba(255,45,135,.40)!important}
@media(max-width:760px){
  body section.band.dark#faq,
  body section.band.pl-dark#faq,
  body section.band.dark#math,
  body section.band.pl-dark#math,
  body section.band.dark#how,
  body section.band.pl-dark#how,
  body section.band.dark#features,
  body section.band.pl-dark#features,
  body section.band.dark#reviews,
  body section.band.pl-dark#reviews,
  body section.band.dark#cta,
  body section.band.pl-dark#cta,
  body section.band.dark#rb-secure,
  body section.band.pl-dark#rb-secure,
  body section.band.dark#rb-what,
  body section.band.pl-dark#rb-what,
  body section.band.dark#rb-how,
  body section.band.pl-dark#rb-how,
  body section.band.dark#book,
  body section.band.pl-dark#book,
  body section.band.dark#journey,
  body section.band.pl-dark#journey,
  body section.band.dark#why,
  body section.band.pl-dark#why,
  body section.band.dark,
  body section.band.pl-dark,
  body section.band.tone-plum,
  body section.band.tone-navy,
  body section.band.dark[class][class],
  .dpy section.band.dark,
  .dpy section.band.pl-dark{border-radius:22px!important}
}

/* a hero that is also a band keeps its top square (it meets the nav) */
body section.band.hero[class][class],body section.band.heroX[class][class],
body section.hero.band[class][class]{
  border-top-left-radius:0!important;border-top-right-radius:0!important}

/* seam between two stacked dark bands: the lower band's top edge is dropped
   into shadow, then lifted by a hairline and a soft violet bloom */
body section.band.dark + section.band.dark#faq,
body section.band.dark + section.band.dark#math,
body section.band.dark + section.band.dark#how,
body section.band.dark + section.band.dark#features,
body section.band.dark + section.band.dark#reviews,
body section.band.dark + section.band.dark#cta,
body section.band.dark + section.band.dark#rb-secure,
body section.band.dark + section.band.dark#rb-what,
body section.band.dark + section.band.dark#rb-how,
body section.band.dark + section.band.dark#book,
body section.band.dark + section.band.dark#journey,
body section.band.dark + section.band.dark#why,
body section.band.dark + section.band.dark[class][class]{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),
             inset 0 30px 38px -24px rgba(0,0,0,.92),
             0 -1px 26px rgba(160,60,255,.34),
             0 -1px 60px rgba(255,45,135,.18)!important}

/* seam divider = the nav mega-panel's glow line (magenta → blue hairline),
   with a soft bloom above it */
body section.band.dark + section.band.dark#faq,
body section.band.dark + section.band.dark#math,
body section.band.dark + section.band.dark#how,
body section.band.dark + section.band.dark#features,
body section.band.dark + section.band.dark#reviews,
body section.band.dark + section.band.dark#cta,
body section.band.dark + section.band.dark#rb-secure,
body section.band.dark + section.band.dark#rb-what,
body section.band.dark + section.band.dark#rb-how,
body section.band.dark + section.band.dark#book,
body section.band.dark + section.band.dark#journey,
body section.band.dark + section.band.dark#why,
body section.band.dark + section.band.dark[class][class]{
  border-top:1px solid transparent!important;border-right-width:0!important;
  border-bottom-width:0!important;border-left-width:0!important;
  border-image-source:linear-gradient(90deg,transparent,rgba(232,49,143,.7),rgba(46,91,255,.7),transparent)!important;
  border-image-slice:1!important;
  box-shadow:inset 0 14px 26px -18px rgba(0,0,0,.75),
             0 -1px 26px rgba(232,49,143,.22),
             0 -1px 48px rgba(46,91,255,.16)!important}

/* Root font-size reset. Elementor themes commonly set html{font-size:62.5%},
   which is 10px, and every rem in this stylesheet then computes at 62.5% of
   its intended size. :has() confines the reset to pages that carry our
   wrapper, so legacy pages keep the theme's root size. */
html:has(.dpy){font-size:16px}

/* =====================================================================
   Site-chrome hardening. The header, footer, drawer and login modal render
   on pages that have no .dpy wrapper, so they must not depend on the theme's
   root font-size, and they must survive the theme's own form and link resets.
   Loaded last on purpose.
   ===================================================================== */

/* 1. the drawer toggle: OceanWP's form reset re-displays bare inputs, so
      display:none is not enough. Visually hidden, still operable by its label. */
body .dh-bar input.dh-toggle,
body .dh-bar .dh-toggle{
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;border:0!important;
  opacity:0!important;pointer-events:none!important;appearance:none!important;
  -webkit-appearance:none!important;clip-path:inset(50%)!important;overflow:hidden!important}

/* 2. the pills: v3-skin sizes these in rem, which collapses under a 62.5% root */
body .dh-bar .dh-right a.dh-pill{
  font-family:"Inter",system-ui,sans-serif!important;font-size:14px!important;
  font-weight:700!important;letter-spacing:-.01em!important;
  padding:7px 17px!important;line-height:1.2!important}

/* 3. font smoothing: base.css sets this on the page wrapper, so the chrome
      never inherited it and its type rendered heavier than the design */
body .dh-bar,body .dh-bar *,
body footer.df-foot,body footer.df-foot *,
body .dh-mobile,body .dh-mobile *,
body .lgm,body .lgm *{
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility}

/* =====================================================================
   Theme wrapper reset. The header is translucent with a backdrop blur, so
   any white page background behind it shows as a seam under the bar, and
   OceanWP's content wrappers add their own padding above the first section.
   :has() keeps all of this on our pages only.
   ===================================================================== */
/* the page wrapper owns the dark canvas, so body stays light: the footer's
   rounded top corners reveal the body behind them, and that must read white */
html:has(.dpy),body:has(.dpy){background-color:#FFFFFF!important}
body:has(.dpy) #main,
body:has(.dpy) #content-wrap,
body:has(.dpy) #primary,
body:has(.dpy) .site-content,
body:has(.dpy) .content-area,
body:has(.dpy) .entry-content,
body:has(.dpy) .elementor-section-wrap,
body:has(.dpy) .ast-container{
  background:transparent!important;
  margin-top:0!important;padding-top:0!important;
  margin-bottom:0!important;padding-bottom:0!important}
/* The wrapper owns the canvas so no seam can appear, and that canvas must
   read WHITE: every rounded section (hero bottom, the round-both dark bands,
   the footer top) reveals it through its corners. A dark wrapper hid all of
   them. Matches body:has(.dpy) above. 2026-08-28. */
body .dpy{background-color:#FFFFFF}

/* the header hairline reads as a seam where the bar meets a dark hero.
   Dropped on our pages; legacy pages keep it. */
body:has(.dpy) header.dh-bar,
body:has(.dpy) header.dh-bar:not(.dh-onlight){
  border-bottom:0!important;box-shadow:none!important}
body:has(.dpy) header.dh-bar::after,
body:has(.dpy) header.dh-bar::before{display:none!important;content:none!important}
/* on light bands the bar still needs separation from white content */
body:has(.dpy) header.dh-bar.dh-onlight{
  border-bottom:1px solid rgba(21,18,43,.10)!important}

/* =====================================================================
   Our promise mark. The markup carries an inline SVG now, not an <img>, so
   the old filter:invert() no longer reaches it. Paint the glyph black and
   sit it in a slightly darker purple tile, a little smaller than before.
   ===================================================================== */
body section#honesty .hon-promise .hp-mark{
  width:54px!important;height:54px!important;border-radius:14px!important;
  background:#E4D9FA!important}
body section#honesty .hon-promise .hp-mark svg{
  width:22px!important;height:22px!important;display:block}
body section#honesty .hon-promise .hp-mark svg path,
body section#honesty .hon-promise .hp-mark svg polygon,
body section#honesty .hon-promise .hp-mark svg rect{fill:#15122B!important}
/* the trigger is a <button> now, so it must not inherit UA button chrome */
body section#honesty .hon-body button.btn{
  border:0;font:inherit;width:100%;cursor:pointer;-webkit-appearance:none;appearance:none}

/* =====================================================================
   Channel cards: purple hover frame. The base rule sets border:0 and a flat
   shadow at !important, so these have to match its specificity to win.
   The whole tile is a link overlay, so hover lives on the panel.
   ===================================================================== */
body section#channels .grid6>.panel{
  border:1px solid rgba(21,18,43,.07)!important;border-radius:18px!important;
  transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}
body section#channels .grid6>.panel:hover{
  border-color:#A855F7!important;
  box-shadow:0 6px 24px rgba(118,83,252,.14)!important;
  transform:translateY(-2px)}
body section#channels .grid6>.panel .chan-more{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.86rem!important;
  font-weight:500!important;letter-spacing:0!important;text-transform:none!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;
  transition:color .18s cubic-bezier(.4,0,.2,1),-webkit-text-fill-color .18s cubic-bezier(.4,0,.2,1)}
body section#channels .grid6>.panel:hover .chan-more{
  color:#15122B!important;-webkit-text-fill-color:#15122B!important}

/* =====================================================================
   Footer corner notches. The footer element itself is WHITE on purpose: its
   ::after paints the gradient rounded rect and ::before the dark body, so
   the white element is what fills the two top corners. Never make it
   transparent. The theme's own footer wrappers are the ones to neutralise.
   ===================================================================== */
body footer.df-foot{background-color:#FFFFFF!important;overflow:visible!important}
body:has(.dpy) #footer,body:has(.dpy) .site-footer,
body:has(.dpy) #footer-wrap,body:has(.dpy) .ast-footer-overlay,
body:has(.dpy) .elementor-location-footer{background-color:#FFFFFF!important}

/* hero h1 on mobile: keep the same three-line break as desktop
   ("We put a / percentage back / in your pocket.") */
@media(max-width:760px){
  body .dpy .hero-feat h1 .h1br,body .hero-feat h1 .h1br{display:inline!important}}

/* =====================================================================
   Closing CTA on mobile: the headline was too quiet, and the italic "your"
   was losing its final r. Italic glyphs overhang their inline box, so the
   gradient text clip cut the overhang off: pad the span and pull the pad
   back with a negative margin so spacing is unchanged. The green swash is
   pinned to the word instead of overhanging it.
   ===================================================================== */
@media(max-width:760px){
  body #book .cta-banner h2{
    font-size:clamp(2.05rem,8.4vw,2.7rem)!important;line-height:1.08!important;
    letter-spacing:-.032em!important}
  body #book .cta-banner p{font-size:1rem!important}
}
body #book .cta-banner h2 .hl,
body #book .cta-banner h2 .ul-green{
  padding-right:.09em!important;margin-right:-.09em!important;overflow:visible!important}
body #book .cta-banner h2 .ul-green::after{
  left:0!important;right:.09em!important;bottom:-.1em!important;
  height:.1em!important;border-bottom-width:3px!important;transform:rotate(-.4deg)!important}

/* =====================================================================
   Closing CTA "your": adopt the hero's proven .uline treatment.
   Two bugs came from the old approach. The word was filled transparent so
   the parent's clipped gradient showed through, and a transparent-fill
   inline clips at its own line-fragment edge, which ate the italic r's
   overhang. And the swash was a border-radius:50% border, which paints as
   a filled ellipse rather than a swash. Solid fill plus the SVG arc fixes
   both, and matches the hero exactly.
   ===================================================================== */
body #book .cta-banner h2 .ul-green{
  position:relative!important;display:inline-block!important;
  background:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:#D211C8!important;-webkit-text-fill-color:#D211C8!important;
  padding-right:.06em!important;margin-right:-.06em!important;overflow:visible!important}
body #book .cta-banner h2 .ul-green::after{
  content:""!important;display:block!important;position:absolute!important;
  left:-1%!important;right:-1%!important;bottom:-.13em!important;
  height:.26em!important;width:auto!important;
  border:0!important;border-radius:0!important;transform:none!important;
  background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M2 6 Q50 1.4 98 6' fill='none' stroke='%2321C55D' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")!important}
@supports (color:oklch(50% 0 0)){
  body #book .cta-banner h2 .ul-green{
    color:#D211C8!important;-webkit-text-fill-color:#D211C8!important;
    background:none!important}
}

/* =====================================================================
   Mobile footer. Two changes: the two top buttons become equal full-width
   pills instead of one full and one half, and the brand column moves to the
   end so the link columns start right under the divider.
   ===================================================================== */
@media(max-width:760px){
  body footer.df-foot .df-top{
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:12px!important}
  body footer.df-foot .df-top .df-cta,
  body footer.df-foot .df-top .df-tel{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;box-sizing:border-box!important;
    padding:14px 20px!important;text-align:center!important}
  /* the brand column reads as a sign-off, so it belongs last. The grid is
     .df-map, and it already goes two-column below 680px: only order changes. */
  body footer.df-foot .df-map .df-about{order:99!important;grid-column:1 / -1!important}
}

/* mobile footer: breathe around the primary pill, and centre the lockup */
@media(max-width:760px){
  body footer.df-foot .df-top{gap:16px!important;padding-top:6px!important}
  body footer.df-foot .df-top .df-cta{margin:10px 0 4px!important}
  body footer.df-foot .df-top .df-brand-lockup{
    align-self:center!important;margin:0 auto 4px!important}
}


/* =====================================================================
   SITE-WIDE SECTION HEADLINE SCALE
   Moved out of the individual page <style> blocks (home, partner-lp,
   become-a-partner, get-processing-now) on 2026-08-25 so headline sizing
   is a one-file change. Same values as before: no visual change.
   ===================================================================== */
.band h2,.band.light h2,.band.dark h2,
.dpy .band h2,.dpy .band.light h2,.dpy .band.dark h2,.dpy section h2{
  font-size:clamp(1.9rem,3.4vw,3.2rem)!important}


/* =====================================================================
   HOME / INDUSTRIES link tiles: top-right arrow on hover
   Same frosted purple card. The arrow fades in dark, and the hairline
   goes a step deeper purple. Replaces the old bottom-right glyph.
   ===================================================================== */
body #industries a.ind,.dpy #industries a.ind{padding-right:52px!important}
body #industries a.ind::after,.dpy #industries a.ind::after{content:none!important;display:none!important}
body #industries a.ind::before,.dpy #industries a.ind::before{
  display:block!important;content:""!important;
  position:absolute!important;top:20px!important;right:20px!important;z-index:2!important;
  width:16px!important;height:16px!important;opacity:0!important;
  transform:translate(-3px,3px)!important;
  transition:opacity .2s ease,transform .2s ease!important;
  background-color:#2A2740!important;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat!important}
body #industries a.ind:hover::before,.dpy #industries a.ind:hover::before{
  opacity:1!important;transform:translate(0,0)!important}
body #industries a.ind:hover,.dpy #industries a.ind:hover{
  border-color:rgba(124,58,237,.38)!important}


/* =====================================================================
   HOME / SOLUTIONS (#devices): the four cards are links now.
   Arrow sits bottom-right, fades in dark on hover, hairline deepens.
   ===================================================================== */
body #devices a.panel.dev-card,.dpy #devices a.panel.dev-card{
  display:block!important;position:relative!important;text-decoration:none!important;
  padding-bottom:44px!important}
body #devices a.panel.dev-card *,.dpy #devices a.panel.dev-card *{text-decoration:none!important}
body #devices a.panel.dev-card::after,.dpy #devices a.panel.dev-card::after{
  display:block!important;content:""!important;
  position:absolute!important;bottom:20px!important;right:22px!important;z-index:2!important;
  width:16px!important;height:16px!important;opacity:0!important;
  transform:translate(-3px,3px)!important;
  transition:opacity .2s ease,transform .2s ease!important;
  background-color:#2A2740!important;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat!important}
body #devices a.panel.dev-card:hover::after,.dpy #devices a.panel.dev-card:hover::after{
  opacity:1!important;transform:translate(0,0)!important}
body #devices a.panel.dev-card:hover,.dpy #devices a.panel.dev-card:hover{
  border-color:rgba(124,58,237,.38)!important}

/* industries tiles: make sure the arrow + deeper hairline win over the
   frosted-card hover rule regardless of sheet order */
body #industries .ind-grid a.ind:hover,.dpy #industries .ind-grid a.ind:hover{
  border-color:rgba(124,58,237,.40)!important}
body #industries .ind-grid a.ind::before,.dpy #industries .ind-grid a.ind::before{
  display:block!important;content:""!important;
  position:absolute!important;top:20px!important;right:20px!important;z-index:2!important;
  width:16px!important;height:16px!important;opacity:0!important;
  transform:translate(-3px,3px)!important;
  transition:opacity .2s ease,transform .2s ease!important;
  background-color:#2A2740!important;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat!important}
body #industries .ind-grid a.ind:hover::before,.dpy #industries .ind-grid a.ind:hover::before{
  opacity:1!important;transform:translate(0,0)!important}


/* arrow glyphs stay flat dark: something upstream paints a gradient
   background-image onto these pseudo-elements, so clear it explicitly */
body #industries .ind-grid a.ind::before,.dpy #industries .ind-grid a.ind::before,
body #industries a.ind::before,.dpy #industries a.ind::before,
body #devices a.panel.dev-card::after,.dpy #devices a.panel.dev-card::after{
  background-image:none!important;background:none!important;
  background-color:#15122B!important}


/* =====================================================================
   MOBILE FIXES 2026-08-25
   1. xmark mask used a relative path, which breaks when the sheet is
      served from the Media Library. Inlined as a data URI.
   2. paired CTA buttons sat ~16px apart when stacked: tighten to 5px.
   3. the closing CTA banner breaks the page gutter by 12px each side.
   4. the ".ul-green" word inherited a clipped gradient from its parent,
      which iOS Safari does not paint: give it its own.
   ===================================================================== */
.strip .strip-x,.indhero .strip .strip-x,.rp-hero .strip .strip-x,
body .strip .strip-x,.dpy .strip .strip-x{
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z'/%3E%3C/svg%3E") center/contain no-repeat!important}

body #book .cta-banner h2 .ul-green,.dpy #book .cta-banner h2 .ul-green,
body .cta-banner h2 .ul-green,.dpy .cta-banner h2 .ul-green{
  background:linear-gradient(90deg,#A93BE8 0%,#D42AD6 55%,#F41FC6 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}

@media(max-width:760px){
  body .cta-row,.dpy .cta-row,
  body .hf-copy>div[style*="display:flex"],.dpy .hf-copy>div[style*="display:flex"],
  body .cta-banner>div[style*="display:flex"],.dpy .cta-banner>div[style*="display:flex"],
  body .hero .wrap>div[style*="display:flex"],.dpy .hero .wrap>div[style*="display:flex"]{
    gap:5px!important}
  body #book .cta-banner,.dpy #book .cta-banner{
    margin-left:-12px!important;margin-right:-12px!important}
}


/* the ".ul-green" word: an earlier rule sets background:none with more
   specificity, so match its selector shape instead of layering on top */
body .dpy section#book .cta-banner h2 .hl .ul-green,
body .dpy section#book .cta-banner h2 .ul-green,
body section#book .cta-banner h2 .hl .ul-green,
body section#book .cta-banner h2 .ul-green,
body #book .cta-banner h2 .hl .ul-green{
  background:linear-gradient(90deg,#A93BE8 0%,#D42AD6 55%,#F41FC6 100%)!important;background-image:linear-gradient(90deg,#A93BE8 0%,#D42AD6 55%,#F41FC6 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
@supports (color:oklch(50% 0 0)){
  body .dpy section#book .cta-banner h2 .hl .ul-green,
  body section#book .cta-banner h2 .hl .ul-green{
    background-image:linear-gradient(90deg,#A93BE8 0%,#D42AD6 55%,#F41FC6 100%)!important;
    -webkit-background-clip:text!important;background-clip:text!important}
}


/* =====================================================================
   CARD LABELS — one weight thicker everywhere, and larger on mobile.
   Every mono label computed to 500 with sizes drifting 10.5-11.5px
   between sections; magenta-on-dark and violet-on-white read lighter
   than mint-on-black at that weight. Normalized to 600.
   ===================================================================== */
body .tag,.dpy .tag,
body .eyebrow,.dpy .eyebrow,
body h3.ig-group,.dpy h3.ig-group,
body .icard .k,.dpy .icard .k,
body .c .k,.dpy .c .k{font-weight:600!important}

@media(max-width:760px){
  body .tag,.dpy .tag{font-size:12.2px!important;letter-spacing:.16em!important}
  body .eyebrow,.dpy .eyebrow{font-size:12.4px!important}
  body h3.ig-group,.dpy h3.ig-group{font-size:12.8px!important}
  body .icard .k,.dpy .icard .k,body .c .k,.dpy .c .k{font-size:12.2px!important}
}


/* an earlier rule (body .dpy .band .panel .tag) pinned panel labels back to
   500 with more specificity, so match its shape */
body .dpy .band .panel .tag,body .band .panel .tag,.dpy .band .panel .tag,
body .dpy .band .panel .eyebrow,body .band .panel .eyebrow,
body .dpy .band .icard .tag,body .band .icard .tag,
body .dpy .band .c .tag,body .band .c .tag{font-weight:600!important}
@media(max-width:760px){
  body .dpy .band .panel .tag,body .band .panel .tag,.dpy .band .panel .tag,
  body .dpy .band .icard .tag,body .band .icard .tag,
  body .dpy .band .c .tag,body .band .c .tag{
    font-size:12.2px!important;letter-spacing:.16em!important}
}


/* #who cards use .ig-card, pinned to .66rem by a higher-specificity rule */
body .dpy .band .ig-card .tag,body .band .ig-card .tag,.dpy .band .ig-card .tag,
body .dpy section.band.dark#who a.ig-card .tag,
body section.band.dark#who a.ig-card .tag{font-weight:600!important}
@media(max-width:760px){
  body .dpy .band .ig-card .tag,body .band .ig-card .tag,.dpy .band .ig-card .tag,
  body .dpy section.band.dark#who a.ig-card .tag,
  body section.band.dark#who a.ig-card .tag{
    font-size:12.2px!important;letter-spacing:.16em!important}
}


/* Growth Tools (#deposyt-plus-home) labels get the same treatment as the
   card labels elsewhere. Colors untouched: weight and mobile size only. */
body #deposyt-plus-home .dpx-ttag,.dpy #deposyt-plus-home .dpx-ttag,
body #deposyt-plus-home .dpx-more-k,.dpy #deposyt-plus-home .dpx-more-k,
body #deposyt-plus-home .dpx-bk,.dpy #deposyt-plus-home .dpx-bk,
body #deposyt-plus-home .dpx-toolkicker,.dpy #deposyt-plus-home .dpx-toolkicker{
  font-weight:600!important}
@media(max-width:760px){
  body #deposyt-plus-home .dpx-ttag,.dpy #deposyt-plus-home .dpx-ttag,
  body #deposyt-plus-home .dpx-bk,.dpy #deposyt-plus-home .dpx-bk{
    font-size:12.2px!important;letter-spacing:.16em!important}
  body #deposyt-plus-home .dpx-more-k,.dpy #deposyt-plus-home .dpx-more-k,
  body #deposyt-plus-home .dpx-toolkicker,.dpy #deposyt-plus-home .dpx-toolkicker{
    font-size:12.4px!important}
}


/* left-aligned heroes keep the reviews row on the left, centered on mobile */
@media(max-width:760px){
  body .greviews.gr-left,.dpy .greviews.gr-left{
    margin-left:auto!important;margin-right:auto!important}
}


/* hero reviews row: content-width, so the hover highlight hugs the row */
body .greviews.gr-hero,.dpy .greviews.gr-hero{
  display:flex!important;width:max-content!important;max-width:100%!important;
  align-items:center!important;line-height:1!important}
body .greviews.gr-hero .gr-txt,.dpy .greviews.gr-hero .gr-txt{font-size:.86rem!important}
@media(max-width:760px){
  body .greviews.gr-left,.dpy .greviews.gr-left{
    margin-left:auto!important;margin-right:auto!important}
}


/* reviews row alignment: centered by default, flush left only where the hero
   itself is left-aligned. Both .heroX and .hero-feat re-center at 980px, so
   the left-align rides the same min-width:981px query they use. */
body .greviews.gr-hero,.dpy .greviews.gr-hero{
  margin-left:auto!important;margin-right:auto!important}
@media(min-width:981px){
  body .heroX .greviews.gr-left,.dpy .heroX .greviews.gr-left,
  body .hero-feat .greviews.gr-left,.dpy .hero-feat .greviews.gr-left{
    margin-left:0!important;margin-right:auto!important}
}


/* reviews row, final: inline-flex so it simply follows its hero's text-align
   instead of guessing a breakpoint, with its own gap (the .hero-center gap
   rule does not reach left-aligned heroes) and line-height:1 to kill the
   inline-box descender gap. */
body .greviews.gr-hero,.dpy .greviews.gr-hero{
  display:inline-flex!important;vertical-align:top!important;
  width:max-content!important;max-width:100%!important;
  align-items:center!important;gap:12px!important;line-height:1!important;
  margin-left:0!important;margin-right:0!important}
body .greviews.gr-hero>span:first-child,.dpy .greviews.gr-hero>span:first-child{
  display:inline-flex!important;gap:5px!important}


/* The clickable-badge padding used to arrive from scroll-widgets-v1.js, which
   is deferred and waits on the Trustindex section, so it landed seconds after
   paint and the row visibly jumped. Declared statically here; the injected
   .gr-link rule now just restates the same values, so nothing shifts. */
body .greviews.gr-hero,.dpy .greviews.gr-hero{
  padding:8px 14px!important;border-radius:999px!important;cursor:pointer;
  transition:background .16s ease,transform .16s ease}
body .greviews.gr-hero:hover,.dpy .greviews.gr-hero:hover{
  background:rgba(255,255,255,.06)}
body .band.light .greviews.gr-hero:hover,.dpy .band.light .greviews.gr-hero:hover{
  background:rgba(21,18,43,.05)}
/* left-aligned heroes: pull the padding back so the text lines up with the headline */
@media(min-width:981px){
  body .greviews.gr-hero.gr-left,.dpy .greviews.gr-hero.gr-left{margin-left:-14px!important}
}


/* integrations hero: the four proof boxes sat 40px under the reviews row */
:where(.dpy.pg-int) .ihero .i-stats,
body.ip .ihero .i-stats,
.dpy .ihero .i-stats{margin-top:18px!important}


/* integrations hero: "99.9%" was transparent, inheriting the parent's clipped
   gradient, which iOS Safari does not paint on a child. Give it its own. */
:where(.dpy.pg-int) .ihero h1 .uline,
body.ip .ihero h1 .uline,
.dpy .ihero h1 .hl .uline,
body .ihero h1 .hl .uline{
  background:linear-gradient(90deg,#7653FC 0%,#8E33E4 60%,#A31FD9 100%)!important;background-image:linear-gradient(90deg,#7653FC 0%,#8E33E4 60%,#A31FD9 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
@supports (color:oklch(50% 0 0)){
  body .ihero h1 .hl .uline,.dpy .ihero h1 .hl .uline{
    background-image:linear-gradient(90deg,#7653FC 0%,#8E33E4 60%,#A31FD9 100%)!important;
    -webkit-background-clip:text!important;background-clip:text!important;
    -webkit-text-fill-color:transparent!important}
}



/* integrations hero: the lede had no gap under the headline */
:where(.dpy.pg-int) .ihero h1,body.ip .ihero h1,.dpy .ihero h1{margin-bottom:22px!important}




/* integrations proof boxes: "INTEGRATIONS" was breaking mid-word (the stray
   "S" on its own line). Wide tracking in a narrow card plus a break-anywhere
   inherited from elsewhere. Keep words whole and give the label more room. */
:where(.dpy.pg-int) .ihero .i-stats .s,body.ip .ihero .i-stats .s{
  padding-left:10px!important;padding-right:10px!important}
:where(.dpy.pg-int) .ihero .i-stats .s span,body.ip .ihero .i-stats .s span{
  letter-spacing:.1em!important;
  word-break:keep-all!important;overflow-wrap:normal!important;
  word-wrap:normal!important;hyphens:none!important;
  max-width:none!important;width:100%!important}


/* =====================================================================
   PAYMENT LINKS hero: match the industry pages' page label (the sweeping
   purple/magenta ring) instead of the older blue-heavy glow, and reduce
   the gap between the first two light bands.
   ===================================================================== */
body .dpy.pg-pl section.hero.hero-center .strip,
:where(.dpy.pg-pl) section.hero.hero-center .strip{
  --indRing:0deg;
  position:relative!important;display:inline-flex!important;align-items:center!important;
  gap:9px!important;padding:8px 18px 8px 13px!important;margin:0 auto 26px!important;
  border-radius:999px!important;border:1px solid transparent!important;overflow:visible!important;
  width:max-content!important;
  background:
    linear-gradient(#0a0816,#0a0816) padding-box,
    conic-gradient(from var(--indRing),rgba(118,83,252,0) 0deg,rgba(118,83,252,0) 104deg,rgba(118,83,252,.16) 156deg,rgba(139,31,216,.6) 196deg,#8B1FD8 226deg,#C026C0 262deg,#FE02C4 300deg,rgba(254,2,196,.5) 322deg,rgba(254,2,196,.12) 340deg,rgba(254,2,196,0) 352deg,rgba(254,2,196,0) 360deg) border-box!important;
  box-shadow:0 0 34px -8px rgba(139,31,216,.55)!important;
  animation:indRingSpin 3.6s linear infinite!important}
@media(prefers-reduced-motion:reduce){
  body .dpy.pg-pl section.hero.hero-center .strip{animation:none!important}
}
body .dpy.pg-pl section.hero.hero-center .strip::before,
body .dpy.pg-pl section.hero.hero-center .strip::after{display:none!important;content:none!important}
body .dpy.pg-pl section.hero.hero-center .strip .strip-ico{
  width:14px!important;height:14px!important;flex:none!important;display:block!important;margin:0!important}
body .dpy.pg-pl section.hero.hero-center .strip .strip-lead{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:600!important;font-style:italic!important;
  font-size:.9rem!important;letter-spacing:-.012em!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important}

/* the two light bands after the hero sat ~110px apart on each side */
body .dpy.pg-pl section.band.light.pl-glow-blue{padding-bottom:56px!important}
body .dpy.pg-pl section.band.light.sk-dashes{padding-top:56px!important}


/* payment-links hero CTA: v3-skin's ::after arrow is the one we keep */
body .dpy.pg-pl section.hero .btn.btn-g .btn-arw{display:none!important}


/* =====================================================================
   HERO PAGE LABEL — one universal rule (2026-08-25)
   The pill was previously declared per page family (.pg-ind .indhero,
   .pg-pl .hero-center), so any hero outside those selectors fell back to
   the old blue-bordered strip: dual-pricing, virtual-terminal, in-person,
   recurring-billing. Scoping on .dpy section.hero covers every page and
   does not depend on which pg- class the wrapper carries.
   Only heroes with a .strip-lead span are targeted, so numbered section
   eyebrows ("01 HOW IT WORKS") keep their own treatment.
   ===================================================================== */
@property --indRing{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes indRingSpin{to{--indRing:360deg}}
body .dpy section.hero .strip:has(.strip-lead){
  --indRing:0deg;
  position:relative!important;display:inline-flex!important;align-items:center!important;
  gap:9px!important;padding:8px 18px 8px 13px!important;
  border-radius:999px!important;border:1px solid transparent!important;overflow:visible!important;
  width:max-content!important;
  background:
    linear-gradient(#0a0816,#0a0816) padding-box,
    conic-gradient(from var(--indRing),rgba(118,83,252,0) 0deg,rgba(118,83,252,0) 104deg,rgba(118,83,252,.16) 156deg,rgba(139,31,216,.6) 196deg,#8B1FD8 226deg,#C026C0 262deg,#FE02C4 300deg,rgba(254,2,196,.5) 322deg,rgba(254,2,196,.12) 340deg,rgba(254,2,196,0) 352deg,rgba(254,2,196,0) 360deg) border-box!important;
  box-shadow:0 0 34px -8px rgba(139,31,216,.55)!important;
  animation:indRingSpin 3.6s linear infinite!important}
@media(prefers-reduced-motion:reduce){
  body .dpy section.hero .strip:has(.strip-lead){animation:none!important}}
body .dpy section.hero .strip:has(.strip-lead)::before,
body .dpy section.hero .strip:has(.strip-lead)::after{display:none!important;content:none!important}
body .dpy section.hero .strip:has(.strip-lead) .strip-ico{
  width:14px!important;height:14px!important;flex:none!important;display:block!important;margin:0!important}
body .dpy section.hero .strip:has(.strip-lead) .strip-lead{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:600!important;font-style:italic!important;
  font-size:.9rem!important;letter-spacing:-.012em!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important}
body .dpy section.hero .strip:has(.strip-lead) .strip-rest{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:500!important;font-style:italic!important;
  font-size:.9rem!important;letter-spacing:-.012em!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B2BE2 38%,#FE02C4 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
/* centred heroes keep the pill centred; split/left heroes stay flush left */
body .dpy section.hero.hero-center .wrap>.strip:has(.strip-lead){margin:0 auto 26px!important}
body .dpy section.hero .hf-copy>.strip:has(.strip-lead),
body .dpy section.hero.indhero-split .strip:has(.strip-lead){margin:0 0 26px!important}
@media(max-width:760px){
  body .dpy section.hero .strip:has(.strip-lead){padding:7px 15px 7px 11px!important}
}

/* =====================================================================
   DUAL PRICING dark bands: previously these were background:transparent
   and inherited #040409 from the .pg-dp wrapper, so if the wrapper class
   was missing the manifesto and calculator bands rendered white. Paint the
   dark base on the sections themselves instead of leaning on the parent.
   ===================================================================== */
/* must outrank "body section.band.dark:has(> .band-bg)" (0,3,2), so these
   carry four classes each. */
body .dpy.pg-dp section.ed-manifesto.ed-manifesto,body .dpy section.ed-manifesto.ed-manifesto{background:#07050E!important}
body .dpy.pg-dp section.band.dp-calcband,body .dpy section.band.dp-calcband{background:#050409!important}
body .dpy.pg-dp section.band.dp-calcband>.band-bg,body .dpy section.band.dp-calcband>.band-bg{
  background:
    radial-gradient(64% 44% at 82% 104%,rgba(255,14,175,.28) 0%,rgba(255,14,175,0) 70%),
    radial-gradient(58% 42% at 26% 108%,rgba(120,24,245,.30) 0%,rgba(104,20,224,0) 72%),
    linear-gradient(0deg,#140A24 0%,#0A0616 38%,#07050E 76%,#050409 100%)!important}


/* =====================================================================
   info-wrap.css — merged in 2026-08-25. This sheet was authored but never
   included in any built stylesheet, so .info-wrap / .info-k / .hflow /
   .hstep / .wallet had NO rules anywhere: on /mobile the step icons had no
   width and rendered at full container size. Scoped under .dpy here.
   ===================================================================== */
body .dpy .info-wrap{margin:30px 0 4px;background:#fff;border:1px solid var(--mist-l);border-radius:22px;box-shadow:0 2px 6px rgba(21,18,43,.05),0 26px 60px -28px rgba(61,43,184,.26);padding:30px 30px 26px;position:relative;overflow:hidden}body .dpy .info-wrap::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad)}body .dpy .info-k{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dark);margin-bottom:16px}body .dpy .info-k b{color:#9A1FD6}body .dpy .info-wrap svg.full{display:block;width:100%;height:auto}body .dpy /* phone SMS mock */
.sms-phone{max-width:300px;margin:0 auto}body .dpy .sms-bubble{opacity:0;transform:translateY(10px)}body .dpy .sms-go .sms-bubble{animation:smsIn .5s ease forwards}body .dpy .sms-go .sms-bubble:nth-of-type(1){animation-delay:.2s}body .dpy .sms-go .sms-bubble:nth-of-type(2){animation-delay:1.0s}body .dpy .sms-go .sms-bubble:nth-of-type(3){animation-delay:1.8s}body .dpy @keyframes smsIn{to{opacity:1;transform:translateY(0)}}body .dpy .info-replay{position:absolute;top:18px;right:20px;font-family:"IBM Plex Mono",monospace;font-size:.66rem;color:#9A1FD6;background:none;border:1px solid rgba(160,43,217,.3);border-radius:999px;padding:6px 14px;cursor:pointer}body .dpy .info-replay:hover{background:rgba(160,43,217,.08)}body .dpy /* wallets grid */
.wallets{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:8px}body .dpy .wallet{display:flex;flex-direction:column;align-items:center;gap:8px;background:#F6F7FC;border:1px solid var(--mist-l);border-radius:14px;padding:18px 10px;text-align:center}body .dpy .wallet svg{width:34px;height:34px}body .dpy .wallet span{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:700;font-size:.8rem;color:var(--text-dark)}body .dpy /* horizontal step flow */
.hflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}body .dpy @media(max-width:760px){.hflow{grid-template-columns:1fr 1fr}}body .dpy .hstep{position:relative;background:#F6F7FC;border:1px solid var(--mist-l);border-radius:14px;padding:20px 16px;text-align:center}body .dpy .hstep .hn{width:34px;height:34px;border-radius:10px;background:var(--grad);color:#fff;font-family:"IBM Plex Mono",monospace;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}body .dpy .hstep svg{width:30px;height:30px;margin:0 auto 8px;display:block}body .dpy .hstep h4{font-size:.94rem;margin:0 0 4px;color:var(--text-dark);font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:800}body .dpy .hstep p{margin:0;font-size:.82rem;color:var(--muted-dark);line-height:1.5}



/* =====================================================================
   DUNNING — 363 rules that existed ONLY in the per-page build
   (_merged/dunning.css) and were never carried into this site-wide sheet.
   Root cause of the live-site breakage: the page rendered correctly in
   preview (which loads the per-page sheet) but lost all component geometry
   below the hero on WordPress (which loads this one). Guarded on .pg-dun
   so nothing can bleed onto other pages.
   ===================================================================== */
body .dpy.pg-dun h1,body .dpy.pg-dun h2,body .dpy.pg-dun h3,body .dpy.pg-dun p,body .dpy.pg-dun .lede,body .dpy.pg-dun .lead{ text-wrap: pretty; }

@media (max-width: 560px) {body .dpy.pg-dun h1{ font-size: clamp(2.1rem, 9vw, 2.7rem); }body .dpy.pg-dun h2{ font-size: clamp(1.7rem, 7.4vw, 2.1rem); }body .dpy.pg-dun .band{ padding: 46px 0; }body .dpy.pg-dun .strip{ font-size: .62rem; letter-spacing: .16em; }body .dpy.pg-dun .strip::after{ display: none; }body .dpy.pg-dun .btn{ display: block; width: 100%; text-align: center; }body .dpy.pg-dun .btn + .btn{ margin-top: 10px; }body .dpy.pg-dun .df-map{ grid-template-columns: 1fr 1fr; gap: 22px; }body .dpy.pg-dun .df-legal{ flex-direction: column; gap: 10px; }}
body .dpy.pg-dun body{ background: var(--ink); color: var(--ivory); }
body .dpy.pg-dun p{ color: var(--muted); }
body .dpy.pg-dun a:focus-visible,body .dpy.pg-dun .btn:focus-visible{ outline-color: #E8318F !important; }
body .dpy.pg-dun body p:not(.mono),body .dpy.pg-dun body .lede,body .dpy.pg-dun body .panel p,body .dpy.pg-dun body .ind p,body .dpy.pg-dun body li,body .dpy.pg-dun body .dpc-sub,body .dpy.pg-dun body .hf-switch-tx span,body .dpy.pg-dun body .rev-text,body .dpy.pg-dun body footer.df-foot .df-about p,body .dpy.pg-dun body footer.df-foot .df-col a,body .dpy.pg-dun body .faq-list p,body .dpy.pg-dun body .band p,body .dpy.pg-dun body .band li{letter-spacing:-.013em!important}

@media(max-width:640px){body .dpy.pg-dun body .grid2,body .dpy.pg-dun body .grid3,body .dpy.pg-dun body .grid4,body .dpy.pg-dun body .cols2,body .dpy.pg-dun body .cols3,body .dpy.pg-dun body .rev-grid,body .dpy.pg-dun body .ind-grid,body .dpy.pg-dun body .feat-grid{grid-template-columns:1fr!important}body .dpy.pg-dun body .grid2>*,body .dpy.pg-dun body .grid3>*,body .dpy.pg-dun body .grid4>*,body .dpy.pg-dun body .rev-grid>*,body .dpy.pg-dun body .ind-grid>*{min-width:0!important}body .dpy.pg-dun body img,body .dpy.pg-dun body svg,body .dpy.pg-dun body video,body .dpy.pg-dun body iframe{max-width:100%!important}}
.dpy.pg-dun{
  --ink:#0B0A16;--ink-2:#13102A;--ink-3:#15112C;
  --paper:#FFFFFF;--paper-2:#F7F7FA;--line:#E6E6E9;--line-dark:rgba(255,255,255,.12);
  --magenta:#FF2D87;--violet:#A02BD9;--indigo:#3D2BB8;--blue:#2E7CFF;--accent:#C77DFF;
  --txt:#1D1D1F;--txt-soft:#4F4F4F;--txt-on-dark:#F8F6F1;--soft-on-dark:#D8D2E8;
  --grad:linear-gradient(135deg,#7653FC,#8B1FD8 42%,#FE02C4 92%);
  --grad-light:linear-gradient(96deg,#A78BFA 0%,#C77DFF 42%,#FF7AD1 92%);
  --grad-soft:linear-gradient(120deg,rgba(255,45,135,.12),rgba(46,124,255,.12));
  --r:18px;--r-lg:26px;--shadow:0 24px 60px -28px rgba(20,8,46,.5);--maxw:1140px;
  --serif:"Inter Tight","Inter",system-ui,sans-serif;--sans:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  font-family:var(--sans);color:var(--txt);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:17px;
}
.dpy.pg-dun *{box-sizing:border-box;margin:0;padding:0}
.dpy.pg-dun a{color:inherit}
.dpy.pg-dun .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.dpy.pg-dun .band{padding:94px 0}
.dpy.pg-dun .dark{background:var(--ink);color:var(--txt-on-dark)}
.dpy.pg-dun .dark .soft{color:var(--soft-on-dark)}
.dpy.pg-dun .light{background:var(--paper)}
.dpy.pg-dun .lav{background:var(--paper-2)}
.dpy.pg-dun .dark.tone-plum{background:radial-gradient(900px 520px at 12% -12%,rgba(255,45,135,.18),transparent 60%),linear-gradient(180deg,#1A0E2C,#13102A)}
.dpy.pg-dun .dark.tone-navy{background:radial-gradient(900px 520px at 88% -12%,rgba(46,124,255,.18),transparent 60%),linear-gradient(180deg,#0E1030,#0B0A16)}
.dpy.pg-dun .eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--violet);display:inline-block;margin-bottom:18px}
.dpy.pg-dun .dark .eyebrow{color:var(--accent)}
.dpy.pg-dun .tone-plum .eyebrow{color:#FF7AB6}
.dpy.pg-dun .tone-navy .eyebrow{color:#86BBFF}
.dpy.pg-dun h1,.dpy.pg-dun h2,.dpy.pg-dun h3{font-family:var(--serif);font-weight:800;letter-spacing:-.025em;line-height:1.06}
.dpy.pg-dun h1,.dpy.pg-dun h2,.dpy.pg-dun h3,.dpy.pg-dun h4{color:var(--txt)}
.dpy.pg-dun .dark h1,.dpy.pg-dun .dark h2,.dpy.pg-dun .dark h3,.dpy.pg-dun .dark h4{color:var(--txt-on-dark)}
.dpy.pg-dun .dark .grad-text{-webkit-text-fill-color:transparent}
.dpy.pg-dun h1{font-size:clamp(42px,5.6vw,70px);font-weight:900;letter-spacing:-.035em}
.dpy.pg-dun h2{font-size:clamp(30px,4.2vw,50px)}
.dpy.pg-dun h3{font-size:clamp(21px,2.5vw,29px)}
.dpy.pg-dun p{color:var(--txt-soft);font-size:18px}
.dpy.pg-dun .dark p{color:var(--soft-on-dark)}
.dpy.pg-dun .lead{font-size:21px;line-height:1.56;color:var(--txt-soft);max-width:720px}
.dpy.pg-dun .dark .lead{color:var(--soft-on-dark)}
.dpy.pg-dun .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.dpy.pg-dun .dark .grad-text{background:var(--grad-light);-webkit-background-clip:text;background-clip:text}
.dpy.pg-dun h1 .grad-text,.dpy.pg-dun h2 .grad-text{font-style:normal}
.dpy.pg-dun .center{text-align:center}
.dpy.pg-dun .center .lead{margin-left:auto;margin-right:auto}
.dpy.pg-dun .mt-head{max-width:780px}
.dpy.pg-dun .center .mt-head{margin:0 auto}
.dpy.pg-dun .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:700;font-size:16px;padding:15px 28px;border-radius:999px;text-decoration:none;cursor:pointer;border:none;transition:transform .18s ease,box-shadow .18s ease;line-height:1}
.dpy.pg-dun .btn-primary{background:var(--grad);color:#fff;box-shadow:0 14px 30px -12px rgba(160,43,217,.6)}
.dpy.pg-dun .btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(160,43,217,.8)}
.dpy.pg-dun .btn-ghost{background:transparent;color:var(--txt);border:1.5px solid var(--line)}
.dpy.pg-dun .dark .btn-ghost{color:var(--txt-on-dark);border-color:var(--line-dark)}
.dpy.pg-dun .btn-ghost:hover{border-color:var(--violet);transform:translateY(-2px)}
.dpy.pg-dun .btn-arrow{font-family:var(--mono);font-size:18px;line-height:1}
.dpy.pg-dun .nav{position:sticky;top:0;z-index:50;background:rgba(11,10,22,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-dark)}
.dpy.pg-dun .nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:var(--maxw);margin:0 auto;padding:0 22px}
.dpy.pg-dun .brand{font-family:var(--sans);font-weight:800;font-size:22px;letter-spacing:-.02em;color:#fff;text-decoration:none}
.dpy.pg-dun .brand .pl{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dpy.pg-dun .nav-links{display:flex;align-items:center;gap:22px;list-style:none}
.dpy.pg-dun .nav-links a{color:var(--soft-on-dark);text-decoration:none;font-size:15px;font-weight:500;transition:color .15s}
.dpy.pg-dun .nav-links a:hover,.dpy.pg-dun .nav-links a.active{color:#fff}
.dpy.pg-dun .nav-cta{background:var(--grad);color:#fff !important;padding:10px 20px;border-radius:999px;font-weight:700}
.dpy.pg-dun .burger{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px}
.dpy.pg-dun .burger span{display:block;height:2px;width:22px;background:#fff;border-radius:2px;margin-left:auto}
.dpy.pg-dun #mMenu{display:none;flex-direction:column;gap:4px;padding:14px 22px 22px;background:var(--ink-2);border-bottom:1px solid var(--line-dark)}
.dpy.pg-dun #mMenu a{color:var(--txt-on-dark);text-decoration:none;padding:12px 0;font-size:17px;font-weight:500;border-bottom:1px solid var(--line-dark)}
.dpy.pg-dun #mMenu a:last-child{border-bottom:none}
.dpy.pg-dun .nav-links .has-dd{position:relative}
.dpy.pg-dun .nav-links .dd-toggle{display:inline-flex;align-items:center;gap:5px}
.dpy.pg-dun .nav-links .dd-caret{font-size:10px;transition:transform .2s;opacity:.85}
.dpy.pg-dun .nav-links .has-dd:hover .dd-caret,.dpy.pg-dun .nav-links .has-dd.open .dd-caret{transform:rotate(180deg)}
.dpy.pg-dun .nav-links .dd-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);min-width:320px;background:#15112C;border:1px solid var(--line-dark);border-radius:16px;box-shadow:0 30px 70px -24px rgba(0,0,0,.7);padding:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.dpy.pg-dun .nav-links .dd-menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.dpy.pg-dun .nav-links .has-dd:hover .dd-menu,.dpy.pg-dun .nav-links .has-dd.open .dd-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dpy.pg-dun .nav-links .dd-menu .dd-item{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:11px;text-decoration:none;transition:background .15s}
.dpy.pg-dun .nav-links .dd-menu .dd-item:hover{background:rgba(199,125,255,.12)}
.dpy.pg-dun .nav-links .dd-menu .dd-item[aria-current="page"]{background:rgba(199,125,255,.18)}
.dpy.pg-dun .nav-links .dd-menu .dd-ic{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center}
.dpy.pg-dun .nav-links .dd-menu .dd-ic svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
.dpy.pg-dun .nav-links .dd-menu .dd-txt{display:flex;flex-direction:column;line-height:1.2}
.dpy.pg-dun .nav-links .dd-menu .dd-txt b{color:#fff;font-family:var(--sans);font-weight:700;font-size:14.5px}
.dpy.pg-dun .nav-links .dd-menu .dd-txt i{color:var(--soft-on-dark);font-family:var(--sans);font-style:normal;font-size:13.5px;margin-top:2px}
.dpy.pg-dun .nav-links .dd-menu .dd-all{display:block;text-align:center;margin-top:4px;padding:11px;border-top:1px solid var(--line-dark);color:var(--accent);font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;text-decoration:none;border-radius:0 0 11px 11px}
.dpy.pg-dun .nav-links .dd-menu .dd-all:hover{color:#fff}
.dpy.pg-dun #mMenu .mm-sub{padding-left:18px !important;font-size:15px !important;color:var(--soft-on-dark) !important}
.dpy.pg-dun #mMenu .mm-sub::before{content:"\2014  ";color:var(--accent);opacity:.7}
.dpy.pg-dun .hero{text-align:center;padding:118px 0 96px}
.dpy.pg-dun .hero .kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:26px}
.dpy.pg-dun .hero h1{max-width:16ch;margin:0 auto 24px}
.dpy.pg-dun .hero .lead{margin:0 auto 22px;text-align:center}
.dpy.pg-dun .hero .sig{font-family:var(--serif);font-style:normal;font-weight:600;font-size:20px;color:var(--soft-on-dark);margin:0 auto 32px}
.dpy.pg-dun .hero .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.dpy.pg-dun .proof-row{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:42px;padding-top:30px;border-top:1px solid var(--line-dark)}
.dpy.pg-dun .proof-row .pf{text-align:center}
.dpy.pg-dun .proof-row .pf b{display:block;font-family:var(--serif);font-weight:800;font-size:28px;color:#fff;line-height:1;letter-spacing:-.02em}
.dpy.pg-dun .proof-row .pf span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft-on-dark)}
.dpy.pg-dun .split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}

@media(max-width:900px){.dpy.pg-dun .split{grid-template-columns:1fr;gap:34px}}
.dpy.pg-dun .pill-list{list-style:none;margin-top:20px;display:grid;gap:12px}
.dpy.pg-dun .pill-list li{position:relative;padding-left:30px;font-size:17px;color:var(--txt-soft)}
.dpy.pg-dun .dark .pill-list li{color:var(--soft-on-dark)}
.dpy.pg-dun .pill-list li::before{content:"";position:absolute;left:0;top:8px;width:15px;height:15px;border-radius:5px;background:var(--grad)}
.dpy.pg-dun .quietcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:32px 30px}
.dpy.pg-dun .dark .quietcard{background:rgba(255,255,255,.04);border-color:var(--line-dark);box-shadow:none}
.dpy.pg-dun .quietcard h3{margin-bottom:10px}
.dpy.pg-dun .dd{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.dpy.pg-dun .dd+.dd{margin-top:60px;padding-top:60px;border-top:1px solid var(--line-dark)}
.dpy.pg-dun .light .dd+.dd,.dpy.pg-dun .lav .dd+.dd{border-top:1px solid var(--line)}
.dpy.pg-dun .dd.flip .dd-media{order:2}

@media(max-width:900px){.dpy.pg-dun .dd,.dpy.pg-dun .dd.flip{grid-template-columns:1fr;gap:28px}.dpy.pg-dun .dd.flip .dd-media{order:0}}
.dpy.pg-dun .dd .tagrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:12px}
.dpy.pg-dun .light .dd .tagrow,.dpy.pg-dun .lav .dd .tagrow{color:var(--violet)}
.dpy.pg-dun .dd h3{color:#fff;font-size:clamp(26px,3.2vw,38px);margin-bottom:14px}
.dpy.pg-dun .light .dd h3,.dpy.pg-dun .lav .dd h3{color:var(--txt)}
.dpy.pg-dun .dd .flowcard{background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:26px 28px}
.dpy.pg-dun .dd .flowcard .step{display:flex;gap:14px;padding:13px 0;border-top:1px solid var(--line-dark)}
.dpy.pg-dun .dd .flowcard .step:first-child{border-top:0;padding-top:0}
.dpy.pg-dun .dd .flowcard .step .n{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:700;min-width:26px;padding-top:3px}
.dpy.pg-dun .dd .flowcard .step .t{color:var(--soft-on-dark);font-size:15.5px;line-height:1.5}
.dpy.pg-dun .dd .flowcard .step .t b{color:#fff}
.dpy.pg-dun .shot{position:relative;border:1.5px dashed rgba(160,43,217,.45);border-radius:var(--r-lg);min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:linear-gradient(160deg,rgba(160,43,217,.05),rgba(46,124,255,.06))}
.dpy.pg-dun .dark .shot{background:linear-gradient(160deg,#241a40,#16122f);border-color:rgba(199,125,255,.4)}
.dpy.pg-dun .shot span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);line-height:2}
.dpy.pg-dun .dark .shot span{color:var(--accent)}
.dpy.pg-dun .shot.wide{min-height:460px;max-width:980px;margin:0 auto}

@media(max-width:700px){.dpy.pg-dun .shot.wide{min-height:300px}}
.dpy.pg-dun .mk{position:relative;font-family:var(--sans)}
.dpy.pg-dun .mk-panel{background:linear-gradient(168deg,#1B1640,#120E31 80%);border:1px solid rgba(199,125,255,.24);border-radius:20px;box-shadow:0 40px 80px -36px rgba(160,43,217,.55);padding:22px 22px 24px;max-width:420px;margin:0 auto}
.dpy.pg-dun .light .mk-panel,.dpy.pg-dun .lav .mk-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.dpy.pg-dun .mk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.dpy.pg-dun .mk-head b{font-family:var(--sans);font-weight:700;font-size:15px;color:#fff}
.dpy.pg-dun .light .mk-head b,.dpy.pg-dun .lav .mk-head b{color:var(--txt)}
.dpy.pg-dun .mk-chip-on{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent);border:1px solid rgba(199,125,255,.4);border-radius:99px;padding:4px 10px}
.dpy.pg-dun .mk-chip-on.win{color:#9DE6B4;border-color:rgba(157,230,180,.4)}
.dpy.pg-dun .light .mk-chip-on,.dpy.pg-dun .lav .mk-chip-on{color:var(--violet);border-color:rgba(160,43,217,.3)}
.dpy.pg-dun .light .mk-chip-on.win,.dpy.pg-dun .lav .mk-chip-on.win{color:#1E7A46;border-color:#BFE8CE}
.dpy.pg-dun .mk-sched{display:grid;gap:11px}
.dpy.pg-dun .mk-srow{display:flex;align-items:center;gap:13px}
.dpy.pg-dun .mk-num{width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:var(--grad);color:#fff;font-family:var(--mono);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.dpy.pg-dun .mk-when{font-family:var(--mono);font-size:12px;color:var(--soft-on-dark);width:48px;flex:0 0 48px}
.dpy.pg-dun .light .mk-when,.dpy.pg-dun .lav .mk-when{color:var(--txt-soft)}
.dpy.pg-dun .mk-bar{flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.dpy.pg-dun .light .mk-bar,.dpy.pg-dun .lav .mk-bar{background:var(--line)}
.dpy.pg-dun .mk-bar i{display:block;height:100%;background:var(--grad);border-radius:99px}
.dpy.pg-dun .mk-note{margin-top:16px;font-family:var(--mono);font-size:11px;color:var(--soft-on-dark);text-align:center}
.dpy.pg-dun .light .mk-note,.dpy.pg-dun .lav .mk-note{color:var(--txt-soft)}
.dpy.pg-dun .mk-flow{display:flex;flex-direction:column;align-items:center}
.dpy.pg-dun .mk-node{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFB4D4;background:rgba(255,45,135,.1);border:1px solid rgba(255,122,182,.35);border-radius:10px;padding:9px 18px}
.dpy.pg-dun .mk-line{width:2px;height:22px;background:linear-gradient(#FF7AB6,#86BBFF)}
.dpy.pg-dun .mk-branch{display:grid;gap:9px;width:100%}
.dpy.pg-dun .mk-act{font-size:13.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:11px 15px;position:relative;padding-left:34px}
.dpy.pg-dun .mk-act::before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--grad)}
.dpy.pg-dun .mk-phone{max-width:300px;margin:0 auto;background:#0C0820;border:1px solid rgba(199,125,255,.28);border-radius:34px;padding:20px 16px 22px;box-shadow:0 44px 90px -38px rgba(160,43,217,.7)}
.dpy.pg-dun .mk-notch{width:96px;height:6px;border-radius:99px;background:rgba(255,255,255,.16);margin:0 auto 18px}
.dpy.pg-dun .mk-msg{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px 16px 15px}
.dpy.pg-dun .mk-from{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.dpy.pg-dun .mk-logo{width:24px;height:24px;border-radius:7px;background:var(--grad);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.dpy.pg-dun .mk-from b{color:#fff;font-size:13.5px;font-weight:700}
.dpy.pg-dun .mk-from i{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:10px;color:var(--soft-on-dark)}
.dpy.pg-dun .mk-msg p{font-size:13.5px;line-height:1.5;color:var(--soft-on-dark);margin-bottom:8px}
.dpy.pg-dun .mk-msg p.mk-two{margin-bottom:12px}
.dpy.pg-dun .mk-link{display:block;font-family:var(--mono);font-size:11.5px;font-weight:700;color:#fff;background:var(--grad);border-radius:10px;padding:11px;text-align:center}
.dpy.pg-dun .mk-typing{display:flex;gap:5px;justify-content:center;margin-top:14px}
.dpy.pg-dun .mk-typing span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);animation:mkType 1.4s infinite}
.dpy.pg-dun .mk-typing span:nth-child(2){animation-delay:.2s}
.dpy.pg-dun .mk-typing span:nth-child(3){animation-delay:.4s}

@media(prefers-reduced-motion:reduce){.dpy.pg-dun .mk-typing span{animation:none}}
.dpy.pg-dun .mk-hub .mk-hub-body{padding:4px 4px 6px}
.dpy.pg-dun .mk-hub-k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:6px}
.dpy.pg-dun .mk-hub-h{display:block;color:#fff;font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.02em;margin-bottom:16px}
.dpy.pg-dun .mk-card{background:linear-gradient(120deg,#2A1650,#171038);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;margin-bottom:16px;position:relative}
.dpy.pg-dun .mk-card-brand{font-family:var(--sans);font-weight:800;font-size:13px;color:#fff;letter-spacing:.05em}
.dpy.pg-dun .mk-card-num{display:block;font-family:var(--mono);font-size:15px;color:#fff;margin:10px 0 6px;letter-spacing:.12em}
.dpy.pg-dun .mk-card-exp{font-family:var(--mono);font-size:11px;color:#FFB4D4}
.dpy.pg-dun .mk-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.dpy.pg-dun .mk-opt{font-size:12.5px;font-weight:600;color:var(--soft-on-dark);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;text-align:center}
.dpy.pg-dun .mk-opt.on{color:#fff;background:var(--grad);border-color:transparent}
.dpy.pg-dun .mk-hub-cta{display:block;font-family:var(--sans);font-weight:700;font-size:13.5px;color:#0C0820;background:#fff;border-radius:10px;padding:12px;text-align:center;margin-bottom:10px}
.dpy.pg-dun .mk-hub-foot{display:block;text-align:center;font-family:var(--mono);font-size:10px;color:var(--soft-on-dark)}
.dpy.pg-dun .mk-tl{display:grid;gap:0;position:relative;padding-left:6px}
.dpy.pg-dun .mk-tli{display:flex;gap:14px;padding:0 0 16px;position:relative}
.dpy.pg-dun .mk-tli:last-child{padding-bottom:0}
.dpy.pg-dun .mk-tli::before{content:"";position:absolute;left:5px;top:14px;bottom:-2px;width:2px;background:rgba(255,255,255,.12)}
.dpy.pg-dun .mk-tli:last-child::before{display:none}
.dpy.pg-dun .mk-td{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#4A4370;margin-top:3px;z-index:1}
.dpy.pg-dun .mk-tli.done .mk-td{background:#3FCF7F;box-shadow:0 0 0 4px rgba(63,207,127,.18)}
.dpy.pg-dun .mk-tt{font-size:13px;color:var(--soft-on-dark);line-height:1.4}
.dpy.pg-dun .mk-tt b{display:block;color:#fff;font-size:13.5px;font-weight:700}
.dpy.pg-dun .mk-tli.done .mk-tt b{color:#9DE6B4}
.dpy.pg-dun .mk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.dpy.pg-dun .mk-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 10px;text-align:center}
.dpy.pg-dun .mk-stat b{display:block;font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.02em;background:var(--grad-light);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dpy.pg-dun .mk-stat span{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft-on-dark)}
.dpy.pg-dun .mk-chart{display:flex;align-items:flex-end;gap:9px;height:90px;padding:0 4px}
.dpy.pg-dun .mk-chart span{flex:1;border-radius:6px 6px 0 0;background:var(--grad);opacity:.85}
.dpy.pg-dun .mk-chart span:last-child{opacity:1;box-shadow:0 0 18px -4px rgba(255,45,135,.7)}
.dpy.pg-dun .mk-legend{margin-top:14px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--soft-on-dark)}
.dpy.pg-dun .rgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}

@media(max-width:760px){.dpy.pg-dun .rgrid{grid-template-columns:1fr}}
.dpy.pg-dun .rcard{background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:18px;padding:26px 26px}
.dpy.pg-dun .rcard.feat{background:linear-gradient(165deg,rgba(160,43,217,.16),rgba(46,124,255,.1));border-color:rgba(199,125,255,.32);padding:34px 30px}
.dpy.pg-dun .rcard .fstat{font-family:var(--serif);font-weight:900;letter-spacing:-.03em;line-height:1;background:var(--grad-light);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}
.dpy.pg-dun .rcard.feat .fstat{font-size:56px}
.dpy.pg-dun .rcard:not(.feat) .fstat{font-size:38px}
.dpy.pg-dun .rcard h4{font-family:var(--sans);font-weight:800;color:#fff;margin-bottom:9px}
.dpy.pg-dun .rcard.feat h4{font-size:20px}
.dpy.pg-dun .rcard:not(.feat) h4{font-size:17px}
.dpy.pg-dun .rcard p{font-size:15px;color:var(--soft-on-dark);line-height:1.55}
.dpy.pg-dun .retry-mock{max-width:400px;margin:0 auto;background:#0E0A1F;border:1px solid var(--line-dark);border-radius:20px;padding:26px 24px}
.dpy.pg-dun .retry-mock .rm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.dpy.pg-dun .retry-mock .rm-live{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}
.dpy.pg-dun .retry-mock .rm-status{font-family:var(--mono);font-size:10.5px;color:#FF7AB6;border:1px solid rgba(255,122,182,.4);border-radius:99px;padding:3px 10px}
.dpy.pg-dun .retry-mock .rm-title{font-family:var(--serif);font-weight:800;font-size:24px;color:#fff;margin-bottom:16px;letter-spacing:-.02em}
.dpy.pg-dun .retry-mock .rm-row{position:relative;padding:12px 12px 12px 40px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line-dark);color:var(--soft-on-dark);font-size:14px;margin-bottom:9px;line-height:1.4}
.dpy.pg-dun .retry-mock .rm-row b{color:#fff;display:block;font-size:14.5px}
.dpy.pg-dun .retry-mock .rm-row::before{content:"";position:absolute;left:13px;top:16px;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25)}
.dpy.pg-dun .retry-mock .rm-row.done::before{background:var(--grad);border-color:transparent}
.dpy.pg-dun .retry-mock .rm-row.saved{border-color:rgba(157,230,180,.4)}
.dpy.pg-dun .retry-mock .rm-row.saved::before{background:#2FBF71;border-color:transparent}
.dpy.pg-dun .retry-mock .rm-row.saved b{color:#9DE6B4}
.dpy.pg-dun .retry-mock .rm-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.dpy.pg-dun .retry-mock .rm-tags span{font-family:var(--mono);font-size:10.5px;color:var(--soft-on-dark);background:rgba(255,255,255,.05);border:1px solid var(--line-dark);border-radius:99px;padding:5px 10px}
.dpy.pg-dun .fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}

@media(max-width:980px){.dpy.pg-dun .fgrid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:560px){.dpy.pg-dun .fgrid{grid-template-columns:1fr}}
.dpy.pg-dun .fcard{background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:16px;padding:24px 22px}
.dpy.pg-dun .fcard .fstat{font-family:var(--serif);font-weight:800;font-size:34px;letter-spacing:-.02em;line-height:1;background:var(--grad-light);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}
.dpy.pg-dun .fcard h4{font-family:var(--sans);font-weight:700;font-size:16px;color:#fff;margin-bottom:8px}
.dpy.pg-dun .fcard p{font-size:14.5px;color:var(--soft-on-dark);line-height:1.5}
.dpy.pg-dun .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.dpy.pg-dun .chip{font-family:var(--sans);font-size:14px;font-weight:600;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 16px;display:inline-flex;align-items:center;gap:8px}
.dpy.pg-dun .chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--grad)}
.dpy.pg-dun .light .chip,.dpy.pg-dun .lav .chip{color:var(--txt);background:#fff;border-color:var(--line)}
.dpy.pg-dun .pipe{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.dpy.pg-dun .pipe span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;border-radius:10px;padding:10px 15px;border:1px solid var(--line);color:var(--txt-soft);background:#fff}
.dpy.pg-dun .pipe span.hot{background:var(--grad);color:#fff;border-color:transparent}
.dpy.pg-dun .pipe span.win{background:#EAF8EF;color:#1E7A46;border-color:#BFE8CE}
.dpy.pg-dun .pipe span.loss{background:#F6F0F3;color:#A0355E;border-color:#EBD3DE}
.dpy.pg-dun .usegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}

@media(max-width:880px){.dpy.pg-dun .usegrid{grid-template-columns:1fr 1fr}}

@media(max-width:520px){.dpy.pg-dun .usegrid{grid-template-columns:1fr}}
.dpy.pg-dun .ucard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--shadow)}
.dpy.pg-dun .ucard .un{font-family:var(--mono);font-size:13px;color:var(--violet);font-weight:700;margin-bottom:12px}
.dpy.pg-dun .ucard h4{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:21px;color:var(--txt);margin-bottom:8px}
.dpy.pg-dun .ucard p{font-size:15px;color:var(--txt-soft);line-height:1.55}
.dpy.pg-dun .vs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}

@media(max-width:820px){.dpy.pg-dun .vs{grid-template-columns:1fr}}
.dpy.pg-dun .vscard{border-radius:var(--r-lg);padding:32px 30px}
.dpy.pg-dun .vscard.bad{background:rgba(255,255,255,.03);border:1px solid var(--line-dark)}
.dpy.pg-dun .vscard.good{background:linear-gradient(180deg,#1B1640,#140F33);border:1px solid rgba(199,125,255,.32)}
.dpy.pg-dun .vscard .vh{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:14px}
.dpy.pg-dun .vscard.bad .vh{color:#9a93b8}
.dpy.pg-dun .vscard.good .vh{color:var(--accent)}
.dpy.pg-dun .vscard h3{color:#fff;margin-bottom:14px}
.dpy.pg-dun .vslist{list-style:none;display:grid;gap:12px}
.dpy.pg-dun .vslist li{position:relative;padding-left:26px;color:var(--soft-on-dark);font-size:15.5px;line-height:1.5}
.dpy.pg-dun .vscard.bad .vslist li::before{content:"\2715";position:absolute;left:0;top:1px;color:#7E78A0;font-weight:700}
.dpy.pg-dun .vscard.good .vslist li::before{content:"\2713";position:absolute;left:0;top:1px;color:var(--magenta);font-weight:800}
.dpy.pg-dun .calc{max-width:620px;margin:42px auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:32px 30px}
.dpy.pg-dun .calc .clabel{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--violet);font-weight:600;text-align:center;display:block;margin-bottom:18px}
.dpy.pg-dun .calc .cfield{margin-bottom:16px}
.dpy.pg-dun .calc .cfield label{display:block;font-size:14px;color:var(--txt-soft);margin-bottom:7px;font-weight:600}
.dpy.pg-dun .calc .cfield input{width:100%;font-family:var(--sans);font-size:20px;font-weight:700;color:var(--txt);border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;outline:none}
.dpy.pg-dun .calc .cfield input:focus{border-color:var(--violet)}
.dpy.pg-dun .calc .crow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.dpy.pg-dun .calc .crow label{font-size:14px;color:var(--txt-soft);font-weight:600}
.dpy.pg-dun .calc .crow .rv{font-family:var(--mono);font-size:14px;color:var(--violet);font-weight:600}
.dpy.pg-dun .calc input[type=range]{width:100%;accent-color:var(--violet);margin-bottom:14px}
.dpy.pg-dun .calc .cout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.dpy.pg-dun .calc .ocard{border-radius:14px;padding:20px 18px;text-align:center}
.dpy.pg-dun .calc .ocard.light{background:var(--paper-2);border:1px solid var(--line)}
.dpy.pg-dun .calc .ocard.dark{background:var(--ink);color:#fff}
.dpy.pg-dun .calc .ocard .ol{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-soft);margin-bottom:6px}
.dpy.pg-dun .calc .ocard.dark .ol{color:var(--soft-on-dark)}
.dpy.pg-dun .calc .ocard .ov{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:31px;line-height:1}
.dpy.pg-dun .calc .ocard.light .ov{color:var(--txt)}
.dpy.pg-dun .calc .ocard.dark .ov{background:var(--grad-light);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dpy.pg-dun .calc .cnote{font-family:var(--mono);font-size:11px;color:var(--txt-soft);text-align:center;margin-top:16px;line-height:1.5}
.dpy.pg-dun .faq{max-width:840px;margin:44px auto 0}
.dpy.pg-dun .faq details{border-bottom:1px solid var(--line);padding:22px 0}
.dpy.pg-dun .faq summary{font-family:var(--serif);font-weight:700;letter-spacing:-.02em;font-size:21px;color:var(--txt);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center}
.dpy.pg-dun .faq summary::-webkit-details-marker{display:none}
.dpy.pg-dun .faq summary .pm{font-family:var(--mono);font-size:24px;color:var(--violet);transition:transform .2s}
.dpy.pg-dun .faq details[open] summary .pm{transform:rotate(45deg)}
.dpy.pg-dun .faq .ans{margin-top:14px;font-size:16.5px;line-height:1.62;color:var(--txt-soft);max-width:74ch}
.dpy.pg-dun .final{text-align:center}
.dpy.pg-dun .final h2{max-width:22ch;margin:0 auto 20px}
.dpy.pg-dun .final .lead{margin:0 auto 30px}
.dpy.pg-dun .final .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media(max-width:860px){.dpy.pg-dun .nav-links{display:none}.dpy.pg-dun .burger{display:flex}}
.dpy.pg-dun .heroX{padding:96px 0 100px;overflow:hidden}
.dpy.pg-dun .heroX-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}

@media(max-width:980px){.dpy.pg-dun .heroX-grid{grid-template-columns:1fr;gap:44px}}
.dpy.pg-dun .heroX .kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:22px;display:block}
.dpy.pg-dun .heroX-h1{font-size:clamp(40px,5.4vw,64px);font-weight:900;letter-spacing:-.035em;line-height:1.02;color:#fff;margin-bottom:6px}
.dpy.pg-dun .heroX-list{list-style:none;margin:0 0 22px;padding:0}
.dpy.pg-dun .heroX-list li{font-family:var(--serif);font-weight:800;letter-spacing:-.03em;font-size:clamp(28px,4vw,46px);line-height:1.18}
.dpy.pg-dun .spot{position:relative;display:inline-block;background:var(--grad-light);-webkit-background-clip:text;background-clip:text;will-change:filter,transform}
.dpy.pg-dun .spot::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;border-radius:99px;background:var(--grad-light);transform:scaleX(0);transform-origin:left;opacity:0}
.dpy.pg-dun .heroX-list .spot{-webkit-text-fill-color:rgba(248,246,241,.28);animation:spotList 8s infinite}
.dpy.pg-dun .heroX-h1 .spot{-webkit-text-fill-color:transparent;animation:spotH1 8s infinite}
.dpy.pg-dun .spot::after{animation:spotBar 8s infinite}
.dpy.pg-dun .heroX-h1 .spot.spot-1,.dpy.pg-dun .heroX-list .spot.spot-1,.dpy.pg-dun .spot-1::after{animation-delay:0s}
.dpy.pg-dun .heroX-h1 .spot.spot-2,.dpy.pg-dun .heroX-list .spot.spot-2,.dpy.pg-dun .spot-2::after{animation-delay:2s}
.dpy.pg-dun .heroX-h1 .spot.spot-3,.dpy.pg-dun .heroX-list .spot.spot-3,.dpy.pg-dun .spot-3::after{animation-delay:4s}
.dpy.pg-dun .heroX-h1 .spot.spot-4,.dpy.pg-dun .heroX-list .spot.spot-4,.dpy.pg-dun .spot-4::after{animation-delay:6s}

@media(prefers-reduced-motion:reduce){.dpy.pg-dun .spot,.dpy.pg-dun .spot::after{animation:none!important}.dpy.pg-dun .heroX-h1 .spot{-webkit-text-fill-color:transparent!important}.dpy.pg-dun .heroX-list .spot{-webkit-text-fill-color:rgba(248,246,241,.5)!important}}
.dpy.pg-dun .heroX .lead{margin-bottom:20px;max-width:56ch}
.dpy.pg-dun .heroX .sig{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--soft-on-dark);margin-bottom:30px}
.dpy.pg-dun .heroX .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.dpy.pg-dun .heroX-media{position:relative}
.dpy.pg-dun .dash{position:relative;background:linear-gradient(168deg,#1C1642,#120E31 78%);border:1px solid rgba(199,125,255,.28);border-radius:22px;box-shadow:0 50px 100px -40px rgba(160,43,217,.7),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.dpy.pg-dun .dash::before{content:"";position:absolute;inset:-30% -10% auto -10%;height:60%;background:radial-gradient(60% 80% at 30% 0,rgba(255,45,135,.28),transparent 70%),radial-gradient(60% 80% at 90% 10%,rgba(46,124,255,.26),transparent 70%);filter:blur(24px);pointer-events:none}
.dpy.pg-dun .dash>*{position:relative}
.dpy.pg-dun .dash-top{display:flex;align-items:center;gap:8px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.dpy.pg-dun .dash-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}
.dpy.pg-dun .dash-dot:nth-child(1){background:#FF6B8B}
.dpy.pg-dun .dash-dot:nth-child(2){background:#FFC24B}
.dpy.pg-dun .dash-dot:nth-child(3){background:#3FCF7F}
.dpy.pg-dun .dash-title{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--soft-on-dark);margin-left:8px}
.dpy.pg-dun .dash-live{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.16em;font-weight:700;color:#9DE6B4;border:1px solid rgba(157,230,180,.4);border-radius:99px;padding:3px 10px;display:inline-flex;align-items:center;gap:6px}
.dpy.pg-dun .dash-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#3FCF7F;box-shadow:0 0 0 0 rgba(63,207,127,.6);animation:dashPulse 2s infinite}

@media(prefers-reduced-motion:reduce){.dpy.pg-dun .dash-live::before{animation:none}}
.dpy.pg-dun .dash-body{padding:26px 24px 24px}
.dpy.pg-dun .dash-hero-stat{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.dpy.pg-dun .dash-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft-on-dark);display:block;margin-bottom:8px}
.dpy.pg-dun .dash-amt{font-family:var(--serif);font-weight:900;letter-spacing:-.03em;font-size:clamp(40px,6vw,52px);line-height:1;background:var(--grad-light);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block}
.dpy.pg-dun .dash-sub{font-size:13px;color:var(--soft-on-dark);display:block;margin-top:8px}
.dpy.pg-dun .dash-ring{position:relative;width:118px;height:118px;flex:0 0 118px}
.dpy.pg-dun .dash-ring svg{width:118px;height:118px}
.dpy.pg-dun .dash-ring-pct{position:absolute;top:44%;left:0;right:0;text-align:center;font-family:var(--serif);font-weight:800;font-size:24px;color:#fff;letter-spacing:-.02em}
.dpy.pg-dun .dash-ring-lbl{position:absolute;top:62%;left:0;right:0;text-align:center;font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft-on-dark)}
.dpy.pg-dun .dash-rows{display:grid;gap:10px}
.dpy.pg-dun .dash-row{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:12px 14px}
.dpy.pg-dun .dash-av{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:linear-gradient(135deg,#FF2D87,#A02BD9);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:800;font-size:13px;color:#fff}
.dpy.pg-dun .dash-av.alt{background:linear-gradient(135deg,#A02BD9,#3D2BB8)}
.dpy.pg-dun .dash-av.alt2{background:linear-gradient(135deg,#3D2BB8,#2E7CFF)}
.dpy.pg-dun .dash-info{flex:1;line-height:1.3;min-width:0}
.dpy.pg-dun .dash-info b{display:block;color:#fff;font-family:var(--sans);font-weight:700;font-size:14px}
.dpy.pg-dun .dash-info i{display:block;color:var(--soft-on-dark);font-style:normal;font-family:var(--mono);font-size:11px;margin-top:2px}
.dpy.pg-dun .dash-badge{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border-radius:99px;padding:5px 11px;white-space:nowrap}
.dpy.pg-dun .dash-badge.win{color:#9DE6B4;background:rgba(63,207,127,.12);border:1px solid rgba(157,230,180,.35)}
.dpy.pg-dun .dash-badge.live{color:#FFB4D4;background:rgba(255,45,135,.12);border:1px solid rgba(255,122,182,.35)}
.dpy.pg-dun .dash-tag{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft-on-dark);margin-top:18px}
body .dpy.pg-dun body{margin:0!important}
body .dpy.pg-dun body{font-family:"Inter",system-ui,sans-serif}
.dpy.pg-dun .dark .quietcard h3,.dpy.pg-dun .dark .calc .ocard.light .ov{color:var(--txt)!important;-webkit-text-fill-color:var(--txt)}
.dpy.pg-dun .dark .calc .ocard.dark .ov{-webkit-text-fill-color:transparent}
.dpy.pg-dun a,.dpy.pg-dun a:link,.dpy.pg-dun a:visited,.dpy.pg-dun a:hover,.dpy.pg-dun a:focus,.dpy.pg-dun a:active,.dpy.pg-dun .dd-item,.dpy.pg-dun .dd-item:hover,.dpy.pg-dun .dd-item *,.dpy.pg-dun .btn,.dpy.pg-dun .btn:hover,.dpy.pg-dun .nav-cta,.dpy.pg-dun .nav-cta:hover,.dpy.pg-dun .nav-links a,.dpy.pg-dun .nav-links a:hover,.dpy.pg-dun #mMenu a,.dpy.pg-dun #mMenu a:hover,.dpy.pg-dun .foot a,.dpy.pg-dun .foot a:hover,.dpy.pg-dun .dd-all,.dpy.pg-dun .dd-all:hover{
  text-decoration:none!important;
  text-decoration-line:none!important;
  text-underline-offset:unset!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none;
}
.dpy.pg-dun .dd-ic{background:var(--grad)!important}
.dpy.pg-dun footer,body .dpy.pg-dun footer{background:#0B0A16!important;color:#D6D1EC!important;padding:54px 0 40px!important;border-top:1px solid rgba(255,255,255,.12)!important}
.dpy.pg-dun footer .wrap,body .dpy.pg-dun footer .wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.dpy.pg-dun footer h4,body .dpy.pg-dun footer h4{font-family:"IBM Plex Mono",monospace!important;font-size:.58rem!important;letter-spacing:.16em!important;
  color:#8A86A0!important;-webkit-text-fill-color:#8A86A0!important;text-transform:uppercase!important;font-weight:700!important;margin-bottom:12px!important}
.dpy.pg-dun footer ul,body .dpy.pg-dun footer ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:8px!important}
.dpy.pg-dun footer li,body .dpy.pg-dun footer li{list-style:none!important;margin:0!important}
.dpy.pg-dun footer ul li a,body .dpy.pg-dun footer ul li a{color:#D6D1EC!important;-webkit-text-fill-color:#D6D1EC!important;
  text-decoration:none!important;font-size:.85rem!important;line-height:1.5!important;display:inline-block!important}
.dpy.pg-dun footer ul li a:hover,body .dpy.pg-dun footer ul li a:hover{color:#C9A9FF!important;-webkit-text-fill-color:#C9A9FF!important}
.dpy.pg-dun footer p,body .dpy.pg-dun footer p{color:#A9A4C8!important;-webkit-text-fill-color:#A9A4C8!important}
.dpy.pg-dun footer .logo-word,body .dpy.pg-dun footer .logo-word{color:#fff!important;-webkit-text-fill-color:#fff!important}
.dpy.pg-dun footer .foot-bottom,body .dpy.pg-dun footer .foot-bottom{color:#7E78A0!important;-webkit-text-fill-color:#7E78A0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;padding-top:20px!important;margin-top:26px!important;
  display:flex!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;font-size:.72rem!important}
.dpy.pg-dun footer .foot-bottom span,body .dpy.pg-dun footer .foot-bottom span{color:#7E78A0!important;-webkit-text-fill-color:#7E78A0!important}
.dpy.pg-dun .foot-grid,body .dpy.pg-dun .foot-grid{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr!important;gap:30px 24px!important}

@media(max-width:1100px){.dpy.pg-dun .foot-grid,body .dpy.pg-dun .foot-grid{grid-template-columns:1fr 1fr 1fr!important}}

@media(max-width:640px){.dpy.pg-dun .foot-grid,body .dpy.pg-dun .foot-grid{grid-template-columns:1fr 1fr!important}}
body .dpy.pg-dun body{background-color:#FFFFFF!important}
body .dpy.pg-dun body{background-color:#07050E!important}
body .dpy.pg-dun body{background-color:#FFFFFF!important}



/* ---------- dunning, mobile only ---------- */
@media(max-width:760px){body .dpy.pg-dun section.hero h1,body .dpy.pg-dun body section.hero.heroX h1{font-size:clamp(31px,8.4vw,40px)!important}body .dpy.pg-dun section.hero .btn,body .dpy.pg-dun body section.hero .cta-row .btn{
    width:100%!important;display:flex!important;align-items:center!important;
    justify-content:center!important;text-align:center!important;gap:10px!important}body .dpy.pg-dun .fgrid,body .dpy.pg-dun .fgrid[style]{grid-template-columns:1fr!important}body .dpy.pg-dun .fgrid>.fcard{width:100%!important;min-width:0!important}body .dpy.pg-dun .dd,body .dpy.pg-dun .dd.flip{display:flex!important;flex-direction:column!important;gap:26px!important}body .dpy.pg-dun .dd>.dd-copy,body .dpy.pg-dun .dd.flip>.dd-copy{order:1!important}body .dpy.pg-dun .dd>.dd-media,body .dpy.pg-dun .dd.flip>.dd-media{order:2!important;width:100%!important}}


/* Ask is hidden for launch, so Login needs the breathing room the Ask
   pill used to supply (it carried margin:0 6px 0 14px). */
@media(min-width:1081px){body .dpy.pg-dun body .dh-bar .dh-right>a.dh-pill-dark{margin-left:16px!important}}


/* the Ask glyph and the page-label mark are inline <svg> now, not <img> */
@media(min-width:1081px){body .dpy.pg-dun .dh-right>a.dh-ask svg:not([class]){width:15px;height:16px;display:block;flex:none}}

/* =====================================================================
   LOAD-BALANCING — 196 rules that existed ONLY in the per-page build
   (_merged/load-balancing.css) and were never carried into this site-wide sheet.
   Root cause of the live-site breakage: the page rendered correctly in
   preview (which loads the per-page sheet) but lost all component geometry
   below the hero on WordPress (which loads this one). Guarded on .pg-lb
   so nothing can bleed onto other pages.
   ===================================================================== */
body .dpy.pg-lb h1,body .dpy.pg-lb h2,body .dpy.pg-lb h3,body .dpy.pg-lb p,body .dpy.pg-lb .lede,body .dpy.pg-lb .lead{ text-wrap: pretty; }

@media (max-width: 560px) {body .dpy.pg-lb h1{ font-size: clamp(2.1rem, 9vw, 2.7rem); }body .dpy.pg-lb h2{ font-size: clamp(1.7rem, 7.4vw, 2.1rem); }body .dpy.pg-lb .band{ padding: 46px 0; }body .dpy.pg-lb .strip{ font-size: .62rem; letter-spacing: .16em; }body .dpy.pg-lb .strip::after{ display: none; }body .dpy.pg-lb .btn{ display: block; width: 100%; text-align: center; }body .dpy.pg-lb .btn + .btn{ margin-top: 10px; }body .dpy.pg-lb .df-map{ grid-template-columns: 1fr 1fr; gap: 22px; }body .dpy.pg-lb .df-legal{ flex-direction: column; gap: 10px; }}
body .dpy.pg-lb body{ background: var(--ink); color: var(--ivory); }
body .dpy.pg-lb p{ color: var(--muted); }
body .dpy.pg-lb a:focus-visible,body .dpy.pg-lb .btn:focus-visible{ outline-color: #E8318F !important; }
body .dpy.pg-lb body p:not(.mono),body .dpy.pg-lb body .lede,body .dpy.pg-lb body .panel p,body .dpy.pg-lb body .ind p,body .dpy.pg-lb body li,body .dpy.pg-lb body .dpc-sub,body .dpy.pg-lb body .hf-switch-tx span,body .dpy.pg-lb body .rev-text,body .dpy.pg-lb body footer.df-foot .df-about p,body .dpy.pg-lb body footer.df-foot .df-col a,body .dpy.pg-lb body .faq-list p,body .dpy.pg-lb body .band p,body .dpy.pg-lb body .band li{letter-spacing:-.013em!important}

@media(max-width:640px){body .dpy.pg-lb body .grid2,body .dpy.pg-lb body .grid3,body .dpy.pg-lb body .grid4,body .dpy.pg-lb body .cols2,body .dpy.pg-lb body .cols3,body .dpy.pg-lb body .rev-grid,body .dpy.pg-lb body .ind-grid,body .dpy.pg-lb body .feat-grid{grid-template-columns:1fr!important}body .dpy.pg-lb body .grid2>*,body .dpy.pg-lb body .grid3>*,body .dpy.pg-lb body .grid4>*,body .dpy.pg-lb body .rev-grid>*,body .dpy.pg-lb body .ind-grid>*{min-width:0!important}body .dpy.pg-lb body img,body .dpy.pg-lb body svg,body .dpy.pg-lb body video,body .dpy.pg-lb body iframe{max-width:100%!important}}
.dpy.pg-lb{
  --ink:#0B0A16;--ink-2:#13102A;--ink-3:#15112C;
  --paper:#FFFFFF;--paper-2:#F7F7FA;--line:#E6E6E9;--line-dark:rgba(255,255,255,.12);
  --magenta:#FF2D87;--violet:#A02BD9;--indigo:#3D2BB8;--blue:#2E7CFF;--accent:#C77DFF;
  --txt:#1D1D1F;--txt-soft:#4F4F4F;--txt-on-dark:#F8F6F1;--soft-on-dark:#D8D2E8;
  --grad:linear-gradient(135deg,#7653FC,#8B1FD8 42%,#FE02C4 92%);
  --grad-light:linear-gradient(96deg,#A78BFA 0%,#C77DFF 42%,#FF7AD1 92%);
  --grad-soft:linear-gradient(120deg,rgba(255,45,135,.12),rgba(46,124,255,.12));
  --r:18px;--r-lg:26px;--shadow:0 24px 60px -28px rgba(20,8,46,.5);--maxw:1140px;
  --serif:"Inter Tight","Inter",system-ui,sans-serif;--sans:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  font-family:var(--sans);color:var(--txt);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:17px;
}
.dpy.pg-lb *{box-sizing:border-box;margin:0;padding:0}
.dpy.pg-lb a{color:inherit}
.dpy.pg-lb .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.dpy.pg-lb .band{padding:94px 0}
.dpy.pg-lb .dark{background:var(--ink);color:var(--txt-on-dark)}
.dpy.pg-lb .dark .soft{color:var(--soft-on-dark)}
.dpy.pg-lb .light{background:var(--paper)}
.dpy.pg-lb .lav{background:var(--paper-2)}
.dpy.pg-lb .dark.tone-plum{background:radial-gradient(900px 520px at 12% -12%,rgba(255,45,135,.18),transparent 60%),linear-gradient(180deg,#1A0E2C,#13102A)}
.dpy.pg-lb .dark.tone-navy{background:radial-gradient(900px 520px at 88% -12%,rgba(46,124,255,.18),transparent 60%),linear-gradient(180deg,#0E1030,#0B0A16)}
.dpy.pg-lb .eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--violet);display:inline-block;margin-bottom:18px}
.dpy.pg-lb .dark .eyebrow{color:var(--accent)}
.dpy.pg-lb .tone-plum .eyebrow{color:#FF7AB6}
.dpy.pg-lb .tone-navy .eyebrow{color:#86BBFF}
.dpy.pg-lb h1,.dpy.pg-lb h2,.dpy.pg-lb h3{font-family:var(--serif);font-weight:800;letter-spacing:-.025em;line-height:1.06}
.dpy.pg-lb h1,.dpy.pg-lb h2,.dpy.pg-lb h3,.dpy.pg-lb h4{color:var(--txt)}
.dpy.pg-lb .dark h1,.dpy.pg-lb .dark h2,.dpy.pg-lb .dark h3,.dpy.pg-lb .dark h4{color:var(--txt-on-dark)}
.dpy.pg-lb .dark .grad-text{-webkit-text-fill-color:transparent}
.dpy.pg-lb h1{font-size:clamp(42px,5.6vw,70px);font-weight:900;letter-spacing:-.035em}
.dpy.pg-lb h2{font-size:clamp(30px,4.2vw,50px)}
.dpy.pg-lb h3{font-size:clamp(21px,2.5vw,29px)}
.dpy.pg-lb p{color:var(--txt-soft);font-size:18px}
.dpy.pg-lb .dark p{color:var(--soft-on-dark)}
.dpy.pg-lb .lead{font-size:21px;line-height:1.56;color:var(--txt-soft);max-width:720px}
.dpy.pg-lb .dark .lead{color:var(--soft-on-dark)}
.dpy.pg-lb .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.dpy.pg-lb .dark .grad-text{background:var(--grad-light);-webkit-background-clip:text;background-clip:text}
.dpy.pg-lb h1 .grad-text,.dpy.pg-lb h2 .grad-text{font-style:normal}
.dpy.pg-lb .center{text-align:center}
.dpy.pg-lb .center .lead{margin-left:auto;margin-right:auto}
.dpy.pg-lb .mt-head{max-width:780px}
.dpy.pg-lb .center .mt-head{margin:0 auto}
.dpy.pg-lb .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:700;font-size:16px;padding:15px 28px;border-radius:999px;text-decoration:none;cursor:pointer;border:none;transition:transform .18s ease,box-shadow .18s ease;line-height:1}
.dpy.pg-lb .btn-primary{background:var(--grad);color:#fff;box-shadow:0 14px 30px -12px rgba(160,43,217,.6)}
.dpy.pg-lb .btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(160,43,217,.8)}
.dpy.pg-lb .btn-ghost{background:transparent;color:var(--txt);border:1.5px solid var(--line)}
.dpy.pg-lb .dark .btn-ghost{color:var(--txt-on-dark);border-color:var(--line-dark)}
.dpy.pg-lb .btn-ghost:hover{border-color:var(--violet);transform:translateY(-2px)}
.dpy.pg-lb .btn-arrow{font-family:var(--mono);font-size:18px;line-height:1}
.dpy.pg-lb .nav{position:sticky;top:0;z-index:50;background:rgba(11,10,22,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-dark)}
.dpy.pg-lb .nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:var(--maxw);margin:0 auto;padding:0 22px}
.dpy.pg-lb .brand{font-family:var(--sans);font-weight:800;font-size:22px;letter-spacing:-.02em;color:#fff;text-decoration:none}
.dpy.pg-lb .brand .pl{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dpy.pg-lb .nav-links{display:flex;align-items:center;gap:22px;list-style:none}
.dpy.pg-lb .nav-links a{color:var(--soft-on-dark);text-decoration:none;font-size:15px;font-weight:500;transition:color .15s}
.dpy.pg-lb .nav-links a:hover,.dpy.pg-lb .nav-links a.active{color:#fff}
.dpy.pg-lb .nav-cta{background:var(--grad);color:#fff !important;padding:10px 20px;border-radius:999px;font-weight:700}
.dpy.pg-lb .burger{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px}
.dpy.pg-lb .burger span{display:block;height:2px;width:22px;background:#fff;border-radius:2px;margin-left:auto}
.dpy.pg-lb #mMenu{display:none;flex-direction:column;gap:4px;padding:14px 22px 22px;background:var(--ink-2);border-bottom:1px solid var(--line-dark)}
.dpy.pg-lb #mMenu a{color:var(--txt-on-dark);text-decoration:none;padding:12px 0;font-size:17px;font-weight:500;border-bottom:1px solid var(--line-dark)}
.dpy.pg-lb #mMenu a:last-child{border-bottom:none}
.dpy.pg-lb .hero{text-align:center;padding:118px 0 96px}
.dpy.pg-lb .hero .kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:26px}
.dpy.pg-lb .hero h1{max-width:16ch;margin:0 auto 24px}
.dpy.pg-lb .hero .lead{margin:0 auto 30px;text-align:center}
.dpy.pg-lb .hero .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.dpy.pg-lb .proof-row{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:42px;padding-top:30px;border-top:1px solid var(--line-dark)}
.dpy.pg-lb .proof-row .pf{text-align:center}
.dpy.pg-lb .proof-row .pf b{display:block;font-family:var(--serif);font-size:30px;color:#fff;line-height:1}
.dpy.pg-lb .proof-row .pf span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft-on-dark)}
.dpy.pg-lb .split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}

@media(max-width:900px){.dpy.pg-lb .split{grid-template-columns:1fr;gap:34px}}
.dpy.pg-lb .pill-list{list-style:none;margin-top:20px;display:grid;gap:12px}
.dpy.pg-lb .pill-list li{position:relative;padding-left:30px;font-size:17px;color:var(--txt-soft)}
.dpy.pg-lb .dark .pill-list li{color:var(--soft-on-dark)}
.dpy.pg-lb .pill-list li::before{content:"";position:absolute;left:0;top:8px;width:15px;height:15px;border-radius:5px;background:var(--grad)}
.dpy.pg-lb .quietcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:32px 30px}
.dpy.pg-lb .quietcard h3{margin-bottom:10px}
.dpy.pg-lb .dd{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}

@media(max-width:900px){.dpy.pg-lb .dd{grid-template-columns:1fr;gap:28px}}
.dpy.pg-lb .dd .tagrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:12px}
.dpy.pg-lb .dd h3{color:#fff;font-size:clamp(26px,3.2vw,38px);margin-bottom:14px}
.dpy.pg-lb .faq{max-width:840px;margin:44px auto 0}
.dpy.pg-lb .faq details{border-bottom:1px solid var(--line);padding:22px 0}
.dpy.pg-lb .faq summary{font-family:var(--serif);font-size:22px;color:var(--txt);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center}
.dpy.pg-lb .faq summary::-webkit-details-marker{display:none}
.dpy.pg-lb .faq summary .pm{font-family:var(--mono);font-size:24px;color:var(--violet);transition:transform .2s}
.dpy.pg-lb .faq details[open] summary .pm{transform:rotate(45deg)}
.dpy.pg-lb .faq .ans{margin-top:14px;font-size:16.5px;line-height:1.62;color:var(--txt-soft);max-width:74ch}
.dpy.pg-lb .final{text-align:center}
.dpy.pg-lb .final h2{max-width:20ch;margin:0 auto 20px}
.dpy.pg-lb .final .lead{margin:0 auto 30px}
.dpy.pg-lb .final .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.dpy.pg-lb .foot{background:var(--ink);color:var(--soft-on-dark);padding:54px 0 40px;border-top:1px solid var(--line-dark)}
.dpy.pg-lb .foot .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.dpy.pg-lb .foot .brand{font-size:20px}
.dpy.pg-lb .foot .fl{display:flex;gap:22px;flex-wrap:wrap}
.dpy.pg-lb .foot a{color:var(--soft-on-dark);text-decoration:none;font-size:14.5px}
.dpy.pg-lb .foot a:hover{color:#fff}
.dpy.pg-lb .foot .legal{width:100%;font-size:12.5px;color:#7E78A0;border-top:1px solid var(--line-dark);padding-top:20px;margin-top:6px;line-height:1.6}

@media(max-width:860px){.dpy.pg-lb .nav-links{display:none}.dpy.pg-lb .burger{display:flex}}
.dpy.pg-lb .nav-links .has-dd{position:relative}
.dpy.pg-lb .nav-links .dd-toggle{display:inline-flex;align-items:center;gap:5px}
.dpy.pg-lb .nav-links .dd-caret{font-size:10px;transition:transform .2s;opacity:.85}
.dpy.pg-lb .nav-links .has-dd:hover .dd-caret,.dpy.pg-lb .nav-links .has-dd.open .dd-caret{transform:rotate(180deg)}
.dpy.pg-lb .nav-links .dd-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);min-width:320px;background:#15112C;border:1px solid var(--line-dark);border-radius:16px;box-shadow:0 30px 70px -24px rgba(0,0,0,.7);padding:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.dpy.pg-lb .nav-links .dd-menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.dpy.pg-lb .nav-links .has-dd:hover .dd-menu,.dpy.pg-lb .nav-links .has-dd.open .dd-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dpy.pg-lb .nav-links .dd-menu .dd-item{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:11px;text-decoration:none;transition:background .15s}
.dpy.pg-lb .nav-links .dd-menu .dd-item:hover{background:rgba(199,125,255,.12)}
.dpy.pg-lb .nav-links .dd-menu .dd-item[aria-current="page"]{background:rgba(199,125,255,.18)}
.dpy.pg-lb .nav-links .dd-menu .dd-ic{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center}
.dpy.pg-lb .nav-links .dd-menu .dd-ic svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
.dpy.pg-lb .nav-links .dd-menu .dd-txt{display:flex;flex-direction:column;line-height:1.2}
.dpy.pg-lb .nav-links .dd-menu .dd-txt b{color:#fff;font-family:var(--sans);font-weight:700;font-size:14.5px}
.dpy.pg-lb .nav-links .dd-menu .dd-txt i{color:var(--soft-on-dark);font-family:var(--serif);font-style:normal;font-weight:700;font-size:13.5px;margin-top:2px}
.dpy.pg-lb .nav-links .dd-menu .dd-all{display:block;text-align:center;margin-top:4px;padding:11px;border-top:1px solid var(--line-dark);color:var(--accent);font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;text-decoration:none;border-radius:0 0 11px 11px}
.dpy.pg-lb .nav-links .dd-menu .dd-all:hover{color:#fff}
.dpy.pg-lb #mMenu .mm-sub{padding-left:18px !important;font-size:15px !important;color:var(--soft-on-dark) !important}
.dpy.pg-lb #mMenu .mm-sub::before{content:"\\2014  ";color:var(--accent);opacity:.7}
.dpy.pg-lb a{text-decoration:none}
.dpy.pg-lb .nav-links a,.dpy.pg-lb #mMenu a,.dpy.pg-lb .foot a,.dpy.pg-lb .btn,.dpy.pg-lb .dd-item,.dpy.pg-lb .dd-all{text-decoration:none !important}
.dpy.pg-lb .rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}

@media(max-width:880px){.dpy.pg-lb .rgrid{grid-template-columns:1fr 1fr}}

@media(max-width:520px){.dpy.pg-lb .rgrid{grid-template-columns:1fr}}
.dpy.pg-lb .rcard{background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:26px 24px}
.dpy.pg-lb .rcard .rn{font-family:var(--mono);font-size:13px;color:var(--accent);font-weight:700;margin-bottom:12px}
.dpy.pg-lb .rcard h4{font-family:var(--serif);font-weight:400;font-size:22px;color:#fff;margin-bottom:8px}
.dpy.pg-lb .rcard p{font-size:15px;color:var(--soft-on-dark);line-height:1.55}
.dpy.pg-lb .steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}

@media(max-width:880px){.dpy.pg-lb .steps4{grid-template-columns:1fr 1fr}}

@media(max-width:520px){.dpy.pg-lb .steps4{grid-template-columns:1fr}}
.dpy.pg-lb .s4{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--shadow)}
.dpy.pg-lb .s4 .s4n{font-family:var(--mono);font-size:13px;color:var(--violet);font-weight:700;margin-bottom:12px}
.dpy.pg-lb .s4 h4{font-family:var(--serif);font-weight:400;font-size:22px;color:var(--txt);margin-bottom:8px}
.dpy.pg-lb .s4 p{font-size:15px;color:var(--txt-soft);line-height:1.55}
.dpy.pg-lb .feegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}

@media(max-width:880px){.dpy.pg-lb .feegrid{grid-template-columns:1fr 1fr}}

@media(max-width:520px){.dpy.pg-lb .feegrid{grid-template-columns:1fr}}
.dpy.pg-lb .fcard2{background:rgba(255,255,255,.05);border:1px solid var(--line-dark);border-radius:16px;padding:24px 22px}
.dpy.pg-lb .fcard2 h4{font-family:var(--sans);font-weight:700;font-size:16px;color:#fff;margin-bottom:8px}
.dpy.pg-lb .fcard2 p{font-size:14.5px;color:var(--soft-on-dark);line-height:1.5}
.dpy.pg-lb .fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}

@media(max-width:980px){.dpy.pg-lb .fgrid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:560px){.dpy.pg-lb .fgrid{grid-template-columns:1fr}}
.dpy.pg-lb .fcard{border-radius:16px;padding:24px 22px}
.dpy.pg-lb .fgrid.light-fg .fcard{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.dpy.pg-lb .fgrid.light-fg .fcard h4{font-family:var(--sans);font-weight:700;font-size:16px;color:var(--txt);margin-bottom:8px}
.dpy.pg-lb .fgrid.light-fg .fcard p{font-size:14.5px;color:var(--txt-soft);line-height:1.5}
.dpy.pg-lb .calc{max-width:620px;margin:42px auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:32px 30px}
.dpy.pg-lb .calc .clabel{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--violet);font-weight:600;text-align:center;display:block;margin-bottom:18px}
.dpy.pg-lb .calc .cfield{margin-bottom:16px}
.dpy.pg-lb .calc .cfield label{display:block;font-size:14px;color:var(--txt-soft);margin-bottom:7px;font-weight:600}
.dpy.pg-lb .calc .cfield input{width:100%;font-family:var(--sans);font-size:20px;font-weight:700;color:var(--txt);border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;outline:none}
.dpy.pg-lb .calc .cfield input:focus{border-color:var(--violet)}
.dpy.pg-lb .calc .crow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.dpy.pg-lb .calc .crow label{font-size:14px;color:var(--txt-soft);font-weight:600}
.dpy.pg-lb .calc .crow .rv{font-family:var(--mono);font-size:14px;color:var(--violet);font-weight:600}
.dpy.pg-lb .calc input[type=range]{width:100%;accent-color:var(--violet);margin-bottom:4px}
.dpy.pg-lb .calc .cout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.dpy.pg-lb .calc .ocard{border-radius:14px;padding:20px 18px;text-align:center}
.dpy.pg-lb .calc .ocard.light{background:var(--paper-2);border:1px solid var(--line)}
.dpy.pg-lb .calc .ocard.dark{background:var(--ink);color:#fff}
.dpy.pg-lb .calc .ocard .ol{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-soft);margin-bottom:6px}
.dpy.pg-lb .calc .ocard.dark .ol{color:var(--soft-on-dark)}
.dpy.pg-lb .calc .ocard .ov{font-family:var(--serif);font-size:32px;line-height:1}
.dpy.pg-lb .calc .ocard.light .ov{color:var(--txt)}
.dpy.pg-lb .calc .ocard.dark .ov{background:var(--grad-light);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dpy.pg-lb .calc .cnote{font-family:var(--mono);font-size:11px;color:var(--txt-soft);text-align:center;margin-top:16px;line-height:1.5}
body .dpy.pg-lb body{font-family:"Inter Tight",Inter,system-ui,sans-serif;background:var(--ink);color:var(--ivory);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body .dpy.pg-lb h1,body .dpy.pg-lb h2,body .dpy.pg-lb h3{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:400;line-height:1.06;letter-spacing:-.005em}
body .dpy.pg-lb h1{font-size:clamp(2.7rem,5.8vw,4.8rem)}
body .dpy.pg-lb h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:.5em}
body .dpy.pg-lb h3{font-size:1.4rem;margin-bottom:.3em}
body .dpy.pg-lb p{color:var(--muted)}
body .dpy.pg-lb strong{color:var(--ivory);font-weight:600}
body .dpy.pg-lb a:focus-visible,body .dpy.pg-lb .btn:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}

@media(prefers-reduced-motion:reduce){body .dpy.pg-lb *{transition:none!important;animation:none!important}}
body .dpy.pg-lb body{background:#F6F7FC}
body .dpy.pg-lb h1,body .dpy.pg-lb h2,body .dpy.pg-lb h3,body .dpy.pg-lb h4,body .dpy.pg-lb h5,body .dpy.pg-lb .dpc-title{font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.08!important}
body .dpy.pg-lb 
body .dpy.pg-lb .notice,body .dpy.pg-lb .x-mark,body .dpy.pg-lb .dp-mark,body .dpy.pg-lb .hr-vert h3 em,body .dpy.pg-lb em,body .dpy.pg-lb i,body .dpy.pg-lb .dpx-mark,body .dpy.pg-lb [class*="-mark"]{font-style:normal!important}
body .dpy.pg-lb h1,body .dpy.pg-lb h2,body .dpy.pg-lb h3,body .dpy.pg-lb p,body .dpy.pg-lb .lede,body .dpy.pg-lb .lead{ text-wrap: pretty; }

@media (max-width: 560px) {body .dpy.pg-lb h1{ font-size: clamp(2.1rem, 9vw, 2.7rem); }body .dpy.pg-lb h2{ font-size: clamp(1.7rem, 7.4vw, 2.1rem); }body .dpy.pg-lb .band{ padding: 46px 0; }body .dpy.pg-lb .strip{ font-size: .62rem; letter-spacing: .16em; }body .dpy.pg-lb .strip::after{ display: none; }body .dpy.pg-lb .btn{ display: block; width: 100%; text-align: center; }body .dpy.pg-lb .btn + .btn{ margin-top: 10px; }body .dpy.pg-lb .df-map{ grid-template-columns: 1fr 1fr; gap: 22px; }body .dpy.pg-lb .df-legal{ flex-direction: column; gap: 10px; }}
body .dpy.pg-lb body{ background: var(--ink); color: var(--ivory); }
body .dpy.pg-lb p{ color: var(--muted); }
body .dpy.pg-lb a:focus-visible,body .dpy.pg-lb .btn:focus-visible{ outline-color: #E8318F !important; }
body .dpy.pg-lb body p:not(.mono),body .dpy.pg-lb body .lede,body .dpy.pg-lb body .panel p,body .dpy.pg-lb body .ind p,body .dpy.pg-lb body li,body .dpy.pg-lb body .dpc-sub,body .dpy.pg-lb body .hf-switch-tx span,body .dpy.pg-lb body .rev-text,body .dpy.pg-lb body footer.df-foot .df-about p,body .dpy.pg-lb body footer.df-foot .df-col a,body .dpy.pg-lb body .faq-list p,body .dpy.pg-lb body .band p,body .dpy.pg-lb body .band li{letter-spacing:-.013em!important}
body .dpy.pg-lb body{background:#07050E!important}

@media(max-width:640px){body .dpy.pg-lb body .grid2,body .dpy.pg-lb body .grid3,body .dpy.pg-lb body .grid4,body .dpy.pg-lb body .cols2,body .dpy.pg-lb body .cols3,body .dpy.pg-lb body .rev-grid,body .dpy.pg-lb body .ind-grid,body .dpy.pg-lb body .feat-grid{grid-template-columns:1fr!important}body .dpy.pg-lb body .grid2>*,body .dpy.pg-lb body .grid3>*,body .dpy.pg-lb body .grid4>*,body .dpy.pg-lb body .rev-grid>*,body .dpy.pg-lb body .ind-grid>*{min-width:0!important}body .dpy.pg-lb body img,body .dpy.pg-lb body svg,body .dpy.pg-lb body video,body .dpy.pg-lb body iframe{max-width:100%!important}}
body .dpy.pg-lb body{font-family:"Inter",system-ui,sans-serif;background:#050409}



/* ---------- mobile proof pass ---------- */
@media(max-width:760px){body .dpy.pg-lb .wrap.split{grid-template-columns:1fr!important;gap:34px!important}body .dpy.pg-lb .wrap.split>*{min-width:0!important;max-width:100%!important}body .dpy.pg-lb .wrap,body .dpy.pg-lb .wrap.split{overflow-x:clip}body .dpy.pg-lb body .lbhero .proof-row .pf span{font-size:.74rem!important}body .dpy.pg-lb .rcard .rn,body .dpy.pg-lb .s4 .s4n,body .dpy.pg-lb .calc .ocard .ol{font-size:.74rem!important}body .dpy.pg-lb .eyebrow{font-size:.68rem!important}body .dpy.pg-lb body section.hero.lbhero{padding:64px 0 58px!important}body .dpy.pg-lb section.band#math{padding:72px 0!important}}
body .dpy.pg-lb body{background-color:#FFFFFF!important}
body .dpy.pg-lb body{background-color:#07050E!important}
body .dpy.pg-lb body{background-color:#FFFFFF!important}


/* Ask is hidden for launch, so Login needs the breathing room the Ask
   pill used to supply (it carried margin:0 6px 0 14px). */
@media(min-width:1081px){body .dpy.pg-lb body .dh-bar .dh-right>a.dh-pill-dark{margin-left:16px!important}}


/* the Ask glyph and the page-label mark are inline <svg> now, not <img> */
@media(min-width:1081px){body .dpy.pg-lb .dh-right>a.dh-ask svg:not([class]){width:15px;height:16px;display:block;flex:none}}

/* =====================================================================
   DUAL-PRICING — 136 rules re-keyed from body.dp to the page wrapper.
   These were written against a class on the <body> element, which the
   standalone page has but a WordPress page does not, so every one of them
   was dead on the live site. Rewritten to .dpy.pg-dp, which the wrapper
   already carries.
   ===================================================================== */
body .dpy.pg-dp h1,body .dpy.pg-dp h2,body .dpy.pg-dp h3,body .dpy.pg-dp h4,body .dpy.pg-dp h5,body .dpy.pg-dp .ed-display,body .dpy.pg-dp .ed-mf-line,body .dpy.pg-dp .dpc-title,body .dpy.pg-dp .dpc-v,body .dpy.pg-dp .obj-q,body .dpy.pg-dp .bigstate h3,body .dpy.pg-dp .ist-n,body .dpy.pg-dp .dp-title{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;
  letter-spacing:-.034em!important}
body .dpy.pg-dp,body .dpy.pg-dp p,body .dpy.pg-dp li,body .dpy.pg-dp .lede,body .dpy.pg-dp .dpc-sub,body .dpy.pg-dp .obj-a,body .dpy.pg-dp .dpcalc,body .dpy.pg-dp .dpcalc *,body .dpy.pg-dp .dpc-input{
  font-family:"Inter",system-ui,sans-serif!important}
body .dpy.pg-dp .code,body .dpy.pg-dp .strip,body .dpy.pg-dp .tag,body .dpy.pg-dp .dpc-eyebrow,body .dpy.pg-dp .dpc-k,body .dpy.pg-dp .dpc-label span,body .dpy.pg-dp .fnote,body .dpy.pg-dp .vlabel,body .dpy.pg-dp .ist-l{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important}
body .dpy.pg-dp .hl,body .dpy.pg-dp .it,body .dpy.pg-dp .hl2,body .dpy.pg-dp .dpc-title i{font-style:italic!important}
body .dpy.pg-dp .dphero{padding:84px 0 96px!important;overflow:hidden}
body .dpy.pg-dp .dphero .wrap{
  display:grid!important;grid-template-columns:1.04fr .96fr!important;
  gap:54px!important;align-items:center;max-width:1180px!important;
  position:relative;z-index:2}

@media(max-width:980px){body .dpy.pg-dp .dphero .wrap{grid-template-columns:1fr!important;gap:36px!important}}
body .dpy.pg-dp .dphero h1{
  font-weight:500!important;font-size:clamp(2.7rem,5vw,4.1rem)!important;
  line-height:1.03!important;margin:0 0 20px!important;max-width:15ch;
  background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 38%,rgba(255,255,255,.6) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .dphero h1 .hl{
  font-style:italic!important;font-weight:500!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B1FD8 38%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .dphero .lede{
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important;
  font-size:1.04rem!important;line-height:1.62!important;max-width:52ch;margin:0!important}
body .dpy.pg-dp .dphero .ed-actions{display:flex!important;flex-wrap:wrap;gap:14px;margin:32px 0 0!important}
body .dpy.pg-dp .dphero .btn{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.95rem!important;
  font-weight:600!important;padding:16px 34px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center;gap:10px;text-transform:none!important;
  letter-spacing:-.008em!important;text-decoration:none!important;
  transition:opacity .18s ease,transform .18s ease}
body .dpy.pg-dp .dphero .btn-g{
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 46%,#FF01C4 100%)!important;
  background-image:linear-gradient(90deg,#7653FC 0%,#A31FD9 46%,#FF01C4 100%)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;
  box-shadow:0 18px 40px -18px rgba(255,1,196,.55)!important}
body .dpy.pg-dp .dphero .btn-g:hover{opacity:.9;transform:translateY(-1px)}
body .dpy.pg-dp .dphero .btn-o{
  background:#0B0A12!important;background-image:none!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important}
body .dpy.pg-dp .dphero .btn-o:hover{background:#15141C!important}
body .dpy.pg-dp .dphero .btn-arw{font-size:1.05em;line-height:1;transform:translateY(1px)}
body .dpy.pg-dp .dphero .ed-hrule{display:none!important}
body .dpy.pg-dp .dphero .hf-copy .ed-actions{order:4;align-self:stretch}
body .dpy.pg-dp .dphero .hf-copy .hero-trust{order:5;align-self:stretch}
body .dpy.pg-dp .dphero .hero-trust{
  display:flex!important;flex-wrap:wrap;gap:10px!important;margin-top:30px!important}
body .dpy.pg-dp .dphero .hero-trust span{
  background:#121212!important;border:0!important;border-radius:9px!important;
  padding:8px 14px!important;gap:8px!important;line-height:1!important;
  display:inline-flex!important;align-items:center!important;white-space:nowrap;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.74rem!important;
  letter-spacing:.01em!important;color:#E9E9EC!important;-webkit-text-fill-color:#E9E9EC!important}
body .dpy.pg-dp .dphero .hero-trust span b{
  background:none!important;width:auto!important;height:auto!important;border-radius:0!important;
  display:inline-flex!important;align-items:center;flex:none}
body .dpy.pg-dp .dphero .hero-trust span b svg{width:11px;height:11px;display:block;fill:#FF1E9B}
body .dpy.pg-dp .dpv{
  padding:30px 26px 24px!important;border-radius:26px;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 0 60px rgba(124,58,237,.14),
    0 40px 90px -50px rgba(0,0,0,.9)}
body .dpy.pg-dp .dpv::before{
  inset:14%!important;border-radius:40px!important;
  background:radial-gradient(60% 60% at 24% 24%,rgba(255,26,132,.16),transparent 62%),
    radial-gradient(60% 60% at 78% 76%,rgba(52,227,127,.18),transparent 62%)!important}
body .dpy.pg-dp .dpv-cap{margin-top:16px!important}
body .dpy.pg-dp .dpv-cap b{
  font-family:"Inter Tight","Inter",sans-serif!important;font-weight:600!important;
  font-size:1rem!important;letter-spacing:-.02em!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
body .dpy.pg-dp .dpv-cap span{
  font-size:.62rem!important;letter-spacing:.14em!important;
  color:#8E88AC!important;-webkit-text-fill-color:#8E88AC!important}
body .dpy.pg-dp .ed-manifesto{background:#07050E!important;position:relative;overflow:hidden}
body .dpy.pg-dp .ed-manifesto .mf-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(62% 42% at 84% 102%,rgba(255,14,175,.30) 0%,rgba(255,14,175,0) 68%),
    radial-gradient(58% 40% at 28% 108%,rgba(120,24,245,.32) 0%,rgba(104,20,224,0) 70%),
    linear-gradient(0deg,#150925 0%,#0A0616 36%,#07050E 68%,rgba(5,4,9,.55) 88%,rgba(5,4,9,0) 100%)!important;
  opacity:1!important;transform:none!important}
body .dpy.pg-dp .ed-manifesto .mf-bg::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/58px 58px}
body .dpy.pg-dp .ed-manifesto .wrap{position:relative;z-index:2;text-align:center}
body .dpy.pg-dp .ed-kicker{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.7rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;font-weight:500!important;
  display:inline-flex!important;align-items:center;border-radius:11px!important;
  padding:7px 14px!important;margin:0 auto 22px!important;
  color:#FF5CB8!important;-webkit-text-fill-color:#FF5CB8!important;
  background:rgba(255,26,132,.12)!important;border:1px solid rgba(255,80,180,.42)!important}
body .dpy.pg-dp .ed-mf-line{
  font-weight:500!important;font-size:clamp(1.7rem,3.4vw,2.7rem)!important;
  line-height:1.12!important;max-width:30ch;margin:0 auto!important;
  background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 22%,rgba(255,255,255,.52) 64%,rgba(255,255,255,.46) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .ed-mf-line .it{
  font-style:italic!important;
  background:linear-gradient(90deg,#7653FC 0%,#8B1FD8 40%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .ed-mf-sub{
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important;
  font-size:1.02rem!important;line-height:1.62!important;max-width:64ch;margin:20px auto 0!important}
body .dpy.pg-dp .ed-pillars{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;
  margin-top:44px!important;text-align:left}

@media(max-width:860px){body .dpy.pg-dp .ed-pillars{grid-template-columns:1fr!important}}
body .dpy.pg-dp .ed-pillar{
  background:linear-gradient(180deg,rgba(124,58,237,.14),rgba(10,8,20,.55))!important;
  border:1px solid rgba(124,58,237,.28)!important;border-radius:18px!important;
  padding:26px 24px!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 34px rgba(124,58,237,.18)!important}
body .dpy.pg-dp .ed-pillar .pn{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.68rem!important;
  letter-spacing:.18em!important;color:#FF3DA6!important;-webkit-text-fill-color:#FF3DA6!important;
  background:none!important;margin-bottom:12px!important}
body .dpy.pg-dp .ed-pillar h3{
  font-weight:600!important;font-size:1.14rem!important;
  color:#F7F5FF!important;-webkit-text-fill-color:#F7F5FF!important;background:none!important}
body .dpy.pg-dp .ed-pillar p{
  font-size:.94rem!important;line-height:1.55!important;
  color:#C6C6CE!important;-webkit-text-fill-color:#C6C6CE!important}
body .dpy.pg-dp section.band.light .strip{
  display:inline-flex!important;align-items:center;justify-content:center;gap:0!important;
  font-size:.7rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  font-weight:500!important;white-space:nowrap!important;
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important;
  background:rgba(255,26,132,.08)!important;border:1px solid rgba(255,26,132,.28)!important;
  border-radius:11px!important;padding:7px 14px!important;margin:0 auto 20px!important}
body .dpy.pg-dp section.band.light .strip::before,body .dpy.pg-dp section.band.light .strip::after{display:none!important;content:none!important}
body .dpy.pg-dp section.band.light .strip .code{display:none!important}
body .dpy.pg-dp section.band.light h2{
  font-weight:600!important;line-height:1.1!important;
  font-size:clamp(1.9rem,3.4vw,3rem)!important;
  background:linear-gradient(180deg,#15122B 0%,#15122B 44%,rgba(21,18,43,.54) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp section.band.light h2 .hl{
  font-style:italic!important;font-weight:600!important;
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 44%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp section.band.light .lede{
  font-size:1rem!important;line-height:1.62!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}
body .dpy.pg-dp section.band.light .fnote{
  font-size:.72rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;
  color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important;text-align:center}
body .dpy.pg-dp section.band.light .ed-pcard,body .dpy.pg-dp section.band.light .obj-card,body .dpy.pg-dp section.band.light .caution,body .dpy.pg-dp section.band.light .bigstate,body .dpy.pg-dp section.band.light .ist-c{
  background:rgba(255,255,255,.86)!important;background-image:none!important;
  border:1px solid rgba(124,58,237,.14)!important;border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 30px rgba(124,58,237,.03)!important}
body .dpy.pg-dp section.band.light .ed-pcard h3{
  font-weight:600!important;font-size:1.12rem!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;background:none!important}
body .dpy.pg-dp section.band.light .ed-pcard p,body .dpy.pg-dp section.band.light .obj-a{
  font-size:.94rem!important;line-height:1.58!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}
body .dpy.pg-dp section.band.light .obj-q{
  font-weight:600!important;font-size:1.2rem!important;
  color:#1D1D1F!important;-webkit-text-fill-color:#1D1D1F!important;background:none!important}
body .dpy.pg-dp .ed-partner-q{
  font-weight:500!important;font-size:clamp(1.3rem,2.4vw,1.9rem)!important;line-height:1.24!important;
  color:#1D1D1F!important;-webkit-text-fill-color:#1D1D1F!important;font-style:normal!important}
body .dpy.pg-dp .ed-partner-q .hl2{
  font-style:italic!important;
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 44%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .ed-partner-grid{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;
  border-top:0!important;margin-top:34px!important}

@media(max-width:820px){body .dpy.pg-dp .ed-partner-grid{grid-template-columns:1fr!important}}
body .dpy.pg-dp .ed-pcard{padding:26px 24px!important;border-top:1px solid rgba(124,58,237,.14)!important}
body .dpy.pg-dp section.band.light .obj-card,body .dpy.pg-dp section.band.light .caution,body .dpy.pg-dp section.band.light .bigstate,body .dpy.pg-dp section.band.light .ist-c,body .dpy.pg-dp section.band.light .ed-pcard,body .dpy.pg-dp section.band.light .dpcalc{text-align:left}
body .dpy.pg-dp .vph{
  border:1px solid rgba(124,58,237,.16)!important;border-radius:18px!important;
  background:linear-gradient(170deg,#FBF9FF,#F2F4FB)!important}
body .dpy.pg-dp .vcap{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.7rem!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;
  color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important}
body .dpy.pg-dp .dpcalc{
  border:1px solid #E9E9EC!important;border-radius:24px!important;
  box-shadow:0 30px 70px -46px rgba(11,10,22,.4)!important}
body .dpy.pg-dp .dpcalc::before{
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 46%,#FF01C4 100%)!important}
body .dpy.pg-dp .dpc-eyebrow{
  font-size:.7rem!important;letter-spacing:.2em!important;font-weight:500!important;
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}
body .dpy.pg-dp .dpc-title{
  font-weight:600!important;font-size:clamp(1.6rem,3.4vw,2.1rem)!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;margin:12px 0 6px!important}
body .dpy.pg-dp .dpc-title i{
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 44%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .dpc-sub{color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;font-size:.98rem!important}
body .dpy.pg-dp .dpc-input{font-weight:600!important;border-radius:14px!important;background:#FAFAFA!important}
body .dpy.pg-dp .dpc-v{font-weight:600!important;letter-spacing:-.03em!important}
body .dpy.pg-dp .dpc-cta{
  font-family:"Inter",system-ui,sans-serif!important;font-weight:600!important;
  font-size:.95rem!important;letter-spacing:-.008em!important;text-transform:none!important;
  padding:15px 32px!important;border-radius:999px!important;
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 46%,#FF01C4 100%)!important}


/* =================== responsive =================== */
@media(max-width:760px){body .dpy.pg-dp .dphero{padding:64px 0 72px!important}body .dpy.pg-dp .dphero h1{max-width:none;font-size:clamp(2.3rem,9vw,3rem)!important}body .dpy.pg-dp .dphero .lede{max-width:none;margin:0 auto!important}body .dpy.pg-dp .dphero .ed-actions{justify-content:center}body .dpy.pg-dp .dphero .hero-trust{justify-content:center}body .dpy.pg-dp .dpv{padding:20px 14px 16px!important}body .dpy.pg-dp .dpcalc{padding:26px 20px 24px!important}}
body .dpy.pg-dp .dp-calcband>.band-bg{
  background:
    radial-gradient(64% 44% at 82% 104%,rgba(255,14,175,.28) 0%,rgba(255,14,175,0) 70%),
    radial-gradient(58% 42% at 26% 108%,rgba(120,24,245,.30) 0%,rgba(104,20,224,0) 72%),
    linear-gradient(0deg,#140A24 0%,#0A0616 38%,#07050E 76%,#050409 100%)!important}
body .dpy.pg-dp .dp-calcband .dpcalc{
  background:#FFFFFF!important;border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 50px 110px -50px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.9)!important}
body .dpy.pg-dp .dp-calcnote{text-align:center;max-width:700px;margin:44px auto 0}
body .dpy.pg-dp .dp-calcline{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;
  font-size:clamp(1.5rem,3.4vw,2.1rem)!important;line-height:1.16!important;
  letter-spacing:-.034em!important;margin:0!important;
  background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 22%,rgba(255,255,255,.52) 66%,rgba(255,255,255,.46) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .dp-calcline .hl{
  font-style:italic!important;font-weight:500!important;
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 42%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .dp-calckeep{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.72rem!important;
  letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:500!important;
  color:#FF5CB8!important;-webkit-text-fill-color:#FF5CB8!important;margin:20px 0 0!important}
body .dpy.pg-dp .ed-partner-q{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:600!important;
  font-size:clamp(1.7rem,3.2vw,2.7rem)!important;line-height:1.1!important;
  letter-spacing:-.034em!important;font-style:normal!important;margin:0 auto!important;max-width:34ch;
  background:linear-gradient(180deg,#15122B 0%,#15122B 44%,rgba(21,18,43,.54) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .ed-partner-q .hl2{
  font-style:italic!important;font-weight:600!important;
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 44%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp .ed-partner-head{max-width:none!important;margin:0 auto!important;text-align:center}
body .dpy.pg-dp .receipt{text-align:left!important}
body .dpy.pg-dp .receipt .tag,body .dpy.pg-dp section.band.light .receipt .tag{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.92rem!important;letter-spacing:.08em!important;font-weight:500!important;
  color:#2E5BFF!important;-webkit-text-fill-color:#2E5BFF!important;
  display:block!important;margin:0 0 18px!important;text-align:center}
body .dpy.pg-dp .receipt .rrow{
  display:flex!important;align-items:baseline;justify-content:space-between;gap:16px}
body .dpy.pg-dp .receipt .rrow>span:last-child{white-space:nowrap;text-align:right}
body .dpy.pg-dp .pl-frosted .ccp-steps{
  display:flex!important;flex-direction:column;gap:14px!important;margin:0!important;max-width:560px}
body .dpy.pg-dp .pl-frosted .ccp-step{
  display:grid!important;grid-template-columns:auto 1fr;gap:18px!important;align-items:center!important;
  background:rgba(255,255,255,.86)!important;background-image:none!important;
  border:1px solid rgba(124,58,237,.14)!important;border-radius:18px!important;
  padding:16px 20px!important;text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 30px rgba(124,58,237,.03)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body .dpy.pg-dp .pl-frosted .ccp-step:hover{
  border-color:rgba(124,58,237,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 34px rgba(124,58,237,.06)!important}
body .dpy.pg-dp .pl-frosted .ccp-step::before,body .dpy.pg-dp .pl-frosted .ccp-step::after{display:none!important;content:none!important}
body .dpy.pg-dp .pl-frosted .ccp-num,body .dpy.pg-dp .band.light .pl-frosted .ccp-num,body .dpy.pg-dp .pl-frosted .ccp-num.ccp-num{
  width:44px!important;height:44px!important;display:grid!important;place-items:center!important;
  align-self:center!important;border:0!important;border-radius:12px!important;
  background:#F1EBFE!important;background-image:none!important;background-color:#F1EBFE!important;
  background-clip:border-box!important;-webkit-background-clip:border-box!important;
  font-family:"Inter Tight","Inter",sans-serif!important;font-weight:700!important;
  font-size:1.2rem!important;line-height:1!important;
  color:#7C3AED!important;-webkit-text-fill-color:#7C3AED!important}
body .dpy.pg-dp .pl-frosted .ccp-step h3{
  font-family:"Inter Tight","Inter",sans-serif!important;font-weight:600!important;
  font-size:1.02rem!important;letter-spacing:-.015em!important;margin:0 0 4px!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;background:none!important}
body .dpy.pg-dp .pl-frosted .ccp-step p{
  font-family:"Inter",sans-serif!important;font-size:.875rem!important;line-height:1.58!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;margin:0!important}
body .dpy.pg-dp section.band.light .money{
  background:rgba(255,255,255,.86)!important;background-image:none!important;
  border:1px solid rgba(255,26,132,.12)!important;border-radius:18px!important;
  padding:24px 24px 22px!important;text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 30px rgba(255,26,132,.03)!important;
  transition:border-color .18s ease,box-shadow .18s ease}
body .dpy.pg-dp section.band.light .money:hover{
  border-color:rgba(255,26,132,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 34px rgba(255,26,132,.06)!important}
body .dpy.pg-dp section.band.light .money::before,body .dpy.pg-dp section.band.light .money::after{display:none!important;content:none!important}
body .dpy.pg-dp section.band.light .money .mk{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.68rem!important;
  font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important;
  display:block!important;background:none!important;border:0!important;padding:0!important;
  margin:0 0 10px!important;
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}
body .dpy.pg-dp section.band.light .money h3{
  font-family:"Inter Tight","Inter",sans-serif!important;font-weight:600!important;
  font-size:1.12rem!important;letter-spacing:-.015em!important;line-height:1.28!important;
  margin:0 0 8px!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;background:none!important}
body .dpy.pg-dp section.band.light .money p{
  font-family:"Inter",sans-serif!important;font-size:.94rem!important;line-height:1.55!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;margin:0!important}
body .dpy.pg-dp .ed-manifesto{border-top:0!important;box-shadow:none!important}
body .dpy.pg-dp .ed-manifesto::before,body .dpy.pg-dp .ed-manifesto::after{display:none!important;content:none!important}
body .dpy.pg-dp .ed-manifesto .mf-bg::after{
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 16%,#000 42%,#000 100%)!important;
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 16%,#000 42%,#000 100%)!important}
body .dpy.pg-dp{background:#040409!important}
body .dpy.pg-dp .hero.dphero{border-bottom:0!important;box-shadow:none!important}
body .dpy.pg-dp .ed-manifesto{background:transparent!important;margin-top:-1px!important}

@media(min-width:761px){body .dpy.pg-dp .dphero .hero-bg{
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,rgba(0,0,0,.55) 90%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 72%,rgba(0,0,0,.55) 90%,transparent 100%)!important}}
body .dpy.pg-dp .ed-manifesto{position:relative}
body .dpy.pg-dp .ed-manifesto>.mf-bg{z-index:0}
body .dpy.pg-dp .ed-manifesto::before{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;left:8%!important;right:8%!important;height:1px!important;z-index:3;
  background:linear-gradient(90deg,rgba(118,83,252,0) 0%,rgba(118,83,252,.55) 22%,rgba(255,1,196,.75) 52%,rgba(46,124,255,.5) 78%,rgba(46,124,255,0) 100%)!important;
  box-shadow:0 0 22px 2px rgba(255,1,196,.28)!important;pointer-events:none}
body .dpy.pg-dp .ed-mf-line .it{
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  padding-right:.10em!important}
body .dpy.pg-dp .ed-manifesto{padding-bottom:44px!important}
body .dpy.pg-dp .dp-calcband{padding-top:16px!important}
body .dpy.pg-dp section.band.light .bigstate{
  background:none!important;background-image:none!important;border:0!important;
  box-shadow:none!important;padding:0!important;margin:46px auto 0!important;
  max-width:36ch!important;text-align:center!important}
body .dpy.pg-dp section.band.light .bigstate::before,body .dpy.pg-dp section.band.light .bigstate::after{display:none!important;content:none!important}
body .dpy.pg-dp section.band.light .bigstate h3{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;font-weight:500!important;
  font-size:clamp(1.3rem,2.4vw,1.7rem)!important;line-height:1.22!important;
  letter-spacing:-.034em!important;margin:0!important;
  background:linear-gradient(180deg,#15122B 0%,#15122B 46%,rgba(21,18,43,.58) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp section.band.light .bigstate h3 .hl{
  font-style:italic!important;font-weight:500!important;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding-right:.06em;
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 44%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-dp section.band.light .ind .ph{
  aspect-ratio:4/3;display:grid!important;place-items:center;margin:0 0 16px!important;
  border:1.5px dashed rgba(255,26,132,.34)!important;border-radius:14px!important;
  background:linear-gradient(160deg,rgba(255,26,132,.05),rgba(124,58,237,.05))!important}
body .dpy.pg-dp section.band.light .ind .ph span{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.66rem!important;
  letter-spacing:.14em!important;line-height:1.8!important;text-align:center;
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}
body .dpy.pg-dp section.band.pl-dark#faq>.wrap{text-align:center}
body .dpy.pg-dp section.band.pl-dark#faq .faq-list{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;
  max-width:1040px!important;margin:34px auto 0!important;text-align:left}

@media(max-width:820px){body .dpy.pg-dp section.band.pl-dark#faq .faq-list{grid-template-columns:1fr!important}}



/* ---------------------------------------------------------------------
   mobile pass — page-specific blocks the site-wide layer does not cover
   --------------------------------------------------------------------- */
@media(max-width:820px){body .dpy.pg-dp .ed-pillars,body .dpy.pg-dp .ed-partner-grid,body .dpy.pg-dp .money-grid,body .dpy.pg-dp .vol-grid,body .dpy.pg-dp .vgrid,body .dpy.pg-dp .obj{
    grid-template-columns:minmax(0,1fr)!important;gap:14px!important}body .dpy.pg-dp .ed-pillar,body .dpy.pg-dp .ed-pcard,body .dpy.pg-dp .money,body .dpy.pg-dp .receipt,body .dpy.pg-dp .obj-card,body .dpy.pg-dp .bigstate{min-width:0!important}}

@media(max-width:760px){body .dpy.pg-dp .dphero .wrap{gap:30px!important;padding-left:20px!important;padding-right:20px!important}body .dpy.pg-dp .dphero .hf-copy{align-items:center!important}body .dpy.pg-dp .dphero h1{text-align:center!important;font-size:clamp(2.2rem,9.4vw,2.9rem)!important}body .dpy.pg-dp .dphero .lede{text-align:center!important;font-size:1rem!important}body .dpy.pg-dp .dphero .ed-actions{width:100%;flex-direction:column!important;align-items:stretch!important;gap:10px!important}body .dpy.pg-dp .dphero .btn{width:100%!important;justify-content:center!important;min-height:54px!important;padding:0 24px!important}body .dpy.pg-dp .dphero .hero-trust{justify-content:center!important;gap:8px!important}body .dpy.pg-dp .dphero .hero-trust span{font-size:.68rem!important;padding:7px 11px!important;white-space:normal!important}body .dpy.pg-dp .dpv{padding:16px 12px 14px!important;border-radius:20px}body .dpy.pg-dp .dpv::before{inset:18%!important}body .dpy.pg-dp .dpv-cap b{font-size:.94rem!important}body .dpy.pg-dp .ed-manifesto{padding:64px 0 36px!important}body .dpy.pg-dp .ed-mf-line{font-size:clamp(1.45rem,6.4vw,1.9rem)!important;max-width:none}body .dpy.pg-dp .ed-mf-sub{font-size:.98rem!important}body .dpy.pg-dp .ed-manifesto::before{left:16px!important;right:16px!important}body .dpy.pg-dp .dp-calcband{padding-top:8px!important;padding-bottom:64px!important}body .dpy.pg-dp .dpcalc{padding:24px 18px 22px!important;border-radius:20px!important}body .dpy.pg-dp .dpc-out{grid-template-columns:minmax(0,1fr)!important}body .dpy.pg-dp .dpc-cta{display:flex!important;justify-content:center;min-height:54px;align-items:center}body .dpy.pg-dp .dp-calcnote{margin-top:34px!important;padding:0 18px}body .dpy.pg-dp .dp-calcline{font-size:clamp(1.3rem,5.8vw,1.7rem)!important}body .dpy.pg-dp section.band.light h2{font-size:clamp(1.6rem,6.6vw,2.1rem)!important}body .dpy.pg-dp .ed-partner-q{font-size:clamp(1.4rem,5.8vw,1.9rem)!important;max-width:none!important}body .dpy.pg-dp section.band.light .obj-q{font-size:1.08rem!important}body .dpy.pg-dp section.band.light .bigstate{margin-top:32px!important;padding:0 12px!important}body .dpy.pg-dp section.band.light .bigstate h3{font-size:clamp(1.18rem,5.2vw,1.45rem)!important}body .dpy.pg-dp .receipt .tag{font-size:.8rem!important;margin-bottom:14px!important}body .dpy.pg-dp .receipt .rrow{gap:10px}body .dpy.pg-dp section.band.light .ind .ph{margin-bottom:14px!important}body .dpy.pg-dp section.band.light .ind .ph span{font-size:.6rem!important}body .dpy.pg-dp .pl-frosted .ccp-steps{max-width:none}body .dpy.pg-dp .pl-frosted .ccp-step{grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important}}
body .dpy.pg-dp section.band.pl-dark#faq{
  background:#FFFFFF!important;background-color:#FFFFFF!important;
  overflow:visible!important;border:0!important}
body .dpy.pg-dp section.band.pl-dark#faq>.band-bg{
  inset:0!important;transform:none!important;opacity:1!important;
  border-radius:30px!important;overflow:hidden!important;
  box-shadow:0 34px 90px -48px rgba(255,2,196,.55)!important;
  /* same wash as the hero, but sized in px so a tall band does not stretch
     it — the bloom lives in the top ~620px exactly like the hero */
  background:
    radial-gradient(760px 340px at 84% -18px,rgba(255,14,175,.62) 0%,rgba(255,14,175,.30) 32%,rgba(255,14,175,0) 66%),
    radial-gradient(700px 330px at 38% -68px,rgba(120,24,245,.60) 0%,rgba(104,20,224,.28) 34%,rgba(104,20,224,0) 68%),
    radial-gradient(560px 250px at 4% 16px,rgba(70,20,200,.40) 0%,rgba(70,20,200,0) 62%),
    linear-gradient(180deg,#2A0A40 0px,#150925 130px,#070510 320px,#040409 620px)!important}
body .dpy.pg-dp section.band.pl-dark#faq>.band-bg::before{display:none!important;content:none!important}
body .dpy.pg-dp section.band.pl-dark#faq>.band-bg::after{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  border-radius:30px!important;opacity:1!important;
  -webkit-mask-image:none!important;mask-image:none!important;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/58px 58px!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0px,#000 420px,transparent 760px)!important;
  mask-image:linear-gradient(180deg,#000 0px,#000 420px,transparent 760px)!important}

@media(max-width:760px){body .dpy.pg-dp section.band.pl-dark#faq>.band-bg,body .dpy.pg-dp section.band.pl-dark#faq>.band-bg::after{border-radius:22px!important}}
body .dpy.pg-dp section.band#reviews{background:#FFFFFF!important;border-bottom:0!important;box-shadow:none!important}
body .dpy.pg-dp section.band#reviews>.band-bg{
  transform:none!important;inset:0!important;border:0!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#EBF7FD 42%,#F7FBFE 76%,#FFFFFF 100%)!important}
body .dpy.pg-dp section.band#reviews>.band-bg::before,body .dpy.pg-dp section.band#reviews>.band-bg::after{display:none!important;content:none!important}
body .dpy.pg-dp section.band#reviews::before,body .dpy.pg-dp section.band#reviews::after{display:none!important;content:none!important}
body .dpy.pg-dp section.band#book{border-top:0!important}
body .dpy.pg-dp section.band#book>.band-bg::before,body .dpy.pg-dp section.band#book>.band-bg::after{display:none!important;content:none!important}
body .dpy.pg-dp section.band.light .bigstate{max-width:52ch!important}
body .dpy.pg-dp section.band.light .bigstate h3{
  font-size:clamp(1.5rem,2.9vw,2.05rem)!important;line-height:1.2!important}

@media(max-width:760px){body .dpy.pg-dp section.band.light .bigstate{max-width:none!important}body .dpy.pg-dp section.band.light .bigstate h3{font-size:clamp(1.3rem,5.8vw,1.6rem)!important}}

/* =====================================================================
   INTEGRATIONS — 122 rules re-keyed from body.ip to the page wrapper.
   These were written against a class on the <body> element, which the
   standalone page has but a WordPress page does not, so every one of them
   was dead on the live site. Rewritten to .dpy.pg-int, which the wrapper
   already carries.
   ===================================================================== */
body .dpy.pg-int h1,body .dpy.pg-int h2,body .dpy.pg-int h3,body .dpy.pg-int h4,body .dpy.pg-int h5,body .dpy.pg-int .ick-h{
  font-family:"Inter Tight","Inter",system-ui,sans-serif!important;letter-spacing:-.034em!important}
body .dpy.pg-int,body .dpy.pg-int p,body .dpy.pg-int li,body .dpy.pg-int .lede{font-family:"Inter",system-ui,sans-serif!important}
body .dpy.pg-int .code,body .dpy.pg-int .strip,body .dpy.pg-int .tag,body .dpy.pg-int .fnote,body .dpy.pg-int .i-stats .s span,body .dpy.pg-int .i-rail span{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important}
body .dpy.pg-int .hl,body .dpy.pg-int .it{font-style:italic!important}
body .dpy.pg-int .ihero .lede{max-width:66ch;margin-left:auto!important;margin-right:auto!important}
body .dpy.pg-int .ihero .lede strong{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-weight:600!important}
body .dpy.pg-int .ihero .ed-actions{
  display:flex!important;flex-wrap:wrap;justify-content:center;gap:14px;margin:34px 0 0!important}
body .dpy.pg-int .ihero .btn{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.95rem!important;
  font-weight:600!important;padding:16px 34px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center;gap:10px;text-transform:none!important;
  letter-spacing:-.008em!important;text-decoration:none!important}
body .dpy.pg-int .ihero .btn-g{
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 46%,#FF01C4 100%)!important;
  background-image:linear-gradient(90deg,#7653FC 0%,#A31FD9 46%,#FF01C4 100%)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;
  box-shadow:0 18px 40px -18px rgba(255,1,196,.55)!important}
body .dpy.pg-int .ihero .btn-g:hover{opacity:.9}
body .dpy.pg-int .ihero .btn-o{
  background:#0B0A12!important;background-image:none!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important}
body .dpy.pg-int .ihero .btn-o:hover{background:#15141C!important}
body .dpy.pg-int .ihero .i-stats{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;margin:40px auto 0!important;max-width:920px;
  background:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important}
body .dpy.pg-int .ihero .i-stats .s{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:22px 16px!important;text-align:center!important;
  background:linear-gradient(180deg,rgba(124,58,237,.16),rgba(10,8,20,.55))!important;
  border:1px solid rgba(124,58,237,.30)!important;border-radius:18px!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 34px rgba(124,58,237,.20),
    0 18px 44px -26px #000!important;
  transition:border-color .18s ease}
body .dpy.pg-int .ihero .i-stats .s:hover{border-color:rgba(124,58,237,.48)!important}
body .dpy.pg-int .ihero .i-stats .s b{
  font-family:"Inter Tight","Inter",sans-serif!important;font-weight:600!important;
  font-size:1.5rem!important;line-height:1.05!important;letter-spacing:-.03em!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;background:none!important}
body .dpy.pg-int .ihero .i-stats .s span{
  font-size:.64rem!important;letter-spacing:.14em!important;text-transform:uppercase!important;
  line-height:1.5!important;color:#C9A9FF!important;-webkit-text-fill-color:#C9A9FF!important}
body .dpy.pg-int .ihero .i-rail{
  display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px!important;
  margin:22px auto 0!important;max-width:820px;
  background:none!important;border:0!important;padding:0!important}
body .dpy.pg-int .ihero .i-rail span{
  background:#121212!important;border:1px solid rgba(255,255,255,.08)!important;
  border-radius:9px!important;padding:7px 13px!important;
  font-size:.72rem!important;letter-spacing:.02em!important;line-height:1!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important;white-space:nowrap}
body .dpy.pg-int .ihero .i-rail span.hi{
  background:#16121F!important;border-color:rgba(255,255,255,.14)!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-weight:500!important}
body .dpy.pg-int section#check{background:#FFFFFF!important}
body .dpy.pg-int section#check>.band-bg{
  transform:none!important;inset:0!important;
  background:radial-gradient(880px 470px at 50% 42%,rgba(46,91,255,.085),transparent 70%),#FFFFFF!important}
body .dpy.pg-int section#check>.band-bg::before,body .dpy.pg-int section#check>.band-bg::after{display:none!important;content:none!important}
body .dpy.pg-int section#check>.wrap{text-align:center;position:relative;z-index:2}
body .dpy.pg-int section.band.light .strip{
  display:inline-flex!important;align-items:center;justify-content:center;gap:0!important;
  font-size:.7rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  font-weight:500!important;white-space:nowrap!important;
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important;
  background:rgba(255,26,132,.08)!important;border:1px solid rgba(255,26,132,.28)!important;
  border-radius:11px!important;padding:7px 14px!important;margin:0 auto 20px!important}
body .dpy.pg-int section.band.light .strip::before,body .dpy.pg-int section.band.light .strip::after{display:none!important;content:none!important}
body .dpy.pg-int section.band.light .strip .code{display:none!important}
body .dpy.pg-int section.band.light h2,body .dpy.pg-int section.band.light .ick-h{
  font-weight:600!important;line-height:1.1!important;
  font-size:clamp(1.9rem,3.4vw,3rem)!important;
  background:linear-gradient(100deg,#15122B 0%,#15122B 30%,rgba(21,18,43,.30) 74%,rgba(21,18,43,.26) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-int section.band.light h2 .hl,body .dpy.pg-int section.band.light .ick-h .hl{
  font-style:italic!important;font-weight:600!important;
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 44%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-int section.band.light .lede{
  font-size:1rem!important;line-height:1.62!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;
  max-width:64ch;margin-left:auto!important;margin-right:auto!important}
body .dpy.pg-int section.band.light .fnote{
  font-size:.72rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;
  color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important;text-align:center}
body .dpy.pg-int section#check .ick-box{text-align:left}
body .dpy.pg-int section#check .ick-count{
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}
body .dpy.pg-int section.band.light .panel,body .dpy.pg-int section.band.light .ind,body .dpy.pg-int section.band.light article.panel{
  background:rgba(255,255,255,.86)!important;background-image:none!important;
  border:1px solid rgba(124,58,237,.14)!important;border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 30px rgba(124,58,237,.03)!important;
  text-align:left;transition:border-color .18s ease,box-shadow .18s ease}
body .dpy.pg-int section.band.light .panel:hover,body .dpy.pg-int section.band.light .ind:hover{
  border-color:rgba(124,58,237,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 34px rgba(124,58,237,.07)!important}
body .dpy.pg-int section.band.light .panel::before,body .dpy.pg-int section.band.light .panel::after,body .dpy.pg-int section.band.light .ind::before,body .dpy.pg-int section.band.light .ind::after{
  display:none!important;content:none!important}
body .dpy.pg-int section.band.light .panel h3,body .dpy.pg-int section.band.light .ind h3{
  font-weight:600!important;font-size:1.12rem!important;letter-spacing:-.015em!important;
  line-height:1.28!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;background:none!important}
body .dpy.pg-int section.band.light .panel p,body .dpy.pg-int section.band.light .ind p{
  font-size:.94rem!important;line-height:1.55!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}
body .dpy.pg-int section.band.light .tag{
  font-size:.68rem!important;font-weight:500!important;letter-spacing:.18em!important;
  text-transform:uppercase!important;background:none!important;border:0!important;
  padding:0!important;margin:0 0 10px!important;display:block!important;
  color:#7C3AED!important;-webkit-text-fill-color:#7C3AED!important}
body .dpy.pg-int section.band.light .tag.pink{
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}


/* =================== responsive =================== */
@media(max-width:900px){body .dpy.pg-int .ihero .i-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:760px){body .dpy.pg-int .ihero .wrap{padding-left:20px!important;padding-right:20px!important}body .dpy.pg-int .ihero h1{font-size:clamp(2.2rem,9.4vw,2.9rem)!important}body .dpy.pg-int .ihero .lede{font-size:1rem!important}body .dpy.pg-int .ihero .ed-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important}body .dpy.pg-int .ihero .btn{width:100%!important;justify-content:center!important;min-height:54px!important;padding:0 24px!important}body .dpy.pg-int .ihero .i-stats{gap:10px!important;margin-top:32px!important}body .dpy.pg-int .ihero .i-stats .s{padding:18px 12px!important}body .dpy.pg-int .ihero .i-stats .s b{font-size:1.24rem!important}body .dpy.pg-int .ihero .i-rail span{font-size:.66rem!important;padding:6px 10px!important}body .dpy.pg-int section.band.light h2,body .dpy.pg-int section.band.light .ick-h{
    font-size:clamp(1.6rem,6.6vw,2.1rem)!important}}
body .dpy.pg-int .ihero .hero-bg{
  background:
    radial-gradient(760px 340px at 84% -18px,rgba(255,14,175,.62) 0%,rgba(255,14,175,.30) 32%,rgba(255,14,175,0) 66%),
    radial-gradient(700px 330px at 38% -68px,rgba(120,24,245,.60) 0%,rgba(104,20,224,.28) 34%,rgba(104,20,224,0) 68%),
    radial-gradient(560px 250px at 4% 16px,rgba(70,20,200,.40) 0%,rgba(70,20,200,0) 62%),
    linear-gradient(180deg,#2A0A40 0px,#150925 130px,#070510 320px,#040409 620px)!important}
body .dpy.pg-int .ihero .hero-bg::after{
  -webkit-mask-image:linear-gradient(180deg,#000 0px,#000 420px,transparent 780px)!important;
  mask-image:linear-gradient(180deg,#000 0px,#000 420px,transparent 780px)!important}
body .dpy.pg-int section.band.light.pl-frosted>.wrap{text-align:center}
body .dpy.pg-int section.band.light.pl-frosted>.wrap>h2{
  margin-left:auto!important;margin-right:auto!important;max-width:30ch}
body .dpy.pg-int section.band.light.pl-frosted .panel,body .dpy.pg-int section.band.light.pl-frosted .ind,body .dpy.pg-int section.band.light.pl-frosted .grid2>div,body .dpy.pg-int section.band.light.pl-frosted article{text-align:left}
body .dpy.pg-int section#check .ick-head{margin-top:54px!important}
body .dpy.pg-int section#check .strip{margin-bottom:16px!important}
body .dpy.pg-int .ihero .i-stats .s span{white-space:normal!important;max-width:14ch}
body .dpy.pg-int .i-most{
  background:linear-gradient(180deg,#241041 0%,#120A24 42%,#0B0A16 100%)!important;
  border:1px solid rgba(124,58,237,.30)!important;border-radius:24px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 40px rgba(124,58,237,.18),
    0 40px 90px -50px rgba(0,0,0,.85)!important;text-align:center}
body .dpy.pg-int .i-most .k{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.68rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;
  color:#FF5CB8!important;-webkit-text-fill-color:#FF5CB8!important;background:none!important}
body .dpy.pg-int .i-most h3{
  font-family:"Inter Tight","Inter",sans-serif!important;font-weight:500!important;
  font-size:clamp(1.5rem,2.8vw,2.1rem)!important;line-height:1.14!important;
  letter-spacing:-.034em!important;
  background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 24%,rgba(255,255,255,.56) 68%,rgba(255,255,255,.5) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-int .i-most h3 .hl{
  font-style:italic!important;
  background:linear-gradient(90deg,#7653FC 0%,#A31FD9 42%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy.pg-int .i-most p{
  font-family:"Inter",system-ui,sans-serif!important;font-size:1rem!important;line-height:1.62!important;
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important;max-width:64ch;margin-inline:auto}
body .dpy.pg-int .i-most em,body .dpy.pg-int .i-most p strong{
  font-style:normal!important;font-weight:600!important;
  color:#FF63C8!important;-webkit-text-fill-color:#FF63C8!important}
body .dpy.pg-int .i-most .btn-w,body .dpy.pg-int .i-most .btn-l{
  font-family:"Inter",system-ui,sans-serif!important;font-size:.95rem!important;
  font-weight:600!important;padding:15px 30px!important;border-radius:999px!important;
  text-transform:none!important;letter-spacing:-.008em!important;text-decoration:none!important;
  display:inline-flex!important;align-items:center;gap:9px}
body .dpy.pg-int .i-most .btn-w{
  background:#FFFFFF!important;background-image:none!important;border:0!important;
  color:#0B0A16!important;-webkit-text-fill-color:#0B0A16!important}
body .dpy.pg-int .i-most .btn-w:hover{opacity:.88}
body .dpy.pg-int .i-most .btn-l{
  background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.18)!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
body .dpy.pg-int .i-most .btn-l:hover{background:rgba(255,255,255,.1)!important}
body .dpy.pg-int section.band#reviews{background:#FFFFFF!important;border:0!important}
body .dpy.pg-int section.band#reviews>.band-bg{
  transform:none!important;inset:0!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#EBF7FD 42%,#F7FBFE 76%,#FFFFFF 100%)!important}
body .dpy.pg-int section.band#reviews>.band-bg::before,body .dpy.pg-int section.band#reviews>.band-bg::after{display:none!important;content:none!important}
body .dpy.pg-int section.band#reviews>.wrap{text-align:center!important}
body .dpy.pg-int #reviews .ti-embed{max-width:1180px;margin:0 auto}
body .dpy.pg-int #reviews .ti-embed *{font-family:"Inter",system-ui,-apple-system,sans-serif!important}
body .dpy.pg-int #reviews .rev-note{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.72rem!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
  color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important;
  text-align:center!important;margin-top:26px!important}
body .dpy.pg-int .i-most{overflow:hidden!important;padding:40px 34px!important}
body .dpy.pg-int .i-most>*{max-width:100%}
body .dpy.pg-int .ick-box,body .dpy.pg-int .ick-box *,body .dpy.pg-int .ick-card,body .dpy.pg-int .ick-card *,body .dpy.pg-int .i-pair .t,body .dpy.pg-int .i-pair .t i,body .dpy.pg-int .logo-word{
  font-family:"Inter",system-ui,sans-serif!important}
body .dpy.pg-int .ick-h,body .dpy.pg-int .ick-res-h,body .dpy.pg-int .i-pair .t{
  font-family:"Inter Tight",Inter,system-ui,sans-serif!important;
  font-weight:600!important;letter-spacing:-.028em!important}
body .dpy.pg-int .ick-logo,body .dpy.pg-int .ick-logo-sep,body .dpy.pg-int .ick-more-note,body .dpy.pg-int .ick-count,body .dpy.pg-int .ick-cat-pill,body .dpy.pg-int .ick-chip{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important}
body .dpy.pg-int .ick-logo{font-family:"Inter",system-ui,sans-serif!important;font-weight:500!important}
body .dpy.pg-int .i-pair .t i{font-style:normal!important;font-weight:600!important}
body .dpy.pg-int .logo-word{font-weight:600!important;letter-spacing:-.03em!important}
body .dpy.pg-int h1 .hl,body .dpy.pg-int h2 .hl,body .dpy.pg-int h3 .hl,body .dpy.pg-int .ick-h .hl,body .dpy.pg-int .df-line em{
  padding-inline:.03em .14em!important;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
body .dpy.pg-int .ihero h1{padding-right:.06em}
body .dpy.pg-int section#check .ick-wrap{margin-top:44px!important}
body .dpy.pg-int section#check .ick-card,body .dpy.pg-int .ick-card{
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(118deg,#2E7CFF 0%,#6C4BF0 26%,#A02BD9 56%,#FF12C0 100%) border-box!important;
  border:1.5px solid transparent!important;border-radius:26px!important;
  box-shadow:0 2px 8px rgba(21,18,43,.05),0 30px 70px -46px rgba(21,18,43,.28)!important;
  overflow:visible!important;padding:30px 30px 28px!important}
body .dpy.pg-int .ick-card::before{display:none!important;content:none!important}
body .dpy.pg-int .ick-field{margin:0 0 20px!important}
body .dpy.pg-int .ick-input,body .dpy.pg-int #ickIn{
  background:#FFFFFF!important;
  border:1.5px solid rgba(21,18,43,.30)!important;border-radius:999px!important;
  box-shadow:0 1px 2px rgba(21,18,43,.05),0 4px 12px -6px rgba(21,18,43,.18)!important;
  font-family:"Inter",system-ui,sans-serif!important;font-weight:500!important;
  font-size:1rem!important;color:#15122B!important;-webkit-text-fill-color:#15122B!important;
  padding:19px 132px 19px 56px!important;transition:border-color .16s ease,box-shadow .16s ease}
body .dpy.pg-int .ick-input::placeholder{
  color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important;font-weight:400!important}
body .dpy.pg-int .ick-input:hover{border-color:rgba(21,18,43,.42)!important}
body .dpy.pg-int .ick-input:focus{
  border-color:#A02BD9!important;
  box-shadow:0 1px 2px rgba(21,18,43,.05),0 0 0 4px rgba(160,43,217,.12)!important;outline:none}
body .dpy.pg-int .ick-field>svg{display:block!important;left:24px!important;stroke:#8A8A93!important}
body .dpy.pg-int .ick-count{right:22px!important;color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important}
body .dpy.pg-int .ick-logos{
  margin:0 0 4px!important;background:#F7F7FA!important;
  border:1px solid rgba(21,18,43,.07)!important;border-radius:16px!important}
body .dpy.pg-int .ick-cats{
  justify-content:center!important;gap:8px!important;
  margin-top:22px!important;padding-top:20px!important;
  border-top:1px solid rgba(21,18,43,.08)!important}
body .dpy.pg-int section#check .ick-cat-pill,body .dpy.pg-int .ick-cat-pill{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.66rem!important;font-weight:500!important;letter-spacing:.06em!important;
  text-transform:none!important;line-height:1!important;
  padding:9px 14px!important;border-radius:999px!important;
  background:#F4F4F6!important;border:1px solid rgba(11,10,22,.09)!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;
  box-shadow:none!important;cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease}
body .dpy.pg-int section#check .ick-cat-pill:hover,body .dpy.pg-int section#check .ick-cat-pill.sel,body .dpy.pg-int .ick-cat-pill:hover,body .dpy.pg-int .ick-cat-pill.sel{
  background:#FFFFFF!important;border-color:rgba(232,49,143,.42)!important;
  color:#E8318F!important;-webkit-text-fill-color:#E8318F!important}


@media(max-width:780px){body .dpy.pg-int .ick-card{padding:22px 18px 20px!important;border-radius:22px!important}body .dpy.pg-int .ick-input,body .dpy.pg-int #ickIn{
    padding:17px 20px 17px 50px!important;font-size:.95rem!important}body .dpy.pg-int .ick-field>svg{left:20px!important}}
body .dpy.pg-int section#check .ick-res-k,body .dpy.pg-int section#check .ick-gw-badge,body .dpy.pg-int .ick-res-k,body .dpy.pg-int .ick-gw-badge{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important}
body .dpy.pg-int section#check .ick-result.show{margin:10px 0 22px!important}
body .dpy.pg-int section#check .ick-sugg:not(:empty){
  margin-top:14px!important;padding:14px!important;
  background:#FFFFFF!important;border:1px solid rgba(21,18,43,.12)!important;
  border-radius:20px!important;
  box-shadow:0 1px 2px rgba(21,18,43,.04),0 18px 40px -28px rgba(21,18,43,.30)!important;
  gap:10px!important}
body .dpy.pg-int section#check .ick-sugg:empty{padding:0!important;border:0!important;box-shadow:none!important;margin-top:0!important}
body .dpy.pg-int section#check .ick-chip{
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
body .dpy.pg-int section#check .ick-chip:hover,body .dpy.pg-int section#check .ick-chip:focus-visible,body .dpy.pg-int section#check .ick-chip.sel{
  background:rgba(160,43,217,.16)!important;
  border-color:rgba(122,31,176,.62)!important;
  color:#5E1B8C!important;-webkit-text-fill-color:#5E1B8C!important;
  box-shadow:0 6px 16px -10px rgba(122,31,176,.55)!important}
body .dpy.pg-int section#check .ick-sugg .ick-chip-cat,body .dpy.pg-int section#check .ick-chip .ick-chip-cat,body .dpy.pg-int .ick-sugg .ick-chip-cat{
  color:#8B3FC4!important;-webkit-text-fill-color:#8B3FC4!important;
  background:rgba(160,43,217,.06)!important;
  border-color:rgba(160,43,217,.24)!important;opacity:1!important}
body .dpy.pg-int section#check .ick-chip:hover .ick-chip-cat,body .dpy.pg-int section#check .ick-chip.sel .ick-chip-cat{
  color:#6B2199!important;-webkit-text-fill-color:#6B2199!important;
  border-color:rgba(122,31,176,.4)!important}
body .dpy.pg-int .band.light.pl-frosted .i-nat .c{
  background:rgba(255,255,255,.86)!important;background-image:none!important;
  border:1px solid rgba(var(--pl-acc),.14)!important;border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 30px rgba(var(--pl-acc),.03)!important;
  padding:28px 26px 30px!important;text-align:center!important;
  transition:border-color .18s ease,box-shadow .18s ease}
body .dpy.pg-int .band.light.pl-frosted .i-nat .c:hover{
  border-color:rgba(var(--pl-acc),.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 34px rgba(var(--pl-acc),.06)!important}
body .dpy.pg-int .band.light.pl-frosted.pl-glow-purple .i-nat .c .k{
  color:#7C3AED!important;-webkit-text-fill-color:#7C3AED!important}
body .dpy.pg-int .band.light.pl-frosted .i-nat .c b{
  font-family:"Inter Tight",Inter,system-ui,sans-serif!important;
  font-size:18px!important;font-weight:600!important;letter-spacing:-.02em!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;
  background:none!important;margin-bottom:8px!important}
body .dpy.pg-int .band.light.pl-frosted .i-nat .c p{
  font-family:"Inter",system-ui,sans-serif!important;
  font-size:15px!important;font-weight:400!important;line-height:1.55!important;
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}
body .dpy.pg-int .band.light.pl-frosted.pl-glow-blue>.band-bg{
  background:radial-gradient(62% 46% at 50% 58%,rgba(46,91,255,.13) 0%,rgba(46,91,255,.05) 44%,rgba(255,255,255,0) 78%),#FFFFFF!important}
body .dpy.pg-int .band.light.pl-frosted.pl-glow-blue>.band-bg::after{display:none!important;content:none!important}
body .dpy.pg-int .band.light.pl-frosted .i-tools div{
  background:rgba(255,255,255,.86)!important;background-image:none!important;
  border:1px solid rgba(var(--pl-acc),.16)!important;border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 26px rgba(var(--pl-acc),.035)!important;
  padding:18px 14px!important;
  font-family:"Inter Tight",Inter,system-ui,sans-serif!important;
  font-size:.95rem!important;font-weight:500!important;letter-spacing:-.015em!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;
  transition:border-color .18s ease,box-shadow .18s ease}
body .dpy.pg-int .band.light.pl-frosted .i-tools div:hover{
  border-color:rgba(var(--pl-acc),.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 30px rgba(var(--pl-acc),.07)!important}
body .dpy.pg-int .band.light.pl-frosted .i-nat .c .k,body .dpy.pg-int .band.light.pl-frosted .i-pair .k{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.68rem!important;font-weight:500!important;letter-spacing:.18em!important;
  text-transform:uppercase!important;line-height:1.2!important;
  display:block!important;margin:0 0 10px!important}
body .dpy.pg-int .band.light.pl-frosted .i-pair .k{
  color:#8A86A0!important;-webkit-text-fill-color:#8A86A0!important}
body .dpy.pg-int .ihero .i-rail span,body .dpy.pg-int .ihero .i-rail span.hi{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  line-height:1!important;white-space:nowrap!important;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;font-weight:400!important;letter-spacing:.01em!important;
  border-radius:11px!important;padding:7px 12px!important;
  background:#121216!important;border:1px solid rgba(255,255,255,.07)!important;
  color:#E9E9EC!important;-webkit-text-fill-color:#E9E9EC!important}
body .dpy.pg-int .ihero .i-rail span::before{
  content:""!important;display:block!important;flex:none!important;
  width:12px!important;height:12px!important;background-color:#FF1E9B!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206.5%209.2%2017.3l-5.2-5.2%22%2F%3E%3C%2Fsvg%3E") center/12px 12px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206.5%209.2%2017.3l-5.2-5.2%22%2F%3E%3C%2Fsvg%3E") center/12px 12px no-repeat!important}
body .dpy.pg-int .ihero .i-rail span.more::before{display:none!important}
body .dpy.pg-int .ihero .i-rail span.more{color:#8A8A93!important;-webkit-text-fill-color:#8A8A93!important}
body .dpy.pg-int section#check .ick-cat-pill,body .dpy.pg-int .ihero .ick-cat-pill,body .dpy.pg-int .ick-cat-pill{
  display:inline-flex!important;align-items:center!important;line-height:1!important;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:.7rem!important;font-weight:400!important;letter-spacing:.01em!important;
  text-transform:none!important;
  border-radius:11px!important;padding:7px 12px!important;
  background:#F5F5F8!important;border:1px solid rgba(21,18,43,.07)!important;
  color:#3C3A47!important;-webkit-text-fill-color:#3C3A47!important}
:where(.dpy.pg-int) .ihero .i-stats,body .dpy.pg-int .ihero .i-stats,.dpy .ihero .i-stats{margin-top:18px!important}
:where(.dpy.pg-int) .ihero h1 .uline,body .dpy.pg-int .ihero h1 .uline,.dpy .ihero h1 .hl .uline,body .ihero h1 .hl .uline{
  background:linear-gradient(90deg,#7653FC 0%,#8E33E4 60%,#A31FD9 100%)!important;background-image:linear-gradient(90deg,#7653FC 0%,#8E33E4 60%,#A31FD9 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
:where(.dpy.pg-int) .ihero h1,body .dpy.pg-int .ihero h1,.dpy .ihero h1{margin-bottom:22px!important}
:where(.dpy.pg-int) .ihero .i-stats .s,body .dpy.pg-int .ihero .i-stats .s{
  padding-left:10px!important;padding-right:10px!important}
:where(.dpy.pg-int) .ihero .i-stats .s span,body .dpy.pg-int .ihero .i-stats .s span{
  letter-spacing:.1em!important;
  word-break:keep-all!important;overflow-wrap:normal!important;
  word-wrap:normal!important;hyphens:none!important;
  max-width:none!important;width:100%!important}

/* =====================================================================
   footer-dpy.css + dark-band-cards.css — merged 2026-08-25. Both were
   authored but never included in any built sheet, so the site-wide footer
   had no styling of its own and dark-band card headings kept their light
   colours. Selectors are as authored (already .dpy-aware).
   ===================================================================== */
/* ===== FOOTER inside the .dpy wrapper: the Deposyt+ CSS was killing it ===== */
.dpy footer:not(.df-foot),footer:not(.df-foot){background:#0B0A16!important;color:#D6D1EC!important;padding:54px 0 40px!important;border-top:1px solid rgba(255,255,255,.12)!important}
.dpy footer:not(.df-foot) .wrap,footer:not(.df-foot) .wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.dpy footer:not(.df-foot) h4,footer:not(.df-foot) h4{font-family:"IBM Plex Mono",monospace!important;font-size:.58rem!important;letter-spacing:.16em!important;
  color:#8A86A0!important;-webkit-text-fill-color:#8A86A0!important;text-transform:uppercase!important;font-weight:700!important;margin-bottom:12px!important}
.dpy footer:not(.df-foot) ul,footer:not(.df-foot) ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:8px!important}
.dpy footer:not(.df-foot) li,footer:not(.df-foot) li{list-style:none!important;margin:0!important}
.dpy footer:not(.df-foot) ul li a,footer:not(.df-foot) ul li a{color:#D6D1EC!important;-webkit-text-fill-color:#D6D1EC!important;
  text-decoration:none!important;font-size:.85rem!important;line-height:1.5!important;display:inline-block!important}
.dpy footer:not(.df-foot) ul li a:hover,footer:not(.df-foot) ul li a:hover{color:#C9A9FF!important;-webkit-text-fill-color:#C9A9FF!important}
.dpy footer:not(.df-foot) p,footer:not(.df-foot) p{color:#A9A4C8!important;-webkit-text-fill-color:#A9A4C8!important}
.dpy footer:not(.df-foot) .logo-word,footer:not(.df-foot) .logo-word{color:#fff!important;-webkit-text-fill-color:#fff!important}
.dpy footer:not(.df-foot) .foot-bottom,footer:not(.df-foot) .foot-bottom{color:#7E78A0!important;-webkit-text-fill-color:#7E78A0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;padding-top:20px!important;margin-top:26px!important;
  display:flex!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;font-size:.72rem!important}
.dpy footer:not(.df-foot) .foot-bottom span,footer:not(.df-foot) .foot-bottom span{color:#7E78A0!important;-webkit-text-fill-color:#7E78A0!important}
.dpy .foot-grid,.foot-grid{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr!important;gap:30px 24px!important}
@media(max-width:1100px){.dpy .foot-grid,.foot-grid{grid-template-columns:1fr 1fr 1fr!important}}
@media(max-width:640px){.dpy .foot-grid,.foot-grid{grid-template-columns:1fr 1fr!important}}

/* light cards inside dark bands keep the dark heading color */
.dpy .dark .ncard h3,.dpy .ncard h3,.dpy .dark .quietcard h3,.dpy .dark .excard h3,.dpy .dark .amcard h4,.dpy .dark .calc .ocard.light .ov{color:var(--txt)!important;-webkit-text-fill-color:var(--txt)}
.dpy .dark .calc .ocard.dark .ov{-webkit-text-fill-color:transparent}



/* =====================================================================
   DUAL PRICING dark bands — restated last, on purpose.
   The re-keyed body.dp block above reintroduces the original
   background:transparent for these two bands, which inherited dark from
   the old body.dp element. With that gone the calculator band rendered
   white. Paint the dark base on the sections themselves, after everything.
   ===================================================================== */
/* must outrank "body section.band.dark:has(> .band-bg)" (0,3,2), so these
   carry four classes each. */
body .dpy.pg-dp section.ed-manifesto.ed-manifesto,body .dpy section.ed-manifesto.ed-manifesto{background:#07050E!important}
body .dpy.pg-dp section.band.dp-calcband,body .dpy section.band.dp-calcband{background:#050409!important}
body .dpy.pg-dp section.band.dp-calcband>.band-bg,body .dpy section.band.dp-calcband>.band-bg{
  background:
    radial-gradient(64% 44% at 82% 104%,rgba(255,14,175,.28) 0%,rgba(255,14,175,0) 70%),
    radial-gradient(58% 42% at 26% 108%,rgba(120,24,245,.30) 0%,rgba(104,20,224,0) 72%),
    linear-gradient(0deg,#140A24 0%,#0A0616 38%,#07050E 76%,#050409 100%)!important}


/* =====================================================================
   DUNNING hero — two live-site-only defects, 2026-08-25.

   1) @keyframes spotBar was never carried into this sheet. The rules that
      reference it ARE here, so .spot::after had animation-name:spotBar with
      no matching keyframes: it stayed at its initial scaleX(0)/opacity:0 and
      the green underline simply never appeared. The text gradient animated
      fine because its keyframes (dnSpot*) did make it across, which is why
      the symptom looked cosmetic rather than structural.
   2) base.css sets .strip{text-transform:uppercase}. The universal hero pill
      rule never reset it, so "Dunning" rendered as "DUNNING".
   ===================================================================== */
@keyframes spotBar{
  0%,6%{transform:scaleX(0);opacity:0;box-shadow:none}
  12%,22%{transform:scaleX(1);opacity:1;box-shadow:0 4px 22px -2px rgba(33,197,93,.55)}
  28%,100%{transform:scaleX(0);opacity:0;box-shadow:none}}

body .dpy section.hero .strip:has(.strip-lead),
body .dpy section.hero .strip:has(.strip-lead) .strip-lead,
body .dpy section.hero .strip:has(.strip-lead) .strip-rest{text-transform:none!important}


/* =====================================================================
   Keyframes referenced by rules in this sheet but never defined in it —
   same silent failure as spotBar: the animation name resolves to nothing,
   so the element sits frozen at its initial (usually hidden) state.
   ===================================================================== */
@keyframes mkType{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes spotList{0%,6%{-webkit-text-fill-color:rgba(248,246,241,.28);filter:none;transform:translateY(0)}12%,22%{-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 26px rgba(199,125,255,.55));transform:translateY(-1px)}28%,100%{-webkit-text-fill-color:rgba(248,246,241,.28);filter:none;transform:translateY(0)}}
@keyframes spotH1{0%,6%{filter:none;transform:translateY(0)}12%,22%{filter:drop-shadow(0 6px 26px rgba(199,125,255,.6));transform:translateY(-1px)}28%,100%{filter:none;transform:translateY(0)}}
@keyframes dashPulse{0%{box-shadow:0 0 0 0 rgba(63,207,127,.5)}70%{box-shadow:0 0 0 7px rgba(63,207,127,0)}100%{box-shadow:0 0 0 0 rgba(63,207,127,0)}}


/* =====================================================================
   LOAD BALANCING hero, 2026-08-25.
   .h1l1 was inheriting font-weight:900 while the gradient .hl beside it sat
   at 500, so "Love Stripe?" read noticeably heavier than the rest of the
   line. Matched to 500 per the type system. Proof-row gap tightened from
   30px. Scoped to .pg-lb so no other hero changes.
   ===================================================================== */
body .dpy.pg-lb section.hero h1 .h1l1{font-weight:500!important;letter-spacing:-.043em!important}
body .dpy.pg-lb section.hero .proof-row{gap:14px!important}
@media(max-width:760px){
  body .dpy.pg-lb section.hero .proof-row{gap:10px!important}
}


/* =====================================================================
   SWIPESIMPLE hero — the .ss-hero rules existed only in the per-page build,
   so on the live site the h1 had no width control and its forced <br
   class="h1br"> was left unmanaged: "cards" ended up alone on line 2 with
   the trailing space showing as a gap, and the italic span dropped to a
   third line. Guarded on .pg-ind, which the wrapper carries.
   ===================================================================== */
/* swipesimple hero: hold the headline to two lines on desktop
   ("SwipeSimple, for taking / cards anywhere you work.") */
body .ss-hero h1 .h1br{display:inline}
body .dpy.pg-ind section.hero.ss-hero h1{
  max-width:26ch!important;font-size:clamp(32px,3.9vw,52px)!important}
@media(max-width:960px){
  body .ss-hero h1 .h1br{display:none}
  body section.hero.ss-hero h1{max-width:22ch!important}
}


/* dunning hero CTA: the markup carries a .btn-arw span and v3-skin adds its
   own ::after arrow, so the button showed two. Keep the ::after, hide the span
   (same fix already applied to the payment-links hero). */
body .dpy.pg-dun section.hero .btn.btn-g .btn-arw,
body .dpy.pg-dun .heroX .btn.btn-g .btn-arw,
body .dpy.pg-dun .cta-row .btn.btn-g .btn-arw{display:none!important}


/* =====================================================================
   GET PROCESSING NOW / BECOME A PARTNER hero lockup, 2026-08-25.
   The gpn rules are written as ":where(.dpy.pg-gpn) .gpn-logo-icon", and
   :where() contributes ZERO specificity — so the whole selector counts as a
   single class (0,1,0) and any generic svg/img sizing rule outranks it. The
   mark was rendering far below its intended 44px. Restated at real
   specificity, and sized up a little since the lockup sits alone above an
   h1. Both pages share the .gpn- markup.
   ===================================================================== */
body .dpy.pg-gpn .gpn-brand,body .dpy.pg-bap .gpn-brand,body .dpy .gpn-brand{
  display:inline-flex!important;align-items:center!important;gap:14px!important;
  margin-bottom:30px!important;text-decoration:none!important;gap:11px!important}
body .dpy.pg-gpn a.gpn-brand svg.gpn-logo-icon,
body .dpy.pg-bap a.gpn-brand svg.gpn-logo-icon,
body .dpy a.gpn-brand svg.gpn-logo-icon{
  width:38px!important;height:38px!important;min-width:38px!important;display:block!important;flex:none!important}
body .dpy.pg-gpn a.gpn-brand svg.gpn-logo-word,
body .dpy.pg-bap a.gpn-brand svg.gpn-logo-word,
body .dpy a.gpn-brand svg.gpn-logo-word{
  height:26px!important;width:auto!important;display:block!important;flex:none!important}
@media(max-width:760px){
  body .dpy.pg-gpn a.gpn-brand svg.gpn-logo-icon,
  body .dpy.pg-bap a.gpn-brand svg.gpn-logo-icon,
  body .dpy a.gpn-brand svg.gpn-logo-icon{width:34px!important;height:34px!important;min-width:34px!important}
  body .dpy.pg-gpn a.gpn-brand svg.gpn-logo-word,
  body .dpy.pg-bap a.gpn-brand svg.gpn-logo-word,
  body .dpy a.gpn-brand svg.gpn-logo-word{height:23px!important}
}


/* =====================================================================
   LEGAL PAGES (terms / privacy) prose typography, 2026-08-25.
   legal-v1.css already sets .legal-title to ~2.4rem and h2 to 1.5rem, but
   those selectors are written as ":where(.dpy.pg-legal) …" and :where()
   contributes no specificity, so the site-wide section-headline scale
   (clamp(1.9rem,3.4vw,3.2rem)) was winning and every heading in the document
   body rendered at display size. Restated last, at real specificity.
   ===================================================================== */
body .dpy.pg-legal section.band.legal-body h1.legal-title,
body .dpy .legal-pg section.band.legal-body h1.legal-title{
  font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:500!important;
  font-size:2.1rem!important;line-height:1.14!important;letter-spacing:-.032em!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;background:none!important;
  margin:0 0 18px!important}
body .dpy.pg-legal section.band.legal-body h2,
body .dpy .legal-pg section.band.legal-body h2{
  font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:500!important;
  font-size:1.35rem!important;line-height:1.25!important;letter-spacing:-.024em!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;background:none!important;
  margin:34px 0 10px!important}
body .dpy.pg-legal section.band.legal-body h2:first-child,
body .dpy .legal-pg section.band.legal-body h2:first-child{margin-top:0!important}
body .dpy.pg-legal section.band.legal-body h3,
body .dpy .legal-pg section.band.legal-body h3{
  font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:500!important;
  font-size:1.12rem!important;letter-spacing:-.02em!important;
  color:#15122B!important;-webkit-text-fill-color:#15122B!important;background:none!important;
  margin:26px 0 8px!important}
@media(max-width:700px){
  body .dpy.pg-legal section.band.legal-body h1.legal-title,
  body .dpy .legal-pg section.band.legal-body h1.legal-title{font-size:1.75rem!important}
  body .dpy.pg-legal section.band.legal-body h2,
  body .dpy .legal-pg section.band.legal-body h2{font-size:1.2rem!important;margin-top:28px!important}
}


/* =====================================================================
   BOOKING HERO on mobile, round three.
   The locked .hero-feat wash masks itself out to transparent, which is
   correct on the homepage (black section behind it) but on this page the
   backdrop was showing through as a pale haze. Paint an opaque base on
   .gpn-hero and remove the mask here only — the homepage hero keeps the
   locked treatment untouched.
   ===================================================================== */
@media(max-width:760px){
  html body section.gpn-hero{background:#040409!important}
  html body section.gpn-hero>.hero-bg{
    -webkit-mask-image:none!important;mask-image:none!important;
    inset:0 0 auto 0!important;height:420px!important;
    background:
      radial-gradient(78% 62% at 84% 0%,rgba(255,14,175,.95) 0%,rgba(255,14,175,.5) 30%,rgba(255,14,175,0) 66%),
      radial-gradient(72% 60% at 38% -4%,rgba(120,24,245,.95) 0%,rgba(104,20,224,.48) 32%,rgba(104,20,224,0) 68%),
      radial-gradient(72% 58% at 0% 2%,rgba(45,20,111,.95) 0%,rgba(45,20,111,.6) 34%,rgba(45,20,111,0) 70%),
      linear-gradient(180deg,#330C4E 0%,#1A0B30 26%,#0A0716 56%,#040409 86%,#040409 100%)!important}
}

/* homepage hero pill: the copy column is left-aligned on desktop (so the pill
   sits flush left) but centres on mobile, where the pill was left behind. */
@media(max-width:760px){
  body .dpy section.hero.hero-feat .hf-copy>.strip:has(.strip-lead),
  body section.hero.hero-feat .hf-copy>.strip:has(.strip-lead){
    margin-left:auto!important;margin-right:auto!important}
}

/* =====================================================================
   Mobile drawer: the three standalone nav items (Dual Pricing, High Risk,
   Partners) exist on desktop but were missing from the drawer — Dual
   Pricing and Partners were only reachable inside the "More" accordion.
   Added as flat top-level rows styled like the group headers.
   ===================================================================== */
body .dh-mobile .dh-mobile-flat{
  display:flex!important;align-items:center!important;
  min-height:56px!important;padding:0!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  font-family:"Inter Tight",Inter,system-ui,sans-serif!important;
  font-weight:700!important;font-size:21px!important;letter-spacing:-.02em!important;
  color:#F8F6F1!important;-webkit-text-fill-color:#F8F6F1!important;
  text-decoration:none!important;background:none!important}
body .dh-mobile .dh-mobile-flat:active{opacity:.7}


/* =====================================================================
   BOOKING WIDGET — MINIMAL INTERFERENCE, 2026-08-25.

   The embed renders inline, not in an iframe, so it inherits from the page.
   History of what went wrong, so this does not get re-litigated:
     · text-align:center on the hero centred all its labels
     · a blanket colour turned the white labels on its blue/near-black
       buttons dark; color:revert made it worse (reverts to browser default)
     · color:inherit on every element destroyed the embed's own text colours,
       which is what turned the body copy white
     · deleting the heading-size rule let our site-wide h2 clamp leak in,
       which is what made the headings enormous

   So: touch NOTHING except the two things our stylesheet actively breaks —
   the gradient text-clip and the heading size — and only on headings.
   Do not add rules that colour or size anything else inside this widget.
   ===================================================================== */

/* stop page-level inheritance at the boundary. Inheritable text properties
   only; nothing that would override the embed's own declarations. */
body .gpn-widget-inner>.deposyt-inline-widget,
body .gpn-widget-inner>div{
  text-align:start;
  text-transform:none;
  text-indent:0;
  text-shadow:none;
  letter-spacing:normal;
  word-spacing:normal;
  font-style:normal}

/* Undo our gradient text-clip on every heading in the embed. This part is
   pure damage control: our sheet paints h1-h3 with background-clip:text and a
   transparent fill, so without this the headings are invisible. */
html body .gpn-widget-inner.gpn-widget-inner h1,
html body .gpn-widget-inner.gpn-widget-inner h2,
html body .gpn-widget-inner.gpn-widget-inner h3,
html body .gpn-widget-inner.gpn-widget-inner h4,
html body .gpn-widget-inner.gpn-widget-inner h5,
html body .gpn-widget-inner.gpn-widget-inner h6{
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#1D1D1F!important;
  -webkit-text-fill-color:#1D1D1F!important;
  font-family:inherit!important;
  font-weight:700!important;
  font-style:normal!important;
  letter-spacing:-.01em!important;
  line-height:1.25!important;
  text-shadow:none!important}

/* Sizes, matched to the live widget on the CanvasME page. The embed ships
   real class names, so each heading is targeted individually rather than by
   tag — the business name and the day heading are both h3. */
html body .gpn-widget-inner.gpn-widget-inner h3.event-name{
  font-size:26px!important;margin:0 0 14px!important}
html body .gpn-widget-inner.gpn-widget-inner .calendar-part>h2{
  font-size:20px!important;margin:0 0 20px!important}
html body .gpn-widget-inner.gpn-widget-inner h3.spotpicker-times-subtitle{
  font-size:16px!important;margin:0 0 10px!important}
html body .gpn-widget-inner.gpn-widget-inner .contact-info-wrapper>h2{
  font-size:20px!important;margin:0 0 14px!important}
html body .gpn-widget-inner.gpn-widget-inner .confirmation-header>h2{
  font-size:22px!important;margin:0 0 6px!important}
html body .gpn-widget-inner.gpn-widget-inner h4{
  font-size:16px!important;margin:0 0 8px!important}



/* =====================================================================
   FOOTER column labels, 2026-08-25.
   footer-dpy.css was merged into the built sheets earlier today and it sets
   "footer h4{color:#8A86A0!important}", loading after footer-contact-v1.css
   — so every column label went grey. PLATFORM kept its colour only because
   it carries .df-h4-2, which has its own rule. Restated last so all the
   labels match again.
   ===================================================================== */
body footer.df-foot .df-col h4,body footer.df-foot h4,
body .dpy footer.df-foot .df-col h4,body .dpy footer.df-foot h4,
body footer.df-foot .df-col h4.df-h4-2,body footer.df-foot h4.df-h4-2{
  color:#FF2D9B!important;-webkit-text-fill-color:#FF2D9B!important;
  background:none!important}


/* =====================================================================
   BOOKING / PARTNER HEROES — the white background, finally traced.
   "body :where(.dpy.pg-hv6) #book{background:#FFFFFF!important}" exists for
   the homepage's light "book a consultation" band. These heroes carry BOTH
   pg-hv6 on the wrapper AND id="book" on the section, so that rule applied
   to them. It is an ID selector (1,0,1), so every class-based override I
   tried lost regardless of !important. These carry an ID too, at (1,0,3).
   ===================================================================== */
html body .dpy.pg-gpn section#book,
html body .dpy.pg-bap section#book,
html body .dpy.pg-part section#book.hero,
html body .dpy.pg-plp section#book{
  background:#040409!important;padding-bottom:70px!important}
html body .dpy.pg-gpn section#book>.band-bg,
html body .dpy.pg-bap section#book>.band-bg,
html body .dpy.pg-plp section#book>.band-bg{background:#040409!important}


/* =====================================================================
   PARTNERS page mobile — CORRECTION, 2026-08-25.
   The previous block darkened every .band.light on this page. Those bands
   are light by design (the 50/50 Club section is white), so that was wrong.
   Only the hero should be dark. Scope everything to .rp-hero, let the hero
   background cover the full hero height so there is no seam or stray glow
   mid-section, and hand the light bands back their white.
   ===================================================================== */
@media(max-width:980px){
  /* undo the over-reach: light bands are light again */
  html body .dpy.pg-part.pg-part section.band.light,
  html body .dpy.pg-part.pg-part section.band.light.soft,
  html body .dpy.pg-part.pg-part section.band.rp-band{
    background:#FFFFFF!important}
  html body .dpy.pg-part.pg-part section.band.light>.band-bg,
  html body .dpy.pg-part.pg-part section.band.light.soft>.band-bg,
  html body .dpy.pg-part.pg-part section.band.rp-band>.band-bg{
    background:none!important;-webkit-mask-image:none!important;mask-image:none!important}
  html body .dpy.pg-part.pg-part section.band.light h2,
  html body .dpy.pg-part.pg-part section.band.light h3,
  html body .dpy.pg-part.pg-part section.band.light h4{
    color:#15122B!important;-webkit-text-fill-color:#15122B!important}
  html body .dpy.pg-part.pg-part section.band.light p,
  html body .dpy.pg-part.pg-part section.band.light li,
  html body .dpy.pg-part.pg-part section.band.light .lede{
    color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}

  /* hero only: dark, with the bloom covering the whole hero so the bottom
     edge of the gradient never shows as a band or a purple glow */
  html body .dpy.pg-part.pg-part section.hero.rp-hero{
    background:#040409!important}
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.hero-bg{
    inset:0!important;height:auto!important;bottom:0!important;
    -webkit-mask-image:none!important;mask-image:none!important;
    box-shadow:none!important;filter:none!important;
    background:
      radial-gradient(90% 34% at 84% 0%,rgba(255,14,175,.85) 0%,rgba(255,14,175,.35) 34%,rgba(255,14,175,0) 62%),
      radial-gradient(86% 32% at 34% -2%,rgba(120,24,245,.85) 0%,rgba(104,20,224,.34) 36%,rgba(104,20,224,0) 64%),
      linear-gradient(180deg,#330C4E 0%,#1A0B30 18%,#0A0716 40%,#040409 62%,#040409 100%)!important}
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.beam{
    box-shadow:none!important}

  /* hero text stays light */
  html body .dpy.pg-part.pg-part section.hero.rp-hero h1,
  html body .dpy.pg-part.pg-part section.hero.rp-hero h2{
    color:#F8F6F1!important;-webkit-text-fill-color:#F8F6F1!important}
  html body .dpy.pg-part.pg-part section.hero.rp-hero .lede,
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.wrap>p{
    color:#A9A3C4!important;-webkit-text-fill-color:#A9A3C4!important}

  /* proof strip lives in the hero: 2 x 2 on the dark base */
  html body .dpy.pg-part.pg-part .rp-stats>.s>b>.t{
    color:#F8F6F1!important;-webkit-text-fill-color:#F8F6F1!important}
  html body .dpy.pg-part.pg-part .rp-stats>.s>span{
    color:#A9A3C4!important;-webkit-text-fill-color:#A9A3C4!important}
}




/* =====================================================================
   PARTNERS hero bloom + BOOKING widget width — tight rewrite, 2026-08-25.
   Previous attempt widened section>.wrap, which is shared with the hero copy
   on become-a-partner, so the headline lost its side padding. The wrap keeps
   its padding now; only the widget itself reaches outside it, via a negative
   margin, the same trick used for the wide sections elsewhere.
   ===================================================================== */
@media(max-width:980px){
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.hero-bg{
    inset:0!important;height:auto!important;bottom:0!important;
    -webkit-mask-image:none!important;mask-image:none!important;
    background:
      radial-gradient(150% 190px at 82% 0%,rgba(255,14,175,.92) 0%,rgba(255,14,175,.42) 42%,rgba(255,14,175,0) 78%),
      radial-gradient(150% 200px at 30% -10px,rgba(120,24,245,.9) 0%,rgba(104,20,224,.4) 44%,rgba(104,20,224,0) 80%),
      linear-gradient(180deg,#3A0E56 0%,#250C3F 90px,#120823 190px,#070511 280px,#040409 360px,#040409 100%)!important}
}
@media(max-width:760px){
  /* widget only — the wrap keeps its 20px so headlines stay inset */
  html body .gpn-widget{
    width:calc(100% + 24px)!important;max-width:calc(100% + 24px)!important;
    margin-left:-12px!important;margin-right:-12px!important;margin-top:26px!important}
  html body .gpn-widget-inner{padding:3px!important;border-radius:18px!important}
  html body .gpn-widget-inner>.deposyt-inline-widget,
  html body .gpn-widget-inner>div{border-radius:15px!important}
}


/* =====================================================================
   HORIZONTAL OVERFLOW on text-to-pay / dunning at phone width, 2026-08-25.
   .greviews.gr-hero is width:max-content, and "350+ Five Star Reviews on
   Google" has an intrinsic width of ~405px. At 390px the wrap's content box
   is 350px, so the row overflowed and its parent sized to max-content too,
   dragging the headline, lede and buttons off to the right. Let the row wrap
   and stay inside the column on phones.
   ===================================================================== */
@media(max-width:760px){
  html body .greviews.gr-hero,
  html body .dpy .greviews.gr-hero{
    width:auto!important;max-width:100%!important;
    flex-wrap:wrap!important;row-gap:4px!important;
    justify-content:center!important}
  html body .greviews.gr-hero .gr-txt,
  html body .dpy .greviews.gr-hero .gr-txt{
    white-space:normal!important;text-align:center!important}
}


/* dark-theme paragraph colour is #BABBBB per the style guide; a broad mobile
   rule I added had shifted it. Restated for the dark bands. */
html body .dpy section.band.dark .lede,
html body .dpy section.band.pl-dark .lede,
html body .dpy section.hero.hero-feat .lede,
html body .dpy section.hero .lede{
  color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}


/* =====================================================================
   PARTNERS hero — use the SAME hero background as every other page.
   The reason this page was the odd one out: its hero is
   .hero.hero-center.rp-hero, and the standard mobile hero treatment is
   written against .hero-feat, which this section does not carry. So it never
   got the shared background at all and I kept hand-rolling replacements.
   These are the .hero-feat values verbatim (the approved mobile hero), just
   pointed at .rp-hero. The locked .hero-feat block itself is untouched.
   ===================================================================== */
@media(max-width:760px){
  html body .dpy.pg-part.pg-part section.hero.rp-hero{background:#040409!important}
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.hero-bg{
    inset:0 0 auto 0!important;height:360px!important;bottom:auto!important;
    background:
      radial-gradient(78% 62% at 84% 0%,rgba(255,14,175,.95) 0%,rgba(255,14,175,.5) 30%,rgba(255,14,175,0) 66%),
      radial-gradient(72% 60% at 38% -4%,rgba(120,24,245,.95) 0%,rgba(104,20,224,.48) 32%,rgba(104,20,224,0) 68%),
      radial-gradient(72% 58% at 0% 2%,rgba(45,20,111,.95) 0%,rgba(45,20,111,.6) 34%,rgba(45,20,111,0) 70%),
      linear-gradient(180deg,#330C4E 0%,#1A0B30 28%,#060510 60%,#040409 100%)!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.28) 66%,transparent 92%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.28) 66%,transparent 92%)!important}
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.hero-bg::before,
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.hero-bg::after{display:none!important}

  /* hero copy: match the shared dark-theme ramp */
  html body .dpy.pg-part.pg-part section.hero.rp-hero .lede,
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.wrap>p,
  html body .dpy.pg-part.pg-part section.hero.rp-hero p{
    color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}
  html body .dpy.pg-part section.rp-hero p b,
  html body .dpy.pg-part section.rp-hero p strong{
    color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}

  /* the page label sat lower than on other pages */
  html body .dpy.pg-part.pg-part section.hero.rp-hero{padding-top:26px!important}
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.wrap{padding-top:2px!important}

  /* the three track cards were still in a 3-up grid: stack them */
  html body .dpy.pg-part.pg-part .rp-ways{
    display:flex!important;flex-direction:column!important;gap:14px!important;
    grid-template-columns:none!important;margin-top:22px!important}
  html body .dpy.pg-part.pg-part .rp-ways>.rp-way{
    width:100%!important;max-width:none!important;min-height:0!important;
    padding:24px 22px!important}
  html body .dpy.pg-part.pg-part .rp-ways>.rp-way h3{
    font-size:1.3rem!important;line-height:1.2!important;margin:0 0 8px!important;
    white-space:normal!important}
  html body .dpy.pg-part.pg-part .rp-ways>.rp-way .who{
    font-size:.68rem!important;letter-spacing:.12em!important;line-height:1.5!important;
    white-space:normal!important}
  html body .dpy.pg-part.pg-part .rp-ways>.rp-way p{
    font-size:.95rem!important;line-height:1.6!important;white-space:normal!important}
}


/* the crosshatch rides on .beam, and that rule is also written against
   .hero-feat — same reason the background was missing. Mirrored for .rp-hero. */
@media(max-width:760px){
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.beam{
    display:block!important;position:absolute!important;
    top:0!important;left:0!important;right:0!important;width:auto!important;
    height:620px!important;transform:none!important;filter:none!important;
    border-radius:0!important;opacity:1!important;z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/58px 58px,
      linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/58px 58px!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important}
  html body .dpy.pg-part.pg-part section.hero.rp-hero>.wrap{
    position:relative!important;z-index:2!important}
}




/* =====================================================================
   .uline headlines that wrap — scoped to .pg-pl ONLY, 2026-08-25.
   Cause: .uline relies on the PARENT's gradient via background-clip:text with
   a transparent text fill. On one line that works. When the headline wraps so
   the span starts a new line, the fragment gets no background box and the
   words render as nothing — which is why "terminal." and "paid" disappear
   while the period after them (outside the span) still shows.
   Fix: give .uline its own gradient so each fragment paints itself.
   Scoped to .dpy.pg-pl, which the homepage does NOT carry, so the working
   homepage headline is untouched.
   ===================================================================== */
@media(max-width:760px){
  html body .dpy.pg-pl section.hero h1 .uline,
  html body .dpy.pg-pl section.hero h1 .hl .uline{
    display:inline-block!important;white-space:normal!important;max-width:100%!important;
    background-image:linear-gradient(90deg,#7653FC 0%,#8B1FD8 45%,#FE02C4 100%)!important;
    -webkit-background-clip:text!important;background-clip:text!important;
    -webkit-text-fill-color:transparent!important;color:transparent!important}
}

/* recurring-billing hero is a 2-up grid on desktop and was not collapsing on
   phones, so the copy and the card sat side by side in 390px. */
@media(max-width:860px){
  html body .dpy.pg-pl section.hero.rbhero>.wrap,
  html body .dpy section.hero.rbhero>.wrap{
    display:block!important;grid-template-columns:1fr!important}
  html body .dpy section.hero.rbhero>.wrap>*{
    width:100%!important;max-width:100%!important}
}


/* =====================================================================
   MOBILE HERO HEADLINE SCALE, 2026-08-25.
   Dual pricing sits at clamp(2.2rem,9.4vw,2.9rem) — about 36.7px at 390px —
   and that reads as the house size. The .pg-pl heroes were inheriting a
   larger 46.4px (which also pushed the last letter of "paid." past the
   column) while recurring billing came out noticeably smaller. Normalised to
   the dual-pricing clamp. The homepage is pg-dpx/pg-hv6, not pg-pl, so it is
   untouched.
   ===================================================================== */
@media(max-width:760px){
  html body .dpy.pg-pl section.hero h1,
  html body .dpy.pg-pl section.hero.hero-center h1,
  html body .dpy.pg-pl section.hero.rbhero h1{
    font-size:clamp(2.2rem,9.4vw,2.9rem)!important;
    line-height:1.08!important;letter-spacing:-.043em!important}
}


/* =====================================================================
   BOOKING CALENDAR day cells on mobile, 2026-08-25.
   From the inspector: a.ui-state-default is 40px wide with 10px padding and
   16px text, inside a .ui-datepicker-inline only 314px wide (7 columns ≈ 45px
   each). Two digits at 16px plus 20px of horizontal padding does not fit, so
   the number wraps to two lines ("2" over "5") and the cell grows to 72.8px
   tall — which is the squashing. Trim the horizontal padding and keep the
   number on one line. Phone widths only; nothing else in the embed touched.
   ===================================================================== */
@media(max-width:760px){
  html body .gpn-widget-inner a.ui-state-default,
  html body .gpn-widget-inner .ui-datepicker-inline a{
    padding-left:2px!important;padding-right:2px!important;
    white-space:nowrap!important;
    min-width:0!important;box-sizing:border-box!important}
  html body .gpn-widget-inner .ui-datepicker-inline td,
  html body .gpn-widget-inner .ui-datepicker-inline th{
    padding:1px!important}
}


/* the datepicker was 314px inside a ~366px column, leaving unused gutters;
   let it fill the width so the day cells spread out instead of squashing */
@media(max-width:760px){
  html body .gpn-widget-inner .ui-datepicker-inline,
  html body .gpn-widget-inner .ui-datepicker{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  html body .gpn-widget-inner .ui-datepicker-inline table,
  html body .gpn-widget-inner .ui-datepicker table{
    width:100%!important;table-layout:fixed!important}
  html body .gpn-widget-inner .spotpicker-wrapper{
    padding-left:14px!important;padding-right:14px!important}
}


/* =====================================================================
   BOOKING HERO headline on mobile, 2026-08-25.
   Slightly larger, and the italic gradient span gets a little right padding:
   an italic glyph leans past its box, so the last letter of "in" was being
   clipped where the span ended. Phone widths only, .pg-gpn / .pg-bap only.
   ===================================================================== */
@media(max-width:760px){
  html body .dpy.pg-gpn section.hero .gpn-h1,
  html body .dpy.pg-bap section.hero .gpn-h1{
    font-size:clamp(2.35rem,9.6vw,2.9rem)!important;
    line-height:1.1!important}
  html body .dpy.pg-gpn section.hero .gpn-h1 .hl,
  html body .dpy.pg-bap section.hero .gpn-h1 .hl{
    padding-right:.1em!important;
    display:inline-block!important;max-width:100%!important}
  html body .dpy.pg-gpn section.hero .gpn-h1,
  html body .dpy.pg-bap section.hero .gpn-h1{overflow:visible!important}
}


/* =====================================================================
   BOOKING WIDGET consent text, 2026-08-25.
   The line beside a checkbox is a bare text node with no colour of its own,
   so it inherits the page's white and disappears on the widget's white card.
   Colour only the checkbox row's own container — nothing else in the embed.
   ===================================================================== */
html body .gpn-widget-inner *:has(> input[type="checkbox"]),
html body .gpn-widget-inner label:has(input[type="checkbox"]),
html body .gpn-widget-inner input[type="checkbox"]~span,
html body .gpn-widget-inner input[type="checkbox"]+span,
html body .gpn-widget-inner input[type="checkbox"]~label{
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important}
html body .gpn-widget-inner input[type="checkbox"]{accent-color:#7C3AED}


/* consent text, stronger pass: the previous selectors were (0,2,x) and lost.
   Doubling the container class lifts these to (0,3,x), and the descendant
   form catches the text whether it sits in a span, a label or a bare node.
   Also clears any inherited gradient text-clip, which would render the
   glyphs transparent regardless of colour. */
html body .gpn-widget-inner.gpn-widget-inner div:has(> input[type="checkbox"]),
html body .gpn-widget-inner.gpn-widget-inner div:has(> input[type="checkbox"]) *:not(button):not(a):not(input):not(select):not(textarea),
html body .gpn-widget-inner.gpn-widget-inner label:has(input[type="checkbox"]),
html body .gpn-widget-inner.gpn-widget-inner label:has(input[type="checkbox"]) *:not(button):not(a):not(input):not(select):not(textarea),
html body .gpn-widget-inner.gpn-widget-inner *:has(> input[type="checkbox"]),
html body .gpn-widget-inner.gpn-widget-inner *:has(> input[type="checkbox"]) *:not(button):not(a):not(input):not(select):not(textarea){
  color:#4F4F4F!important;-webkit-text-fill-color:#4F4F4F!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  opacity:1!important}


/* =====================================================================
   GRADIENT-TEXT FALLBACK — 2026-08-27
   Gradient headline accents (.hl, .uline, .ul-green) paint the gradient
   by clipping the background to the glyphs and setting the text fill to
   transparent. Any engine that ignores that pair painted the word with
   the inherited colour, which read as black (one report, Chrome 149 on
   macOS). Declaring the colour FIRST gives those engines brand violet
   instead: #6738DB is the fallback, the gradient still wins everywhere
   it works.
   ===================================================================== */
html body .dpy .hl,
html body .dpy h1 .hl, html body .dpy h2 .hl, html body .dpy h3 .hl, html body .dpy h4 .hl,
html body .dpy .uline, html body .dpy .hl .uline,
html body .dpy h1 .uline, html body .dpy h2 .uline,
html body .dpy .ul-green, html body .dpy .hl .ul-green,
html body .dpy h1 .ul-green, html body .dpy h2 .ul-green {
  color: #6738DB !important;
  -webkit-text-fill-color: transparent !important;
}


/* =====================================================================
   FOOTER SEAM — 2026-08-28. Loads after footer-contact-v1.css.
   Removes ONLY the strip above and below the footer, which came from
   padding on the Elementor wrapper around the footer widget (page
   background showing through: white on www.deposyt.com, black on
   help.deposyt.com). Nothing here touches the footer's own background,
   its border-radius, or the ::before / ::after that draw the rounded
   corners and the gradient cap.
   ===================================================================== */
body .elementor-location-footer,
body #footer,body .site-footer,body #footer-wrap,body .ast-footer-overlay{
  padding:0!important;margin:0!important;border:0!important}

body .elementor-location-footer > .elementor,
body .elementor-location-footer .elementor-section,
body .elementor-location-footer .elementor-container,
body .elementor-location-footer .elementor-column,
body .elementor-location-footer .elementor-column-wrap,
body .elementor-location-footer .e-con,
body .elementor-location-footer .e-con-inner,
body .elementor-location-footer .elementor-widget-html,
body .elementor-location-footer .elementor-widget-container{
  padding:0!important;margin:0!important;border:0!important;
  --padding-top:0px;--padding-bottom:0px;--margin-top:0px;--margin-bottom:0px}

body footer.df-foot{margin:0!important}


/* =====================================================================
   POST-SCOPE FIXES — 2026-08-28. Loads last.
   Three regressions from the scoped deploy build.
   ===================================================================== */

/* 1. INNER SCROLLBAR. The scoping step rewrote body{overflow-x:hidden} as
   .dpy{overflow-x:hidden}. On <body> that is harmless, but on a normal
   element CSS promotes the other axis from visible to auto, making .dpy a
   scroll container — hence a second scrollbar inside the page. overflow-x:
   clip still clips the horizontal overflow without establishing one. */
body .dpy{overflow-x:clip!important;overflow-y:visible!important}

/* 2. The mega-panel's vertical rule read lighter than the column underlines
   beneath each heading. Both now use the same hairline token. */
body .dh-bar .dh-panel .dh-lede{border-right-color:var(--hair,rgba(247,248,250,.11))!important}

/* 3. FOOTER TEXT. Excluding .df-foot from the legacy footer block (so it
   would stop forcing padding on the real footer) also took away the only
   rule setting the paragraph colour, and left the link colours to whatever
   else matched. Restated here for .df-foot only. */
body footer.df-foot p,
body footer.df-foot .df-about p{color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}
body footer.df-foot ul li a,
body footer.df-foot .df-col a,
body footer.df-foot .df-col ul a{color:#BABBBB!important;-webkit-text-fill-color:#BABBBB!important}
body footer.df-foot ul li a:hover,
body footer.df-foot .df-col a:hover,
body footer.df-foot .df-col ul a:hover{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}


/* =====================================================================
   Dual Pricing only. NOTE: #faq is deliberately untouched here so it keeps
   the site-wide dark-band treatment that works on every other page.
   ===================================================================== */

/* hero + manifesto + calculator band read as one continuous black slab,
   radius on the bottom of the third section only */
html :is(body.dp,.dpy.pg-dp) section.hero.dphero[class][class],
html :is(body.dp,.dpy.pg-dp) section.hero.dphero[class][class]>.hero-bg,
html :is(body.dp,.dpy.pg-dp) section.hero.dphero[class][class]>.beam,
html :is(body.dp,.dpy.pg-dp) section.ed-manifesto[class][class],
html :is(body.dp,.dpy.pg-dp) section.ed-manifesto[class][class]>.mf-bg,
html :is(body.dp,.dpy.pg-dp) .ed-manifesto[class][class],
html :is(body.dp,.dpy.pg-dp) .ed-manifesto[class][class]>.mf-bg{border-radius:0!important}

/* the calculator band: white base so the rounded bottom reveals the light
   band below, rounded once on the section itself, layers inside square */
html :is(body.dp,.dpy.pg-dp) section.band.dp-calcband[class][class]{
  background:#FFFFFF!important;background-color:#FFFFFF!important;background-image:none!important;
  border:0!important;box-shadow:none!important;
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  border-radius:0 0 22px 22px!important}
html :is(body.dp,.dpy.pg-dp) section.band.dp-calcband[class][class]>.band-bg,
html :is(body.dp,.dpy.pg-dp) section.band.dp-calcband[class][class]>.band-bg::after{
  border-radius:0!important;inset:0!important;border:0!important;box-shadow:none!important}

/* its gradient carries the manifesto's purple down from the top edge */
html :is(body.dp,.dpy.pg-dp) section.band.dp-calcband[class][class]>.band-bg{
  background:
    radial-gradient(64% 44% at 82% 104%,rgba(255,14,175,.28) 0%,rgba(255,14,175,0) 70%),
    radial-gradient(58% 42% at 26% 108%,rgba(120,24,245,.30) 0%,rgba(104,20,224,0) 72%),
    radial-gradient(70% 30% at 80% -8%,rgba(255,14,175,.20) 0%,rgba(255,14,175,0) 66%),
    radial-gradient(64% 30% at 22% -10%,rgba(120,24,245,.26) 0%,rgba(104,20,224,0) 68%),
    linear-gradient(180deg,#150925 0%,#0C0719 16%,#07050E 38%,#07050E 62%,#0A0616 82%,#140A24 100%)!important}

/* equipment cards: real photos, no placeholder chrome, small radius */
html :is(body.dp,.dpy.pg-dp) section.band.light .ind .ph.ph-img,
html :is(body.dp,.dpy.pg-dp) section.band.light .ind .ph:has(img){
  border:0!important;background:none!important;background-image:none!important;
  padding:0!important;margin:0 0 16px!important;overflow:hidden!important;
  border-radius:10px!important;display:block!important;aspect-ratio:4/3}
html :is(body.dp,.dpy.pg-dp) section.band.light .ind .ph.ph-img img,
html :is(body.dp,.dpy.pg-dp) section.band.light .ind .ph img{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;border-radius:10px!important}

/* FAQ on dual pricing: a legacy page rule rounded the dark .band-bg at 30px
   while the section clips at 26px, so the dark corner poked past the curve.
   Match the section exactly, like every other page. */
html :is(body.dp,.dpy.pg-dp) section.band.pl-dark#faq>.band-bg,
html :is(body.dp,.dpy.pg-dp) section.band.pl-dark#faq>.band-bg::after,
html :is(body.dp,.dpy.pg-dp) section.band.dark#faq>.band-bg,
html :is(body.dp,.dpy.pg-dp) section.band.dark#faq>.band-bg::after{
  border-radius:inherit!important;inset:0!important}

/* dual pricing sits on light bands, so the page base behind the rounded dark
   slabs must be white, not the site's near-black. Each dark band paints its
   own full-bleed background layer, so nothing else depends on the base. */
html body.dp,
html .dpy.pg-dp{background:#FFFFFF!important;background-color:#FFFFFF!important}

/* the corner reveal behind the FAQ should be flat white, not the glow wash
   bleeding down from the section above */
html :is(body.dp,.dpy.pg-dp) section.band#faq{
  background:#FFFFFF!important;background-color:#FFFFFF!important;background-image:none!important}

/* the FAQ background layer carries a magenta glow shadow that spills past the
   rounded corner. Invisible on the site's dark base, visible on this page's
   white one, so drop it here. */
html :is(body.dp,.dpy.pg-dp) section.band#faq,
html :is(body.dp,.dpy.pg-dp) section.band#faq>.band-bg,
html :is(body.dp,.dpy.pg-dp) section.band#faq>.band-bg::after,
html :is(body.dp,.dpy.pg-dp) section.band.pl-dark#faq>.band-bg{box-shadow:none!important;filter:none!important}

/* white backing plate inside the FAQ: covers any wash or glow bleeding in
   from the section above, so the rounded corners always reveal clean white */
html :is(body.dp,.dpy.pg-dp) section.band#faq{position:relative!important;isolation:isolate!important}
html :is(body.dp,.dpy.pg-dp) section.band#faq::before{
  content:""!important;position:absolute!important;inset:0!important;
  background:#FFFFFF!important;border-radius:inherit!important;z-index:0!important;
  display:block!important;pointer-events:none!important}
html :is(body.dp,.dpy.pg-dp) section.band#faq>.band-bg{z-index:1!important}
html :is(body.dp,.dpy.pg-dp) section.band#faq>.wrap{position:relative!important;z-index:2!important}


/* =====================================================================
   BOOKING WIDGET double checkbox, 2026-09-02.
   The consent-text fix above ends in opacity:1!important applied to every
   descendant of the checkbox row. The widget hides its own native input
   with opacity:0 and draws span.checkmark instead, so our rule revived the
   native box: two checkboxes, one on top of the other. Exclude form
   controls from that opacity, and re-assert the widget's own hiding.
   ===================================================================== */
html body .gpn-widget-inner input[type="checkbox"],
html body .gpn-widget-inner input[type="radio"]{opacity:0!important}
html body .gpn-widget-inner label.checkbox-container input[type="checkbox"]{
  position:absolute!important;opacity:0!important;
  width:0!important;height:0!important;margin:0!important;
  appearance:none!important;-webkit-appearance:none!important}
html body .gpn-widget-inner label.checkbox-container input[type="checkbox"]::before,
html body .gpn-widget-inner label.checkbox-container input[type="checkbox"]::after{
  content:none!important;display:none!important}


/* =====================================================================
   GROWTH TOOLS platform grid, 2026-09-02.
   Real product icons replace the glyphs, so the old pink-gradient tile is
   gone: each tile now carries a 7% wash of its own icon colour, set inline
   per card. Card anatomy is the Standard family from the design system.
   Specimen and export live in the design system, Growth Tool Icons tab.
   ===================================================================== */
body .dpy.gt-pg section#stack{
  background:
    radial-gradient(58% 44% at 34% 58%,rgba(255,1,196,.075) 0%,rgba(255,1,196,.025) 46%,transparent 76%),
    radial-gradient(56% 42% at 70% 74%,rgba(139,31,216,.085) 0%,rgba(139,31,216,.03) 48%,transparent 78%),
    #FFFFFF!important}
body .dpy.gt-pg section#stack .menu{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin-top:44px!important}
body .dpy.gt-pg section#stack .mitem{
  background:#fff!important;border:1px solid rgba(21,18,43,.09)!important;border-radius:14px!important;
  padding:22px 20px!important;box-shadow:0 1px 2px rgba(21,18,43,.04)!important}
body .dpy.gt-pg section#stack .mitem:hover{
  transform:translateY(-3px)!important;border-color:rgba(160,43,217,.28)!important;
  box-shadow:0 10px 26px rgba(24,16,48,.09)!important}
body .dpy.gt-pg section#stack .mitem .mi-ico{
  width:60px!important;height:60px!important;border-radius:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin-bottom:16px!important;overflow:hidden!important;font-size:0!important}
body .dpy.gt-pg section#stack .mitem .mi-ico img{
  width:34px!important;height:34px!important;object-fit:contain!important;display:block!important}
body .dpy.gt-pg section#stack .mitem .mi-ico.is-big img{width:41px!important;height:41px!important}
body .dpy.gt-pg section#stack .mitem h4{
  font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-size:18.5px!important;
  font-weight:600!important;letter-spacing:-.024em!important;color:#15122B!important;
  margin:0 0 6px!important;display:block!important}
body .dpy.gt-pg section#stack .mitem p{
  font-size:13.5px!important;line-height:1.5!important;color:#55536B!important;margin:0!important}
@media(max-width:960px){
  body .dpy.gt-pg section#stack .menu{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  body .dpy.gt-pg section#stack .mitem{padding:16px 14px!important}
  body .dpy.gt-pg section#stack .mitem h4{font-size:16.5px!important}
  body .dpy.gt-pg section#stack .mitem p{font-size:12.5px!important;line-height:1.45!important}
  body .dpy.gt-pg section#stack .mitem .mi-ico{
    width:48px!important;height:48px!important;border-radius:12px!important;margin-bottom:12px!important}
  body .dpy.gt-pg section#stack .mitem .mi-ico img{width:28px!important;height:28px!important}
  body .dpy.gt-pg section#stack .mitem .mi-ico.is-big img{width:33px!important;height:33px!important}
}


/* =====================================================================
   GROWTH TOOLS section labels, 2026-09-02.
   The gt page wrapper carries eight page classes, so other pages' eyebrow
   skins leak in: pg-part's bordered purple pill loads after plus-pg's
   plain dark rule and wins. Restate the house spec last, at span.eyebrow
   specificity so nothing upstream outranks it.
     light band -> magenta pill, same as the homepage
     dark band  -> plain mono text, no pill, no border
   Matches gt-v1.css, which carries the identical block for pages that
   load it directly. Covers <header class="band dark hero"> too.
   ===================================================================== */
body .dpy.gt-pg section.band span.eyebrow,
body .dpy.gt-pg header.band span.eyebrow,
body .dpy.gt-pg section.band.light span.eyebrow,
body .dpy.gt-pg .band.light span.eyebrow{
  display:inline-flex!important;align-items:center!important;width:max-content!important;
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.72rem!important;
  font-weight:500!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  font-style:normal!important;border-radius:999px!important;padding:7px 15px!important;
  margin:0 0 20px!important;
  background:#FFF1F8!important;border:1px solid #FBC9E4!important;
  color:#F0289C!important;-webkit-text-fill-color:#F0289C!important}
body .dpy.gt-pg section.band .center.mt-head span.eyebrow,
body .dpy.gt-pg .band.dark .center.mt-head span.eyebrow{
  margin-left:auto!important;margin-right:auto!important}
body .dpy.gt-pg section.band.dark span.eyebrow,
body .dpy.gt-pg header.band.dark span.eyebrow,
body .dpy.gt-pg .band.dark span.eyebrow,
body .dpy.gt-pg .band.tone-plum span.eyebrow,
body .dpy.gt-pg .band.tone-navy span.eyebrow,
body .dpy.gt-pg .cta-banner span.eyebrow,
body .dpy.gt-pg .amfeature span.eyebrow{
  border-radius:0!important;padding:0!important;
  background:none!important;border:0!important;
  color:#A78BFA!important;-webkit-text-fill-color:#A78BFA!important}


/* =====================================================================
   CLOVER device matcher band, 2026-09-02.
   #match was rendering with a full-saturation brand gradient behind the
   whole section: a legacy id rule in the merged base outranks the
   pg-ind dark treatment. Repaint it as a proper dark band, same recipe
   as #who and #inside above it, and give it the top padding the section
   was missing where it meets the band before it.
   ===================================================================== */
body .dpy.hw-match.hw-match section.band.dark#match,
body .dpy.hw-match.hw-match section.band#match{
  background:#050409!important;
  padding-top:96px!important}
body .dpy.hw-match.hw-match section.band.dark#match>.band-bg,
body .dpy.hw-match.hw-match section.band#match>.band-bg{
  position:absolute!important;inset:0!important;z-index:0!important;
  background-image:
    radial-gradient(62% 42% at 82% -6%,rgba(160,60,255,.24) 0%,rgba(160,60,255,0) 62%),
    radial-gradient(58% 40% at 10% -8%,rgba(124,58,237,.20) 0%,rgba(124,58,237,0) 64%)!important;
  background-color:#050409!important;
  opacity:1!important;filter:none!important}
/* the 58px crosshatch every other dark band carries */
body .dpy.hw-match.hw-match section.band#match>.band-bg::after{
  content:""!important;position:absolute!important;inset:0!important;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
  background-size:58px 58px,58px 58px!important;
  background-position:0 29px,0 0!important;
  background-color:transparent!important;opacity:1!important}
body .dpy.hw-match.hw-match section.band#match>.wrap{position:relative!important;z-index:1!important}
@media(max-width:760px){
  body .dpy.hw-match.hw-match section.band.dark#match,
  body .dpy.hw-match.hw-match section.band#match{padding-top:64px!important}
}


/* =====================================================================
   CLOVER device matcher band, part two, 2026-09-02.
   The bright sweep is .band-bg::before, not the section or .band-bg, so
   the first pass missed it. Keep the same 96deg sweep and the same four
   stops, just at dark-band luminance, so the band reads as dark with the
   brand direction still in it.
   ===================================================================== */
body .dpy.hw-match.hw-match section.band#match>.band-bg::before{
  background-image:linear-gradient(96deg,#3A0E24 0%,#2E0F28 32%,#1E1036 62%,#0D1638 100%)!important;
  opacity:1!important}


/* =====================================================================
   CLOVER device matcher band, part three, 2026-09-02. FINAL.
   Supersedes the two blocks above. #match now mirrors #who exactly,
   flipped on the vertical: the same four background layers with every
   position reflected (-2% -> 102%, -8% -> 108%, 2% -> 98%) and the
   linear ramp reversed, so the bloom pools at the BOTTOM and the top
   goes black. The ::before vignette flips with it, darkening the top
   edge instead of the bottom. The 58px crosshatch and the .glowline
   divider between the two sections are untouched.
   ===================================================================== */
body .dpy.hw-match.hw-match section.band.dark#match>.band-bg,
body .dpy.hw-match.hw-match section.band#match>.band-bg{
  background-image:
    radial-gradient(64% 40% at 84% 102%,rgba(255,14,175,.34) 0%,rgba(255,14,175,.16) 32%,rgba(255,14,175,0) 66%),
    radial-gradient(58% 38% at 38% 108%,rgba(120,24,245,.36) 0%,rgba(120,24,245,.15) 30%,rgba(120,24,245,0) 68%),
    radial-gradient(46% 30% at 4% 98%,rgba(70,20,200,.24) 0%,rgba(70,20,200,0) 62%),
    linear-gradient(#050409 0%,#070510 60%,#120820 82%,#1C0A2E 100%)!important;
  background-color:transparent!important;
  background-size:auto,auto,auto,auto!important;
  background-position:0% 0%,0% 0%,0% 0%,0% 0%!important;
  opacity:1!important;filter:none!important}
/* the vignette flips too: black pooled at the top edge, not the bottom */
body .dpy.hw-match.hw-match section.band.dark#match>.band-bg::before,
body .dpy.hw-match.hw-match section.band#match>.band-bg::before{
  background-image:radial-gradient(120% 76% at 50% 0%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 44%,rgba(0,0,0,0) 74%)!important;
  opacity:1!important}
body .dpy.hw-match.hw-match section.band#match,
body .dpy.hw-match.hw-match section.band.dark#match{background:transparent!important}


/* ==== 2026-09-09: Clover + Dejavoo ported sections (lineup, matcher, zero-fee, comparison) ==== */
/* Clover page sections ported from V1 (lineup, matcher, comparison tables).
   V2 skin: Inter / Inter Tight / IBM Plex Mono only. Loads last so it wins. */

/* ---------- 01 The Clover lineup: alternating full-width rows ---------- */
.cv-list{display:flex;flex-direction:column;gap:22px;margin-top:36px}
.cv-row{display:flex;flex-wrap:wrap;align-items:stretch;background:#fff;border:1px solid var(--mist-l);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card)}
.cv-row .cv-shot{flex:0 0 38%;max-width:38%;position:relative;min-height:280px;background:#fff;display:flex;align-items:center;justify-content:center;padding:30px;border-right:1px solid var(--mist-l)}
.cv-row .cv-shot::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--grad)}
.cv-row .cv-shot img{max-width:90%;max-height:300px;width:auto;height:auto;object-fit:contain}
.cv-row .cv-body{flex:1 1 0%;min-width:0;padding:34px 38px;display:flex;flex-direction:column;justify-content:center}
.cv-row.alt{flex-direction:row-reverse}
.cv-row.alt .cv-shot{border-right:0;border-left:1px solid var(--mist-l)}
.cv-row.alt .cv-shot::before{left:auto;right:0}
.cv-body .tag{align-self:flex-start;margin-bottom:4px}
.cv-name{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.034em;font-size:1.95rem;margin:8px 0 4px;color:var(--text-dark)}
.cv-best{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--indigo);font-weight:400;margin:0 0 12px}
.cv-desc{margin:0 0 16px;color:var(--muted-dark);font-size:1rem;line-height:1.66}
.cv-feats{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}
.cv-feats li{position:relative;padding-left:24px;font-size:.88rem;color:#15122B;line-height:1.45}
.cv-feats li::before{content:"";position:absolute;left:0;top:.42em;width:13px;height:13px;background-color:#FF1E9B;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/13px 13px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/13px 13px no-repeat}
.cv-wow{position:relative;margin:2px 0 16px;padding:18px 20px;border-radius:18px;border:1px solid rgba(124,58,237,.14);background:linear-gradient(150deg,#FBF1FA 0%,#FAF4FE 42%,#F8F7FE 100%);box-shadow:none;color:#15122B;font-size:.9rem;line-height:1.55}
.cv-wow-l{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);font-weight:700;margin-bottom:4px}
.cv-tagline{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.78rem;color:var(--muted-dark);border-top:1px solid var(--mist-l);padding-top:14px;margin-top:auto}
@media(max-width:860px){
  .cv-row,.cv-row.alt{flex-direction:column}
  .cv-row .cv-shot,.cv-row.alt .cv-shot{flex-basis:auto;max-width:100%;width:100%;min-height:200px;padding:24px;border-right:0;border-left:0;border-bottom:1px solid var(--mist-l)}
  .cv-row .cv-shot::before,.cv-row.alt .cv-shot::before{left:0;right:auto;top:0;bottom:auto;width:auto;height:4px}
  .cv-row .cv-shot img{max-height:200px}
  .cv-row .cv-body{padding:26px 22px}
  .cv-feats{grid-template-columns:1fr}
}

/* ---------- 02 Find your fit: business-type matcher ---------- */
.match{background:#fff;border:1px solid var(--mist-l);border-radius:22px;box-shadow:0 2px 6px rgba(21,18,43,.05),0 26px 60px -28px rgba(61,43,184,.26);padding:34px 32px;margin-top:34px;position:relative;overflow:hidden}
.match::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad)}
.match-eye{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--magenta);font-weight:700}
.match h3{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.034em;font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.14;color:var(--text-dark);margin:8px 0 4px}
.match h3 i{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.match-sub{color:var(--muted-dark);font-size:.98rem;margin:0 0 18px}
.match-search{width:100%;font-family:Inter,system-ui,sans-serif;font-size:1rem;color:var(--text-dark);background:#F7F7FC;border:1.5px solid var(--mist-l);border-radius:12px;padding:14px 16px;outline:none;margin-bottom:18px;transition:border-color .18s,box-shadow .18s}
.match-search:focus{border-color:var(--magenta);box-shadow:0 0 0 4px rgba(160,43,217,.12);background:#fff}
.match-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.match-tile{font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-dark);background:#F7F7FC;border:1.5px solid var(--mist-l);border-radius:12px;padding:14px 12px;cursor:pointer;text-align:center;line-height:1.3;min-height:48px;transition:border-color .16s,transform .16s,box-shadow .16s}
.match-tile:hover{border-color:rgba(160,43,217,.5);transform:translateY(-2px)}
.match-tile.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 10px 24px -10px rgba(160,43,217,.6)}
.match-none{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.78rem;color:var(--muted-dark);text-align:center;padding:14px;display:none}
.match-result{margin-top:22px;border-top:1px solid var(--mist-l);padding-top:24px;display:none;grid-template-columns:280px 1fr;gap:28px;align-items:center}
.match-result.show{display:grid}
.mr-shot{aspect-ratio:4/3;background:#fff;border:1px solid var(--mist-l);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:18px}
.mr-shot img{max-width:88%;max-height:100%;object-fit:contain}
.mr-pick{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);font-weight:700}
.mr-name{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.034em;font-size:1.7rem;color:var(--text-dark);margin:4px 0 8px;line-height:1.1}
.mr-why{color:var(--muted-dark);font-size:1rem;line-height:1.6;margin:0 0 14px}
.mr-feats{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:7px}
.mr-feats li{position:relative;padding-left:22px;font-size:.94rem;color:#15122B;line-height:1.5}
.mr-feats li::before{content:"";position:absolute;left:0;top:.42em;width:13px;height:13px;background-color:#FF1E9B;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/13px 13px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/13px 13px no-repeat}
.mr-2nd{font-size:.86rem;color:var(--muted-dark);margin:0 0 16px}
.mr-2nd b{color:var(--text-dark)}
@media(max-width:900px){.match-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .match{padding:26px 20px;border-radius:18px}
  .match-tiles{grid-template-columns:repeat(2,1fr)}
  .match-result.show{grid-template-columns:1fr}
  .mr-shot{max-width:260px}
}

/* ---------- 04 / 05 Comparison tables ---------- */
.cmp{margin-top:30px;border:1px solid var(--mist-l);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);background:#fff}
.cmp table{width:100%;border-collapse:collapse}
.cmp th,.cmp td{padding:16px 18px;text-align:left;vertical-align:top;font-size:.96rem;line-height:1.55}
.cmp thead th{background:var(--ink);color:#fff;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.cmp thead th.them{background:#2A2640}
.cmp tbody tr+tr td{border-top:1px solid var(--mist-l)}
.cmp td:first-child{font-weight:700;color:var(--text-dark);width:24%;background:#FAFAFE}
.cmp .us{color:var(--text-dark)}
.cmp .us b{color:var(--magenta)}
.cmp .them-cell{color:var(--muted-dark)}
.cmp .chk{color:#1E9E6A;font-weight:800;margin-right:6px}
.cmp-note{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.7rem;letter-spacing:.04em;line-height:1.7;color:var(--muted-dark);margin-top:12px}
/* mobile: each row becomes a labelled card, no sideways scrolling */
@media(max-width:760px){
  .cmp{border-radius:16px}
  .cmp table,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%}
  .cmp thead{display:none}
  .cmp tbody tr{border-bottom:1px solid var(--mist-l);padding:4px 0 12px}
  .cmp tbody tr:last-child{border-bottom:0}
  .cmp tbody tr+tr td{border-top:0}
  .cmp td:first-child{width:auto;background:transparent;font-size:1.06rem;padding:16px 18px 2px}
  .cmp td[data-l]{padding:10px 18px 2px}
  .cmp td[data-l]::before{content:attr(data-l);display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--magenta);margin-bottom:5px}
  .cmp td.them-cell::before{color:#6B6785}
}

/* beat the page-scope `body .dpy …!important` type rules */
body .dpy .band .cv-name{font-size:1.95rem!important;line-height:1.16!important}
body .dpy .band .cv-best{font-size:.72rem!important;font-weight:400!important}
body .dpy .band .cv-desc{font-size:1rem!important}
body .dpy .band .cv-feats li{font-size:.88rem!important;line-height:1.45!important;color:#15122B!important}
body .dpy .band .cv-wow{font-size:.9rem!important;line-height:1.55!important}
body .dpy .band .cv-wow-l{font-size:.66rem!important}
body .dpy .band .cv-tagline{font-size:.78rem!important}

/* centred section heads on the ported Clover sections */
body .dpy section#lineup > .wrap > .strip,
body .dpy section#find-your-fit > .wrap > .strip,
body .dpy section#vs-square > .wrap > .strip,
body .dpy section#vs-toast > .wrap > .strip{display:flex!important;justify-content:center!important;width:max-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
body .dpy section#lineup > .wrap > h2,body .dpy section#lineup > .wrap > .lede,
body .dpy section#find-your-fit > .wrap > h2,body .dpy section#find-your-fit > .wrap > .lede,
body .dpy section#vs-square > .wrap > h2,body .dpy section#vs-square > .wrap > .lede,
body .dpy section#vs-toast > .wrap > h2,body .dpy section#vs-toast > .wrap > .lede{
  text-align:center!important;margin-left:auto!important;margin-right:auto!important}

/* matcher head: centred, headline a step below the section h2 */
body .dpy .band .match .match-eye,
body .dpy .band .match h3,
body .dpy .band .match .match-sub{text-align:center!important}
body .dpy .band .match .match-sub{margin-left:auto!important;margin-right:auto!important;max-width:70ch!important}
body .dpy .band .match h3{font-size:clamp(1.7rem,3vw,2.35rem)!important;line-height:1.14!important;margin:10px 0 6px!important}

/* zero-fee band: same near-black slab as the "what you get" section */
body .dpy section.band.dark#zero-fee > .band-bg{
  background:#050409!important;background-image:none!important}
body .dpy section.band.dark#zero-fee > .band-bg::after{
  content:""!important;position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.043) 1px,rgba(0,0,0,0) 1px),linear-gradient(90deg,rgba(255,255,255,.043) 1px,rgba(0,0,0,0) 1px)!important;
  background-size:64px 64px!important;opacity:1!important}

/* legacy full-bleed gradient wash on the band-bg pseudo: not wanted here */
body .dpy section.band.dark#zero-fee > .band-bg::before{
  content:""!important;display:block!important;position:absolute!important;
  top:-80px!important;right:-70px!important;bottom:0!important;left:-70px!important;
  background-image:
    radial-gradient(46% 20% at 20% 10%, rgba(61,43,184,.44) 0%, rgba(61,43,184,.15) 34%, rgba(61,43,184,0) 70%),
    radial-gradient(42% 19% at 46% 6%, rgba(106,16,208,.46) 0%, rgba(106,16,208,.15) 36%, rgba(106,16,208,0) 72%),
    radial-gradient(44% 19% at 68% 10%, rgba(255,30,155,.38) 0%, rgba(255,30,155,.12) 34%, rgba(255,30,155,0) 70%),
    radial-gradient(40% 17% at 88% 6%, rgba(139,31,216,.3) 0%, rgba(139,31,216,.1) 34%, rgba(139,31,216,0) 70%)!important;
  filter:blur(30px) saturate(1.12)!important;opacity:1!important}
/* headline accent keeps the gradient fill on this dark band */
body .dpy section.band.dark#zero-fee h2 .hl{
  background:linear-gradient(96deg,#7653FC 0%,#8B1FD8 45%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}
body .dpy section.band.dark#zero-fee{padding-bottom:64px!important}
body .dpy section.band.dark#zero-fee .deposyt-plus{margin-bottom:0!important}

/* zero-fee CTA card: match the lede measure instead of full band width */
body .dpy section.band.dark#zero-fee .deposyt-plus{
  max-width:1140px!important;margin-left:auto!important;margin-right:auto!important;
  padding:0!important;overflow:hidden!important}
body .dpy section.band.dark#zero-fee .zf-inner{
  display:grid!important;grid-template-columns:1fr .82fr!important;align-items:center!important;gap:0!important}
body .dpy section.band.dark#zero-fee .zf-copy{padding:44px 12px 44px 46px!important}
body .dpy section.band.dark#zero-fee .zf-copy p{max-width:46ch!important}
body .dpy section.band.dark#zero-fee .zf-shot{align-self:stretch!important;min-height:100%!important;display:flex!important}
body .dpy section.band.dark#zero-fee .zf-shot img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center right!important;display:block!important}
@media(max-width:860px){
  body .dpy section.band.dark#zero-fee .zf-inner{grid-template-columns:1fr!important}
  body .dpy section.band.dark#zero-fee .zf-copy{padding:32px 24px 28px!important;order:2}
  body .dpy section.band.dark#zero-fee .zf-shot{order:1;max-height:260px!important;overflow:hidden!important}
}

/* find your Clover: the style guide's light bloom band (bd-light) — colour crowns
   the top edge and is washed back out to white before the headline */
body .dpy section.band.light#find-your-fit{position:relative;overflow:hidden}
body .dpy section.band.light#find-your-fit > .fyf-wash{
  position:absolute!important;top:0!important;left:0!important;right:0!important;height:340px!important;
  z-index:0!important;pointer-events:none!important;overflow:hidden!important;
  background:
    radial-gradient(64% 42% at 84% -4%,rgba(255,14,175,.20) 0%,rgba(255,14,175,.09) 34%,rgba(255,14,175,0) 68%),
    radial-gradient(58% 40% at 36% -10%,rgba(120,24,245,.20) 0%,rgba(104,20,224,.08) 36%,rgba(104,20,224,0) 70%),
    radial-gradient(48% 32% at 4% 0%,rgba(70,20,200,.12) 0%,rgba(70,20,200,0) 64%),
    linear-gradient(180deg,#F4ECFF 0%,#FBF4FF 22%,#FFFFFF 58%,#FFFFFF 100%)!important}
body .dpy section.band.light#find-your-fit > .fyf-wash::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:radial-gradient(120% 78% at 50% 100%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 44%,rgba(255,255,255,0) 76%)!important}
body .dpy section.band.light#find-your-fit > .fyf-wash::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;
  background:
    linear-gradient(rgba(21,18,43,.045) 1px,transparent 1px) 0 0/58px 58px,
    linear-gradient(90deg,rgba(21,18,43,.045) 1px,transparent 1px) 0 0/58px 58px!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 52%,transparent 88%)!important;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 52%,transparent 88%)!important}
body .dpy section.band.light#find-your-fit > .band-bg::before{display:none!important;content:none!important}
body .dpy section.band.light#find-your-fit > .wrap{position:relative;z-index:1}


/* ==== 2026-09-09: Industries hub (widget, checker, comparison, value props) ==== */
/* Industries hub: stats, filter widget, industry cards, and the "what every
   industry gets" list. Ported from V1, retyped on the V2 Inter stack. */

/* stats row */
.ist{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
@media(max-width:880px){.ist{grid-template-columns:1fr 1fr}}
.ist-c{background:#fff;border:1px solid var(--mist-l);border-radius:18px;padding:26px 22px;box-shadow:var(--shadow-card);text-align:center}
.ist-n{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.043em;font-size:clamp(2.3rem,5vw,3.3rem);line-height:1;color:var(--text-dark)}
.ist-n .u{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.ist-l{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dark);margin-top:12px}

/* filter bar */
.iflt{display:flex;flex-direction:column;gap:16px;margin-top:30px}
.iflt-search{position:relative}
.iflt-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:#8A86A0;stroke-width:2;fill:none;pointer-events:none}
.iflt-input{width:100%;box-sizing:border-box;background:#F6F7FC;border:2px solid rgba(21,18,43,.12);border-radius:14px;color:#15122B;font-family:Inter,system-ui,sans-serif;font-size:1.02rem;font-weight:500;padding:16px 18px 16px 50px;outline:none;transition:border-color .18s,background .18s;-webkit-text-fill-color:#15122B}
.iflt-input::placeholder{color:#9A96AC}
.iflt-input:focus{border-color:rgba(160,43,217,.7);background:#fff}
.iflt-pills{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.iflt-pill{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(21,18,43,.14);background:#fff;color:#5A5670;border-radius:999px;padding:11px 18px;min-height:40px;cursor:pointer;transition:border-color .15s,color .15s}
.iflt-pill:hover{border-color:rgba(160,43,217,.45);color:#15122B}
.iflt-pill.on{background:var(--grad);border-color:transparent;color:#fff}
.iflt-count{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.04em;color:var(--muted-dark);text-align:center}

/* industry cards */
.icards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
@media(max-width:880px){.icards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.icards{grid-template-columns:1fr}}
.icard{display:block;text-decoration:none;background:#fff;border:1px solid var(--mist-l);border-radius:16px;padding:22px;box-shadow:var(--shadow-card);transition:border-color .2s,transform .2s}
.icard:hover{border-color:rgba(160,43,217,.45);transform:translateY(-3px)}
.icard-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.icard-ico{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(160,43,217,.1),rgba(46,124,255,.1));border:1px solid var(--mist-l);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icard-ico svg{width:23px;height:23px}
.icard-risk{margin-left:auto;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:4px 9px;border-radius:999px}
.icard-risk.std{color:#0E8F52;background:rgba(14,143,82,.1)}
.icard-risk.high{color:#7A1FB0;background:rgba(160,43,217,.1)}
.icard h3{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.034em;font-size:1.14rem;margin:0 0 5px;color:var(--text-dark)}
.icard p{margin:0 0 12px;color:var(--muted-dark);font-size:.9rem;line-height:1.5}
.icard-go{color:#9A1FD6;font-weight:600;font-size:.86rem}
.icards-empty{display:none;text-align:center;padding:40px 20px;color:var(--muted-dark);font-family:Inter,system-ui,sans-serif}
.icards-empty.show{display:block}
.icards-empty a{color:#9A1FD6;font-weight:600;text-decoration:none}
.icard,.icard *,.icards-empty a,.iflt-pill,.icard-go{text-decoration:none!important}

/* what every industry gets */
.ccp-steps{display:grid;gap:16px;margin-top:30px}
.ccp-step{display:flex;gap:22px;align-items:flex-start;background:#fff;border:1px solid var(--mist-l);border-radius:16px;padding:26px 28px;box-shadow:var(--shadow-card);text-align:left}
.ccp-step h3{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.034em;font-size:1.16rem;margin:0 0 5px;color:var(--text-dark)}
.ccp-step p{margin:0;color:var(--muted-dark);font-size:.98rem;line-height:1.62}
.ccp-ico{flex-shrink:0;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,rgba(160,43,217,.12),rgba(46,124,255,.12));border:1px solid var(--mist-l);display:flex;align-items:center;justify-content:center}
.ccp-ico svg{width:24px;height:24px}
@media(max-width:560px){.ccp-step{padding:22px 20px;gap:16px}}

/* the page-scope sheets force .band p/li to 1rem — keep our sizes */
body .dpy .band .icard p{font-size:.9rem!important}
body .dpy .band .icard h3{font-size:1.14rem!important}
body .dpy .band .ccp-step p{font-size:.98rem!important}
body .dpy .band .ist-l{font-size:.66rem!important}
body .dpy .band .iflt-count{font-size:.72rem!important}

/* centred section heads on the two ported sections */
body .dpy section#find > .wrap > .strip,
body .dpy section#every > .wrap > .strip{display:flex!important;justify-content:center!important;width:max-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
body .dpy section#find > .wrap > h2,body .dpy section#find > .wrap > .lede,
body .dpy section#every > .wrap > h2,body .dpy section#every > .wrap > .lede{
  text-align:center!important;margin-left:auto!important;margin-right:auto!important}

/* high-risk checker */
.ichk{background:#fff;border:1px solid var(--mist-l);border-radius:22px;padding:32px 32px 30px;box-shadow:0 2px 6px rgba(21,18,43,.05),0 26px 60px -28px rgba(61,43,184,.26);position:relative;overflow:hidden;max-width:760px;margin:30px auto 0;text-align:left}
.ichk::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad)}
.ichk-field{position:relative;margin-bottom:14px}
.ichk-field svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:#8A86A0;stroke-width:2;fill:none;pointer-events:none}
.ichk-input{width:100%;box-sizing:border-box;background:#F6F7FC;border:2px solid rgba(21,18,43,.12);border-radius:14px;color:#15122B;font-family:Inter,system-ui,sans-serif;font-size:1.02rem;font-weight:500;padding:16px 18px 16px 50px;outline:none;transition:border-color .18s,background .18s;-webkit-text-fill-color:#15122B}
.ichk-input::placeholder{color:#9A96AC}
.ichk-input:focus{border-color:rgba(160,43,217,.7);background:#fff}
.ichk-sugg{display:flex;flex-wrap:wrap;gap:8px}
.ichk-chip{font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:600;background:rgba(160,43,217,.08);border:1px solid rgba(160,43,217,.22);border-radius:999px;color:#5E2A8A;padding:10px 16px;min-height:40px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ichk-chip:hover{background:rgba(160,43,217,.12);border-color:rgba(160,43,217,.45);color:#7A1FB0}
.ichk-result{margin-top:18px;border-radius:16px;padding:24px 26px;display:none}
.ichk-result.show{display:block}
.ichk-result.std{background:linear-gradient(120deg,rgba(14,143,82,.08),rgba(46,124,255,.06));border:1.5px solid rgba(14,143,82,.3)}
.ichk-result.high{background:linear-gradient(120deg,rgba(160,43,217,.08),rgba(160,43,217,.06));border:1.5px solid rgba(160,43,217,.32)}
.ichk-result.unk{background:#F6F7FC;border:1.5px solid rgba(21,18,43,.12)}
.ichk-k{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.std .ichk-k{color:#0E8F52}.high .ichk-k{color:#7A1FB0}.unk .ichk-k{color:#5A5670}
.ichk-h{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.034em;font-size:1.5rem;line-height:1.15;color:var(--text-dark);margin:0 0 10px}
.ichk-p{font-size:.95rem;line-height:1.55;color:#43405C;margin:0 0 16px}
.ichk-cta{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:.88rem;padding:13px 24px;border-radius:999px;text-decoration:none;box-shadow:0 14px 30px -12px rgba(160,43,217,.55)}
body .dpy .band .ichk-p{font-size:.95rem!important}

/* why Deposyt comparison */
.icmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;align-items:stretch}
@media(max-width:820px){.icmp{grid-template-columns:1fr}}
.icmp-card{border-radius:20px;padding:30px 28px;text-align:left;display:flex;flex-direction:column}
.icmp-them{background:#FBFAFD;border:1px solid var(--mist-l);box-shadow:0 1px 2px rgba(21,18,43,.04)}
.icmp-us{position:relative;background:linear-gradient(158deg,#241C52,#15102F 72%) padding-box,var(--grad) border-box;border:1.5px solid transparent;box-shadow:0 34px 84px -40px rgba(160,43,217,.6)}
.icmp-us::after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;background:radial-gradient(560px 220px at 88% 0%,rgba(255,30,155,.16),transparent 62%),radial-gradient(460px 220px at 6% 100%,rgba(46,124,255,.14),transparent 66%)}
.icmp-us > *{position:relative;z-index:1}
.icmp-h{display:inline-flex;align-items:center;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:20px;padding:7px 13px;border-radius:999px}
.icmp-them .icmp-h{color:#6B6785;background:rgba(21,18,43,.05);border:1px solid rgba(21,18,43,.08)}
.icmp-us .icmp-h{color:#F7D9FF;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.icmp-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.icmp-list li{font-size:.98rem;line-height:1.5;padding-left:30px;position:relative}
.icmp-them .icmp-list li{color:#565270}
.icmp-them .icmp-list li::before{content:"\2715";position:absolute;left:0;top:0;color:#B9A6CE;font-weight:700}
.icmp-us .icmp-list li{color:#fff}
.icmp-us .icmp-list li::before{content:"";position:absolute;left:0;top:.34em;width:14px;height:14px;background-color:#5CF0A8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/14px 14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.2 17.3l-5.2-5.2'/%3E%3C/svg%3E") center/14px 14px no-repeat}
body .dpy .band .icmp-list li{font-size:.98rem!important}

/* centred heads on the added sections too */
body .dpy section#checker > .wrap > .strip,
body .dpy section#compare > .wrap > .strip,
body .dpy section#hard > .wrap > .strip{display:flex!important;justify-content:center!important;width:max-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
body .dpy section#checker > .wrap > h2,body .dpy section#checker > .wrap > .lede,
body .dpy section#compare > .wrap > h2,body .dpy section#compare > .wrap > .lede,
body .dpy section#hard > .wrap > h2,body .dpy section#hard > .wrap > .lede{
  text-align:center!important;margin-left:auto!important;margin-right:auto!important}
body .dpy section.band.dark#hard .deposyt-plus{max-width:1000px!important;margin-left:auto!important;margin-right:auto!important}

/* the page-scope light-band text rules would grey out the dark comparison card */
body .dpy .band.light .icmp-us .icmp-list li{color:#fff!important}
body .dpy .band.light .icmp-us .icmp-h{color:#F7D9FF!important}
body .dpy .band.light .icmp-them .icmp-list li{color:#565270!important}
body .dpy .band .ichk-h{font-size:1.5rem!important}

/* comparison column labels: a plain grey label on the left, the wordmark on the right */
body .dpy .band .icmp-h{display:block!important;width:auto!important;margin:0 0 20px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important}
body .dpy .band .icmp-h-them{font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:.66rem!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:700!important;color:#8A86A0!important}
body .dpy .band .icmp-h-us .icmp-word{display:block;height:22px;width:auto}
body .dpy .band .icmp-h-us .icmp-word path,body .dpy .band .icmp-h-us .icmp-word polygon{fill:#fff}

/* lockup inside the Deposyt comparison card */
body .dpy .band .icmp-h-us{display:flex!important;align-items:center!important;gap:10px!important}
body .dpy .band .icmp-h-us .icmp-icon{height:26px;width:26px;flex:none}
body .dpy .band .icmp-h-us .icmp-word{height:20px;width:auto}

/* "don't see yours" band: the standard near-black slab, not the legacy wash */
body .dpy section.band.dark#hard > .band-bg{background:#050409!important;background-image:none!important}
body .dpy section.band.dark#hard > .band-bg::before{
  content:""!important;display:block!important;position:absolute!important;
  top:-80px!important;right:-70px!important;bottom:0!important;left:-70px!important;
  background-image:
    radial-gradient(46% 20% at 20% 10%, rgba(61,43,184,.44) 0%, rgba(61,43,184,.15) 34%, rgba(61,43,184,0) 70%),
    radial-gradient(42% 19% at 46% 6%, rgba(106,16,208,.46) 0%, rgba(106,16,208,.15) 36%, rgba(106,16,208,0) 72%),
    radial-gradient(44% 19% at 68% 10%, rgba(255,30,155,.38) 0%, rgba(255,30,155,.12) 34%, rgba(255,30,155,0) 70%),
    radial-gradient(40% 17% at 88% 6%, rgba(139,31,216,.3) 0%, rgba(139,31,216,.1) 34%, rgba(139,31,216,0) 70%)!important;
  filter:blur(30px) saturate(1.12)!important;opacity:1!important}
body .dpy section.band.dark#hard > .band-bg::after{
  content:""!important;position:absolute!important;inset:0!important;
  background-image:linear-gradient(rgba(255,255,255,.043) 1px,rgba(0,0,0,0) 1px),linear-gradient(90deg,rgba(255,255,255,.043) 1px,rgba(0,0,0,0) 1px)!important;
  background-size:64px 64px!important;opacity:1!important}
body .dpy section.band.dark#hard .btn-o{color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(255,255,255,.34)!important;background:transparent!important}

/* pill search field + black active tab */
body .dpy .band .iflt-input{border-radius:999px!important;padding-left:54px!important}
body .dpy .band .iflt-search svg{left:22px!important}
body .dpy .band .iflt-pill.on{background:#0B0A16!important;background-image:none!important;color:#fff!important;border-color:#0B0A16!important}

body .dpy section.band.dark#hard,body .dpy section.band.dark#hard > .band-bg{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}

body .dpy section#every .ccp-steps{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}

body .dpy section.band.dark#hard h2 .hl{
  background:linear-gradient(96deg,#7653FC 0%,#8B1FD8 45%,#FE02C4 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important}