.hero[data-v-1c08b2b4]{background:linear-gradient(180deg,#2c3e50,#1a252f);position:relative;overflow:hidden}.hero[data-v-1c08b2b4]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff14,#fff0 80%);transform:rotate(30deg);z-index:0}.hero .container[data-v-1c08b2b4]{position:relative;z-index:1}.hero-features[data-v-1c08b2b4]{display:flex;flex-direction:column;gap:.75rem}.feature-item[data-v-1c08b2b4]{display:flex;align-items:center;font-size:1.1rem;font-weight:500}.feature-item i[data-v-1c08b2b4]{font-size:1.2rem}.demo-container[data-v-1c08b2b4]{position:relative;width:100%;background-color:#1e293b;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.editor-frame[data-v-1c08b2b4]{display:flex;flex-direction:column;gap:1rem}.editor-preview-card[data-v-1c08b2b4]{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:1rem;transition:all .2s ease}.editor-preview-card.active[data-v-1c08b2b4]{background:#3b82f626;border-color:#3b82f680;box-shadow:0 0 15px #3b82f633}.editor-card-header[data-v-1c08b2b4]{display:flex;align-items:center;margin-bottom:.5rem}.editor-card-body p[data-v-1c08b2b4]{font-size:1rem;line-height:1.5}.how-it-works[data-v-1c08b2b4]{background-color:#f8f9fa}.step-card[data-v-1c08b2b4]{background:#fff;border-radius:20px;padding:2rem 1.5rem;box-shadow:0 8px 25px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.step-card[data-v-1c08b2b4]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);opacity:0;transition:opacity .3s ease}.step-card[data-v-1c08b2b4]:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.step-card[data-v-1c08b2b4]:hover:before{opacity:1}.step-number[data-v-1c08b2b4]{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-icon[data-v-1c08b2b4]{margin-bottom:1rem}.step-icon i[data-v-1c08b2b4]{font-size:2.5rem;color:#3b82f6}.step-card h4[data-v-1c08b2b4]{color:#333;font-weight:600;margin-bottom:1rem}.features[data-v-1c08b2b4]{background-color:#fff}.feature-box[data-v-1c08b2b4]{background:#fff;border-radius:12px;padding:2rem;height:100%;box-shadow:0 4px 15px #0000000d;border:1px solid #e2e8f0;transition:transform .3s ease,box-shadow .3s ease}.feature-box[data-v-1c08b2b4]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.feature-icon[data-v-1c08b2b4]{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.feature-box h5[data-v-1c08b2b4]{color:#1e293b;font-weight:600;margin-bottom:.75rem}.use-case-box[data-v-1c08b2b4]{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;height:100%;transition:transform .2s ease}.use-case-box[data-v-1c08b2b4]:hover{transform:translateY(-3px)}.use-case-icon[data-v-1c08b2b4]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.intro-faq-list[data-v-1c08b2b4]{max-width:800px;margin:0 auto}.intro-faq-item[data-v-1c08b2b4]{background:#fff;border-radius:10px;margin-bottom:1rem;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0}.intro-faq-item summary[data-v-1c08b2b4]{font-weight:600;font-size:1.1rem;color:#1e293b;cursor:pointer;outline:none}.intro-faq-item p[data-v-1c08b2b4]{margin-top:1rem;margin-bottom:0;color:#64748b;line-height:1.7}.intro-related-tools[data-v-1c08b2b4]{max-width:800px;margin:3rem auto 0;text-align:center}.intro-related-tools h4[data-v-1c08b2b4]{font-weight:600;color:#334155;margin-bottom:1.25rem}.related-tools-pills[data-v-1c08b2b4]{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.related-tool-pill[data-v-1c08b2b4]{display:inline-flex;align-items:center;padding:.6rem 1.2rem;border-radius:50px;background:#fff;border:1px solid #cbd5e1;color:#334155;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease}.related-tool-pill[data-v-1c08b2b4]:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-2px)}.btn[data-v-1c08b2b4]{transition:all .3s ease-in-out}.btn-light[data-v-1c08b2b4]{background-color:#fff;color:#2c3e50;border:none;font-weight:600}.btn-light[data-v-1c08b2b4]:hover{transform:translateY(-2px);box-shadow:0 .25rem .5rem #00000026;background-color:#f8f9fa}@media (max-width: 768px){.hero-features[data-v-1c08b2b4]{flex-direction:column}}