*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}:root{--space-1: clamp(.5rem, 1vmin, 1rem);--space-2: clamp(1rem, 2vmin, 2rem);--space-3: clamp(2rem, 4vmin, 3rem);--radius-card: clamp(16px, 3vmin, 24px);--card-min: 190px;--card-max: 270px;--card-size: clamp(var(--card-min), 35vw, var(--card-max));--logo-scale: .6;--fs-title: clamp(32px, 6vw, 56px);--fs-card-label: clamp(16px, 2.5vw, 20px);--shadow-card: 0 20px 32px rgba(0, 0, 0, .25);--blur-bg: blur(40px) saturate(160%) brightness(85%);--c-bg: #593ae4;--c-bg-grad-1: #8d2fe4;--c-bg-grad-2: #9837c1;--c-accent: #743ee4;--c-light-purple: #f5f3ff;--c-timeline-line: #d8b4fe;--c-text-primary: #1f2937;--c-text-secondary: #6b7280;--logo-min: 180px;--logo-max: 380px;--logo-size: calc(var(--card-size) * var(--logo-scale));--page-side-pad: clamp(24px, calc(48px - 4vw) , 48px)}body{min-height:100dvh;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;background-color:#f8fafc;color:var(--c-text-primary);display:flex;flex-direction:column;overflow-x:hidden}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(60px + 2vmin) var(--page-side-pad) calc(20px + 2vmin);flex-grow:1;width:100%}.title{font-size:var(--fs-title);font-weight:700;text-align:center;letter-spacing:.5px;margin-block-end:var(--space-3)}.hero-logo{display:block;width:calc(var(--card-size) * var(--logo-scale));height:auto;margin-left:clamp(var(--space-3),8vw,120px);margin-right:auto;margin-block-end:var(--space-3)}.poof-gradient-text{background:linear-gradient(to right,#8b5cf6,#ec4899);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);width:100%;max-width:700px;margin-inline:auto}.cards .hero-logo{flex:0 0 100%;width:var(--logo-size);height:var(--logo-size);margin-inline:auto;margin-block-end:var(--space-3)}.startButton{background-color:var(--c-accent);padding:1.5rem;border-radius:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:clamp(220px,45%,280px);min-width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:var(--shadow-card)}.startButton:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px #0003;opacity:.95}.material-symbols-outlined.icon{font-size:clamp(48px,8vw,64px);line-height:1;width:1em;height:1em;display:flex;align-items:center;justify-content:center;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}.startButton .label{font-size:var(--fs-card-label);font-weight:600;line-height:1.3;text-align:center;color:#fff}.view.hidden{display:none!important}.site-footer{max-width:92vw;width:100%;margin-inline:auto;text-align:center;font-size:clamp(10px,2.4vw,12px);line-height:1.35;padding-block:var(--space-2);padding-inline:var(--page-side-pad);margin-top:auto;color:var(--c-text-secondary)}.signup-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin-inline:auto}.signup-form input[type=email]{padding:1rem;border:2px solid rgba(0,0,0,.15);background:#fff;border-radius:10px;width:100%;font-size:1rem}.signup-form input[type=email]:focus{outline:none;box-shadow:0 0 0 2px var(--c-accent);border-color:var(--c-accent)}.signup-form button{padding:1rem;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;background:var(--c-accent);color:#fff;transition:opacity .2s ease}.signup-form button:hover{opacity:.9}.response-message{margin-top:var(--space-1)}.about-hero{text-align:center;margin-block:calc(var(--space-3) * 1.5) var(--space-3)}.about-hero h1{font-size:clamp(2.8rem,6vw,4.2rem);font-weight:700;line-height:1.15}.about-hero h1 span{display:block;background:linear-gradient(to right,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.3}.about-intro{max-width:900px;margin-inline:auto;margin-block-end:var(--space-3);font-size:clamp(1.1rem,2.4vw,1.4rem);line-height:1.6;color:var(--c-text-secondary);text-align:center;padding-inline:var(--page-side-pad)}.about-features{display:flex;flex-direction:column;gap:var(--space-3);max-width:1200px;margin-inline:auto}.feature{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap}.feature.reverse{flex-direction:row-reverse}.feature-text{flex:1 1 360px;max-width:600px}.feature-text h3{font-size:clamp(1.1rem,2.3vw,1.4rem);font-weight:700;margin-block-end:var(--space-1);color:var(--c-text-primary)}.feature-text p{font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.6;color:var(--c-text-secondary)}.feature-media{flex:0 0 280px;display:flex;align-items:center;justify-content:center}.feature-icon{font-size:clamp(120px,18vw,180px);color:var(--c-accent)}.section-title{text-align:center;margin-block-start:var(--space-3);margin-block-end:var(--space-3);font-size:clamp(2.4rem,5vw,3.2rem);font-weight:700;color:var(--c-text-primary)}.about-hero strong{font-weight:700}.js-scroll-animate-init{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.js-scroll-animate-init.card-enter{opacity:1;transform:translateY(0)}.how-it-works-section{width:100vw;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;padding-block:var(--space-3);background-color:var(--c-light-purple);margin-top:calc(var(--space-3) * 1.5);margin-bottom:calc(var(--space-3) * 1.5)}.how-it-works-title{margin-block-end:var(--space-1);padding-inline:var(--page-side-pad)}.how-it-works-intro{font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6;color:var(--c-text-secondary);max-width:70ch;margin-inline:auto;margin-bottom:var(--space-3);text-align:center;padding-inline:var(--page-side-pad)}.how-it-works-timeline-container{position:relative;max-width:960px;margin-inline:auto;margin-top:var(--space-3);padding-inline:var(--page-side-pad)}.how-it-works-timeline-line{position:absolute;left:50%;top:var(--space-1);bottom:var(--space-1);width:2px;background-color:var(--c-timeline-line);transform:translate(-50%);z-index:0}.how-it-works-grid{display:grid;grid-template-columns:1fr;gap:var(--space-1) var(--space-3);position:relative;z-index:1}.how-it-works-step{display:flex;align-items:center;background-color:#fff;padding:var(--space-2);border-radius:var(--radius-card);box-shadow:0 4px 12px #00000014;min-height:100px}.how-it-works-step-number{flex-shrink:0;width:48px;height:48px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;border:2px solid var(--c-accent);font-size:1.25rem;font-weight:700;color:var(--c-accent);z-index:2;position:relative}.how-it-works-step-content{flex-grow:1}.how-it-works-step-title{font-weight:600;font-size:1.125rem;margin-bottom:.375rem;color:var(--c-text-primary)}.how-it-works-step-description{font-size:.875rem;line-height:1.5;color:var(--c-text-secondary)}@media (min-width: 769px){.how-it-works-grid{grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-3)}.how-it-works-step-item:nth-child(odd){grid-column:1 / 2}.how-it-works-step-item:nth-child(odd) .how-it-works-step{flex-direction:row-reverse}.how-it-works-step-item:nth-child(odd) .how-it-works-step-content{text-align:right;margin-right:var(--space-2);margin-left:0}.how-it-works-step-item:nth-child(2n){grid-column:2 / 3}.how-it-works-step-item:nth-child(2n) .how-it-works-step{flex-direction:row}.how-it-works-step-item:nth-child(2n) .how-it-works-step-content{text-align:left;margin-left:var(--space-2);margin-right:0}.how-it-works-grid>.empty-timeline-spacer{display:block}}@media (max-width: 768px){#app,.how-it-works-title,.how-it-works-intro,.how-it-works-timeline-container,.site-footer{padding-inline:var(--page-side-pad)}.how-it-works-timeline-line{display:none}.how-it-works-step-item{margin-bottom:var(--space-2)}.how-it-works-step-item:last-child{margin-bottom:0}.how-it-works-step{flex-direction:row;align-items:center}.how-it-works-step-number{margin-bottom:0;margin-right:var(--space-2)}.how-it-works-step-content{margin-left:0;text-align:left}.how-it-works-grid>.empty-timeline-spacer{display:none}.feature,.feature.reverse{flex-direction:row;align-items:flex-start}.feature .feature-media,.feature.reverse .feature-media{order:1;margin-left:var(--space-3);margin-right:var(--space-1);margin-bottom:0;flex-shrink:0;flex-basis:clamp(60px,15vw,100px)}.feature .feature-media .feature-icon,.feature.reverse .feature-media .feature-icon{font-size:clamp(60px,15vw,100px)}.feature .feature-text,.feature.reverse .feature-text{order:2;text-align:left;flex-basis:0;flex-grow:1;padding-right:var(--space-3)}.questions-section{padding:calc(var(--space-3) + var(--space-1));width:calc(100% - (2 * var(--space-3)))}.questions-section .contact-button{width:100%;min-width:0}}.questions-section{padding-block:var(--space-3);text-align:center;width:calc(100% - 2 * var(--page-side-pad));margin-inline:var(--page-side-pad);margin-inline:auto;max-width:700px;background-color:#fff;border-radius:var(--radius-card);box-shadow:0 8px 24px #0000000d;padding:var(--space-3);margin-top:calc(var(--space-3) * 1.5);margin-bottom:calc(var(--space-3) * 1.5);padding-inline:var(--page-side-pad)}.questions-section .section-title{margin-block-start:0;margin-block-end:var(--space-2)}.questions-prompt{font-size:clamp(1rem,2.2vw,1.2rem);color:var(--c-text-secondary);margin-bottom:var(--space-3);max-width:60ch;margin-inline:auto}.contact-button{display:inline-flex;justify-content:center;align-items:center;padding:1.5rem;border:none;border-radius:1rem;font-size:var(--fs-card-label);font-weight:600;cursor:pointer;background:var(--c-accent);color:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:clamp(220px,45%,280px);min-width:200px;text-align:center}.contact-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px #0003;opacity:.95}.dynamic-signup-container{width:100%;max-width:700px;margin-inline:auto;margin-top:var(--space-3);padding:var(--space-3);background-color:#fff;border-radius:var(--radius-card);box-shadow:0 8px 24px #0000000d;text-align:center}.dynamic-signup-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--c-text-primary);margin-bottom:var(--space-2)}#dynamic-signup-success{padding:var(--space-2) 0}#why-poof-content{margin-top:calc(var(--space-3) * 1.5);padding-inline:var(--page-side-pad)}@media (max-width: 480px){.feature,.feature.reverse{flex-direction:column;align-items:center;text-align:center}.feature .feature-media{margin:0 0 var(--space-1) 0;flex:none}.feature-icon{font-size:64px}.feature .feature-text{padding-right:0}.cards{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:var(--space-2);justify-items:center}.startButton{width:clamp(220px,70vw,280px);height:100%;min-width:unset}.hero-logo{scale:1.4;margin-left:auto;margin-right:auto}.feature .feature-text,.feature.reverse .feature-text{text-align:center;padding-right:0}.feature .feature-media,.feature.reverse .feature-media{margin:0 0 var(--space-1) 0}}