.diagonal-divider{width:100%;line-height:0;position:relative;overflow:hidden}.diagonal-divider__from{z-index:0;position:absolute;inset:0}.diagonal-divider__to{z-index:1;position:absolute;inset:0}.diagonal-divider__svg-defs{width:0;height:0;position:absolute;overflow:hidden}.diagonal-divider--diagonal-down .diagonal-divider__to{clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}.diagonal-divider--diagonal-up .diagonal-divider__to{clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}.diagonal-divider--wave .diagonal-divider__to{clip-path:url(#diagonal-divider-wave-clip)}.diagonal-divider--curve .diagonal-divider__to{clip-path:ellipse(70% 100% at 50% 0)}
.stats-highlight-strip{border-top:1px solid #94a3b81a;border-bottom:1px solid #94a3b81a;padding:3rem 1.5rem}.stats-highlight-strip--gradient{background:linear-gradient(135deg,#0ea5e914,#38bdf80a)}.stats-highlight-strip--dark{background:#0f172a99}.stats-highlight-strip--blue-glow{background:linear-gradient(135deg,#0ea5e914,#38bdf80a);box-shadow:0 0 60px #0ea5e91a}.stats-highlight-strip__container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:72rem;margin:0 auto;display:grid}.stats-highlight-strip__item{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.stats-highlight-strip__icon{color:#0ea5e9;margin-bottom:.25rem}.stats-highlight-strip__icon svg{width:24px;height:24px}.stats-highlight-strip__value{color:#f1f5f9;font-size:2rem;font-weight:700;line-height:1.2}.stats-highlight-strip__label{color:#94a3b8;font-size:.875rem;line-height:1.4}@media (max-width:768px){.stats-highlight-strip{padding:2rem 1rem}.stats-highlight-strip__container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.stats-highlight-strip__value{font-size:1.5rem}.stats-highlight-strip__label{font-size:.8125rem}}
.mid-page-cta{text-align:center;padding:4rem 1.5rem;position:relative;overflow:hidden}.mid-page-cta--gradient{background:linear-gradient(135deg,#0ea5e91a 0%,#38bdf80d 50%,#0ea5e914 100%)}.mid-page-cta--gradient:before{content:"";pointer-events:none;background-image:radial-gradient(#94a3b814 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.mid-page-cta--glow{background:#0f172a99}.mid-page-cta--glow:before{content:"";pointer-events:none;background:radial-gradient(#0ea5e926 0%,#0000 70%);width:600px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mid-page-cta--minimal{background:#0f172a66}.mid-page-cta__container{z-index:1;max-width:40rem;margin:0 auto;position:relative}.mid-page-cta__heading{color:#f1f5f9;margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.3}.mid-page-cta__text{color:#94a3b8;margin-bottom:2rem;font-size:1.0625rem;line-height:1.7}.mid-page-cta__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.mid-page-cta__button{border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.mid-page-cta__button--primary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 4px 14px #0ea5e94d}.mid-page-cta__button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.mid-page-cta__button--secondary{color:#94a3b8;background:0 0;border:1px solid #94a3b84d}.mid-page-cta__button--secondary:hover{color:#f1f5f9;border-color:#94a3b880;transform:translateY(-2px)}@media (max-width:768px){.mid-page-cta{padding:3rem 1rem}.mid-page-cta__heading{font-size:1.5rem}.mid-page-cta__text{font-size:1rem}.mid-page-cta__actions{flex-direction:column}.mid-page-cta__button{width:100%}}
.related-content-grid{padding:4rem 1.5rem}.related-content-grid__container{max-width:72rem;margin:0 auto}.related-content-grid__title{color:#f1f5f9;margin-bottom:2rem;font-size:1.75rem;font-weight:700}.related-content-grid__grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.related-content-grid__item{background:#0f172a99;border:1px solid #94a3b81a;border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.5rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.related-content-grid__item:hover{border-color:#0ea5e94d;transform:translateY(-2px);box-shadow:0 4px 20px #0ea5e91a}.related-content-grid__item--featured{grid-column:span 2}.related-content-grid__badge{border-radius:9999px;align-items:center;width:fit-content;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.related-content-grid__badge--review{color:#38bdf8;background:#0ea5e926}.related-content-grid__badge--comparison{color:#fb923c;background:#f9731626}.related-content-grid__badge--alternative{color:#4ade80;background:#22c55e26}.related-content-grid__badge--tutorial{color:#a78bfa;background:#8b5cf626}.related-content-grid__badge--best{color:#facc15;background:#eab30826}.related-content-grid__item-title{color:#f1f5f9;font-size:1rem;font-weight:600;line-height:1.4}.related-content-grid__arrow{color:#94a3b8;opacity:0;margin-top:auto;transition:opacity .2s,transform .2s;transform:translate(-4px)}.related-content-grid__item:hover .related-content-grid__arrow{opacity:1;color:#0ea5e9;transform:translate(0)}@media (max-width:1024px){.related-content-grid__grid{grid-template-columns:repeat(2,1fr)}.related-content-grid__item--featured{grid-column:span 2}}@media (max-width:640px){.related-content-grid{padding:3rem 1rem}.related-content-grid__grid{grid-template-columns:1fr}.related-content-grid__item--featured{grid-column:span 1}.related-content-grid__title{font-size:1.5rem}}
.pros-cons-columns{padding:3rem 1.5rem}.pros-cons-columns__container{max-width:60rem;margin:0 auto}.pros-cons-columns__title{color:#f1f5f9;text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.pros-cons-columns__grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.pros-cons-columns__column{background:#0f172a66;border:1px solid #94a3b81a;border-radius:.75rem;overflow:hidden}.pros-cons-columns__header{align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.pros-cons-columns__header--pros{background:linear-gradient(135deg,#22c55e26,#22c55e0d)}.pros-cons-columns__header--cons{background:linear-gradient(135deg,#ef444426,#ef44440d)}.pros-cons-columns__header-icon{flex-shrink:0}.pros-cons-columns__header--pros .pros-cons-columns__header-icon{color:#22c55e}.pros-cons-columns__header--cons .pros-cons-columns__header-icon{color:#ef4444}.pros-cons-columns__header-text{color:#f1f5f9;font-size:1rem;font-weight:700}.pros-cons-columns__list{flex-direction:column;gap:.75rem;margin:0;padding:1rem 1.25rem;list-style:none;display:flex}.pros-cons-columns__item{align-items:flex-start;gap:.625rem;display:flex}.pros-cons-columns__item-icon{flex-shrink:0;margin-top:.125rem}.pros-cons-columns__item-icon--pro{color:#22c55e}.pros-cons-columns__item-icon--con{color:#ef4444}.pros-cons-columns__item-text{color:#d4d4d8;font-size:.9375rem;line-height:1.5}@media (max-width:768px){.pros-cons-columns{padding:2rem 1rem}.pros-cons-columns__grid{grid-template-columns:1fr}.pros-cons-columns__title{font-size:1.25rem}}
.detailed-comparison-grid{padding:3rem 1.5rem}.detailed-comparison-grid__container{border:1px solid #94a3b81a;border-radius:.75rem;max-width:60rem;margin:0 auto;overflow:hidden}.detailed-comparison-grid__header{background:#0ea5e914;border-bottom:1px solid #94a3b81a;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;display:grid}.detailed-comparison-grid__header-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.detailed-comparison-grid__header-name{color:#f1f5f9;text-align:center;font-size:.9375rem;font-weight:700}.detailed-comparison-grid__rows{flex-direction:column;display:flex}.detailed-comparison-grid__row{grid-template-columns:2fr 1fr 1fr;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background-color .15s;display:grid}.detailed-comparison-grid__row--even{background:#0f172a66}.detailed-comparison-grid__row--odd{background:#0f172a33}.detailed-comparison-grid__row:hover{background:#0ea5e90a}.detailed-comparison-grid__feature{align-items:center;gap:.75rem;display:flex}.detailed-comparison-grid__feature-icon{color:#0ea5e9;flex-shrink:0}.detailed-comparison-grid__feature-icon svg{width:20px;height:20px}.detailed-comparison-grid__feature-info{flex-direction:column;gap:.125rem;display:flex}.detailed-comparison-grid__feature-name{color:#f1f5f9;font-size:.9375rem;font-weight:600}.detailed-comparison-grid__feature-desc{color:#71717a;font-size:.8125rem;line-height:1.4}.detailed-comparison-grid__value{color:#d4d4d8;text-align:center;border-radius:.375rem;padding:.5rem;font-size:.9375rem}.detailed-comparison-grid__value--winner{color:#38bdf8;background:#0ea5e914;font-weight:600;box-shadow:0 0 0 1px #0ea5e933}@media (max-width:768px){.detailed-comparison-grid{padding:2rem 1rem}.detailed-comparison-grid__header{display:none}.detailed-comparison-grid__row{border-bottom:1px solid #94a3b80f;grid-template-columns:1fr;gap:.5rem;padding:1.25rem 1rem}.detailed-comparison-grid__value{text-align:left;padding:.375rem .75rem}.detailed-comparison-grid__value:before{color:#71717a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.detailed-comparison-grid__row .detailed-comparison-grid__value:nth-child(2):before{content:"Tool A"}.detailed-comparison-grid__row .detailed-comparison-grid__value:nth-child(3):before{content:"Tool B"}}
.visual-comparison-bar{padding:3rem 1.5rem}.visual-comparison-bar__container{max-width:48rem;margin:0 auto}.visual-comparison-bar__legend{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.visual-comparison-bar__legend-item{color:#d4d4d8;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.visual-comparison-bar__legend-swatch{border-radius:3px;width:12px;height:12px}.visual-comparison-bar__legend-swatch--a{background:#0ea5e9}.visual-comparison-bar__legend-swatch--b{background:#f97316}.visual-comparison-bar__items{flex-direction:column;gap:1.5rem;display:flex}.visual-comparison-bar__item{flex-direction:column;gap:.5rem;display:flex}.visual-comparison-bar__label{color:#f1f5f9;font-size:.9375rem;font-weight:600}.visual-comparison-bar__bars{flex-direction:column;gap:.375rem;display:flex}.visual-comparison-bar__bar-row{align-items:center;gap:.75rem;height:28px;display:flex}.visual-comparison-bar__bar{border-radius:4px;min-width:4px;height:100%;transition:width .6s}.visual-comparison-bar__bar--a{background:linear-gradient(90deg,#0ea5e9,#38bdf8);box-shadow:0 2px 8px #0ea5e933}.visual-comparison-bar__bar--b{background:linear-gradient(90deg,#f97316,#fb923c);box-shadow:0 2px 8px #f9731633}.visual-comparison-bar__bar-value{color:#a1a1aa;white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-weight:600}@media (max-width:768px){.visual-comparison-bar{padding:2rem 1rem}.visual-comparison-bar__bar-row{height:24px}.visual-comparison-bar__label{font-size:.875rem}}
.score-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.score-ring--sm{width:64px;height:64px}.score-ring--md{width:96px;height:96px}.score-ring--lg{width:128px;height:128px}.score-ring__svg{position:absolute;inset:0}.score-ring__bg{stroke:#94a3b81a}.score-ring__fill{transition:stroke-dashoffset 1s ease-out;animation:1s ease-out forwards score-ring-fill-in}@keyframes score-ring-fill-in{0%{stroke-dashoffset:var(--score-ring-circumference,999)}}.score-ring__content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;display:flex;position:relative}.score-ring__value{color:#f1f5f9;font-weight:700;line-height:1}.score-ring--sm .score-ring__value{font-size:1.125rem}.score-ring--md .score-ring__value{font-size:1.5rem}.score-ring--lg .score-ring__value{font-size:2rem}.score-ring__label{color:#71717a;text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:600}.score-ring--lg .score-ring__label{font-size:.75rem}
.radar-chart{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem;display:flex}.radar-chart__wrapper{width:100%;max-width:320px}.radar-chart__svg{width:100%;height:auto}.radar-chart__grid-ring{stroke:#94a3b826;stroke-width:1px}.radar-chart__axis{stroke:#94a3b81a;stroke-width:1px}.radar-chart__polygon{stroke-width:2px;stroke-linejoin:round}.radar-chart__polygon--a{fill:#0ea5e933;stroke:#0ea5e9}.radar-chart__polygon--b{fill:#f9731633;stroke:#f97316}.radar-chart__dot{stroke:none}.radar-chart__dot--a{fill:#0ea5e9}.radar-chart__dot--b{fill:#f97316}.radar-chart__label{fill:#a1a1aa;font-size:10px;font-weight:500}.radar-chart__legend{align-items:center;gap:1.5rem;display:flex}.radar-chart__legend-item{color:#d4d4d8;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.radar-chart__legend-swatch{border-radius:3px;width:12px;height:12px}.radar-chart__legend-swatch--a{background:#0ea5e9}.radar-chart__legend-swatch--b{background:#f97316}
.alternating-feature-rows{padding:4rem 1.5rem}.alternating-feature-rows__container{flex-direction:column;gap:4rem;max-width:72rem;margin:0 auto;display:flex}.alternating-feature-rows__row{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.alternating-feature-rows__row--reversed .alternating-feature-rows__visual{order:2}.alternating-feature-rows__row--reversed .alternating-feature-rows__text{order:1}.alternating-feature-rows__visual{width:100%}.alternating-feature-rows__image{object-fit:cover;border:1px solid #94a3b81a;border-radius:.75rem;width:100%;height:auto}.alternating-feature-rows__placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,#0ea5e91a,#38bdf80d);border:1px solid #94a3b81a;border-radius:.75rem;justify-content:center;align-items:center;width:100%;display:flex}.alternating-feature-rows__placeholder-icon{color:#0ea5e9;opacity:.5}.alternating-feature-rows__placeholder-icon svg{width:48px;height:48px}.alternating-feature-rows__text{flex-direction:column;gap:1rem;display:flex}.alternating-feature-rows__title{color:#f1f5f9;font-size:1.5rem;font-weight:700;line-height:1.3}.alternating-feature-rows__description{color:#a1a1aa;font-size:1rem;line-height:1.7}.alternating-feature-rows__highlights{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.alternating-feature-rows__highlight{align-items:flex-start;gap:.5rem;display:flex}.alternating-feature-rows__highlight-icon{color:#22c55e;flex-shrink:0;margin-top:.125rem}.alternating-feature-rows__highlight-text{color:#d4d4d8;font-size:.9375rem;line-height:1.5}@media (max-width:768px){.alternating-feature-rows{padding:3rem 1rem}.alternating-feature-rows__container{gap:3rem}.alternating-feature-rows__row{grid-template-columns:1fr;gap:1.5rem}.alternating-feature-rows__row--reversed .alternating-feature-rows__visual,.alternating-feature-rows__row--reversed .alternating-feature-rows__text{order:0}.alternating-feature-rows__title{font-size:1.25rem}}
.screenshot-gallery{padding:3rem 1.5rem}.screenshot-gallery__container{max-width:72rem;margin:0 auto}.screenshot-gallery__title{color:#f1f5f9;margin-bottom:2rem;font-size:1.75rem;font-weight:700}.screenshot-gallery__layout--grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.screenshot-gallery__layout--stack{flex-direction:column;gap:1.5rem;display:flex}.screenshot-gallery__figure{flex-direction:column;gap:.75rem;margin:0;display:flex}.screenshot-gallery__image-wrapper{aspect-ratio:16/9;background:#0f172a66;border:1px solid #94a3b81a;border-radius:.75rem;width:100%;overflow:hidden}.screenshot-gallery__image{object-fit:cover;width:100%;height:100%;display:block}.screenshot-gallery__caption{color:#71717a;text-align:center;font-size:.875rem;line-height:1.4}.screenshot-gallery__placeholder{aspect-ratio:16/9;background:#0f172a4d;border:1px dashed #94a3b833;border-radius:.75rem;justify-content:center;align-items:center;width:100%;display:flex}.screenshot-gallery__placeholder-text{color:#52525b;font-size:.875rem;font-weight:500}@media (max-width:768px){.screenshot-gallery{padding:2rem 1rem}.screenshot-gallery__layout--grid{grid-template-columns:1fr}.screenshot-gallery__title{font-size:1.5rem}}