:root{--primary:#7c3aed;--primary-dark:#6d28d9;--secondary:#ec4899;--success:#10b981;--info:#3b82f6;--dark:#1f2937;--gray:#6b7280;--light-gray:#f3f4f6;--white:#ffffff;--bg:#f9fafb;--gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--radius:14px;--shadow:0 8px 24px rgba(17, 24, 39, 0.12);--maxw:1280px;--asidew:260px;--ctaw:260px;--h1-mobile:2.25rem;--h1-desktop:3rem;--h2-mobile:1.75rem;--h2-desktop:2.125rem;--h3-mobile:1.35rem;--h3-desktop:1.6rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--dark);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.bp-article-body a:not(.bp-btn):not(.btn):not(.cta-button),.post-content a:not(.bp-btn):not(.btn):not(.cta-button),.styled-text a:not(.bp-btn):not(.btn):not(.cta-button),.main-text a:not(.bp-btn):not(.btn):not(.cta-button){color:var(--primary);text-decoration:underline}.bp-article-body a:not(.bp-btn):not(.btn):not(.cta-button):hover,.post-content a:not(.bp-btn):not(.btn):not(.cta-button):hover,.styled-text a:not(.bp-btn):not(.btn):not(.cta-button):hover,.main-text a:not(.bp-btn):not(.btn):not(.cta-button):hover{text-decoration:underline}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.table-wrap{width:100%;max-width:100%;display:block;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 5px 20px rgb(0 0 0 / .08);margin:16px 0}.hero{background:var(--gradient);padding:60px 20px;text-align:center;color:var(--white);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.1)" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,133.3C960,128,1056,96,1152,90.7C1248,85,1344,107,1392,117.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover}.hero-content{position:relative;z-index:1}.logo{width:100px;height:100px;margin:0 auto 20px;background:var(--white);border-radius:20px;padding:10px;box-sizing:content-box;box-shadow:0 10px 30px rgb(0 0 0 / .2);display:flex;align-items:center;justify-content:center;font-size:2rem}h1{font-size:var(--h1-mobile);font-weight:800;margin-bottom:20px;line-height:1.15;text-shadow:2px 2px 4px rgb(0 0 0 / .1)}.hero-subtitle{font-size:1.25rem;margin-bottom:30px;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto}.hero-badges{margin-top:30px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.badge{background:rgb(255 255 255 / .2);padding:8px 16px;border-radius:20px;font-size:.9rem;backdrop-filter:blur(10px)}.cta-button{display:inline-block;padding:15px 40px;background:var(--white);color:var(--primary);text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;box-shadow:0 10px 30px rgb(0 0 0 / .2);transition:transform 0.3s,box-shadow 0.3s}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgb(0 0 0 / .3)}section{padding:60px 0}section:nth-of-type(even){background:var(--light-gray)}h2{font-size:var(--h2-mobile);font-weight:700;margin-bottom:30px;color:var(--dark);text-align:center;position:relative;padding-bottom:15px;line-height:1.3}h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--gradient);border-radius:2px}h3{font-size:var(--h3-mobile);font-weight:700;line-height:1.35;color:inherit;margin:0 0 18px}.card{background:var(--white);border-radius:16px;padding:30px;box-shadow:0 5px 20px rgb(0 0 0 / .08);margin-bottom:20px;transition:transform 0.3s,box-shadow 0.3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(0 0 0 / .12)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.feature-card{text-align:center;padding:30px}.feature-icon{width:60px;height:60px;margin:0 auto 20px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}table{width:100%;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgb(0 0 0 / .08)}th{background:var(--gradient);color:var(--white);padding:15px;text-align:left;font-weight:600}td{padding:15px;border-bottom:1px solid var(--light-gray)}tr:last-child td{border-bottom:none}.pros-cons{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.pros h3,.cons h3{color:var(--dark);margin-bottom:20px;font-size:1.3rem}.pros ul,.cons ul{padding-left:20px}.pros li,.cons li{margin-bottom:15px;padding-left:10px}.pros li::marker{content:'\2713\00a0';color:var(--success);font-weight:700;font-size:1.2rem}.cons li::marker{content:'\2022\00a0';color:var(--gray);font-size:1.2rem}.steps{margin-top:30px}.step{display:flex;align-items:flex-start;margin-bottom:30px}.step-number{min-width:50px;height:50px;background:var(--gradient);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-right:20px}.step-content h4{margin-bottom:10px;color:var(--dark)}.testimonials{margin-top:30px}.testimonial{background:var(--white);padding:25px;border-radius:12px;margin-bottom:20px;border-left:4px solid;border-image:var(--gradient) 1}.testimonial p{font-style:italic;margin-bottom:10px;color:var(--dark)}.testimonial-author{color:var(--gray);font-size:.9rem}.faq-item{margin-bottom:20px}.faq-question{font-weight:600;color:var(--dark);margin-bottom:10px;font-size:1.1rem}.faq-answer{color:var(--gray);line-height:1.8;padding-left:20px}.cta-section{background:var(--gradient);color:var(--white);padding:40px;border-radius:20px;text-align:center;margin:40px 0}.cta-section h3{font-size:1.8rem;margin-bottom:15px}.cta-section p{font-size:1.1rem;margin-bottom:25px;opacity:.95}.cta-section .cta-button{background:var(--white);color:var(--primary)}.comparison-table tr.highlight{background:linear-gradient(90deg,rgb(124 58 237 / .05) 0%,rgb(236 72 153 / .05) 100%)}.check{color:var(--success);font-weight:700}.cross{color:var(--gray)}.star{color:gold}.bp-progress{position:fixed;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#764ba2 0%,#667eea 0 0);z-index:9999}.bp-progress[style]{background-size:var(--w,0%) 100%;background-repeat:no-repeat}.bp-breadcrumbs{max-width:var(--maxw);margin:0 auto;padding:8px 20px 0;color:#6b7280;font-size:.875rem}.bp-breadcrumbs a:hover{text-decoration:underline}.bp-hero--article{background:var(--bg);color:var(--dark);padding:36px 20px 12px;border-bottom:1px solid #e5e7eb}.bp-hero-inner{max-width:var(--maxw);margin:0 auto}.bp-article-title{font-size:var(--h1-mobile);line-height:1.2;margin:0 0 8px}.bp-article-meta{display:flex;flex-wrap:wrap;gap:12px;color:#6b7280;font-size:.95rem}.bp-article-meta .dot::before{content:'•';margin:0 8px;color:#9ca3af}.bp-container{max-width:var(--maxw);margin:0 auto;padding:28px 20px}.bp-grid{display:grid;grid-template-columns:1fr;gap:28px;grid-template-areas:'aside' 'main' 'cta'}@media (min-width:1024px){h1{font-size:var(--h1-desktop)}h2{font-size:var(--h2-desktop)}h3{font-size:var(--h3-desktop)}.bp-article-title{font-size:var(--h1-desktop)}.bp-grid{grid-template-columns:minmax(220px,var(--asidew)) minmax(0,1fr) minmax(220px,var(--ctaw));grid-template-areas:'aside main cta';align-items:start}.bp-article-body h2{font-size:var(--h2-desktop)}.bp-article-body h3{font-size:var(--h3-desktop)}}.bp-article-body{min-width:0;grid-area:main}.bp-article-body p{margin:10px 0;color:#374151;line-height:1.8}.bp-article-body h2{font-size:var(--h2-mobile);font-weight:800;color:var(--dark);margin:26px 0 12px;position:relative;padding-bottom:10px;text-align:center}.bp-article-body h2::after{content:'';position:absolute;left:50%;bottom:0;width:60px;height:4px;background:var(--gradient);border-radius:2px;transform:translateX(-50%)}.bp-article-body h3{font-size:var(--h3-mobile);text-align:center}.bp-article-body h4,.bp-article-body h5,.bp-article-body h6{text-align:center}.bp-article-body .faq-q,.bp-article-body .schema-faq-code h3{text-align:left}.bp-cover{margin:20px 0}.bp-cover img{width:100%;height:auto;border-radius:12px;box-shadow:0 5px 20px rgb(0 0 0 / .08)}.bp-cover figcaption{font-size:.9rem;color:var(--gray);margin-top:6px;text-align:center}.highlight-box{display:block;margin:16px auto;padding:22px 24px;border:2px solid rgb(100 100 255 / .25);border-radius:12px;background:rgb(245 245 255 / .5);box-shadow:0 0 10px rgb(102 126 234 / .35);transition:box-shadow 0.3s ease;max-width:800px}.highlight-box:hover{box-shadow:0 0 18px rgb(100 100 255 / .4)}.list--raw{list-style:none;margin:10px 0;padding:0}.list--raw li{margin:10px 0;color:#374151;line-height:1.8}.bp-poll .card-body{display:flex;flex-direction:column;gap:12px}.poll-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease}.poll-option:hover{border-color:var(--primary);box-shadow:0 6px 18px rgb(124 58 237 / .12)}.poll-option input{margin:0;accent-color:var(--primary)}.bp-more-articles{margin:40px 0;padding:28px;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(135deg,rgb(124 58 237 / .06),rgb(99 102 241 / .06));box-shadow:0 8px 24px rgb(17 24 39 / .08)}.more-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.more-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:18px;display:flex;flex-direction:column;gap:12px;transition:transform 0.2s ease,box-shadow 0.2s ease}.more-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgb(124 58 237 / .12)}table.bp-table{width:100%;border-collapse:collapse;background:#fff;min-width:640px}.bp-table th{background:var(--gradient);color:#fff;padding:12px;text-align:left}.bp-table td{padding:12px;border-bottom:1px solid var(--light-gray)}.bp-table tr:last-child td{border-bottom:none}aside.bp-aside{position:sticky;top:24px;align-self:start;height:fit-content;grid-area:aside}.bp-cta{grid-area:cta;position:sticky;top:24px;align-self:start;height:fit-content}.bp-cta .bp-card{margin:0}.bp-cta .bp-card+.bp-card{margin-top:16px}.bp-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:var(--shadow)}.bp-card+.bp-card{margin-top:16px}.bp-card h3{font-size:1rem;margin:0;padding:14px 16px;border-bottom:1px solid #e5e7eb}.bp-card .card-body{padding:14px 16px}.toc{list-style:none;padding:0;margin:0}.toc li{margin:8px 0}.toc a{display:block;text-decoration:none;color:#374151;font-size:.95rem;line-height:1.4}.toc a:hover{color:var(--primary)}.bp-cta-content{display:flex;flex-direction:column;gap:10px}.bp-cta-content p{margin:0;color:#374151}.bp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;border:1px solid #fff0;font-weight:600;text-decoration:none;cursor:pointer}.bp-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.bp-btn-primary:hover{filter:brightness(.98)}.bp-btn-ghost{background:#fff;border-color:#e5e7eb;color:#374151}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (max-width:768px){.hero{padding:40px 20px}h1{font-size:var(--h1-mobile)}h2{font-size:var(--h2-mobile)}h3{font-size:var(--h3-mobile)}.feature-grid,.pros-cons{grid-template-columns:1fr}.bp-grid{grid-template-columns:1fr;grid-template-areas:'aside' 'main' 'cta'}aside.bp-aside{position:static;top:auto}.table-wrap{margin-left:0;margin-right:0}}