.home-section{--home-card-surface:var(--card);--home-card-active:var(--accent);background:var(--background);padding:128px 32px;scroll-margin-top:84px}.dark .home-section{--home-card-surface:var(--muted);--home-card-active:color-mix(in srgb, var(--primary) 10%, var(--muted))}.home-container{width:100%;max-width:1280px;margin-inline:auto}.home-title{text-wrap:balance;font-size:clamp(28px,2.8vw,36px);font-weight:700;line-height:1.25}.home-title-centered,.home-section-intro{text-align:center;width:100%;margin-inline:auto}.home-section-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-deep);background:color-mix(in srgb, var(--primary) 12%, var(--card));border:1px solid color-mix(in srgb, var(--primary) 26%, transparent);box-shadow:0 1px 3px -1px color-mix(in srgb, var(--primary) 20%, transparent);border-radius:9999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.dark .home-section-eyebrow{color:var(--primary-light);background:color-mix(in srgb, var(--primary) 18%, var(--muted));border-color:color-mix(in srgb, var(--primary) 35%, transparent)}.home-section-intro>.home-copy,.home-faq-heading>.home-copy,.home-cta-copy>.home-copy,.combiner-heading>p{font-size:18px;line-height:1.6}.home-section-intro>.home-copy{max-width:720px;margin-inline:auto}.home-subtitle{text-wrap:balance;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.3}.home-copy,.home-small-copy{color:var(--muted-foreground);font-size:15px;line-height:1.8}.home-small-copy{margin-top:8px;font-size:14px;line-height:1.7}.home-what{padding-top:96px}.home-related-tools{padding-block:64px}.home-related-tools-article{padding:48px 0 0}.home-related-tools-article .home-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.home-related-tools-article .home-related-body{padding:14px 16px 16px}.home-related-heading-title{max-width:760px}.home-related-grid{margin-top:36px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1040px;margin-inline:auto;display:grid}@media (width>=1024px){.home-related-tools:not(.home-related-tools-article) .home-related-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px}}.home-related-card{border:1px solid var(--border);background:var(--card);min-width:0;color:var(--foreground);box-shadow:0 2px 8px -2px color-mix(in srgb, var(--foreground) 6%, transparent), 0 12px 28px -12px color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:20px;flex-direction:column;transition:transform .22s ease-out,border-color .22s ease-out,box-shadow .22s ease-out;display:flex;overflow:hidden}.home-related-card:hover{border-color:color-mix(in srgb, var(--primary) 52%, var(--border));box-shadow:0 8px 20px -6px color-mix(in srgb, var(--primary) 20%, transparent), 0 20px 40px -14px color-mix(in srgb, var(--foreground) 16%, transparent);transform:translateY(-4px)}.home-related-card:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 72%, transparent);outline-offset:4px}.home-related-media{aspect-ratio:16/8;background:var(--muted);overflow:hidden}.home-related-media img{object-fit:cover;width:100%;height:100%;transition:transform .36s ease-out;display:block}.home-related-card:hover .home-related-media img{transform:scale(1.025)}.home-related-body{text-align:center;gap:10px;padding:20px 24px 22px;display:grid}.home-related-body h3{min-width:0;font-size:18px;font-weight:700;line-height:1.35}.home-what,.home-features{padding-bottom:64px}.home-how,.home-why,.home-audiences,.home-testimonials,.home-cta{padding-block:64px}.home-features,.home-faq{padding-top:64px}.home-steps{margin-top:36px}.home-tutorial-media{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px;width:100%}.home-reason-icon{background:color-mix(in srgb, var(--primary) 10%, var(--card));border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));width:44px;height:44px;color:var(--primary-deep);box-shadow:0 2px 5px -1px color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.home-what-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:48px;display:grid}.home-what-copy{max-width:440px}.home-examples{min-width:0;scroll-margin-top:100px}.home-example-figure>img,.home-feature-media{border:1px solid var(--border);box-shadow:0 4px 12px -2px color-mix(in srgb, var(--foreground) 6%, transparent), 0 16px 32px -8px color-mix(in srgb, var(--foreground) 10%, transparent);border-radius:20px;transition:transform .24s,box-shadow .24s;overflow:hidden}.home-example-caption{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-top:12px;font-size:11px;line-height:1.6;display:flex}.home-example-caption>:first-child{color:var(--foreground);font-weight:600}.home-why-layout{grid-template-columns:1fr;gap:40px;display:grid}.home-reasons,.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.home-reason{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:linear-gradient(180deg, var(--card) 0%, color-mix(in srgb, var(--card) 95%, var(--primary)) 100%);box-shadow:inset 0 1px 0 #fffffff2, 0 2px 8px -2px color-mix(in srgb, var(--foreground) 5%, transparent), 0 12px 28px -6px color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:14px;flex-direction:column;align-items:flex-start;gap:20px;padding:32px;transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out;display:flex;position:relative}.dark .home-reason{border-color:color-mix(in srgb, var(--border) 85%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, white) 0%, var(--card) 100%);box-shadow:inset 0 1px #ffffff14,0 4px 16px -2px #00000080,0 16px 36px -8px #000c}.home-tutorial-card{gap:24px;padding:24px}.home-tutorial-media-wrapper{aspect-ratio:1;border:1px solid var(--border);width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 3%, transparent), 0 2px 6px -1px color-mix(in srgb, var(--foreground) 6%, transparent);background:#fff;border-radius:12px;position:relative;overflow:hidden}.home-tutorial-media{object-fit:contain;border-radius:11px;width:100%;height:100%;transition:transform .24s}.home-tutorial-card:hover .home-tutorial-media{transform:scale(1.025)}@media (hover:hover) and (pointer:fine){.home-reason:hover{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));box-shadow:inset 0 1px 0 #fffffff2, 0 6px 16px -3px color-mix(in srgb, var(--primary) 20%, transparent), 0 20px 44px -8px color-mix(in srgb, var(--primary) 16%, transparent);transform:translateY(-4px)}}.dark .home-reason-icon{background:color-mix(in srgb, var(--primary) 14%, var(--muted));border-color:color-mix(in srgb, var(--primary) 30%, var(--border));color:var(--primary)}.home-feature-list{gap:160px;margin-top:64px;scroll-margin-top:100px;display:grid}.home-feature-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;scroll-margin-top:100px;display:grid}.home-feature-copy{min-width:0;padding:8px}.home-feature-media-reverse{order:2}.home-feature-details{gap:8px;margin-top:20px;display:grid}.home-feature-action{background:var(--home-card-surface);border:1px solid var(--border);color:var(--foreground)}.home-feature-action:hover{background:var(--tool-tint);border-color:var(--primary)}.home-testimonials{--marquee-gap:20px;--marquee-bleed:32px;overflow-x:clip}.home-marquee{margin-top:44px;margin-inline:calc(var(--marquee-bleed) * -1)}.home-marquee-inner{max-width:1760px;margin-inline:auto}.home-marquee-row{padding-block:12px 20px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%)}.home-marquee-track{width:max-content;display:flex}.home-marquee[data-ready] .home-marquee-track{animation:home-marquee var(--marquee-duration) linear infinite}.home-marquee-row:hover .home-marquee-track{animation-play-state:paused}.home-marquee-group{gap:var(--marquee-gap);padding-right:var(--marquee-gap);display:flex}.home-testimonial{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:linear-gradient(180deg, var(--card) 0%, color-mix(in srgb, var(--card) 96%, var(--primary)) 100%);width:340px;box-shadow:inset 0 1px 0 #fffffff2, 0 2px 8px -2px color-mix(in srgb, var(--foreground) 5%, transparent), 0 10px 24px -8px color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:14px;flex-shrink:0;padding:24px;transition:border-color .22s ease-out}.home-testimonial:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.dark .home-testimonial{border-color:color-mix(in srgb, var(--border) 85%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, white) 0%, var(--card) 100%);box-shadow:inset 0 1px #ffffff14,0 4px 14px -2px #00000073,0 12px 28px -10px #000000b3}.home-testimonial-tag{min-width:0;color:var(--primary-deep);background:color-mix(in srgb, var(--primary) 9%, var(--card));border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);border-radius:9999px;padding:3px 10px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-flex}.dark .home-testimonial-tag{color:var(--primary-light);background:color-mix(in srgb, var(--primary) 14%, var(--muted));border-color:color-mix(in srgb, var(--primary) 30%, transparent)}.home-testimonial-mark{width:20px;height:20px;color:color-mix(in srgb, var(--primary) 45%, transparent);fill:currentColor;stroke-width:0;flex-shrink:0}.home-testimonial-quote{color:color-mix(in srgb, var(--foreground) 82%, transparent);flex:1;margin-top:16px;font-size:14.5px;line-height:1.7}.home-testimonial-author{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}@keyframes home-marquee{to{transform:translate(-50%)}}.home-cta-layout{--home-cta-surface:linear-gradient(145deg, color-mix(in srgb, var(--card) 92%, var(--primary)) 0%, color-mix(in srgb, var(--card) 80%, var(--primary)) 100%);--home-cta-copy:color-mix(in srgb, var(--foreground) 85%, var(--primary-deep));--home-card-highlight:#fffffff2;border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--home-cta-surface);box-shadow:inset 0 1px 0 var(--home-card-highlight), 0 4px 12px -2px color-mix(in srgb, var(--primary) 12%, transparent), 0 24px 60px -12px color-mix(in srgb, var(--primary) 18%, transparent);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:36px;padding:64px 48px;transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out;display:flex;position:relative;overflow:hidden}.dark .home-cta-layout{--home-cta-surface:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--primary) 22%, var(--card)) 0%, var(--card) 100%);--home-cta-copy:color-mix(in srgb, var(--foreground) 85%, var(--primary));--home-card-highlight:color-mix(in srgb, var(--primary) 30%, transparent);border-color:color-mix(in srgb, var(--primary) 40%, var(--border));background:var(--home-cta-surface);box-shadow:inset 0 1px 0 #ffffff1f, 0 4px 20px -2px #0009, 0 32px 70px -15px color-mix(in srgb, var(--primary) 25%, #000000e6)}.home-cta-glow-decor{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--primary) 45%, transparent) 0%, transparent 70%);filter:blur(54px);pointer-events:none;z-index:0;width:600px;height:280px;position:absolute;top:-140px;left:50%;transform:translate(-50%)}.home-cta-mesh-pattern{background-image:radial-gradient(color-mix(in srgb, var(--primary) 20%, transparent) 1.2px, transparent 1.2px);pointer-events:none;z-index:0;background-position:top;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000bf 0%,#0000 85%);mask-image:linear-gradient(#000000bf 0%,#0000 85%)}.home-cta-badge{z-index:1;background:color-mix(in srgb, var(--primary) 15%, var(--card));border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);color:var(--primary-deep);box-shadow:0 2px 10px -2px color-mix(in srgb, var(--primary) 25%, transparent);letter-spacing:.01em;border-radius:9999px;align-items:center;gap:8px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.dark .home-cta-badge{background:color-mix(in srgb, var(--primary) 22%, var(--muted));border-color:color-mix(in srgb, var(--primary) 45%, transparent);color:var(--primary-light)}.home-cta-copy{z-index:1;width:100%;position:relative}.home-cta .home-copy{color:var(--home-cta-copy);margin-inline:auto;font-size:16px;line-height:1.65}.home-cta-action{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.home-cta-action :is(button,a){height:50px;box-shadow:0 4px 16px -2px color-mix(in srgb, var(--primary-deep) 40%, transparent), 0 10px 28px -4px color-mix(in srgb, var(--primary) 45%, transparent), inset 0 1px 0 #ffffff73;padding-inline:36px;font-weight:700;transition:transform .18s,box-shadow .18s;position:relative;border-radius:9999px!important}.dark .home-cta-action :is(button,a){box-shadow:0 4px 18px -2px color-mix(in srgb, var(--primary) 50%, transparent), 0 12px 32px -4px color-mix(in srgb, var(--primary) 55%, transparent), inset 0 1px 0 #fff6;border-radius:9999px!important}.home-cta-action :is(button,a):hover{box-shadow:0 6px 24px -2px color-mix(in srgb, var(--primary-deep) 50%, transparent), 0 14px 38px -4px color-mix(in srgb, var(--primary) 55%, transparent), inset 0 1px 0 #fff9;transform:translateY(-2px)}.home-cta-action :is(button,a):active{box-shadow:0 2px 8px -1px color-mix(in srgb, var(--primary-deep) 35%, transparent), inset 0 1px 0 #00000026;transform:translateY(1px)}.home-faq-layout{grid-template-columns:1fr;gap:48px;max-width:896px;display:grid}.home-faq-heading{text-align:center;width:100%;margin-inline:auto}.home-faq-heading>.home-copy{max-width:672px;margin-inline:auto}.home-faq-list{gap:14px;width:100%;display:grid}.home-faq-item{border:1px solid var(--border);background:var(--home-card-surface);color:var(--foreground);box-shadow:0 1px 3px 0 color-mix(in srgb, var(--foreground) 3%, transparent);border-radius:12px;padding-inline:24px;transition:background-color .18s,border-color .18s,box-shadow .18s}.home-faq-item:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));box-shadow:0 4px 12px -2px color-mix(in srgb, var(--foreground) 6%, transparent)}.home-faq-item:focus-within,.home-faq-item[data-open]{background:var(--home-card-active);border-color:color-mix(in srgb, var(--primary) 38%, var(--border));box-shadow:0 4px 14px -3px color-mix(in srgb, var(--primary) 15%, transparent)}.home-faq-trigger{text-align:left;color:inherit;gap:24px;padding-block:22px;font-size:18px;font-weight:600;line-height:1.6}.home-faq-trigger:hover{color:inherit;text-decoration:none}@media (width>=1440px){.home-section{padding-inline:48px}.home-testimonials{--marquee-bleed:48px}.home-feature-row{grid-template-columns:1.15fr 1fr;gap:56px}.home-feature-row:has(.home-feature-media-reverse){grid-template-columns:1fr 1.15fr}}@media (width<=1023px){.home-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-what-layout,.home-feature-row{grid-template-columns:1fr;gap:40px}.home-what-copy{text-align:center;max-width:none}.home-feature-media-reverse{order:0}.home-reasons,.home-steps{grid-template-columns:1fr;gap:24px}}@media (width<=767px){.home-section{padding:80px 16px}.home-what{padding-top:64px}.home-related-tools{padding-block:48px}.home-related-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.home-related-tools-article .home-related-grid{grid-template-columns:1fr}.home-related-body{padding:20px}.home-what,.home-features{padding-bottom:48px}.home-how,.home-why,.home-audiences,.home-testimonials,.home-cta{padding-block:48px}.home-testimonials{--marquee-gap:14px;--marquee-bleed:16px}.home-marquee{margin-top:32px}.home-marquee-row{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%)}.home-testimonial{width:288px;padding:20px}.home-features,.home-faq{padding-top:48px}.home-why-layout{gap:32px}.home-title{font-size:28px}.home-steps{margin-top:28px}.home-reason{gap:16px;padding:24px}.home-feature-list{gap:96px;margin-top:48px}.home-feature-row{gap:24px}.home-feature-copy{padding:0}.home-cta-layout{padding:36px 24px}.home-cta-action{width:100%}.home-cta-action :is(button,a){min-width:200px;max-width:100%}.home-faq-layout{gap:40px}.home-faq-trigger{padding-block:20px;font-size:16px}.home-faq-item{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.home-marquee[data-ready] .home-marquee-track{animation:none}.home-marquee-row{padding-inline:var(--marquee-bleed);scroll-snap-type:x mandatory;scroll-padding-inline:var(--marquee-bleed);overflow-x:auto;-webkit-mask-image:none;mask-image:none}.home-marquee-group+.home-marquee-group{display:none}.home-testimonial{scroll-snap-align:start}.home-related-card,.home-related-media img,.home-reason,.home-cta-layout,.home-faq-item{transition:none}.home-reason:hover,.home-related-card:hover,.home-related-card:hover .home-related-media img{transform:none}}
