@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";
html:has(.madcard-landing-root){scroll-behavior:smooth!important}html:has(.madcard-landing-root) body{scroll-behavior:smooth!important}.madcard-landing-root{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);width:100%!important;max-width:100%!important;overflow-x:hidden!important}.madcard-landing-root *{-moz-text-size-adjust:100%;text-size-adjust:100%}.madcard-landing-root [class*=backdrop-blur],.madcard-landing-root [style*=backdrop]{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.madcard-landing-root .bg-clip-text{-webkit-background-clip:text!important;background-clip:text!important}.madcard-landing-root button,.madcard-landing-root a{-webkit-tap-highlight-color:transparent}.madcard-landing-root{-webkit-overflow-scrolling:touch}.madcard-landing-root .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.madcard-landing-root .no-scrollbar::-webkit-scrollbar{display:none}.madcard-landing-root :not([style*=preserve-3d]){backface-visibility:visible!important}.madcard-landing-root .scroll-pin-section{width:100%;height:100vh;min-height:100vh;overflow:hidden}.madcard-landing-root .horizontal-pin-track{z-index:10;will-change:transform;position:relative}.madcard-landing-root .hero-wallet-stage{--font-poppins:"Poppins", var(--font-montserrat), system-ui, sans-serif;min-height:auto}.madcard-landing-root .hero-font-poppins{font-family:var(--font-poppins)}.madcard-landing-root .hero-glow-center{background:radial-gradient(#1d4ed81a 0%,#0ea5e90a 50%,#0000 72%)}.madcard-landing-root .hero-hand-column{flex-shrink:0;min-width:0}.madcard-landing-root .hero-hand-frame{background:#f8fafc;border-radius:1.75rem;box-shadow:0 28px 48px #0f172a38,0 0 0 1px #94a3b833}@media (min-width:640px){.madcard-landing-root .hero-hand-frame{border-radius:2.25rem}}@media (min-width:1024px){.madcard-landing-root .hero-hand-frame{border-radius:2.5rem}}.madcard-landing-root .hero-hand-photo{image-rendering:auto;-webkit-font-smoothing:antialiased;transform-origin:50% 36%;transform:scale(1.1)}.madcard-landing-root .hero-badge-row{width:100%}.madcard-landing-root .hero-card-wrapper{perspective:1000px;transform-style:preserve-3d}.madcard-landing-root .hero-card-scaler{transition:transform .4s;transform:scale(1)}.madcard-landing-root .hero-card{transform-style:preserve-3d;touch-action:none;transition:transform .15s ease-out;position:relative;transform:rotateX(0)rotateY(0)}.madcard-landing-root .hero-pass-card{background-color:#f5e6a3;border-radius:20px;width:280px;max-width:100%;height:440px;overflow:hidden;box-shadow:0 25px 60px #00000024,0 0 0 1px #0000000a}@media (max-width:639px){.madcard-landing-root .hero-pass-card{aspect-ratio:280/440;width:min(280px,50vw - 20px);height:auto}}.madcard-landing-root .hero-card-shine{background:linear-gradient(135deg, #ffffff59 0%, #fff0 50%, #fff0 100%), radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff40 0%, #fff0 60%);pointer-events:none;mix-blend-mode:overlay;opacity:0;z-index:10;border-radius:20px;transition:opacity .4s;position:absolute;inset:0}.madcard-landing-root .hero-card-content{transform:none}@keyframes mc-float-apple{0%,to{transform:translateY(0)rotateY(-5deg)}50%{transform:translateY(-12px)rotateY(-5deg)}}@keyframes mc-float-android{0%,to{transform:translateY(0)rotateY(5deg)}50%{transform:translateY(-10px)rotateY(5deg)}}.madcard-landing-root .hero-card-float-apple .card-apple{animation:4s ease-in-out infinite mc-float-apple}.madcard-landing-root .hero-card-float-android .card-android{animation:4.5s ease-in-out infinite mc-float-android}.madcard-landing-root .hero-wallet-badge{filter:drop-shadow(0 4px 12px #0f172a1f);display:block}@media (min-width:1024px){.madcard-landing-root .hero-wallet-stage{max-width:880px}}.madcard-landing-root #features+.pin-spacer{background-color:#f8fafc!important}html:has(.madcard-landing-root) body{max-width:100%!important;overflow-x:hidden!important}.madcard-landing-root{--mc-bg:#fff;--mc-bg-alt:#f8fafc;--mc-text:#0f172a;--mc-blue:#0021fd;--mc-blue-light:#3852ff;--mc-cyan:#0ea5e9;--mc-white:#fff;--mc-muted:#64748b;--mc-success:#16a34a;font-family:var(--font-inter), Inter, system-ui, sans-serif;background:var(--mc-bg);color:var(--mc-text);-webkit-font-smoothing:antialiased;--mc-section-gap:clamp(1.25rem, 3vw, 2.75rem);--mc-section-inline-padding:clamp(1rem, 3vw, 2rem)}@media (max-width:640px){.madcard-landing-root{--mc-section-inline-padding:1.25rem}}.madcard-landing-root>main{gap:var(--mc-section-gap);padding-block:var(--mc-section-gap);flex-direction:column;display:flex}.madcard-landing-root>main>section{padding-inline:var(--mc-section-inline-padding);scroll-margin-top:6rem;border-color:#0000!important;border-top-width:0!important;border-bottom-width:0!important}.madcard-landing-root .font-heading{font-family:"Space Grotesk", var(--font-montserrat), system-ui, sans-serif}.madcard-landing-root .text-hero{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;line-height:1.05}.madcard-landing-root .text-h2{font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.15}.madcard-landing-root .text-h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.2}.madcard-landing-root .text-h4{font-size:1.5rem;font-weight:500;line-height:1.3}.madcard-landing-root .text-body{font-size:1.125rem;line-height:1.6}.madcard-landing-root .text-body-sm{font-size:1rem;line-height:1.6}.madcard-landing-root .text-cyan{color:var(--mc-cyan)!important}.madcard-landing-root .text-blue{color:var(--mc-blue)!important}.madcard-landing-root .text-muted{color:var(--mc-muted)!important}.madcard-landing-root .text-white{color:var(--mc-white)!important}.madcard-landing-root .text-success{color:var(--mc-success)!important}.madcard-landing-root .bg-blue{background-color:var(--mc-blue)!important}.madcard-landing-root .bg-success{background-color:var(--mc-success)!important}.madcard-landing-root .hover\:bg-blue-light:hover{background-color:var(--mc-blue-light)!important}.madcard-landing-root .shadow-button{box-shadow:0 4px 16px #1d4ed840}.madcard-landing-root .glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #1d4ed81a;border-radius:16px;box-shadow:0 4px 24px #0f172a0a}.madcard-landing-root .glass-card-hover{transition:all .35s ease-out}.madcard-landing-root .glass-card-hover:hover{border-color:#1d4ed84d;transform:translateY(-4px);box-shadow:0 12px 48px #1d4ed826}.madcard-landing-root .label-text{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600}.madcard-landing-root .btn-primary{background:var(--mc-blue);color:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease-out;display:inline-flex;box-shadow:0 4px 16px #1d4ed840}.madcard-landing-root .btn-primary:hover{background:var(--mc-blue-light);transform:scale(1.03);box-shadow:0 6px 24px #1d4ed859}.madcard-landing-root .btn-secondary{color:var(--mc-text);cursor:pointer;background:0 0;border:1.5px solid #0f172a1a;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s ease-out}.madcard-landing-root .btn-secondary:hover{background:#1d4ed80a;border-color:#1d4ed84d}.madcard-landing-root .animate-bob{animation:4s ease-in-out infinite mc-bob}.madcard-landing-root .animate-pulse-glow{animation:3s ease-in-out infinite mc-pulseGlow}.madcard-landing-root .animate-float-notification{animation:5s ease-in-out infinite mc-floatNotification}.madcard-landing-root .animate-gradient-shift{animation:20s ease-in-out infinite alternate mc-gradientShift}.madcard-landing-root .animate-marquee{animation:20s linear infinite mc-marquee}.madcard-landing-root .animate-pulse-cta{animation:2s ease-in-out infinite mc-pulseCta}.madcard-landing-root [class*=bg-success\/20]{background-color:#16a34a26!important}.madcard-landing-root [class*=bg-blue\/20]{background-color:#1d4ed826!important}.madcard-landing-root [class*=bg-blue\/15]{background-color:#1d4ed81a!important}.madcard-landing-root [class*=bg-muted\/10]{background-color:#64748b14!important}@keyframes mc-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes mc-pulseGlow{0%,to{opacity:.2;transform:scale(1)translateZ(0)}50%{opacity:.4;transform:scale(1.05)translateZ(0)}}@keyframes mc-floatNotification{0%,to{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes mc-gradientShift{0%{transform:translate(0)scale(1)}33%{transform:translate(50px,-30px)scale(1.1)}66%{transform:translate(-30px,50px)scale(.9)}to{transform:translate(20px,20px)scale(1)}}@keyframes mc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mc-pulseCta{0%,to{box-shadow:0 4px 16px #0466c84d,0 0 40px #0466c833}50%{box-shadow:0 4px 16px #0466c866,0 0 60px #0466c859}}.madcard-landing-root ::-webkit-scrollbar{width:8px}.madcard-landing-root ::-webkit-scrollbar-track{background:var(--mc-bg)}.madcard-landing-root ::-webkit-scrollbar-thumb{background:#1d4ed833;border-radius:4px}@keyframes text-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.madcard-landing-root .animate-text-shimmer{animation:3s ease-in-out infinite text-shimmer}.madcard-landing-root .playground-section{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;min-height:100svh;padding:clamp(4rem,8vh,6.5rem) clamp(1rem,2.6vw,1.75rem);scroll-margin-top:4.5rem}.madcard-landing-root .playground-section-premium{background:linear-gradient(#fffdf8 0%,#fdfaf4 34%,#fcfbf8 68%,#fff 100%)}.madcard-landing-root .playground-section-premium:before{content:"";pointer-events:none;opacity:.75;background:radial-gradient(circle at 18% 20%,#ffffffe6 0%,#0000 30%),radial-gradient(circle at 82% 22%,#e2e8f038 0%,#0000 24%);position:absolute;inset:0}.madcard-landing-root .playground-inner{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(1rem,2.5vh,2rem);width:100%;max-width:76rem;height:100%;margin-inline:auto;display:grid}.madcard-landing-root .playground-inner--horizontal{flex-direction:column;height:100%;display:flex}.madcard-landing-root .playground-horizontal-layout{flex:1;grid-template-columns:minmax(400px,1.3fr) minmax(320px,1fr);align-items:center;gap:clamp(3rem,6vw,6rem);width:100%;min-height:0;display:grid}.madcard-landing-root .playground-text-col{flex-direction:column;order:2;justify-content:center;align-self:center;gap:clamp(1rem,2vh,1.5rem);display:flex}.madcard-landing-root .playground-phones-col{order:1}.madcard-landing-root .playground-text-col h2{margin-bottom:0}.madcard-landing-root .playground-text-col p{max-width:28rem}.madcard-landing-root .playground-phones-col{justify-content:flex-end;align-items:center;min-height:0;display:flex}.madcard-landing-root .playground-inner--horizontal .playground-phone-shell{height:clamp(320px,65svh,580px)}.madcard-landing-root .playground-inner--horizontal .playground-phones-row{gap:clamp(1.5rem,4vw,4rem)}.madcard-landing-root .playground-header{flex-shrink:0;padding-top:clamp(.5rem,1.2vh,1rem);padding-bottom:clamp(.5rem,1.2vh,1rem)}.madcard-landing-root .playground-header .playground-badge{margin-bottom:clamp(.35rem,.8vh,.5rem);padding:.3rem .65rem;font-size:.625rem}.madcard-landing-root .playground-header h2{margin-bottom:clamp(.25rem,.6vh,.4rem)}.madcard-landing-root .playground-header p{color:#475569;max-width:42rem;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;line-height:1.65}.madcard-landing-root .playground-phones-stage{justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.madcard-landing-root .playground-phones-row{flex-direction:row;justify-content:center;align-items:flex-end;gap:clamp(1.5rem,6vw,6rem);width:100%;max-width:68rem;display:flex}.madcard-landing-root .playground-phone-col{flex-direction:column;flex:0 auto;align-items:center;gap:clamp(.25rem,.8vh,.5rem);min-width:0;max-width:50%;display:flex}.madcard-landing-root .playground-wallet-pill{letter-spacing:.06em;white-space:nowrap;padding:.3rem .65rem;font-size:.625rem}.madcard-landing-root .playground-phone-shell{aspect-ratio:9/19.5;flex-shrink:0;max-width:min(45vw,400px);height:clamp(300px,85svh,900px);margin-inline:auto;width:auto!important}.madcard-landing-root .playground-phone-card{flex:1;width:100%;max-width:100%;min-height:0;margin-inline:auto;overflow:hidden;container-type:inline-size}.madcard-landing-root .playground-phone-card .text-lg{font-size:max(.9rem,8.5cqi)!important}.madcard-landing-root .playground-phone-card .text-sm{font-size:max(.75rem,6.5cqi)!important}.madcard-landing-root .playground-phone-card .text-xs{font-size:max(.6rem,5.5cqi)!important}.madcard-landing-root .playground-phone-card .text-\[10px\]{font-size:max(.5rem,4.5cqi)!important}.madcard-landing-root .playground-phone-card .text-\[8px\]{font-size:max(.4rem,3.6cqi)!important}.madcard-landing-root .playground-phone-card .px-4{padding-left:max(.6rem,7.5cqi)!important;padding-right:max(.6rem,7.5cqi)!important}.madcard-landing-root .playground-phone-card .mx-4{margin-left:max(.6rem,7.5cqi)!important;margin-right:max(.6rem,7.5cqi)!important}.madcard-landing-root .playground-phone-card .gap-3{gap:max(.4rem,5.5cqi)!important}.madcard-landing-root .playground-phone-card .gap-2{gap:max(.25rem,3.5cqi)!important}.madcard-landing-root .playground-phone-card .w-8{width:max(1.5rem,14cqi)!important}.madcard-landing-root .playground-phone-card .h-8{height:max(1.5rem,14cqi)!important}.madcard-landing-root .playground-phone-card .w-7{width:max(1.25rem,12cqi)!important}.madcard-landing-root .playground-phone-card .h-7{height:max(1.25rem,12cqi)!important}.madcard-landing-root .playground-phone-card .pb-8{padding-bottom:max(1.5rem,12cqi)!important}.madcard-landing-root .playground-phone-card .pt-3{padding-top:max(.6rem,7.5cqi)!important}.madcard-landing-root .playground-phone-card .py-2\.5{padding-top:max(.5rem,6cqi)!important;padding-bottom:max(.5rem,6cqi)!important}.madcard-landing-root .playground-phone-card .py-1\.5{padding-top:max(.3rem,4cqi)!important;padding-bottom:max(.3rem,4cqi)!important}.madcard-landing-root .playground-phone-card .pt-2{padding-top:max(.4rem,5cqi)!important}.madcard-landing-root .playground-phone-card .pb-0\.5{padding-bottom:max(.1rem,1.5cqi)!important}.madcard-landing-root .playground-phone-card .mt-0\.5{margin-top:max(.1rem,1.5cqi)!important}.madcard-landing-root .playground-phone-card .playground-qr svg{width:max(4rem,65cqi);height:max(4rem,65cqi)}.madcard-landing-root .playground-apple-food,.madcard-landing-root .playground-android-food{height:clamp(60px,15vh,180px)}.madcard-landing-root .playground-footer{flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(.25rem,.6vh,.4rem);display:flex}.madcard-landing-root .playground-footer-caption{font-size:clamp(.65rem,1.1vw,.75rem);line-height:1.35}.madcard-landing-root .playground-theme-name{margin-top:0;font-size:.65rem}.madcard-landing-root .playground-indicators{gap:.4rem;margin-top:0}.madcard-landing-root .playground-indicators button{width:2.25rem;height:.3rem}.madcard-landing-root .playground-color-dots{gap:.45rem;margin-top:0}.madcard-landing-root .playground-color-dots button{width:.85rem;height:.85rem}@media (min-width:992px){.madcard-landing-root .playground-horizontal-layout{grid-template-columns:minmax(380px,.95fr) minmax(480px,1.2fr);gap:clamp(2rem,4vw,4rem)}.madcard-landing-root .playground-phones-col{order:1;justify-content:flex-start;align-self:center}.madcard-landing-root .playground-text-col{text-align:left;order:2;align-items:flex-start}.madcard-landing-root .playground-text-col h2,.madcard-landing-root .playground-text-col p{text-align:left}.madcard-landing-root .playground-phones-row{justify-content:flex-start;gap:clamp(1.5rem,3vw,2.5rem)}.madcard-landing-root .playground-inner--horizontal .playground-phone-shell{max-width:min(22vw,340px);height:clamp(360px,58svh,520px)}}@media (max-width:991px){.madcard-landing-root .playground-section{scroll-snap-align:none!important;width:calc(100% - 2rem)!important;height:auto!important;min-height:auto!important;margin-inline:auto!important;padding:3rem 1.5rem!important}.madcard-landing-root .playground-horizontal-layout{grid-template-columns:1fr!important;gap:2.5rem!important}.madcard-landing-root .playground-text-col{text-align:left!important;order:1!important;align-items:flex-start!important;padding-right:0!important}.madcard-landing-root .playground-phones-col{order:2!important;justify-content:center!important}.madcard-landing-root .playground-text-col h2,.madcard-landing-root .playground-text-col p{text-align:left!important}.madcard-landing-root .playground-text-col p{margin-inline:0;max-width:100%!important}.madcard-landing-root .playground-text-col>div:has(img){justify-content:center!important}.madcard-landing-root .playground-text-col>div:first-child{margin-inline:0}.madcard-landing-root .playground-phones-row{flex-direction:row!important;justify-content:center!important;align-items:flex-start!important;gap:1rem!important}.madcard-landing-root .playground-phone-col{flex:none!important;max-width:45%!important}.madcard-landing-root .playground-inner--horizontal .playground-phone-shell{max-width:180px!important;height:380px!important}}@media (max-width:640px){.madcard-landing-root .playground-mobile-heading{text-wrap:balance}.madcard-landing-root .playground-mobile-description{max-width:32rem!important}.madcard-landing-root .playground-section{padding-left:1.5rem!important;padding-right:1.5rem!important}.madcard-landing-root .playground-phones-row{flex-flow:row!important;justify-content:center!important;align-items:flex-start!important;gap:.75rem!important}.madcard-landing-root .playground-phone-col{flex:none!important;width:auto!important;max-width:48%!important}.madcard-landing-root .playground-inner--horizontal .playground-phone-shell{max-width:clamp(140px,38vw,170px)!important;height:clamp(280px,45vw,340px)!important}.madcard-landing-root .playground-text-col>div:has(>div>svg){flex-direction:column!important;gap:1rem!important}.madcard-landing-root .playground-wallet-pill{padding:.2rem .4rem!important;font-size:.5rem!important}}@media (max-width:480px){.madcard-landing-root .playground-section{width:calc(100% - 1.5rem)!important;padding:2.5rem 1.5rem!important}.madcard-landing-root .playground-phones-row{gap:.5rem!important}.madcard-landing-root .playground-inner--horizontal .playground-phone-shell{max-width:clamp(120px,36vw,150px)!important;height:clamp(240px,42vw,300px)!important}.madcard-landing-root .playground-header p{font-size:.75rem!important}.madcard-landing-root .playground-wallet-pill{padding:.15rem .35rem!important;font-size:.45rem!important}}@media (max-height:700px){.madcard-landing-root .playground-section{min-height:auto}}@supports (padding-bottom:env(safe-area-inset-bottom)){.madcard-landing-root footer{padding-bottom:calc(3rem + env(safe-area-inset-bottom))}}@supports (-webkit-touch-callout:none){.madcard-landing-root section[class*=min-h-screen],.madcard-landing-root section[class*="min-h-[100svh]"]{min-height:-webkit-fill-available}}@media (prefers-reduced-motion:reduce){.madcard-landing-root .animate-bob,.madcard-landing-root .animate-marquee,.madcard-landing-root .animate-pulse-cta,.madcard-landing-root .animate-gradient-shift{animation:none!important}}@keyframes stroke-flow{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}@media (max-width:767px){html:has(.madcard-landing-root){width:100%!important;max-width:100%!important;overflow-x:hidden!important}html:has(.madcard-landing-root) body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.madcard-landing-root,.madcard-landing-root>main,.madcard-landing-root>main>section{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.madcard-landing-root{--mc-section-gap:1rem;--mc-section-inline-padding:1.25rem}.madcard-landing-root section{overflow:hidden!important}.madcard-landing-root .notification-demo-section{height:auto!important;min-height:auto!important;padding-top:2rem!important;padding-bottom:2rem!important}.madcard-landing-root .notification-demo-mobile{background:radial-gradient(circle at 0 0,#3b82f614,#0000 32%),linear-gradient(#fffffffa,#f8fafcf2);border:1px solid #e2e8f0e0;border-radius:2rem;padding:1.25rem;box-shadow:0 20px 64px #0f172a14,inset 0 1px #ffffffb3}.madcard-landing-root .notification-demo-mobile-hero{display:block}.madcard-landing-root .notification-demo-mobile-copy{width:100%;min-width:0;padding-top:.2rem}.madcard-landing-root .notification-demo-mobile-title{color:#0f172a;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:2.1rem;font-weight:800;line-height:.98}.madcard-landing-root .notification-demo-mobile-titleAccent{color:#1d4ed8}.madcard-landing-root .notification-demo-mobile-subtitle{color:#64748b;max-width:none;margin:1.1rem 0 0;font-size:.95rem;line-height:1.45}.madcard-landing-root .notification-demo-mobile-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.35rem;display:grid}.madcard-landing-root .notification-demo-mobile-tab{text-align:center;flex-direction:column;align-items:center;gap:.45rem;display:flex}.madcard-landing-root .notification-demo-mobile-tabIcon{background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0f2;border-radius:9999px;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;display:flex;box-shadow:0 8px 24px #0f172a0f}.madcard-landing-root .notification-demo-mobile-tab.is-active .notification-demo-mobile-tabIcon{background:#fff!important;border-color:#6366f138!important;box-shadow:0 10px 28px #6366f129!important}.madcard-landing-root .notification-demo-mobile-tabTitle{color:#1e293b;font-size:.72rem;font-weight:700;line-height:1.15}.madcard-landing-root .notification-demo-mobile-tabSub{color:#94a3b8;font-size:.62rem;line-height:1.15}.madcard-landing-root .notification-demo-mobile-detail{background:linear-gradient(#fffffffa,#f8fafcf2);border:1px solid #e2e8f0e6;border-radius:1.9rem;margin-top:1.5rem;padding:1.35rem;box-shadow:0 18px 48px #0f172a0f}.madcard-landing-root .notification-demo-mobile-detailTop{display:block}.madcard-landing-root .notification-demo-mobile-detailCopy{min-width:0}.madcard-landing-root .notification-demo-mobile-kicker{color:#1d4ed8;text-transform:uppercase;letter-spacing:.18em;background:#eef2ff;border-radius:9999px;align-items:center;padding:.45rem .9rem;font-size:.72rem;font-weight:800;display:inline-flex}.madcard-landing-root .notification-demo-mobile-detailTitle{color:#0f172a;letter-spacing:-.04em;max-width:none;margin:.95rem 0 0;font-size:1.15rem;font-weight:800;line-height:1.05}.madcard-landing-root .notification-demo-mobile-detailText{color:#64748b;max-width:none;margin:.95rem 0 0;font-size:.9rem;line-height:1.5}.madcard-landing-root .notification-demo-mobile-bullets{flex-direction:column;gap:.8rem;margin-top:1.3rem;display:flex}.madcard-landing-root .notification-demo-mobile-bullet{background:#fff;border:1px solid #e2e8f0f2;border-radius:1.25rem;align-items:center;gap:.9rem;padding:.95rem 1rem;display:flex;box-shadow:0 8px 24px #0f172a0a}.madcard-landing-root .notification-demo-mobile-bulletIndex{color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-size:.8rem;font-weight:800;display:flex}.madcard-landing-root .notification-demo-mobile-bulletText{color:#1e293b;flex:1;min-width:0;font-size:.88rem;font-weight:600;line-height:1.35}.madcard-landing-root .notification-demo-mobile-bulletArrow{color:#94a3b8;flex-shrink:0;width:1.1rem;height:1.1rem}.madcard-landing-root .notification-demo-layout{align-items:start!important;gap:1rem!important;height:auto!important}.madcard-landing-root .notification-demo-copy{gap:.9rem!important}.madcard-landing-root .notification-demo-header{flex-direction:column;gap:.5rem;display:flex}.madcard-landing-root .notification-demo-title{text-wrap:balance;font-size:1.9rem!important;line-height:1.05!important}.madcard-landing-root .notification-demo-subtitle{max-width:30rem!important;margin-top:0!important;font-size:.95rem!important;line-height:1.45!important}.madcard-landing-root .notification-demo-tabs{padding-bottom:.25rem!important}.madcard-landing-root .notification-demo-explainer .p-4{padding:.9rem!important}.madcard-landing-root .notification-demo-phone-stage{gap:.5rem!important}.madcard-landing-root .notification-demo-phone-frame{width:clamp(130px,24vw,170px)!important}}@media (max-width:640px){.madcard-landing-root .notification-demo-mobile{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.madcard-landing-root .notification-demo-mobile-hero{display:block}.madcard-landing-root .notification-demo-mobile-title{font-size:1.78rem}.madcard-landing-root .notification-demo-mobile-subtitle{max-width:none;margin-top:.9rem;font-size:.82rem}.madcard-landing-root .notification-demo-mobile-tabs{gap:.55rem;margin-top:1.15rem}.madcard-landing-root .notification-demo-mobile-tabIcon{width:3.25rem;height:3.25rem}.madcard-landing-root .notification-demo-mobile-tabTitle{font-size:.66rem}.madcard-landing-root .notification-demo-mobile-tabSub{font-size:.58rem}.madcard-landing-root .notification-demo-mobile-detail{border-radius:1.6rem;margin-top:1.2rem;padding:1rem}.madcard-landing-root .notification-demo-mobile-detailTop{display:block}.madcard-landing-root .notification-demo-mobile-kicker{padding:.38rem .72rem;font-size:.64rem}.madcard-landing-root .notification-demo-mobile-detailTitle{max-width:none;font-size:1.9rem}.madcard-landing-root .notification-demo-mobile-detailText{max-width:none;font-size:.82rem;line-height:1.48}.madcard-landing-root .notification-demo-mobile-bullet{gap:.75rem;padding:.8rem .9rem}.madcard-landing-root .notification-demo-mobile-bulletIndex{width:1.9rem;height:1.9rem;font-size:.74rem}.madcard-landing-root .notification-demo-mobile-bulletText{font-size:.8rem}.madcard-landing-root .notification-demo-copy{min-width:0;order:1!important}.madcard-landing-root .notification-demo-phone-stage{padding-top:.15rem;order:2!important;place-self:start end!important}.madcard-landing-root .notification-demo-title{font-size:1.45rem!important;line-height:1.08!important}.madcard-landing-root .notification-demo-subtitle{max-width:none!important;font-size:.82rem!important;line-height:1.38!important}.madcard-landing-root .notification-demo-tabs{gap:.45rem!important}.madcard-landing-root .notification-demo-tabs button{padding:.45rem .6rem!important;font-size:.72rem!important}.madcard-landing-root .notification-demo-explainer{border-radius:1rem!important}.madcard-landing-root .notification-demo-explainer .space-y-3{gap:.6rem!important}.madcard-landing-root .notification-demo-explainer h3{font-size:.95rem!important;line-height:1.15!important}.madcard-landing-root .notification-demo-explainer p.text-sm{font-size:.76rem!important;line-height:1.35!important}.madcard-landing-root .notification-demo-explainer .space-y-2{gap:.45rem!important}.madcard-landing-root .notification-demo-explainer .space-y-2>div{border-radius:.85rem!important;gap:.45rem!important;padding:.5rem .65rem!important}.madcard-landing-root .notification-demo-explainer .space-y-2>div span{width:1.2rem!important;height:1.2rem!important;font-size:.55rem!important}.madcard-landing-root .notification-demo-explainer .space-y-2>div p{font-size:.72rem!important;line-height:1.25!important}.madcard-landing-root .notification-demo-phone-label{text-align:center;letter-spacing:.16em!important;font-size:.42rem!important}.madcard-landing-root .notification-demo-phone-frame{width:clamp(100px,26vw,122px)!important}.madcard-landing-root #how-it-works .bg-slate-50,.madcard-landing-root #how-it-works .bg-blue-50,.madcard-landing-root #how-it-works .shadow-lg,.madcard-landing-root #how-it-works .shadow-md{box-shadow:none!important}.madcard-landing-root #how-it-works .rounded-2xl,.madcard-landing-root #how-it-works .rounded-xl{border-radius:0!important}.madcard-landing-root #how-it-works .bg-slate-50{background:0 0!important;border-color:#0000!important}.madcard-landing-root #how-it-works .px-6{padding-left:0!important;padding-right:0!important}.madcard-landing-root #how-it-works .py-5{padding-top:0!important;padding-bottom:0!important}.madcard-landing-root #how-it-works .w-10.h-10,.madcard-landing-root #how-it-works .w-8.h-8{background:0 0!important}}