*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.navbar{background:hsla(0,0%,100%,.97);border-bottom:3px solid;border-image:linear-gradient(135deg,#5a78ff7c,#ab59fc6b);border-image-slice:1;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.navbar .container{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,16px);justify-content:space-between;padding-bottom:clamp(.65rem,1.5vw,1rem);padding-top:clamp(.65rem,1.5vw,1rem)}.navbar-brand{align-items:center;display:inline-flex;flex-shrink:1;gap:clamp(.25rem,.8vw,.4rem);min-width:0;text-decoration:none}.emoji{all:unset;display:inline;flex-shrink:0;font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:1}.logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:clamp(1rem,2.2vw + .4rem,1.5rem);font-weight:700;line-height:1.2}.navbar-actions{flex-shrink:0}.nav-links,.navbar-actions{align-items:center;display:flex;gap:clamp(12px,2.5vw,24px)}.back-link,.nav-link{color:#667eea;font-size:clamp(.875rem,1.4vw,1rem);font-weight:500;line-height:1.3;text-decoration:none;transition:color .2s;white-space:nowrap}.back-link:hover,.nav-link:hover{color:#764ba2}.btn-nav-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-block;font-size:clamp(.8125rem,1.2vw,.9375rem);font-weight:600;padding:8px 18px;text-decoration:none;transition:all .3s;white-space:nowrap}.btn-nav-cta:hover{box-shadow:0 6px 16px rgba(102,126,234,.45);color:#fff;transform:translateY(-1px)}.btn-lg{font-size:1.05rem;padding:16px 36px}.hero{background:linear-gradient(135deg,#5a78ffd6,#aa59fcda);color:#fff;padding:clamp(60px,10vw,100px) 0}.hero-inner{align-items:center;display:grid;gap:clamp(32px,5vw,56px);grid-template-columns:1fr 1fr;text-align:left}.hero-content{min-width:0}.hero-badge{background:hsla(0,0%,100%,.2);border-radius:50px;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.25rem;padding:6px 14px}.hero-title{font-size:clamp(2rem,4.5vw,3rem);line-height:1.15;margin-bottom:20px}.highlight{background:hsla(0,0%,100%,.2);border-radius:50px;display:inline-block;padding:5px 20px}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:28px;max-width:36rem;opacity:.95}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:1.5rem}.hero-trust{display:flex;flex-direction:column;font-size:.9375rem;gap:.5rem;list-style:none;opacity:.92}.hero-trust li:before{content:"✓ ";font-weight:700}.hero-visual{background-position:50%;background-size:cover;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.2);margin:0;min-height:420px}.hero-visual.has-image .image-placeholder-label{display:none}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;padding:12px 30px;text-decoration:none;transition:all .3s}.btn-primary{background:#fff;color:#667eea;font-weight:600}.btn-primary:hover{box-shadow:0 10px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#667eea}.image-placeholder{align-items:center;background-color:rgba(102,126,234,.06);border:2px dashed rgba(102,126,234,.45);display:flex;justify-content:center;position:relative}.image-placeholder-label{color:#667eea;font-size:.8125rem;line-height:1.5;padding:12px;pointer-events:none;text-align:center}.image-placeholder-label code{font-size:.75rem;word-break:break-all}.image-placeholder-label--compact{font-size:.7rem}.image-placeholder-label--tiny{font-size:.65rem}.image-placeholder--round{border-radius:50%;flex-shrink:0;height:56px;width:56px}.has-image{background-color:transparent;border:none}.has-image .image-placeholder-label{display:none}.stats-bar{background:#fff;border-bottom:1px solid #eee;padding:clamp(24px,4vw,40px) 0}.stats-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);text-align:center}.stat strong{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:4px}.stat span{color:#666;font-size:.875rem}.section-header{margin:0 auto 48px;max-width:640px;text-align:center}.section-title{font-size:clamp(1.75rem,3vw,2rem);margin-bottom:12px;text-align:center}.section-lead{color:#666;font-size:1.05rem}.section-lead--muted{font-size:.9375rem;font-style:italic}.how-it-works{padding:clamp(60px,8vw,80px) 0}.steps-list{counter-reset:none;display:grid;gap:28px;grid-template-columns:repeat(3,1fr);list-style:none}.step-card{background:#f8f9fa;border:1px solid #eee;border-radius:16px;padding:28px 24px;position:relative;transition:box-shadow .25s,transform .25s}.step-card:hover{box-shadow:0 8px 24px rgba(102,126,234,.12);transform:translateY(-2px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:inline-flex;font-size:1.125rem;font-weight:700;height:40px;justify-content:center;margin-bottom:16px;width:40px}.step-card h3{font-size:1.15rem;margin-bottom:10px}.step-card p{color:#555;font-size:.9375rem;margin-bottom:12px}.step-link{color:#667eea;font-size:.9375rem;font-weight:600;text-decoration:none}.step-link:hover{color:#764ba2}.events{background:#f8f9fa;padding:clamp(60px,8vw,80px) 0}.events-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.event-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.06);padding:28px 22px;text-align:center;transition:transform .25s}.event-card:hover{transform:translateY(-3px)}.event-icon{display:block;font-size:2.5rem;margin-bottom:12px}.event-card h3{margin-bottom:10px}.event-card p{color:#555;font-size:.9rem}.examples{background:#fff;padding:clamp(60px,8vw,80px) 0}.examples-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.example-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);overflow:hidden}.example-preview{aspect-ratio:1/1.414;background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.wedding-bg:not(.has-image){background:linear-gradient(135deg,#f093fb,#f5576c)}.birthday-bg:not(.has-image){background:linear-gradient(135deg,#4facfe,#00f2fe)}.corporate-bg:not(.has-image){background:linear-gradient(135deg,#43e97b,#38f9d7)}.example-preview.has-image{background-color:#f5f5f5;background-image:var(--preview-image)!important;background-position:50%;background-repeat:no-repeat;background-size:cover}.example-card-body{padding:20px 22px 24px}.example-card-body h3{margin-bottom:8px;text-align:left}.example-card-body p{color:#666;font-size:.9rem;margin-bottom:12px}.example-link{color:#667eea;font-size:.9rem;font-weight:600;text-decoration:none}.example-link:hover{color:#764ba2}.features{background:#f8f9fa;padding:clamp(60px,8vw,80px) 0}.features-grid{display:grid;gap:36px 28px;grid-template-columns:repeat(3,1fr)}.feature{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.04);padding:28px 20px;text-align:center}.feature-icon{font-size:2.5rem;margin-bottom:16px}.feature h3{margin-bottom:8px}.feature p{color:#555;font-size:.9rem}.testimonials{padding:clamp(60px,8vw,80px) 0}.testimonials-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.testimonial-card{background:#f8f9fa;border:1px solid #eee;border-radius:16px;display:flex;flex-direction:column;gap:12px;margin:0;padding:24px}.testimonial-card p{color:#444;flex:1;font-size:.9375rem}.testimonial-card footer{background:none;color:#888;font-size:.875rem;padding:0;text-align:left}.testimonial-card cite{color:#667eea;font-style:normal;font-weight:600}.testimonial-avatar.has-image{background-position:50%;background-size:cover}.faq{background:#f8f9fa;padding:clamp(60px,8vw,80px) 0}.faq-list{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:720px}.faq-item{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden}.faq-item summary{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:18px 22px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:#667eea;content:"+";flex-shrink:0;font-size:1.25rem;font-weight:400;margin-left:12px}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#555;font-size:.9375rem;padding:0 22px 18px}.faq-item a{color:#667eea}.cta-final{background:linear-gradient(135deg,#5a78ffd6,#aa59fcda);color:#fff;padding:clamp(56px,8vw,72px) 0;text-align:center}.cta-final-inner h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:12px}.cta-final-inner p{margin-bottom:28px;margin-left:auto;margin-right:auto;max-width:520px;opacity:.95}footer{background:#333;color:#fff;padding:40px 0 32px}.footer-inner{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:0 20px}.footer-nav{border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-bottom:1.5rem}.footer-nav a{color:hsla(0,0%,100%,.85);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#fff}.footer-bottom{align-items:center;font-size:.875rem;justify-content:space-between}.footer-bottom,.footer-brand{display:flex;flex-wrap:wrap;gap:1rem}.footer-brand{align-items:baseline}.logo--footer{-webkit-text-fill-color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset;color:#fff;font-size:1rem;font-weight:700}.footer-tagline{color:hsla(0,0%,100%,.7);font-size:.8rem}.footer-copyright{color:hsla(0,0%,100%,.6)}.footer-legal-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-legal{color:hsla(0,0%,100%,.6);font-size:.8rem;text-decoration:none}.footer-legal:hover{color:#fff}@media (max-width:992px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-trust{align-items:center}.hero-visual{margin:0 auto;max-width:400px;width:100%}.events-grid,.features-grid,.stats-grid,.steps-list,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links .nav-link:not(.btn-nav-cta):not([href="/templates.html"]){display:none}.hero-buttons{align-items:stretch;flex-direction:column}.btn{max-width:none;text-align:center;width:100%}.events-grid,.examples-grid,.features-grid,.steps-list,.testimonials-grid{grid-template-columns:1fr}.stats-grid{gap:16px;grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}.footer-brand{justify-content:center}.footer-nav{gap:1rem}.footer-nav a{font-size:.85rem}.example-preview{height:220px}}@media (max-width:480px){.navbar .container{padding-left:12px;padding-right:12px}.nav-links,.navbar-actions{gap:10px}}@media (max-width:360px){.logo{font-size:.95rem}.back-link,.nav-link{font-size:.8125rem}}@media (max-width:768px){.examples-grid{display:grid;gap:24px;grid-template-columns:1fr;max-width:100%}.example-card{margin:0 auto;max-width:100%;width:100%}.example-preview{aspect-ratio:1/1.414;background-position:50%!important;background-size:cover!important;height:auto;max-width:100%;width:100%}.example-card-body{padding:16px 20px 20px}}@media (max-width:480px){.example-card{max-width:100%}.example-preview{aspect-ratio:1/1.414;background-size:cover!important;width:100%}}@media (max-width:768px){.hero .hero-visual,.hero figure.hero-visual{display:none}}@media (max-width:576px){.hero-inner{grid-template-columns:1fr}.hero-trust,.hero-visual{display:none}}