/* snippet-5 */
.hero { color:#ffffff;background:#191F35;position:relative;isolation:isolate;overflow:hidden;} .hero h1, .hero h2 { color:#ffffff;} .hero > img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-1;} .hero .btn { align-self:center;width:max-content;} .hero .is-hgroup p { font-size:1.25rem;line-height:1.35;font-weight:500;} .hero.is-single .is-hgroup { text-align:left;max-width:56rem;} .hero.is-single .btn { align-self:start;} .hero .is-hgroup .btn-group { justify-content:center;}
/* snippet-6 */
.logo-carousel { padding-block:var(--section-padding);overflow:hidden;} .logo-carousel h2 { text-align:center;margin-block-end:3rem;} .logo-carousel p { font-size:var(--font-size-base);font-weight:700;color:var(--text-strong);text-align:center;margin:0;} .logo-carousel__track-wrap { position:relative;overflow:hidden;direction:ltr;} .logo-carousel__track-wrap::before, .logo-carousel__track-wrap::after { content:"";position:absolute;top:0;width:clamp(4rem, 8vw, 8rem);height:100%;z-index:2;pointer-events:none;} .logo-carousel__track-wrap::before { left:0;background:linear-gradient(to right, var(--bg-base), transparent);} .logo-carousel__track-wrap::after { right:0;background:linear-gradient(to left, var(--bg-base), transparent);} .logo-carousel__track { display:flex;width:max-content;will-change:transform;direction:ltr;} .logo-carousel__set { display:flex;align-items:center;gap:clamp(2.5rem, 5vw, 5rem);padding-inline-end:clamp(2.5rem, 5vw, 5rem);} .logo-carousel__item { display:flex;align-items:center;flex-shrink:0;} .logo-carousel__item img { height:clamp(1.75rem, 2.5vw, 2.5rem);width:auto;max-width:120px;object-fit:contain;filter:grayscale(20%);opacity:0.85;transition:opacity 0.2s ease, filter 0.2s ease;} .logo-carousel__item img:hover { opacity:1;filter:grayscale(0%);}
/* snippet-7 */
.metrics { padding-block:0;} .metrics .is-hroup { text-align:center;margin-block-end:2rem;} .metrics .cards { display:flex;box-shadow:var(--shadow-md);border-radius:8px;border:1px solid var(--neutral-200);overflow:hidden;padding:2rem 1.5rem;} .metrics .card { flex:1;padding:1rem 1.5rem;text-align:center;} .metrics .card:not(:last-child) { border-inline-end:1px solid var(--neutral-200);} @media (max-width:47.9975rem) { .metrics .cards { flex-direction:column;padding:1.25rem 1rem;} .metrics .card { padding:1rem;} .metrics .card:not(:last-child) { border-inline-end:none;border-block-end:1px solid var(--neutral-200);padding-block-end:1.25rem;} } .metrics .backlink-counter { display:flex;flex-direction:column;gap:0.5rem;} .metrics .backlink-counter-total-text { font-size:var(--font-size-h4);color:var(--text-strong);font-weight:600;} .metrics .backlink-counter-total-number { font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;color:var(--secondary-600);line-height:1.2;letter-spacing:-0.01em;} .metrics .backlink-counter-day { font-size:var(--font-size-base);color:var(--text-muted);} .metrics .backlink-counter-day strong.number-format { font-weight:600;color:var(--primary-400);}
/* snippet-8 */
.features { padding-block:var(--section-padding);} .features__grid { display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;} @media (max-width:63.9975rem) { .features__grid { grid-template-columns:1fr 1fr;} } .features__center { flex-shrink:0;} @media (max-width:63.9975rem) { .features__center { grid-column:1/-1;grid-row:2;} } .features__center img { display:block;width:clamp(280px, 38vw, 480px);height:auto;} @media (max-width:63.9975rem) { .features__center img { width:min(400px, 100%);margin-inline:auto;} } .features__col { display:flex;flex-direction:column;gap:3rem;justify-content:space-between;} @media (max-width:63.9975rem) { .features__col--left { grid-column:1;grid-row:1;align-items:flex-start;text-align:start;} } .features__col--right { align-items:flex-end;text-align:end;} @media (max-width:63.9975rem) { .features__col--right { grid-column:2;grid-row:1;} } .feature-card { display:flex;flex-direction:column;gap:0.5rem;max-width:226px;} @media (max-width:63.9975rem) { .feature-card { max-width:100%;} } .feature-card__title { font-size:var(--font-size-h6);font-weight:600;color:var(--text-strong);margin:0;line-height:1;} .feature-card__text { margin:0;line-height:1.4375;font-weight:500;} @media (max-width:63.9975rem) { .features__col--left, .features__col--right { grid-column:1;align-items:flex-start;text-align:left;} .features__col--left { grid-row:1;} .features__col--right { grid-row:2;} .features__center { grid-column:2;grid-row:1 / 3;align-self:center;} } @media (max-width:47.99875rem) { .features__grid { grid-template-columns:1fr;} .features__center, .features__col--left, .features__col--right { grid-column:auto;grid-row:auto;} .features__center { order:1;} .features__center img { width:min(100%, 400px);margin-inline:auto;} .features__col { gap:2rem;} .feature-card { max-width:100%;} }
/* snippet-9 */
.comparison { padding-block:var(--section-padding);background-color:rgb(246, 247, 249);} .comparison .is-hgroup { text-align:center;margin-block-end:2.5rem;gap:1rem;color:var(--text-strong);} .comparison__table-wrap { overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-base);box-shadow:var(--shadow-md);border-radius:4px;} .comparison__table { width:100%;border-collapse:collapse;min-width:56rem;background-color:var(--surface-base);} .comparison__table thead tr { background-color:var(--neutral-900);color:var(--text-on-dark);} .comparison__table thead th:not(:first-child) { padding:1rem 1.25rem;font-size:var(--font-size-sm);font-weight:600;text-align:start;vertical-align:middle;border-inline-end:1px solid var(--neutral-700);} .comparison__table thead th:not(:first-child):last-child { border-inline-end:none;} .comparison__table thead th:not(:first-child):first-child { background-color:var(--neutral-800);min-width:9rem;} .comparison__table thead th:not(:first-child).comparison__col--dfs { color:var(--primary-300);font-weight:700;border-inline:1px solid rgb(178, 221, 76);border-block-start:1px solid rgb(178, 221, 76);} .comparison__table tbody tr { border-block-end:1px solid var(--border-base);} .comparison__table tbody tr:nth-child(even) { background:#F9FAFB;} .comparison__table tbody tr:last-child { border-block-end:none;} .comparison__table tbody tr:last-child .comparison__col--dfs { border-block-end:1px solid rgb(178, 221, 76);} .comparison__table tbody td { padding:0.875rem 1.25rem;font-size:var(--font-size-sm);color:var(--text-base);vertical-align:center;line-height:1.55;border-inline-end:1px solid var(--border-base);} .comparison__table tbody td:last-child { border-inline-end:none;} .comparison__table tbody td:first-child { font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;color:var(--text-strong);border-color:rgb(178, 221, 76);} .comparison__table tbody td.comparison__col--dfs { background-color:rgba(178, 221, 76, 0.05);border-inline:1px solid rgb(178, 221, 76);}
/* snippet-10 */
.pricing-cta { padding-block:var(--section-padding);color:var(--text-on-dark);position:relative;background-color:#191f35;overflow:hidden;} .pricing-cta:before, .pricing-cta:after { content:'';position:absolute;border-radius:50%;background:#b2dd4c;filter:blur(100px);opacity:0.55;z-index:0;} .pricing-cta:before { width:280px;height:280px;bottom:-60px;left:-60px;} .pricing-cta:after { width:200px;height:200px;top:-40px;right:60px;} .pricing-cta__inner { display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;position:relative;z-index:1;} @media (max-width:63.9975rem) { .pricing-cta__inner { grid-template-columns:1fr;gap:2.5rem;} } .pricing-cta__lead { display:flex;flex-direction:column;gap:1.25rem;} .pricing-cta__lead h2 { font-size:var(--font-size-h2);font-weight:700;color:var(--text-on-dark);line-height:1.4;} .pricing-cta__lead p { color:var(--neutral-50);font-size:var(--font-size-lg);line-height:1.6;font-weight:500;} .pricing-cta__lead .btn { width:max-content;} .pricing-cta__cards { display:flex;flex-direction:column;gap:1rem;} .pricing-cta__card { display:grid;grid-template-columns:2.5rem 1fr;gap:0.5rem 1rem;align-items:start;background:linear-gradient(to right, #292F43, transparent);border:1px solid var(--neutral-700);border-radius:12px;padding:1.25rem 1.5rem;} .pricing-cta__check { width:2.125rem;height:2.125rem;border-radius:50%;background-color:#3E4456;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-block-start:0.125rem;} .pricing-cta__check svg { width:1.125rem;height:1.125rem;} .pricing-cta__card-body h3 { font-size:var(--font-size-h5);font-weight:700;color:var(--text-on-dark);margin-block-end:0.375rem;line-height:1.3;} .pricing-cta__card-body p { font-size:var(--font-size-lg);color:var(--neutral-50);line-height:1.45;margin:0;font-weight:500;}
/* snippet-11 */
.workflow { padding-block:var(--section-padding);} .workflow__header { text-align:center;margin-block-end:2.5rem;} .workflow__header h2 { font-size:var(--font-size-h2);font-weight:700;color:var(--text-strong);margin:0;} .workflow__grid { display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;} @media (max-width:63.9975rem) { .workflow__grid { grid-template-columns:1fr;} } .workflow__card { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--border-base);border-radius:6px;padding:32px 16px;background-color:var(--surface-base);box-shadow:0 0 10px rgba(18, 28, 109, 0.13);} .workflow__card img { flex-shrink:0;width:100px;height:100px;object-fit:contain;} .workflow__card-body { flex:1;} .workflow__card-body h3 { font-size:var(--font-size-h6);font-weight:600;color:var(--text-strong);margin-block-end:0.5rem;line-height:1.3;} .workflow__card-body p { color:var(--text-base);font-weight:500;line-height:1.45;margin:0;}
/* snippet-12 */
.use-cases { padding-block:0 var(--section-padding);} .use-cases__header { text-align:center;} .use-cases__header h2 { font-size:var(--font-size-h2);font-weight:700;color:var(--text-strong);margin:0;} .use-cases__inner { margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center;} @media (max-width:63.9975rem) { .use-cases__inner { grid-template-columns:1fr;gap:2.5rem;} } .use-cases__list { display:flex;flex-direction:column;gap:2rem;} .use-cases__item { display:grid;grid-template-columns:2rem 1fr;gap:1rem;align-items:center;} .use-cases__check { width:2.125rem;height:2.125rem;border-radius:50%;background-color:var(--secondary-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .use-cases__check svg { width:1.125rem;height:1.125rem;stroke:var(--secondary-600);} .use-cases__item-body h3 { font-size:var(--font-size-h6);font-weight:600;color:var(--text-strong);margin-block-end:0.375rem;line-height:1.3;} .use-cases__item-body p { color:var(--text-base);line-height:1.6;margin:0;font-weight:500;} .use-cases__visual { display:flex;justify-content:center;} .use-cases__visual img { width:100%;height:auto;} @media (max-width:63.9975rem) { .use-cases__visual { order:-1;} .use-cases__visual img { max-width:320px;} }
/* snippet-13 */
.trial-banner { padding-block:clamp(2rem, 4vw, 3rem);background:linear-gradient(132.92deg, rgba(231, 247, 248, 0.7) 9.56%, rgba(214, 235, 251, 0.7) 55.33%, rgba(232, 247, 196, 0.7) 101.11%), #FFFFFF;} .trial-banner__inner { display:flex;align-items:center;justify-content:space-between;gap:2rem;} @media (max-width:47.9975rem) { .trial-banner__inner { flex-direction:column;text-align:center;} } .trial-banner__title { font-size:var(--font-size-h4);font-weight:700;color:var(--text-strong);margin:0;} .trial-banner__body { max-width:35rem;display:flex;flex-direction:column;gap:0.25rem;} .trial-banner__body .btn { width:max-content;} .trial-banner__desc { font-size:1.375rem;color:var(--text-strong);line-height:1.6;margin:0;} .trial-banner--dark { background:rgb(25, 31, 53);} .trial-banner--dark.has-gradient { background-image:radial-gradient(circle at 10% 80%, rgba(26, 42, 62, 0.6) 0%, transparent 50%), radial-gradient(circle at 95% 50%, rgba(77, 98, 62, 0.5) 0%, transparent 45%);} .trial-banner--dark .trial-banner__title { color:var(--neutral-50);} .trial-banner--dark .trial-banner__desc { color:var(--neutral-300);} .trial-banner--dark .btn--outline { border-color:var(--primary-400);color:var(--primary-400);} @media (hover:hover) and (pointer:fine) { .trial-banner--dark .btn--outline:hover { background-color:var(--primary-400);color:#191F35;} } .trial-banner__split-cta { display:flex;align-items:stretch;flex-shrink:0;} .trial-banner__split-btn { display:inline-flex;align-items:center;padding:0.625rem 1.25rem;border:2px solid rgb(255, 255, 255);border-inline-end:none;border-start-start-radius:3px;border-end-start-radius:3px;font-size:var(--font-size-sm);font-weight:800;text-transform:uppercase;color:var(--neutral-50);text-decoration:none;white-space:nowrap;transition:background-color 0.2s ease;} @media (hover:hover) and (pointer:fine) { .trial-banner__split-btn:hover { background-color:rgba(255, 255, 255, 0.08);} } .trial-banner__split-icon { display:flex;align-items:center;justify-content:center;width:2.5rem;border:2px solid rgb(255, 255, 255);border-start-end-radius:3px;border-end-end-radius:3px;color:var(--neutral-50);flex-shrink:0;} .trial-banner__split-icon svg { width:1rem;height:1rem;} .trial-banner--three-col .trial-banner__inner { display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:3rem;} @media (max-width:63.9975rem) { .trial-banner--three-col .trial-banner__inner { grid-template-columns:1fr;gap:1.5rem;} }
/* snippet-14 */
.testimonials { padding-block:var(--section-padding);} .testimonials__header { text-align:center;margin-block-end:2.5rem;} .testimonials__header h2 { font-size:var(--font-size-h2);font-weight:700;color:var(--text-strong);margin-block-end:0.375rem;} .testimonials__header p { font-size:var(--font-size-h4);color:var(--text-subtle);margin:0;} .testimonials__slider-wrap { display:flex;align-items:center;gap:1rem;max-width:56rem;margin-inline:auto;} @media (max-width:47.9975rem) { .testimonials__slider-wrap { gap:0.5rem;} } .testimonials__slider { flex:1;overflow:hidden;border-radius:6px;box-shadow:4px 4px 18px rgba(137, 141, 154, 0.3);min-width:0;} .testimonials__track { display:flex;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .testimonials__slide { flex:0 0 100%;display:grid;grid-template-columns:1fr 1fr;min-width:0;padding:20px;} @media (max-width:47.9975rem) { .testimonials__slide { grid-template-columns:1fr;} } .testimonials__story { display:flex;flex-direction:column;gap:10px;} .testimonials__story img { width:100%;height:14rem;object-fit:cover;display:block;} .testimonials__story-body { display:flex;flex-direction:column;gap:10px;flex:1;} .testimonials__label { font-size:var(--font-size-sm);color:rgb(204, 204, 204);} .testimonials__story-title { font-size:var(--text-base);font-weight:600;color:var(--text-strong);line-height:1.45;margin:0;flex:1;} .testimonials__cta { display:inline-flex;align-self:flex-start;padding:0.5em 1.25em;border:2px solid rgb(178, 221, 76);color:rgb(178, 221, 76);font-size:13px;font-weight:600;text-transform:uppercase;text-decoration:none;border-radius:4px;transition:background-color 0.2s ease;} .testimonials__cta:hover { background-color:var(--primary-50);} .testimonials__review { display:flex;flex-direction:column;gap:0.75rem;padding-inline-start:20px;} @media (max-width:47.9975rem) { .testimonials__review { padding-inline-start:0;padding-block-start:1.25rem;} } .testimonials__quote-card { background-color:rgb(243, 255, 223);border-radius:8px;padding:25px 0 35px;overflow:hidden;display:flex;flex-direction:column;box-shadow:4px 4px 18px rgba(137, 141, 154, 0.3);} .testimonials__reviewer img { width:100%;object-fit:cover;flex-shrink:0;} .testimonials__reviewer span { font-size:var(--font-size-sm);color:var(--neutral-950);line-height:1.3;} .testimonials__reviewer span strong { font-weight:700;} .testimonials__quote { padding:1rem;font-size:15px;font-weight:500;font-style:italic;color:var(--text-strong);line-height:1.5;margin:0;flex:1;} .testimonials__linkedin { display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1rem;background-color:var(--surface-base);border:1px solid var(--border-base);border-radius:8px;text-decoration:none;transition:background-color 0.15s ease;} .testimonials__linkedin:hover { background-color:var(--bg-muted);} .testimonials__linkedin-icon svg { width:2.5rem;height:2.5rem;fill:var(--text-on-dark);} .testimonials__linkedin-meta { display:flex;flex-direction:column;gap:0.125rem;} .testimonials__linkedin-meta strong { font-size:var(--font-size-sm);font-weight:700;color:var(--text-strong);} .testimonials__linkedin-meta span { font-size:var(--font-size-xs);color:var(--text-muted);} .testimonials__arrow { flex-shrink:0;width:3.5rem;height:3.5rem;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color 0.2s ease, border-color 0.2s ease;} @media (max-width:47.9975rem) { .testimonials__arrow { display:none;} } .testimonials__arrow svg { width:3rem;height:3rem;stroke:var(--text-strong);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;fill:none;} @media (max-width:47.9975rem) { .testimonials__arrow svg { width:2rem;height:2rem;} } .testimonials__arrow:hover { background-color:transparent;box-shadow:none;} .testimonials__arrow:disabled { opacity:0.35;cursor:default;pointer-events:none;} .testimonials__dots { display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-block-start:1.25rem;} .testimonials__dot { width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--neutral-300);border:none;cursor:pointer;padding:0;transition:background-color 0.25s ease, width 0.25s ease, border-radius 0.25s ease;} .testimonials__dot.is-active { background-color:var(--neutral-700);width:1.5rem;border-radius:4px;}
/* snippet-15 */
.faq { padding-block:0 var(--section-padding);} .faq__header { text-align:center;margin-block-end:2.5rem;} .faq__header h2 { font-size:var(--font-size-h2);font-weight:700;color:var(--text-strong);margin:0;} .faq__list { display:flex;flex-direction:column;gap:1rem;} .faq__item { border-radius:4px;overflow:hidden;position:relative;} .faq__item::-webkit-details-marker, .faq__item summary::-webkit-details-marker { display:none;} .faq__question { display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem 1rem 3.5rem;list-style:none;cursor:pointer;user-select:none;background-color:#F6F7F9;color:rgb(97, 97, 97);font-size:var(--font-size-base);font-weight:500;height:3rem;position:relative;} .faq__question h3 { font-size:var(--font-size-base);font-weight:500;margin:0;color:currentColor;} .faq__question::before { position:absolute;left:0;top:0;bottom:0;inset-inline-start:0;content:"+";display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;background-color:var(--primary-300);color:var(--neutral-50);font-size:1.25rem;font-weight:700;line-height:1;transition:background-color 0.2s ease;} [open] > .faq__question::before { content:"−";} .faq__answer { padding:1rem 1.25rem 1.125rem 4rem;color:var(--text-strong);font-size:var(--font-size-sm);line-height:1.7;} .faq__answer p { margin:0;} .faq__answer a { font-weight:600;color:var(--success-400);} .faq__answer a:hover{ color:var(--success-600);} @media (max-width:47.99875rem) { .faq__question { height:auto;} .faq__question::before { height:auto;} }