@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html{scroll-behavior:smooth}@media only screen and (min-width:430px){body{display:flex;justify-content:center}#app{width:430px}}body{font-family:Inter;margin:0;box-shadow:0 4px 24px #463bf01a,0 1px 4px #0000000f}#app{padding:0;display:flex;flex-direction:column;min-height:100vh;margin:0;background-color:var(--pale-slate);color:#fff}header{position:sticky;top:0;z-index:100;height:50px;padding:0 1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#hero{padding:2rem 1.5rem;background:linear-gradient(160deg,var(--slate-blue) 0%,var(--bright-indigo) 100%);background-attachment:fixed;color:#fff;display:flex;flex-direction:column;gap:.75rem}#hero h1{margin:0;font-size:1.75rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}#hero p{margin:0;font-size:.95rem;opacity:.85;line-height:1.5}#hero .hero-badge{display:inline-flex;align-self:flex-start;background:#fff3;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .65rem;border-radius:999px}#hero .hero-stat{display:flex;align-items:baseline;gap:.4rem;margin-top:.25rem}#hero .hero-stat .hero-stat-number{font-size:2rem;font-weight:800;line-height:1}#hero .hero-stat .hero-stat-label{font-size:.85rem;opacity:.75}main{flex:1;max-width:100%;padding:1rem;color:#000}main #cta{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;margin-block:1rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #463bf01a,0 1px 4px #0000000f}main #cta .cta-label{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--slate-blue)}main #cta #cta-header{font-weight:800;font-size:1.6rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}main #cta .cta-sub{margin:0;font-size:.88rem;color:#666;line-height:1.5;text-align:center}main #cta #cta-buttons{display:flex;flex-direction:row;gap:.6rem;margin-top:.25rem}main #cta #cta-buttons button{flex:1;padding:.6rem .75rem;border-radius:10px;border:0;font-weight:700;font-size:.875rem;cursor:pointer}main #cta #cta-buttons .primary-btn{background:linear-gradient(135deg,var(--slate-blue) 0%,var(--bright-indigo) 50%,var(--slate-blue) 100%);background-size:200% 100%;background-position:0% 0%;color:#fff;transition:background-position .4s ease}main #cta #cta-buttons .primary-btn:hover{background-position:100% 0%}main #cta #cta-buttons .secondary-btn{background:transparent;color:var(--bright-indigo);border:2px solid var(--bright-indigo)}main #latest-conversions{display:flex;flex-direction:column;gap:.75rem}main #latest-conversions .latest-item{display:flex;flex-direction:row;align-items:center;gap:.5rem;background:#fff;border-radius:12px;padding:.875rem 1rem;box-shadow:0 2px 8px #463bf012,0 1px 2px #0000000a}main #latest-conversions .latest-item .arrow{display:flex;align-items:center;justify-content:center;flex:0;align-self:center;flex-shrink:0}main #latest-conversions .latest-item>div{flex:1;display:flex;flex-direction:row;align-items:center;gap:.65rem}main #latest-conversions .latest-item>div .logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#f4f4f6;flex-shrink:0}main #latest-conversions .latest-item>div .content{display:flex;flex-direction:column;flex:1}main #latest-conversions .latest-item>div .content h3{margin:0;font-size:.875rem;font-weight:700;color:var(--black)}main #latest-conversions .latest-item>div .content span{margin:0;font-size:.8rem;color:#888}main #latest-conversions .latest-item>div .content-left{align-items:flex-start}main #latest-conversions .latest-item>div .content-right{align-items:flex-end}main #latest-conversions .latest-item>div .content-right span{color:#2aaa6e;font-weight:600}main .plate{padding:.3rem .6rem;display:inline-block;white-space:nowrap;text-align:center;background-color:var(--black);color:#fff;transform-origin:center center;backface-visibility:hidden}main .plate.flip{animation:plate-flip .6s linear}.logo{font-weight:600}.login{cursor:pointer}footer{padding:1rem}h2{font-weight:800;font-size:1.3rem;line-height:1.2;letter-spacing:-.02em;padding-top:2rem}#selling-points ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;counter-reset:steps}#selling-points li{counter-increment:steps;background:#f4f4f6;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;color:var(--black);display:flex;align-items:center;gap:.75rem}#how-it-works .expandable-box{background:#f4f4f6;border-radius:10px}#how-it-works summary{position:relative;list-style:none;padding:.75rem 2rem .75rem 1rem;cursor:pointer;font-size:.9rem;color:var(--black);line-height:1.6}#how-it-works summary::-webkit-details-marker{display:none}#how-it-works details:not([open]) summary span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#how-it-works .chevron{position:absolute;top:.75rem;right:.75rem;transition:transform .25s ease}#how-it-works details[open] .chevron{transform:rotate(180deg)}#selling-points li:before{content:counter(steps);display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:999px;border:2px solid var(--slate-blue);color:var(--slate-blue);font-size:.75rem;font-weight:800;flex-shrink:0}header,footer{background:linear-gradient(160deg,var(--slate-blue) 0%,var(--bright-indigo) 100%);background-attachment:fixed}@keyframes plate-flip{0%{transform:perspective(300px) rotateX(0);filter:brightness(1);animation-timing-function:ease-in}49.9%{transform:perspective(300px) rotateX(90deg);filter:brightness(.2)}50%{transform:perspective(300px) rotateX(-90deg);filter:brightness(.2);animation-timing-function:ease-out}to{transform:perspective(300px) rotateX(0);filter:brightness(1)}}:root{--pale-slate: #fbfbfa;--lavender-grey: #9b9eceff;--slate-blue: #6665ddff;--bright-indigo: #473bf0ff;--black: #000500ff}
