:root{--blue: #2563eb;--brand-blue: #1e40af;--muted: #555;--green: #16a34a;--pink: #db2777;--max-width-md: 900px;--max-width-lg: 1100px;--max-width-xl: 1200px;--radius: 16px;--shadow-soft: 0 8px 24px rgba(0,0,0,.12);--shadow-strong: 0 10px 30px rgba(0,0,0,.15);--line-height: 1.8;--space-sm: 8px;--space-md: 16px;--space-lg: 24px}.compare-page,.compare-page *{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--max-width-md);margin:0 auto;padding:0 12px}.container-lg{max-width:var(--max-width-lg);margin:0 auto;padding:0 12px}.container-xlg{max-width:var(--max-width-xl);margin:0 auto;padding:0 12px}.compare-page .compare-section{--accent-color: var(--brand-blue);--accent-bg: none;--accent-border: rgba(0,0,0,.04);--cols: 2;--section-text-color: #111;padding:56px 20px;margin:0 0 24px;border-radius:12px;background:var(--accent-bg);border:1px solid var(--accent-border);box-shadow:var(--shadow-soft);color:var(--section-text-color);transition:transform .18s ease,box-shadow .18s ease}@media (hover: hover) and (pointer: fine){.compare-page .compare-section:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0e1e391f}}.compare-accent-blue{--accent-color: var(--brand-blue);--accent-bg: linear-gradient(180deg, rgba(245,249,255,.7), #fff);--accent-border: rgba(37,99,235,.06)}.compare-accent-green{--accent-color: var(--green);--accent-bg: linear-gradient(180deg, rgba(240,255,249,.7), #fff);--accent-border: rgba(22,163,74,.06)}.compare-accent-pink{--accent-color: var(--pink);--accent-bg: linear-gradient(180deg, rgba(255,241,245,.7), #fff);--accent-border: rgba(219,39,119,.06)}.compare-page .section-hero{background:linear-gradient(135deg,#f9faff,#fff0f6);padding:80px 20px;text-align:center;border-radius:16px;margin-bottom:30px}.compare-page .hero-title{font-size:40px;font-weight:800;color:#000;margin-bottom:16px;line-height:1.15}.compare-page .lead{font-size:18px;color:#444;line-height:var(--line-height);margin-bottom:16px}.compare-page .lead.narrow{max-width:850px;margin:0 auto}.compare-page .section-heading{font-size:32px;font-weight:800;color:var(--accent-color, #1e293b);text-align:center;margin-bottom:20px}.compare-page .subheading{font-size:24px;font-weight:700;margin-bottom:15px}.compare-page .section-grid{display:grid;grid-template-columns:repeat(var(--cols, 2),1fr);gap:40px;align-items:center}.compare-page .grid-col{display:block}.compare-page .image-col{text-align:center}.compare-page .content-col{text-align:left}.cols-1{--cols: 1 !important}.cols-2{--cols: 2 !important}.cols-3{--cols: 3 !important}.cols-4{--cols: 4 !important}.compare-page .compare-image{width:100%;max-width:420px;border-radius:16px;box-shadow:var(--shadow-soft);margin:0 auto;object-fit:cover}.compare-page .vibe-image{box-shadow:var(--shadow-strong)}.compare-page .why-list{list-style:disc;padding-left:20px;font-size:16px;line-height:1.8;color:#444}.compare-page .why-list.compact li{margin-bottom:6px}.compare-page .btn{display:inline-block;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:700;color:#fff;background:var(--accent-color, var(--blue));transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.compare-page .btn:hover{transform:translateY(-2px);opacity:.95}.compare-page .btn:active{transform:translateY(1px)}.compare-page .btn--blue{background:var(--blue)}.compare-page .btn--green{background:var(--green)}.compare-page .btn--pink{background:var(--pink)}.compare-page .cta-group{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}.compare-page .cta-group a{flex:1 1 auto;max-width:260px}.compare-page .testimonial{margin-top:40px;font-style:italic;text-align:center;color:var(--muted)}.compare-page .seo-text{font-size:16px;line-height:var(--line-height);color:var(--muted);max-width:900px;margin:0 auto;text-align:left}.compare-page .table-wrapper{overflow-x:auto}.compare-page .compare-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #eee;border-radius:12px;font-size:16px}.compare-page .compare-table thead th{padding:15px;background:var(--accent-color, var(--brand-blue));color:#fff;font-weight:700;text-align:left}.compare-page .compare-table td{padding:18px 15px;border-bottom:1px solid #f1f1f1}.compare-page .compare-table tbody tr td:first-child{font-weight:600;width:24%}.compare-page .compare-table tr:last-child td{border-bottom:none}.compare-page details.compare-faq{margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:15px;background:#f9f9f9}.compare-page details.compare-faq summary{cursor:pointer;font-weight:600}.compare-page .faq-heading{font-size:30px;font-weight:800;text-align:center;margin-bottom:40px}.compare-page .compare-conclusion{padding:80px 20px;background:linear-gradient(135deg,#f0faff,#fafafa);text-align:center;border-radius:12px;margin-top:50px}.compare-page .creator-cta{padding:60px 20px;background:linear-gradient(135deg,#fff9f0,#f0f9ff);text-align:center;border-radius:12px;margin:50px auto;max-width:1000px;box-shadow:var(--shadow-soft)}.compare-page .creator-cta h2{font-size:28px;font-weight:800;margin-bottom:16px;color:#000}.compare-page .creator-cta p{font-size:17px;color:#444;max-width:700px;margin:0 auto 24px}.compare-page .creator-cta .cta-inline{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.compare-page .creator-cta .cta-inline a{padding:12px 20px;border-radius:30px;font-weight:700;text-decoration:none;color:#fff}.compare-page .creator-cta .cta-inline .btn-primary{background:var(--brand-blue)}.compare-page .creator-cta .cta-inline .btn-secondary{background:var(--green)}.compare-page .creator-cta.enhanced{background:linear-gradient(135deg,#fff9f0,#f0f9ff);border:none;box-shadow:0 10px 40px #0e1e390f;padding:72px 24px;margin:60px auto;border-radius:20px;text-align:center;animation:cp-floatIn .7s ease-out}.compare-page .creator-cta.enhanced h2{font-size:34px;font-weight:900;margin-bottom:18px;background:linear-gradient(90deg,#1e40af,#16a34a 55%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.05}.compare-page .creator-cta.enhanced p{font-size:18px;max-width:720px;margin:0 auto 28px;color:#333}.compare-page .creator-cta.enhanced .cta-inline{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.compare-page .creator-cta.enhanced .cta-inline a.btn{font-size:17px;padding:14px 34px;border-radius:50px;font-weight:800;position:relative;overflow:hidden}.compare-page .creator-cta.enhanced .btn-primary{background:linear-gradient(90deg,#1e40af,#2563eb)}.compare-page .creator-cta.enhanced .btn-secondary{background:linear-gradient(90deg,#16a34a,#10b981)}.compare-page .creator-cta.enhanced .btn.shine:after{content:"";position:absolute;top:-10%;left:-60%;width:40%;height:120%;background:#ffffff38;transform:skew(-20deg);transition:left .6s ease}.compare-page .creator-cta.enhanced .btn.shine:hover:after{left:130%}@keyframes cp-floatIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.compare-page .usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:30px}.compare-page .usecase-card{padding:20px;border-radius:12px;background:#fff;box-shadow:0 6px 18px #0000000f;border:1px solid rgba(0,0,0,.04)}.compare-page .usecase-card h3{margin:0 0 10px;font-size:18px}.compare-page .usecase-card p{margin:0;color:var(--muted);line-height:1.6}.compare-page .highlight-box{margin-top:24px;padding:22px;border-radius:12px;background:#fff;border:2px dashed rgba(30,64,175,.08);box-shadow:0 8px 24px #0000000f;text-align:center}.compare-page .highlight-box h3{margin:0 0 8px;color:var(--accent-color, var(--brand-blue))}@media (max-width: 768px){.compare-page .section-hero{padding:60px 16px}.compare-page .hero-title{font-size:26px}.compare-page .section-grid{grid-template-columns:1fr!important;gap:24px!important;text-align:center}.compare-page .content-col{text-align:center}.compare-page .image-col img{max-width:240px;width:80%;margin:0 auto}}@media (max-width: 480px){.compare-page .section-hero{padding:40px 12px}.compare-page .hero-title{font-size:22px}}@media (prefers-color-scheme: dark){.compare-page{color:#e6eef8}.compare-page .section-hero{background:linear-gradient(135deg,#061226,#081828)}.compare-page .compare-table{background:#071022;border-color:#ffffff0a}.compare-page details.compare-faq{background:#ffffff05;border-color:#ffffff0a}.compare-page .usecase-card{background:#061226;border-color:#ffffff08}.compare-page .creator-cta{background:linear-gradient(135deg,#041229,#06282a)}}.compare-page .compare-section:nth-of-type(1){--accent-color:#1e40af;--accent-bg:linear-gradient(180deg,#edf2ff,#fff);--accent-border:rgba(30,64,175,.08)}.compare-page .compare-section:nth-of-type(2){--accent-color:#0f9d58;--accent-bg:linear-gradient(180deg,#f0fff9,#fff);--accent-border:rgba(16,150,88,.08)}.compare-page .compare-section:nth-of-type(3){--accent-color:#be185d;--accent-bg:linear-gradient(180deg,#fff1f5,#fff);--accent-border:rgba(190,24,93,.08)}.compare-page .compare-section:nth-of-type(4){--accent-color:#7c3aed;--accent-bg:linear-gradient(180deg,#f3f0ff,#fff);--accent-border:rgba(124,58,237,.08)}.compare-page .compare-section:nth-of-type(5){--accent-color:#b45309;--accent-bg:linear-gradient(180deg,#fffaeb,#fff);--accent-border:rgba(180,83,9,.06)}.compare-page .compare-section:nth-of-type(6){--accent-color:#0d9488;--accent-bg:linear-gradient(180deg,#f0fffe,#fff);--accent-border:rgba(13,148,136,.06)}.compare-page .compare-section:nth-of-type(7){--accent-color:#4338ca;--accent-bg:linear-gradient(180deg,#f3f4ff,#fff);--accent-border:rgba(67,56,202,.06)}.compare-page .compare-section:nth-of-type(8){--accent-color:#ef4444;--accent-bg:linear-gradient(180deg,#fff5f4,#fff);--accent-border:rgba(239,68,68,.06)}.compare-page .compare-section:nth-of-type(9){--accent-color:#1e40af;--accent-bg:linear-gradient(180deg,#edf2ff,#fff);--accent-border:rgba(30,64,175,.08)}.compare-page .compare-section:nth-of-type(10){--accent-color:#0f9d58;--accent-bg:linear-gradient(180deg,#f0fff9,#fff);--accent-border:rgba(16,150,88,.08)}
/*# sourceMappingURL=/cdn/shop/t/85/assets/compare.css.map */