:root{--primary-color:#f28482;--secondary-color:#3d405b;--bg-light:#fffbf5;--white:#fff;--text-dark:#3d405b;--text-muted:#666;--font-family:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--white);color:var(--text-dark);line-height:1.6;overflow-x:hidden}section{padding:100px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-weight:800;line-height:1.2}span{color:var(--primary-color)}.btn{cursor:pointer;text-align:center;border:none;border-radius:50px;padding:16px 36px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #f284824d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f2848266}.btn-outline{border:2px solid var(--secondary-color);color:var(--secondary-color);background:0 0}.btn-outline:hover{background:var(--secondary-color);color:#fff}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.header-spacer{height:80px}.cms-hero{background-color:var(--bg-light);text-align:center;padding:120px 0 80px}.cms-hero h1{color:var(--secondary-color);margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem)}.cms-hero p{color:var(--text-muted);max-width:600px;margin:0 auto 40px;font-size:1.15rem}.builder-interface{text-align:left;background:#fff;border:1px solid #eee;border-radius:20px;max-width:900px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a}.builder-sidebar{background:#fdfdfd;border-right:1px solid #eee;width:220px;padding:25px}.sidebar-title{color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:.75rem;font-weight:700}.widget-item{color:#555;cursor:grab;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 15px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000005}.widget-item:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translate(5px)}.widget-icon{color:var(--secondary-color);opacity:.7}.builder-canvas{background-image:radial-gradient(#e0e0e0 1px,#0000 1px);background-size:20px 20px;flex:1;padding:40px;position:relative}.canvas-block{border:2px dashed #0000;margin-bottom:20px;transition:all .2s;position:relative}.canvas-block:hover{border-color:var(--primary-color)}.mock-hero{text-align:center;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 30px #0000000d}.mock-nav{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;height:50px;margin-bottom:30px;padding:0 20px;display:flex;box-shadow:0 2px 10px #00000008}.mock-lines{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.mock-line{background:#f0f0f0;border-radius:10px;height:10px}.cursor-hand{z-index:100;color:var(--secondary-color);filter:drop-shadow(2px 4px 6px #0000004d);font-size:2rem;animation:4s ease-in-out infinite drag-drop-smooth;position:absolute}@keyframes drag-drop-smooth{0%{top:35%;left:10%;transform:rotate(-15deg)}25%{top:35%;left:10%;transform:scale(.9)rotate(-15deg)}50%{top:60%;left:50%;transform:scale(.9)rotate(-15deg)}75%{top:60%;left:50%;transform:scale(1)rotate(-15deg)}to{top:35%;left:10%;transform:rotate(-15deg)}}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;display:grid}.feat-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:28px 24px;transition:all .3s;box-shadow:0 4px 15px #0000000d}.feat-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.feat-icon{color:var(--primary-color);margin-bottom:16px;font-size:1.8rem}.feat-card h3{color:var(--secondary-color);margin-bottom:8px;font-size:1.05rem}.feat-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.process-section{background:#fff}.process-steps{counter-reset:step-counter;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;display:grid}.process-card{text-align:center;position:relative}.process-card:before{counter-increment:step-counter;content:counter(step-counter);background:var(--bg-light);width:50px;height:50px;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:1.2rem;font-weight:800;display:grid}.process-card:not(:last-child):after{content:"";z-index:-1;background:#eee;width:80%;height:2px;position:absolute;top:25px;left:60%}.blog-feature{background:var(--secondary-color);color:#fff;border-radius:30px;margin:40px 0;padding:80px}.blog-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.blog-feature h2{margin-bottom:20px;font-size:2.5rem}.blog-feature p{opacity:.8;margin-bottom:30px;font-size:1.1rem}.check-list li{align-items:center;gap:10px;margin-bottom:15px;display:flex}.check-list i{color:#f28482}.integrations-section{background:#fdfdfd;border-top:1px solid #eee}.integration-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;display:grid}.integration-box{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:25px;display:flex}.integration-box i{color:var(--secondary-color);font-size:2rem}.theme-section{text-align:center;background:#fff}.theme-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:30px;padding:40px 20px;display:flex;overflow-x:auto}.theme-card{background:var(--bg-light);scroll-snap-align:center;border:1px solid #eee;border-radius:12px;min-width:300px;transition:all .3s;overflow:hidden}.theme-card:hover{transform:scale(1.05)}.theme-preview{background:#ddd;height:200px;position:relative}.theme-info{padding:20px}.theme-tag{color:var(--primary-color);background:#fff;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.faq-grid{grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;display:grid}.faq-item{background:#f8f9fa;border-radius:15px;padding:25px}.faq-item h4{color:var(--secondary-color);margin-bottom:10px}.main-footer{background:#fff;border-top:1px solid #eee;padding:80px 0 20px}@media (width<=992px){section{padding:60px 0}.cms-hero h1{font-size:2.5rem}.builder-interface{flex-direction:column}.builder-sidebar{border-bottom:1px solid #eee;border-right:none;gap:10px;width:100%;padding:15px;display:flex;overflow-x:auto}.widget-item{white-space:nowrap;flex-shrink:0;margin-bottom:0;font-size:.8rem}.builder-canvas{min-height:300px;padding:20px}.features-grid,.process-steps,.integration-grid,.faq-grid{grid-template-columns:1fr}.process-steps{gap:50px}.process-card:not(:last-child):after{display:none}.blog-grid{text-align:center;grid-template-columns:1fr}.blog-feature{padding:40px 20px}.check-list{text-align:left;margin-top:20px;display:inline-block}.btn{width:100%}.cursor-hand{display:none}}@media (width<=768px){.feat-card{grid-column:span 1}section div[style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr!important}}