:root{--primary-color:#f28482;--secondary-color:#3d405b;--bg-light:#fffbf5;--white:#fff;--accent:#f4a261;--success:#2ecc71;--warning:#f1c40f;--danger:#e74c3c;--text-dark:#3d405b;--text-muted:#666;--font-family:"Inter", sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden}section{padding:clamp(60px,8vw,100px) 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-family:var(--font-display);color:var(--secondary-color);line-height:1.2}p{color:var(--text-muted);font-size:1.1rem}span.highlight{color:var(--primary-color)}a{text-decoration:none}.btn{font-weight:700;font-family:var(--font-family);cursor:pointer;text-align:center;border:none;border-radius:50px;padding:16px 36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-primary{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #f284824d}.btn-primary:hover{background-color:#e07573;transform:translateY(-3px);box-shadow:0 8px 25px #f2848266}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3d405b66}.hero{padding:160px 0 80px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-content h1{margin-bottom:25px;font-size:clamp(2.5rem,5vw,4rem)}.hero-content p{margin-bottom:35px;font-size:1.15rem}.glass-card{backdrop-filter:blur(20px);background:#ffffffd9;border:2px solid #fff;border-radius:30px;padding:40px;position:relative;box-shadow:0 30px 60px #00000014}.brand-previewer h3{text-align:center;margin-bottom:20px;font-size:1.8rem}.brand-input{width:100%;font-size:1.2rem;font-family:var(--font-family);color:var(--secondary-color);text-align:center;border:2px solid #eee;border-radius:15px;outline:none;padding:15px 20px;font-weight:700;transition:all .3s;box-shadow:inset 0 2px 5px #00000005}.brand-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #f284821a}.brand-input::placeholder{color:#ccc;font-weight:500}.preview-stage{perspective:1000px;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.mockup-item{transform-style:preserve-3d;background:#fff;border:1px solid #eee;border-radius:15px;transition:all .5s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.mockup-item:hover{transform:translateY(-5px)rotateY(5deg);box-shadow:0 15px 40px #0000001a}.mockup-label{text-align:center;width:100%;color:var(--text-muted);background:#ffffffe6;border-top:1px solid #eee;padding:10px;font-size:.8rem;font-weight:700;position:absolute;bottom:0;left:0}.website-mockup{width:220px;height:160px}.mockup-header{background:#f0f0f0;border-bottom:1px solid #e0e0e0;gap:4px;padding:6px 10px;display:flex}.mockup-header i{font-size:.5rem}.mockup-nav{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px;display:flex}.nav-lines{background:#eee;border-radius:4px;width:30px;height:8px}.mockup-body{padding:15px}.mockup-hero{background:#fdf2f2;border:1px solid #f9e5e5;border-radius:8px;width:100%;height:40px}.brand-text{color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.9rem;font-weight:900;transition:color .3s;overflow:hidden}.cert-mockup{justify-content:center;align-items:center;width:200px;height:160px;padding:10px;display:flex}.cert-border{text-align:center;border:4px double #f28482;border-radius:5px;flex-direction:column;justify-content:center;width:100%;height:100%;padding:15px 10px;display:flex}.cert-title{color:var(--secondary-color);margin-bottom:5px;font-family:Playfair Display,serif;font-size:.6rem;font-weight:700}.cert-subtitle{color:#999;text-transform:uppercase;margin-bottom:5px;font-size:.4rem}.cert-brand{color:var(--primary-color);text-overflow:ellipsis;max-width:100%;font-family:Playfair Display,serif;font-size:1rem;overflow:hidden}.belt-wrapper{white-space:nowrap;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;padding:15px 0;display:flex;overflow:hidden}.belt-primary{background:var(--primary-color);color:#fff;border:none}.belt-secondary{background:var(--secondary-color);color:#fff;border:none}.belt-content{align-items:center;gap:40px;padding-right:40px;animation:30s linear infinite scroll-left;display:flex}.belt-item{align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.belt-item i{font-size:1.2rem}.belt-primary .belt-item i{color:#ffeaea}.belt-secondary .belt-item i{color:var(--primary-color)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.content-split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin:100px 0;display:grid}.content-split.reverse{direction:rtl}.content-split.reverse>*{direction:ltr}.split-text h2{margin-bottom:20px;font-size:2.5rem}.split-text p{margin-bottom:20px;font-size:1.15rem}.split-visual{border-radius:30px;position:relative}.visual-mockup{text-align:center;background:#fff;border:1px solid #eee;border-radius:30px;padding:40px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000014}.visual-mockup i{margin-bottom:25px;font-size:5rem}.visual-mockup h3{margin-bottom:15px;font-size:1.8rem}.section-title{text-align:center;margin-bottom:60px}.section-title h2{margin-bottom:15px;font-size:2.8rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:20px;padding:40px;transition:all .3s}.feature-card:hover{border-color:var(--primary-color);transform:translateY(-10px);box-shadow:0 15px 30px #0000000d}.feature-icon{width:70px;height:70px;color:var(--primary-color);background:#fff0f0;border-radius:20px;justify-content:center;align-items:center;margin-bottom:25px;font-size:1.8rem;transition:all .3s;display:inline-flex}.feature-card:hover .feature-icon{background:var(--primary-color);color:#fff}.feature-card h3{margin-bottom:15px;font-size:1.4rem}.faq-section{max-width:800px;margin:0 auto}.faq-item{background:#fff;border:1px solid #eee;border-radius:15px;margin-bottom:15px;transition:all .3s;overflow:hidden}.faq-header{cursor:pointer;color:var(--secondary-color);user-select:none;justify-content:space-between;align-items:center;padding:20px 25px;font-size:1.1rem;font-weight:700;display:flex}.faq-header i{color:var(--primary-color);transition:all .3s}.faq-body{max-height:0;color:var(--text-muted);padding:0 25px;transition:max-height .3s ease-out,padding .3s;overflow:hidden}.faq-item.active{border-color:var(--primary-color);box-shadow:0 10px 20px #00000008}.faq-item.active .faq-header i{transform:rotate(180deg)}.faq-item.active .faq-body{max-height:500px;padding:0 25px 20px}.cta-box{background:var(--secondary-color);text-align:center;border-radius:40px;margin-top:50px;padding:80px 40px;position:relative;overflow:hidden}.cta-box h2{color:#fff;z-index:2;margin-bottom:20px;font-size:3rem;position:relative}.cta-box p{color:#ccc;z-index:2;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.2rem;position:relative}.cta-shape{background:var(--primary-color);opacity:.2;filter:blur(40px);border-radius:50%;position:absolute}@media (width<=992px){.hero-grid,.content-split{grid-template-columns:1fr;gap:50px}.content-split.reverse{direction:ltr}.hero-content{text-align:center}.hero-content p{margin:0 auto 30px}}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}