.hero{box-sizing:border-box;background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding-top:80px;padding-bottom:2rem;display:flex;position:relative;overflow:hidden}@supports (min-height:100svh){.hero{min-height:100svh}}@media (min-width:1025px){.hero{height:100vh;min-height:100vh;max-height:100vh;padding-top:80px;padding-bottom:2vh}}.particles-canvas{z-index:0;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.hero .container{justify-content:center;align-items:center;width:92%;max-width:1600px;height:100%;padding:0;display:flex}.hero-content{z-index:1;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,4vw,4rem);width:100%;height:100%;display:grid;position:relative}.hero-text{--cursor-x:50%;--cursor-y:50%;--cursor-opacity:0;text-align:left;border-radius:20px;width:100%;padding:1.5vh 1rem;position:relative;overflow:hidden}.hero-text:before{content:"";background:radial-gradient(600px circle at var(--cursor-x,50%) var(--cursor-y,50%), #497aee1f 0%, #497aee0f 25%, #497aee05 50%, transparent 70%);width:100%;height:100%;opacity:var(--cursor-opacity,0);pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;top:0;left:0}.hero h1{letter-spacing:-.02em;color:var(--text-main);margin:0 0 clamp(.5rem,1.5vh,1rem);font-size:clamp(2.2rem,5.5vh,3.6rem);font-weight:800;line-height:1.12}.gradient-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-muted);max-width:100%;margin-bottom:clamp(1rem,2.5vh,1.75rem);font-size:clamp(1rem,2vh,1.15rem);line-height:1.5}.hero-actions{justify-content:flex-start;gap:1.25rem;margin-bottom:clamp(1rem,2.5vh,1.75rem);display:flex}.btn-lg{padding:clamp(.75rem,1.8vh,.9rem) clamp(1.5rem,3vh,1.8rem);font-size:clamp(.95rem,1.8vh,1.05rem)}.hero-stats{border:1px solid var(--border-light);background:#fff;border-radius:14px;justify-content:space-between;gap:1rem;margin-top:clamp(.8rem,2vh,1.5rem);padding:clamp(.6rem,1.5vh,.9rem) clamp(.8rem,2vh,1.25rem);display:flex;box-shadow:0 4px 16px #0000000f}.stat{flex-direction:column;flex:1;align-items:flex-start;padding:.25rem .5rem;transition:all .3s;display:flex}.stat-value{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.15rem;font-size:clamp(1.2rem,2.5vh,1.5rem);font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:clamp(.65rem,1.5vh,.75rem);font-weight:500}.hero-visual{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-screenshot-img{object-fit:contain;border:1px solid var(--border-light);z-index:2;border-radius:16px;width:100%;max-width:100%;height:auto;max-height:clamp(380px,72vh,700px);transition:transform .5s,box-shadow .5s;position:relative;box-shadow:0 20px 60px #0000001a,0 0 40px #497aee14}.hero-screenshot-img:hover{transform:translateY(-5px);box-shadow:0 25px 70px #00000026,0 0 50px #497aee26}.glow-effect{z-index:1;pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#497aee1f 0%,#0000 70%);width:550px;height:550px;position:absolute}@media (max-width:1024px){.hero{height:auto;min-height:100vh;padding-top:120px;padding-bottom:4rem}.hero-content{text-align:left;grid-template-columns:1fr 1fr;gap:2.5rem}.hero-text{text-align:left;padding:0}.hero h1{font-size:2.8rem}.hero-actions{justify-content:flex-start}.hero-screenshot-img{max-height:50vh;margin:0 auto}}@media (max-width:768px){.hero{padding-top:100px;padding-bottom:3rem}.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center;padding:0}.hero h1{font-size:2.4rem}.hero-description{font-size:1.1rem}.hero-actions{justify-content:center}.hero-stats{flex-direction:column;gap:.75rem}.stat{border-bottom:1px solid var(--border-light);align-items:center;padding-bottom:.75rem}.stat:last-child{border-bottom:none;padding-bottom:0}.hero-screenshot-img{max-height:45vh}}
.how-it-works{background:#f8fafc;padding:6rem 0;position:relative;overflow:hidden}.section-eyebrow{font-family:var(--font-quantico), sans-serif;color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.accent-text{color:var(--primary)}.how-it-works-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:4rem;margin-bottom:5rem;display:grid}.steps-container{flex-direction:column;gap:2rem;display:flex;position:relative}.timeline-line{z-index:1;pointer-events:none;border-left:1px dashed #497aee40;width:1px;position:absolute;top:52px;bottom:52px;left:52px}.step-card{cursor:pointer;z-index:2;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:1.5rem;padding:1.5rem 2rem 1.5rem 1.5rem;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.step-card:hover{background:#497aee0a}.step-card.active{background:#dbeafe;border:1px solid #497aee59;box-shadow:0 8px 24px #497aee14}.step-number{width:56px;min-width:56px;height:56px;font-family:var(--font-quantico), sans-serif;color:var(--primary);z-index:3;background:#fff;border:1px solid #497aee40;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:all .3s;display:flex;position:relative}.step-card.active .step-number{border-color:var(--primary);background:#dbeafe;box-shadow:0 0 15px #497aee33}.step-icon-box{border:1px solid var(--border-light);width:56px;min-width:56px;height:56px;color:var(--text-muted);z-index:3;background:#fff;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.step-icon-box svg{width:24px;height:24px}.step-card.active .step-icon-box{color:var(--primary);background:#dbeafe;border-color:#497aee4d}.step-info{flex:1}.step-info h3{color:var(--text-main);font-size:1.25rem;font-family:var(--font-quantico), sans-serif;margin-bottom:.5rem;font-weight:700}.step-info p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.5}.timeline-dot{background:var(--primary);opacity:.4;width:8px;height:8px;box-shadow:0 0 8px var(--primary);z-index:3;pointer-events:none;border-radius:50%;position:absolute;bottom:-21px;left:52px;transform:translate(-50%)}.step-card.active .timeline-dot{opacity:.8}.step-visual-display{justify-content:center;align-items:center;display:flex;position:relative}.visual-card{border:1px solid var(--border-light);text-align:center;background:#fff;border-radius:20px;width:100%;max-width:340px;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.visual-icon-wrap{justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 1.5rem;display:flex;position:relative}.visual-icon-circle{width:76px;height:76px;color:var(--primary);z-index:3;background:#dbeafe;border:1px solid #497aee59;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 20px #497aee26}.visual-icon-circle svg{width:32px;height:32px}.spotlight-ring{pointer-events:none;z-index:1;border:1px solid #497aee14;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spotlight-ring.ring-1{border-color:#497aee1f;width:110px;height:110px}.spotlight-ring.ring-2{border-color:#497aee0f;width:150px;height:150px}.spotlight-ring.ring-3{border-color:#497aee08;width:190px;height:190px}.spotlight-particles{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:var(--primary);opacity:.6;width:3px;height:3px;box-shadow:0 0 6px var(--primary);border-radius:50%;position:absolute}.particle.p1{width:2px;height:2px;top:25%;left:30%}.particle.p2{opacity:.8;top:18%;right:28%}.particle.p3{opacity:.4;bottom:30%;left:22%}.particle.p4{width:2px;height:2px;bottom:22%;right:35%}.particle.p5{opacity:.5;top:60%;right:18%}.particle.p6{opacity:.7;bottom:65%;left:15%}.visual-label{font-family:var(--font-quantico), sans-serif;color:var(--primary);letter-spacing:2px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.visual-card h3{color:var(--text-main);font-size:1.5rem;font-family:var(--font-quantico), sans-serif;margin-bottom:1rem;font-weight:700}.visual-card p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}.promises-divider{background:var(--border-light);width:100%;height:1px;margin:6rem 0 3rem}.promises-section{grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:0;display:grid}.promise-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:3rem 2.25rem;transition:all .3s cubic-bezier(.165,.84,.44,1);position:relative;box-shadow:0 4px 20px #497aee0a}.promise-card:hover{background:#fff;border-color:#497aee40;transform:translateY(-5px);box-shadow:0 12px 30px #497aee17}.promise-icon-wrap{justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1.5rem;display:flex;position:relative}.promise-icon-glow{filter:blur(4px);pointer-events:none;z-index:1;background:radial-gradient(circle,#497aee4d 0%,#0000 70%);border-radius:50%;width:32px;height:32px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promise-card:hover .promise-icon-glow{background:radial-gradient(circle,#497aee80 0%,#0000 70%);width:44px;height:44px}.promise-icon-box{width:56px;height:56px;color:var(--primary);z-index:2;background:linear-gradient(135deg,#f0f4ff 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.promise-icon-box svg{width:24px;height:24px;transition:transform .3s}.promise-card:hover .promise-icon-box{color:#fff;background:linear-gradient(135deg,#497aee 0%,#5f8bf3 100%);border-color:#0000;box-shadow:0 8px 16px #497aee38}.promise-card:hover .promise-icon-box svg{transform:scale(1.05)}.promise-index{font-family:var(--font-quantico), sans-serif;color:var(--text-muted);opacity:.35;font-size:.85rem;font-weight:700;transition:all .3s;position:absolute;top:1.25rem;right:1.5rem}.promise-card:hover .promise-index{color:var(--primary);opacity:.9}.promise-card h4{color:var(--text-main);font-size:1.25rem;font-weight:800;font-family:var(--font-quantico), sans-serif;margin-bottom:.5rem}.promise-card p{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.6}@media (max-width:1024px){.how-it-works-grid{grid-template-columns:1fr;gap:3rem}.step-visual-display{display:none}}@media (max-width:768px){.promises-section{grid-template-columns:1fr;gap:1.5rem;padding-top:3rem}.step-card{gap:1rem;padding:1.25rem 1rem}.timeline-line{top:40px;bottom:40px;left:38px}.timeline-dot{bottom:-21px;left:38px}.step-number{width:46px;min-width:46px;height:46px;font-size:.85rem}.step-icon-box{border-radius:10px;width:46px;min-width:46px;height:46px}.step-icon-box svg{width:20px;height:20px}}
.why-atelier{background:#fff;padding:6rem 0;position:relative;overflow:hidden}.why-atelier:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% 30%,#497aee0d 0%,#0000 50%);position:absolute;inset:0}.why-atelier>.container{z-index:1;position:relative}.why-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.why-card{--mouse-x:50%;--mouse-y:50%;border:1px solid var(--border-light);background:#fff;border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000d}.why-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #497aee14, transparent 40%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.why-card:hover:before{opacity:1}.why-card:hover{background:#fff;border-color:#497aee66;transform:translateY(-5px);box-shadow:0 12px 30px #497aee1a}.why-card.highlight{background:#dbeafe;border-color:#497aee59;box-shadow:0 4px 16px #0000000d,0 0 20px #497aee0f}.why-card.highlight:hover{background:#dbeafe;box-shadow:0 12px 30px #497aee1f}.why-icon{z-index:1;width:48px;height:48px;color:var(--primary);background:#dbeafe;border:1px solid #497aee40;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:10px;transition:all .4s;display:flex;position:relative}.why-icon svg{width:28px;height:28px}.why-card:hover .why-icon{background:#497aee26;border-color:#497aee66;transform:scale(1.05)}.why-card h3{color:var(--text-main);z-index:1;margin-bottom:.75rem;font-size:1.4rem;position:relative}.why-card p{color:var(--text-muted);z-index:1;margin:0;font-size:.95rem;line-height:1.6;position:relative}@media (max-width:768px){.why-grid{grid-template-columns:1fr;gap:1.25rem}.why-card{padding:1.75rem}.why-card h3{font-size:1.2rem}.why-card p{font-size:.85rem}}
.use-cases-preview{background:var(--bg-dark);padding:6rem 0;position:relative;overflow:hidden}.use-cases-tab-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3.5rem;display:flex}.uc-tab-btn{border:1px solid var(--border-light);color:var(--text-muted);font-family:var(--font-quantico), sans-serif;text-transform:uppercase;background:#fff;border-radius:50px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.uc-tab-btn:hover{color:var(--text-main);background:#fff;border-color:#497aee4d}.uc-tab-btn.active{border-color:var(--primary);color:var(--primary);background:#dbeafe;box-shadow:0 0 16px #497aee1a}.uc-tab-icon{align-items:center;width:18px;height:18px;display:flex}.uc-tab-icon svg{width:18px;height:18px}.use-case-display-card{border:1px solid var(--border-light);background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:3.5rem;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000000f}.uc-display-content{flex-direction:column;align-items:flex-start;display:flex}.uc-display-content h3{color:var(--text-main);margin:1rem 0;font-size:2rem}.uc-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.uc-benefit-box{border-left:3px solid var(--primary);background:#dbeafe;border-radius:0 8px 8px 0;padding:1rem 1.5rem}.uc-benefit-box strong{color:var(--primary);text-transform:uppercase;font-size:.85rem;font-family:var(--font-quantico), sans-serif;margin-bottom:.25rem;display:block}.uc-benefit-box p{color:var(--text-main);margin:0;font-size:.95rem}.uc-display-visual{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.preview-email-frame{border:1px solid var(--border-light);z-index:2;background:#fff;border-radius:12px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 8px 24px #00000014}.email-header{background:var(--bg-dark);border-bottom:1px solid var(--border-light);color:var(--text-muted);flex-direction:column;gap:.25rem;padding:.6rem 1rem;font-size:.7rem;display:flex}.email-header span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.email-content{color:var(--text-muted);background:#fff;padding:1.5rem;font-size:.85rem;line-height:1.5}.email-content h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem}.weekly-stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.w-stat{text-align:center;background:#dbeafe;border:1px solid #497aee26;border-radius:8px;padding:.75rem}.w-val{color:var(--primary);font-size:1.5rem;font-weight:700;font-family:var(--font-quantico), sans-serif;display:block}.w-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.receipt-header{text-align:center;border-bottom:1px dashed var(--border-light);margin-bottom:1rem;padding-bottom:1rem}.receipt-header span{text-transform:uppercase;font-size:.75rem}.receipt-header h3{color:var(--primary);margin-top:.25rem;font-size:1.8rem}.receipt-details{flex-direction:column;gap:.5rem;font-size:.75rem;display:flex}.r-row{justify-content:space-between;display:flex}.r-row span:last-child{color:var(--text-main);font-weight:700}@media (max-width:1024px){.use-case-display-card{grid-template-columns:1fr;gap:3rem;padding:2.5rem}}@media (max-width:768px){.use-case-display-card{border-radius:16px;padding:1.5rem}.uc-display-content h3{font-size:1.6rem}.uc-desc{font-size:.95rem}}
.closing-cta-section{text-align:center;background:#fff;padding:8rem 0;position:relative;overflow:hidden}.closing-cta-section:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#497aee0a 0%,#0000 70%);width:600px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:1;border:1px solid var(--border-light);background:#fff;border-radius:24px;max-width:800px;margin:0 auto;padding:4.5rem 2.5rem;position:relative;box-shadow:0 8px 30px #0000000d}.closing-cta-section h2{color:var(--text-main);letter-spacing:-.02em;margin-bottom:1rem;font-size:2.8rem;font-weight:800;line-height:1.2}.closing-cta-section p{color:var(--text-muted);margin-bottom:3rem;font-size:1.35rem}.cta-actions{justify-content:center;align-items:center;gap:1.5rem;display:flex}.cta-btn-primary,.cta-btn-secondary{border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem}@media (max-width:1024px){.closing-cta-section{padding:6rem 0}.closing-cta-section h2{font-size:2.3rem}.cta-content{padding:3.5rem 2rem}}@media (max-width:768px){.closing-cta-section{padding:4rem 1rem}.cta-content{border-radius:16px;margin:0;padding:2.5rem 1.5rem}.closing-cta-section h2{font-size:1.8rem}.closing-cta-section p{margin-bottom:2rem;font-size:1.1rem}.cta-actions{flex-direction:column;gap:1rem;width:100%;max-width:300px;margin:0 auto}.cta-btn-primary,.cta-btn-secondary{width:100%;padding:.9rem 2rem}}