@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{opacity:0;animation:rise .6s cubic-bezier(.2,.7,.2,1) forwards}.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.25s}.d4{animation-delay:.35s}.d5{animation-delay:.5s}@media (prefers-reduced-motion:reduce){.rise{animation:none;opacity:1}}.hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);grid-template-areas:"copy stage" "form stage";align-items:center;grid-column-gap:56px;column-gap:56px;margin-top:16px;width:min(1320px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%)}.hero-copy{grid-area:copy;align-self:end}.hero .hero-install{grid-area:form;align-self:start;text-align:center;margin-top:36px}.hero .stage-wrap{grid-area:stage}.watch-label{font-weight:500;letter-spacing:-.025em;font-size:clamp(34px,3.9vw,54px);text-align:center;margin:0 0 40px}.stage-wrap .watch-label{font-size:clamp(19px,2vw,28px);margin:18px 0 0}.demo-video{margin-top:200px}.demo-video .stage{width:85%;margin:0 auto}.stage{position:relative;border:var(--edge) solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:6px 6px 0 0 oklch(0 0 0);aspect-ratio:3184/2160}.stage video{display:block;width:100%;height:100%}.stage .plyr,.stage .video-slot{height:100%}.stage{--plyr-color-main:oklch(0.879 0.153 91.6)}.stage .plyr__progress__marker{background:oklch(0 0 0)}.stage .plyr__progress .chapter-label{position:absolute;bottom:calc(100% + 10px);transform:translateX(-50%);z-index:1;padding:5px 9px;border-radius:var(--radius);background:oklch(0 0 0/.72);color:oklch(1 0 0);font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;pointer-events:none}.stage .plyr__progress .chapter-label:first-of-type{transform:none}.stage .cover{position:absolute;inset:0 0 56px 0;z-index:3;justify-content:center;cursor:pointer;border:0;padding:0;background:none}.mute-pill,.stage .cover{display:flex;align-items:center}.mute-pill{gap:12px;padding:18px 32px;font:inherit;font-weight:600;font-size:23px;color:oklch(0 0 0);background:oklch(.879 .153 91.6);border:var(--edge) solid oklch(0 0 0);border-radius:var(--radius);box-shadow:4px 4px 0 0 oklch(0 0 0);transition:transform .15s,box-shadow .15s}.mute-pill svg{width:28px;height:28px}.cover:hover .mute-pill{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 oklch(0 0 0)}.cover:active .mute-pill{transform:translate(2px,2px);box-shadow:0 0 0 0 oklch(0 0 0)}.headline{text-align:center}.chrome-tag{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:16px;font-weight:600}.chrome-tag svg{width:18px;height:18px}.chrome-tag .os:before{content:"·";margin-right:8px}.win-q{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:2px;vertical-align:super;border:1.5px solid;border-radius:50%;font-size:9.5px;font-weight:700;line-height:1;cursor:help;outline:none}.win-q .tip{position:absolute;top:calc(100% + 10px);left:calc(50% + var(--tip-dx, 0px));transform:translateX(-50%) translateY(-4px);background:var(--background);border:var(--edge) solid var(--foreground);color:var(--foreground);border-radius:var(--radius);font:500 16px/1.4 var(--font-sans);padding:10px 16px;box-shadow:4px 4px 0 0 oklch(0 0 0);width:max-content;max-width:min(420px,calc(100vw - 24px));opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.win-q .tip strong{white-space:nowrap}.win-q .tip:after{content:"";position:absolute;bottom:100%;left:calc(50% - var(--tip-dx, 0px));margin-left:-5px;border:5px solid transparent;border-bottom:5px solid var(--foreground)}.win-q:focus-visible .tip,.win-q:hover .tip{opacity:1;transform:translateX(-50%) translateY(0)}.headline h1{font-size:clamp(38px,4.4vw,62px);font-weight:500;letter-spacing:-.025em;line-height:1;text-wrap:balance}.headline h1 .h1-sub{font-size:.88em}.headline p{margin-top:14px;font-size:clamp(16px,1.5vw,19px);color:var(--muted-foreground);font-weight:400}.headline p a{color:inherit;text-decoration:underline;text-underline-offset:3px}.headline p a:hover{color:var(--foreground)}a.cta.install-cta{font-size:23px;padding:19px 44px}.signup{margin:32px auto 0;width:100%;max-width:460px;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:24px;box-shadow:2px 2px 0 0 hsl(0 0% 10.1961%/.5)}.signup form{display:flex;flex-direction:column;gap:16px}.card-title{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--card-foreground)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:16.5px;font-weight:500;color:var(--card-foreground)}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground)}.signup input,.signup textarea{width:100%;background:oklch(1 0 0);border:1px solid oklch(.5555 0 0);border-radius:var(--radius);color:var(--foreground);font:400 16px var(--font-sans);padding:11px 13px;outline:none;transition:border-color .15s,box-shadow .15s}.signup input::placeholder,.signup textarea::placeholder{color:oklch(0 0 0/.45)}.signup input:focus,.signup textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px oklch(.62 0 0/.35)}.signup textarea{resize:none}dialog::-webkit-backdrop{background:oklch(0 0 0/.45)}dialog::backdrop{background:oklch(0 0 0/.45)}dialog[open]{animation:modal-in .22s cubic-bezier(.2,.7,.2,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}}dialog .x{position:absolute;top:12px;right:12px;width:28px;height:28px;background:none;border:0;cursor:pointer;border-radius:var(--radius);color:var(--muted-foreground);font:400 18px/1 var(--font-sans)}dialog .x:hover{background:oklch(0 0 0/.06);color:var(--foreground)}.submit-row{position:relative}.cta{background:oklch(.879 .153 91.6);color:#1a1a1a;border:var(--edge) solid oklch(0 0 0);border-radius:var(--radius);font:600 16px var(--font-sans);padding:13px;cursor:pointer;box-shadow:4px 4px 0 0 oklch(0 0 0);transition:transform .15s,box-shadow .15s}button.cta{width:100%}a.cta{display:inline-block;padding:13px 24px;text-decoration:none}.cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 oklch(0 0 0)}.cta:active{transform:translate(2px,2px);box-shadow:0 0 0 0 oklch(0 0 0)}.cta:disabled{opacity:.7;cursor:default;transform:none;box-shadow:4px 4px 0 0 oklch(0 0 0)}.tooltip{bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);background:var(--background);border:var(--edge) solid var(--destructive);color:var(--destructive);border-radius:var(--radius);font:500 12.5px var(--font-sans);padding:8px 12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.tooltip,.tooltip:after{position:absolute;left:50%}.tooltip:after{content:"";top:100%;margin-left:-5px;border:5px solid transparent;border-top:5px solid var(--destructive)}.tooltip.show{opacity:1;transform:translateX(-50%) translateY(0)}.success{display:none;text-align:center;padding:14px 8px 26px}.success .big{font-size:24px;font-weight:700;letter-spacing:-.01em}.success .sub{margin-top:20px;color:var(--muted-foreground);font-size:17px}.signup.done form{display:none}.signup.done .success{display:block}.features-intro{margin:70px auto 0;max-width:820px;text-align:center;font-size:clamp(21px,2vw,26px);line-height:1.6;color:var(--muted-foreground);font-weight:400}.features-intro a{color:inherit;text-decoration:underline;text-underline-offset:3px}.features-intro a:hover{color:var(--foreground)}.features{margin-top:200px}.features .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:48px;gap:48px;width:min(1440px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%)}.feature{min-width:0;display:flex;flex-direction:column;justify-content:flex-end}.feature .txt{padding:0 2px 14px;text-align:center}.feature h3{font-size:23px;font-weight:600;letter-spacing:-.02em}.feature p{margin-top:6px;color:var(--muted-foreground);font-size:14.5px;line-height:1.45}.shot{position:relative;display:block;width:100%;padding:0;border:var(--edge) solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);color:var(--foreground);box-shadow:5px 5px 0 0 oklch(0 0 0);cursor:pointer;transition:transform .15s,box-shadow .15s}.shot:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 0 oklch(0 0 0)}.shot img,.shot video{display:block;width:100%;height:auto}.shot:after{content:"";inset:0;z-index:2;background:oklch(0 0 0/.45);opacity:0;transition:opacity .15s}.shot .more,.shot:after{position:absolute;pointer-events:none}.shot .more{z-index:3;top:calc(100% - 10px);left:calc(100% - 10px);transform:translate(-100%,-100%);background:var(--card);border:var(--edge) solid var(--border);border-radius:var(--radius);padding:9px 16px;font:600 14px var(--font-sans);white-space:nowrap;box-shadow:3px 3px 0 0 oklch(0 0 0);transform-origin:100% 100%;transition:transform .15s}@media (hover:hover){.shot:hover:after{opacity:1}.shot:hover .more{transform:translate(-100%,-100%) scale(1.5)}}.howit{margin-top:110px}.howit-row{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:36px;gap:36px;width:min(1240px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%);margin:40px 0 0;padding:0}.howit-step-card{background:var(--card);border:var(--edge) solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:6px 6px 0 0 oklch(0 0 0);padding:30px 26px 28px;flex-direction:column;text-align:center;gap:18px}.howit-step-card,.step-num{display:flex;align-items:center}.step-num{justify-content:center;width:44px;height:44px;border-radius:50%;background:oklch(.879 .153 91.6);border:var(--edge) solid oklch(0 0 0);font-weight:650;font-size:19px}.step-title{font-size:clamp(18px,1.6vw,22px);line-height:1.3;text-wrap:balance}.howit-step-card a.cta.install-cta{font-size:18px;padding:11px 26px}.step-sub{margin-top:-8px;color:var(--muted-foreground);font-size:clamp(16.5px,1.4vw,19px);line-height:1.55}.step-quote{font-size:calc(clamp(16.5px, 1.4vw, 19px) * .9)}.step-sub code{font-family:var(--font-mono);font-size:.8em}.biz-modal{margin:auto;width:min(520px,calc(100vw - 32px));background:var(--card);border:var(--edge) solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:6px 6px 0 0 oklch(0 0 0);padding:30px}.managed-title{font-size:clamp(24px,2.1vw,30px);font-weight:650;letter-spacing:-.025em}.managed-sub{margin-top:12px;color:var(--muted-foreground);font-size:clamp(16.5px,1.4vw,19px);line-height:1.55}.managed-sub strong{color:var(--foreground);font-weight:600}.signup.bare{margin:24px 0 0;max-width:none;background:none;border:0;border-radius:0;box-shadow:none;padding:0}.whofor{margin-top:200px}.whofor .watch-label{margin-bottom:56px}.whofor-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;grid-column-gap:56px;column-gap:56px;width:min(1320px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%)}.whofor-left{gap:48px}.roles,.whofor-left{display:flex;flex-direction:column}.roles{list-style:none;margin:0;padding:0;gap:40px}.biz-card{background:var(--card);border:var(--edge) solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:6px 6px 0 0 oklch(0 0 0);padding:26px 32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;align-self:center;width:-moz-fit-content;width:fit-content}.biz-card h3{font-size:clamp(24px,2.1vw,30px);font-weight:650;letter-spacing:-.025em}.biz-card p{margin-top:8px;color:var(--muted-foreground);font-size:clamp(18px,1.9vw,24px);line-height:1.55}.biz-card .cta{width:auto;padding:13px 24px;margin-top:20px}.roles h3{font-size:clamp(24px,2.1vw,30px);font-weight:650;letter-spacing:-.025em}.roles p{margin-top:8px;color:var(--muted-foreground);font-size:clamp(17px,1.65vw,21px);line-height:1.55}.roles p strong{color:var(--foreground);font-weight:600}.whofor-shot{border:var(--edge) solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:6px 6px 0 0 oklch(0 0 0)}.whofor-shot img{display:block;width:100%;height:auto}.signup-below{margin-top:150px;display:flex;flex-direction:column;align-items:center}.signup-below .watch-label{margin-bottom:32px}#gifModal{margin:auto;width:min(1360px,calc(100vw - 48px));padding:20px;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:2px 2px 0 0 hsl(0 0% 10.1961%/.5);align-items:center;gap:20px}#gifModal[open]{display:flex}#gifModal .x{top:12px;right:12px;z-index:4;width:32px;height:32px;background:var(--card);border:var(--edge) solid var(--border);border-radius:var(--radius);box-shadow:2px 2px 0 0 oklch(0 0 0);color:var(--foreground)}#gifModal .x:hover{background:var(--muted)}#gifModal .gif-frame{flex:1 1;min-width:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;line-height:0}#gifModal video{display:block;width:100%;height:auto}#gifModal .desc{flex:0 0 34%;padding:0 12px}#gifModal .desc h3{margin:0 0 24px;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--card-foreground)}#gifModal p{margin:0;font-size:18px;line-height:1.5;text-align:left}@media (max-width:900px){.whofor-grid{grid-template-columns:minmax(0,1fr);row-gap:44px;width:auto;left:auto;transform:none}.whofor-shot{display:none}.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "stage" "form";row-gap:32px;width:auto;left:auto;transform:none}.headline{text-align:center}.hero .hero-install{margin-top:0}.howit-row{grid-template-columns:minmax(0,1fr);max-width:460px;gap:28px;width:auto;left:auto;transform:none;margin:56px auto 0}#gifModal{flex-direction:column;align-items:stretch;width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}#gifModal .x{position:static;align-self:flex-end;flex:none}#gifModal .desc{flex:none;padding:0 4px}#gifModal .gif-frame{flex:none}#gifModal .desc h3,#gifModal p{text-align:center}}@media (max-width:760px){.features-intro{margin-top:72px}.demo-video,.features{margin-top:110px}.howit{margin-top:70px}.whofor{margin-top:110px}.signup-below{margin-top:90px}.demo-video .stage{width:100%}.mute-pill{gap:8px;padding:10px 18px;font-size:16px;box-shadow:3px 3px 0 0 oklch(0 0 0)}.mute-pill svg{width:20px;height:20px}.features .grid{grid-template-columns:minmax(0,1fr);gap:60px;width:auto;left:auto;transform:none}}