.hero-cpass__grid{background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 70%,transparent);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 70%,transparent)}.hero-cpass__waves{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.35) 65%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.35) 65%,transparent);z-index:0}.hero-cpass__waves svg{display:block;height:100%;width:100%}.hero-cpass__card{-webkit-backdrop-filter:blur(60px) saturate(1.6);backdrop-filter:blur(60px) saturate(1.6);background:rgba(45,18,58,.85);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.06);overflow:hidden;position:relative;z-index:10}.hero-cpass__titlebar{align-items:center;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:8px;padding:12px 16px}.hero-cpass__dots{display:flex;gap:6px}.hero-cpass__dots span{border-radius:50%;display:block;height:10px;width:10px}.hero-cpass__dots span:first-child{background:#ff5f57}.hero-cpass__dots span:nth-child(2){background:#febc2e}.hero-cpass__dots span:nth-child(3){background:#28c840}.hero-cpass__window-title{color:hsla(0,0%,100%,.4);font-family:RMNeue,Inter,sans-serif;font-size:12px;font-weight:500;margin:0 auto;padding-right:46px}.hero-cpass__body{padding:1.5rem 1.5rem 1.75rem}@media (min-width:768px){.hero-cpass__body{padding:1.75rem 2rem 2rem}}.hero-cpass__label{color:hsla(0,0%,100%,.35);font-family:RMNeue,Inter,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:1.25rem;text-transform:uppercase}.hero-cpass__comparison{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media (max-width:480px){.hero-cpass__comparison{grid-template-columns:1fr}}.hero-cpass__comp-item{border-radius:10px;padding:.875rem 1rem}.hero-cpass__comp-item--payg{background:hsla(6,96%,70%,.08);border:1px solid hsla(6,96%,70%,.15)}.hero-cpass__comp-item--fixed{background:rgba(69,191,105,.08);border:1px solid rgba(69,191,105,.15)}.hero-cpass__comp-label{font-family:RMNeue,Inter,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.hero-cpass__comp-item--payg .hero-cpass__comp-label{color:#fc7869}.hero-cpass__comp-item--fixed .hero-cpass__comp-label{color:#45bf69}.hero-cpass__comp-trend{color:hsla(0,0%,100%,.9);font-family:RMNeue,Inter,sans-serif;font-size:.88rem;font-weight:600;line-height:1.3}.hero-cpass__comp-detail{color:hsla(0,0%,100%,.4);font-family:RMNeue,Inter,sans-serif;font-size:.75rem;line-height:1.4;margin-top:.2rem}.hero-cpass__chart{height:160px;margin-bottom:1.25rem;width:100%}.hero-cpass__chart svg{height:100%;width:100%}.hero-cpass__line-payg{stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.5s ease-out}.hero-cpass__area{opacity:0;transition:opacity .8s ease-out 1s}.hero-cpass__dot-fixed,.hero-cpass__dot-payg{opacity:0;transition:opacity .4s ease-out 1.4s}.hero-cpass__card.is-visible .hero-cpass__line-payg{stroke-dashoffset:0}.hero-cpass__card.is-visible .hero-cpass__area,.hero-cpass__card.is-visible .hero-cpass__dot-fixed,.hero-cpass__card.is-visible .hero-cpass__dot-payg{opacity:1}.hero-cpass__footer{border-top:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.4);font-family:RMNeue,Inter,sans-serif;font-size:.8rem;line-height:1.5;padding-top:1.25rem;text-align:center}.hero-cpass__footer strong{color:#45bf69;font-weight:700}.hero-cpass__footer p{color:inherit;font-size:inherit;margin:0}.hero-cpass .cms-content h1,.hero-cpass .text-content h1{font-size:32px;line-height:1.1}@media (min-width:768px){.hero-cpass .cms-content h1,.hero-cpass .text-content h1{font-size:40px}}@media (min-width:1024px){.hero-cpass .cms-content h1,.hero-cpass .text-content h1{font-size:48px}}