.button{--button-min-height: 2.5rem;--button-padding: 0 1rem;--button-gap: .55rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);min-height:var(--button-min-height);padding:var(--button-padding);border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-weight:600;font-size:.95rem;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:inset 0 1px #ffffff29,0 1px 2px #0000001f,0 8px 20px #00000024}.button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 90%,transparent);box-shadow:inset 0 1px #ffffff29,0 1px 2px #0000001f,0 10px 24px #00000029}.button:active{transform:translateY(0);box-shadow:inset 0 1px #00000014,0 1px 2px #0000001a}.hero-stack{width:100%}.hero-copy{position:relative;z-index:1;width:min(100%,var(--marketing-max-width));height:70dvh;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;padding:0 2.25rem clamp(3rem,6vh,5rem);opacity:0;animation:fade-in .9s ease-out forwards;scroll-snap-align:start}.hero-copy-body{width:100%}.hero-brand{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.5rem;color:color-mix(in srgb,var(--fg) 72%,transparent)}.hero-brand-icon{width:1.08rem;height:1.08rem;display:block;animation:hero-brand-breathe 5.8s ease-in-out infinite}.hero-brand-name{font-size:1.06rem;font-weight:600;letter-spacing:-.02em;animation:hero-brand-breathe 5.8s ease-in-out infinite;animation-delay:.12s}@keyframes hero-brand-breathe{0%,to{color:color-mix(in srgb,var(--fg) 58%,transparent);opacity:.78}33%{color:color-mix(in srgb,var(--fg) 72%,transparent);opacity:.88}66%{color:color-mix(in srgb,var(--fg) 88%,transparent);opacity:1}}.tagline{font-size:clamp(3rem,7.5vw,7.5rem);font-weight:400;letter-spacing:-.06em;line-height:.88;text-wrap:pretty}.tagline-line{display:block}.tagline-line+.tagline-line{margin-top:.04em}.tagline-copy{margin-top:1.25rem;max-width:36rem;color:var(--fg-dim);font-size:clamp(.95rem,.95vw,1.08rem);line-height:1.42}.tagline-aside{margin-top:.85rem;max-width:32rem;color:color-mix(in srgb,var(--fg-dim) 72%,transparent);font-size:clamp(.84rem,.85vw,.95rem);line-height:1.4;letter-spacing:-.01em}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}.hero-button-icon{display:none;width:1em;height:1em;flex-shrink:0}[data-platform=mac] .hero-button-icon--apple,[data-platform=win] .hero-button-icon--windows,[data-platform=linux] .hero-button-icon--linux{display:block}.other-platforms{font-size:.88rem;color:var(--fg-dim);transition:color .3s ease;text-decoration:underline;text-decoration-color:#71717a66;text-underline-offset:3px}.other-platforms:hover{color:var(--fg-muted);text-decoration-color:var(--fg-muted)}.hero-features{border-top:1px solid var(--border)}.hero-features-inner{width:min(100%,var(--marketing-max-width));margin:0 auto;padding:0 2.25rem}.hero-features-heading{max-width:18ch;margin-top:4rem;margin-bottom:clamp(.5rem,1.2vw,.9rem);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:400;letter-spacing:-.05em;line-height:1.05;text-wrap:pretty}.hero-features-subheading{max-width:48ch;margin-bottom:3rem;color:var(--fg-dim);font-size:clamp(.95rem,1.05vw,1.08rem);line-height:1.6;text-wrap:pretty}.hero-cta-logo-wrap{flex:2;display:flex;align-items:center;justify-content:center;width:100%;padding-bottom:2rem}.hero-cta-logo{width:3.25rem;height:auto;color:var(--fg-muted);animation:hero-pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite}.hero-freemium{border-top:1px solid var(--border);text-align:center;padding:6rem 2.25rem 4rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-freemium-inner{position:relative;z-index:2;width:min(100%,var(--marketing-max-width));margin:0 auto;display:flex;flex-direction:column;align-items:center;pointer-events:none}.hero-freemium-heading{font-size:clamp(2.5rem,5.5vw,4rem);font-weight:400;letter-spacing:-.05em;line-height:1.05;text-align:center;text-wrap:pretty;margin-bottom:1.5rem;pointer-events:auto}.hero-freemium-copy{max-width:54ch;color:var(--fg-dim);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6;text-align:center;text-wrap:pretty;pointer-events:auto}.hero-freemium-stage{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-cta{border-top:1px solid var(--border);text-align:center;padding:0 2.25rem;min-height:80vh;display:flex;flex-direction:column;align-items:center}.hero-cta-inner{flex:1;width:min(100%,var(--marketing-max-width));margin:0 auto;display:flex;align-items:center;justify-content:center}.hero-cta-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-cta-copy-group{display:flex;flex-direction:column;align-items:center;gap:.1rem}.hero-cta-copy,.hero-cta-tagline{max-width:54ch;color:var(--fg-dim);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6;text-align:center;text-wrap:pretty}.hero-cta-heading{font-size:clamp(2rem,6.5vw,6.5rem);font-weight:400;letter-spacing:-.05em;line-height:1.05;text-align:center;text-wrap:pretty}.hero-cta-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}@keyframes hero-pulse-slow{0%,to{opacity:.4}50%{opacity:1}}.feature-showcases{display:flex;flex-direction:column}.feature-showcase{position:relative;min-height:70dvh;display:grid;grid-template-columns:1fr 3fr;gap:clamp(2rem,4vw,4rem);align-items:center;padding:clamp(2rem,3vw,3rem) 0;perspective:1200px}.feature-showcase--with-drop{padding-bottom:clamp(8rem,10vw,10rem);overflow:hidden}.feature-showcase-content{max-width:30rem}.showcase-title{font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:500;letter-spacing:-.03em;line-height:1.2;margin:0}.showcase-desc{margin-top:.65rem;color:var(--fg-dim);font-size:clamp(.92rem,1vw,1rem);line-height:1.45}.feature-showcase-visual{opacity:0;filter:blur(8px);transform:scale(.97) rotateY(3deg);transition:opacity .75s ease,filter .75s ease,transform .75s cubic-bezier(.22,1,.36,1);will-change:filter,transform,opacity;border-radius:.75rem;overflow:hidden;border:1px solid var(--border);background:var(--card);box-shadow:0 12px 40px #00000040,0 0 0 1px #ffffff08;width:calc(100% - clamp(5rem,6vw,6rem));margin:0 auto}.feature-showcase-visual.is-visible{opacity:1;filter:blur(0);transform:scale(1) rotateY(3deg)}.feature-showcase-visual img{width:100%;height:auto;display:block}.feature-showcase-slider{overflow:hidden}.slider-track{display:flex;width:200%;animation:slide-infinitely 6s ease-in-out infinite}.slider-track img{width:50%;height:auto;display:block;flex-shrink:0}@keyframes slide-infinitely{0%,40%{transform:translate(0)}50%,90%{transform:translate(-50%)}to{transform:translate(0)}}.provider-drop-stage{position:absolute;right:clamp(1rem,4vw,4rem);bottom:clamp(2rem,4vw,3.5rem);left:clamp(1rem,4vw,4rem);height:clamp(6rem,9vw,8rem);pointer-events:none;isolation:isolate}.provider-drop-logo{--drop-left: 50%;--drop-delay: 0s;--drop-duration: 10s;--drop-rotate: 0deg;--drop-end-rotate: 0deg;--drop-scale: 1;position:absolute;bottom:.55rem;left:var(--drop-left);z-index:1;transform:translate(-50%,-120vh) rotate(var(--drop-rotate)) scale(var(--drop-scale));opacity:0;animation:provider-logo-drop var(--drop-duration) linear infinite;animation-delay:var(--drop-delay);will-change:transform,opacity}.provider-drop-mark{width:2rem;height:2rem;flex-shrink:0;object-fit:contain;opacity:.85;filter:invert(1)}@keyframes provider-logo-drop{0%{opacity:0;transform:translate(-50%,-120vh) rotate(var(--drop-rotate)) scale(var(--drop-scale))}4%{opacity:1}55%{opacity:1;transform:translate(-50%,-.05rem) rotate(var(--drop-end-rotate)) scale(var(--drop-scale))}65%{transform:translate(-50%,-.65rem) rotate(var(--drop-end-rotate)) scale(var(--drop-scale))}72%,92%{opacity:1;transform:translate(-50%) rotate(var(--drop-end-rotate)) scale(var(--drop-scale))}to{opacity:0;transform:translate(-50%) rotate(var(--drop-end-rotate)) scale(var(--drop-scale))}}@media(min-width:1101px){.tagline{max-width:none;white-space:nowrap;font-size:clamp(4.5rem,7vw,8rem)}.tagline-line{display:inline}.tagline-line+.tagline-line{margin-top:0}}@media(min-width:1101px)and (max-height:1180px){.tagline{font-size:clamp(4rem,6.5vw,7rem)}.tagline-copy{margin-top:1rem;font-size:.92rem;line-height:1.36}.hero-actions{margin-top:1.35rem}.hero-brand{margin-bottom:1.1rem}}@media(max-width:1100px){.hero-copy{padding-right:1.25rem;padding-left:1.25rem}.hero-features-inner{padding:0 1.25rem}.hero-features-heading{max-width:14ch;font-size:clamp(1.85rem,5vw,2.75rem)}.tagline{font-size:clamp(3.5rem,9vw,6rem);max-width:16ch}.tagline-copy{margin-top:1.25rem}.hero-actions{margin-top:1.6rem}.feature-showcase{min-height:70dvh;grid-template-columns:1fr;gap:1.75rem;align-content:center}.feature-showcase-content{max-width:32rem}.feature-showcase-visual{max-width:100%;transform:scale(.97)}.feature-showcase-visual.is-visible{transform:scale(1)}.feature-showcase--with-drop{padding-bottom:9rem}.provider-drop-stage{right:1.25rem;left:1.25rem}}@media(max-width:640px){.hero-copy{height:auto;min-height:calc(100dvh - 5.1rem);padding:clamp(2rem,5vh,3rem) 1.25rem clamp(2.5rem,5vh,4rem);justify-content:flex-end}.hero-features-inner{padding:0 1.25rem}.tagline{font-size:clamp(3.5rem,14vw,5.5rem);line-height:.92;max-width:12ch}.tagline-word{display:block}.tagline-word+.tagline-word{margin-top:.04em}.tagline-copy{font-size:1rem;margin-top:1rem}.hero-button{width:auto}.feature-showcase{min-height:auto;padding:4rem 0;grid-template-columns:1fr;gap:3rem}.feature-showcase-content{max-width:none}.feature-showcase-visual{max-width:none;transform:scale(.97)}.feature-showcase-visual.is-visible{transform:scale(1)}.feature-showcase--with-drop{min-height:auto;padding:4rem 0 8rem}.provider-drop-stage{height:5.5rem}.provider-drop-mark{width:1.6rem;height:1.6rem}}.hero-visual{position:relative;width:min(100%,var(--marketing-max-width));margin:2rem auto 0;display:flex;align-items:center;justify-content:center;height:100dvh;padding:clamp(4rem,6vh,6rem) 6rem;perspective:1400px;transform-style:preserve-3d;scroll-snap-align:start}.hero-visual:before{content:"";position:absolute;top:-2rem;left:50%;transform:translate(-50%);width:100vw;height:1px;background:var(--border);pointer-events:none}.visual-frame{position:relative;width:100%;border-radius:1.1rem;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0d,#ffffff04),var(--card);box-shadow:inset 0 1px #ffffff0f,0 50px 120px #0000008c,0 20px 40px #0006,0 0 0 1px #ffffff08;overflow:hidden;opacity:0;transform:translateY(40px) scale(.94) rotateX(9deg) rotateY(0);transform-origin:center top;transform-style:preserve-3d;animation:screenshot-in 1.05s cubic-bezier(.22,1,.36,1) .12s forwards,float-frame 9s ease-in-out 1.2s infinite}.visual-frame:after{content:"";position:absolute;inset:auto 0 0;height:clamp(2.25rem,4vw,4rem);background:linear-gradient(180deg,#0000,color-mix(in srgb,var(--card) 92%,transparent));clip-path:polygon(0 0,100% 70%,100% 100%,0 100%);pointer-events:none}.screenshot{width:100%;display:block;height:auto;opacity:0;transition:opacity .4s ease}.screenshot.is-loaded{opacity:1}@keyframes screenshot-in{0%{opacity:0;transform:translateY(40px) scale(.94) rotateX(9deg) rotateY(0)}to{opacity:1;transform:translateY(0) scale(1) rotateX(6deg) rotateY(0)}}@keyframes float-frame{0%,to{transform:translateY(0) rotateX(6deg) rotateY(0);box-shadow:inset 0 1px #ffffff0f,0 50px 120px #0000008c,0 20px 40px #0006,0 0 0 1px #ffffff08}50%{transform:translateY(-10px) rotateX(5.4deg) rotateY(0);box-shadow:inset 0 1px #ffffff0f,0 70px 150px #0006,0 30px 60px #0000004d,0 0 0 1px #ffffff08}}@media(max-width:1100px){.hero-visual{padding:clamp(2.5rem,4vh,4rem) 2.5rem;height:auto;min-height:auto;scroll-snap-align:none}}@media(max-width:640px){.hero-visual{padding:2.5rem 2rem;height:auto;min-height:auto;scroll-snap-align:none}.visual-frame{border-radius:.95rem}}
