.app-landing{overflow:hidden}.app-nav{padding:18px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:2px solid var(--ink)}.app-nav>div{display:flex;gap:24px}.app-nav a{font-size:12px;text-underline-offset:4px}.product-hero{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--ink)}.product-copy{padding:64px 40px}.product-copy h1{font-size:clamp(48px,4.8vw,68px);margin:24px 0}.product-copy>p{font-size:15px;max-width:47ch}.product-copy .product-note{font-size:11px;margin-top:24px}.app-stage{margin:0;padding:40px 32px;background:var(--blueprint);color:var(--white);border-left:2px solid var(--ink);position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0}.app-stage figcaption{margin-bottom:24px}.stage-caption{font-size:12px;margin-top:20px}.stage-note{font-size:10px;margin-top:12px;line-height:1.5;opacity:.85}.snap-window{background:var(--cream);color:var(--ink);border:2px solid var(--white);border-radius:22px;overflow:hidden}.window-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding:12px 16px;font-size:10px;font-weight:600}.window-bar>span:first-child{font-size:9px;letter-spacing:3px}.capture-canvas{position:relative;min-height:284px;padding:24px;overflow:hidden}.sample-brand{font:700 10px var(--font-sans);letter-spacing:.14em}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;margin:14px 0}.sample-grid svg{width:100%;max-height:160px}.sample-grid h3{font-size:29px;margin:8px 0}.sample-grid p{font-size:11px;line-height:1.5}.sample-shop{display:block;font-size:9px;margin-top:12px;border-bottom:1px solid;padding-bottom:5px}.sample-private{font-size:9px;margin-top:16px}.capture-boundary{position:absolute;inset:12px;border:2px dashed var(--ink);pointer-events:none}.capture-boundary i,.snap-zoom i{position:absolute;width:7px;height:7px;background:var(--white);border:1px solid var(--ink)}.capture-boundary i:nth-child(1),.snap-zoom i:nth-of-type(1){top:-4px;left:-4px}.capture-boundary i:nth-child(2),.snap-zoom i:nth-of-type(2){top:-4px;right:-4px}.capture-boundary i:nth-child(3),.snap-zoom i:nth-of-type(3){bottom:-4px;left:-4px}.capture-boundary i:nth-child(4),.snap-zoom i:nth-of-type(4){bottom:-4px;right:-4px}.snap-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.snap-number{position:absolute;top:52%;right:32%;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--red);color:var(--white);font-weight:700;font-size:20px}.snap-blur{position:absolute;bottom:32px;left:118px;width:130px;height:20px;backdrop-filter:blur(5px);background:var(--cream);opacity:.95;border:2px dashed var(--ink)}.snap-zoom{position:absolute;top:26px;left:24px;padding:18px;background:var(--yellow);font-size:19px;font-weight:600;border:2px solid var(--ink);transform:rotate(0)}.snap-record{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:12px 16px;background:var(--ink);color:var(--white);border-radius:999px;font-size:11px;display:flex;gap:16px;align-items:center}.snap-record>span{width:8px;height:8px;border-radius:50%;background:var(--red)}.snap-window:not([data-snap-mode="arrow"]) .snap-arrow,.snap-window:not([data-snap-mode="number"]) .snap-number,.snap-window:not([data-snap-mode="blur"]) .snap-blur,.snap-window:not([data-snap-mode="zoom"]) .snap-zoom,.snap-window:not([data-snap-mode="record"]) .snap-record{display:none}.snap-toolbar{display:flex;justify-content:center;padding:10px 8px;gap:6px;border-top:2px solid var(--ink)}.snap-toolbar button{border:0;border-radius:6px;background:transparent;color:var(--ink);min-height:42px;padding:6px 10px;font-size:18px;display:flex;align-items:center;gap:4px}.snap-toolbar button span{font-size:9px;font-weight:600}.snap-toolbar button[aria-pressed="true"]{background:var(--ink);color:var(--white)}.snap-toolbar button:focus-visible{outline-color:var(--ink)}.product-ribbon{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px;padding:16px 24px;background:var(--orange);color:var(--white);font:400 20px var(--font-cond);letter-spacing:.08em;border-bottom:2px solid var(--ink)}.app-section{padding:64px 40px}.section-intro{margin-bottom:40px}.section-intro h2{font-size:48px;line-height:1.02;margin:18px 0}.section-intro p{max-width:65ch;font-size:15px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.step-number{font:400 40px var(--font-cond);display:block;margin-bottom:20px}.how-steps article{border-top:2px solid var(--ink);padding-top:24px}.how-steps h3{font-size:26px;margin-bottom:16px}.how-steps p{font-size:13px;max-width:43ch}.product-bento{padding:0 40px 48px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-cell{padding:48px;min-height:380px;border-radius:26px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:24px}.product-cell h2{font-size:44px}.product-cell p{max-width:50ch;font-size:14px}.product-cell.yellow{background:var(--yellow)}.product-cell.sky{background:var(--sky)}.product-cell.pink{background:var(--pink)}.product-cell.red{background:var(--red);color:var(--white)}.feature-glyph{font-size:56px;line-height:1;font-weight:400}.text-link{font-size:12px;font-weight:700;text-underline-offset:5px}.recording-strip{display:flex;align-items:center;gap:24px;padding:18px 24px;border:2px solid var(--ink);border-radius:999px;font-size:12px;width:fit-content}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--red)}.keycaps{display:flex;gap:8px}.keycaps kbd{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);border-radius:6px;font:400 25px var(--font-sans)}.history-band{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.history-band .section-intro{margin:0}.history-tiles{display:flex;gap:16px}.history-tiles>div{flex:1;border:2px solid var(--ink);border-radius:6px;min-height:170px;background:var(--pink);padding:16px;display:flex;flex-direction:column;justify-content:space-between}.history-tiles>div:nth-child(2){background:var(--sky)}.history-tiles>div:nth-child(3){background:var(--yellow)}.history-tiles span{font-size:12px;font-weight:700}.history-tiles i{font-style:normal;font-size:58px;align-self:center}.app-landing .faq .section-intro{margin-bottom:8px}.product-cta{background:var(--orange);color:var(--white);display:grid;grid-template-columns:1.2fr 1fr;gap:48px;padding:64px 40px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);align-items:center}.product-cta h2{font-size:56px;line-height:1;margin-top:24px}.product-cta p,.product-cta>div>a:not(.button){font-size:12px;margin-top:20px}.product-cta>div>a:not(.button){display:inline-block}.source-mini,.question-mini,.answer-mini{border:2px solid var(--white);padding:20px 24px;border-radius:6px}.source-mini>div{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-top:12px}.source-mini strong{font-size:18px}.flow-connector{text-align:center;font-size:28px;line-height:1;padding:10px}.question-mini{margin:0 32px 16px 0}.question-mini p{font-size:20px;margin-top:10px}.answer-mini{margin-left:32px;background:var(--blueprint)}.answer-mini p{font-size:16px;margin:12px 0}.source-tag{display:inline-block;color:var(--ink);background:var(--lime);font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px}.widget-demo-shell{border:2px solid var(--ink);border-radius:26px;overflow:hidden;max-width:1000px;margin:auto}.demo-topbar{padding:20px 24px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--sky)}.demo-topbar label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:12px}.demo-topbar select{padding:10px;border:2px solid var(--ink);border-radius:6px;background:var(--cream);color:var(--ink);font:inherit;max-width:100%}.widget-demo-shell iframe{display:block;width:100%;height:620px;border:0;background:var(--cream)}.demo-footnote{text-align:center;font-size:11px;margin:20px auto 0;max-width:65ch}.ruled{border-top:2px solid var(--ink)}.topic-example{padding:20px;border:2px solid var(--ink);border-radius:6px;max-width:360px}.topic-example p{margin:12px 0}.topic-example>span:not(.label-xs){display:block}.topic-example strong{font-size:12px}.slack-feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:2px solid var(--ink);align-items:center}.slack-feature .section-intro{margin-bottom:24px}.fine-print{font-size:12px;max-width:60ch}.slack-illustration{padding:32px;background:var(--pink);border-radius:26px}.slack-channel{font-size:18px;font-weight:700;padding:20px 0;border-bottom:2px solid var(--ink)}.slack-message{display:flex;align-items:start;gap:12px;margin-top:24px;font-size:13px}.message-avatar{width:32px;height:32px;flex:none;border-radius:6px;background:var(--ink);color:var(--white);display:grid;place-items:center;font-weight:700}.message-avatar.team{background:var(--cream);color:var(--ink)}.slack-message p{margin-top:8px}.message-meta{font-size:10px;display:block;margin-top:12px}.slack-message.reply{margin-left:20px;border-left:2px solid var(--ink);padding-left:16px}.workflow-line{border-top:2px solid var(--ink);padding-top:16px;margin-top:24px;font-size:11px;font-weight:700}.consent-band{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--yellow)}.consent-band .section-intro{margin-bottom:20px}.consent-band>p{max-width:80ch;margin-bottom:24px;font-size:13px}@media(prefers-reduced-motion:no-preference){.snap-arrow path{stroke-dasharray:350;animation:point-draw 6s ease-in-out infinite}.rec-dot,.snap-record>span{animation:record-pulse 2s ease-in-out infinite}.answer-mini{animation:answer-in 6s ease-in-out infinite}.history-tiles>div:nth-child(2){animation:history-float 6s ease-in-out infinite}.snap-stage:focus-within .snap-arrow path{animation:none}}@keyframes point-draw{0%,12%{stroke-dashoffset:350;opacity:0}22%{opacity:1}55%,100%{stroke-dashoffset:0;opacity:1}}@keyframes record-pulse{50%{opacity:.3}}@keyframes answer-in{0%,15%{opacity:.3;transform:translateY(8px)}35%,100%{opacity:1;transform:translateY(0)}}@keyframes history-float{50%{transform:translateY(-8px)}}@media(max-width:1000px){.product-hero{grid-template-columns:1fr}.product-copy{padding:48px 40px}.product-copy h1{font-size:60px}.app-stage{border-left:0;border-top:2px solid var(--ink);padding:40px;min-height:460px}.snap-window{width:100%;max-width:620px;align-self:center}.snap-stage figcaption,.snap-stage>p{width:100%;max-width:620px;align-self:center}.faq-stage>div{width:85%;max-width:650px;margin-left:auto;margin-right:auto}.faq-stage .flow-connector{width:auto}.faq-stage>figcaption,.faq-stage>p{max-width:650px;width:85%;margin-left:auto;margin-right:auto}.capture-canvas{min-height:310px}.sample-grid svg{max-height:180px}.sample-grid h3{font-size:36px}.sample-grid p{font-size:13px}.sample-shop{font-size:11px}.slack-feature{gap:32px}.product-bento{padding-left:24px;padding-right:24px}.product-cell{padding:40px}.how-steps{gap:24px}.history-band{gap:32px}.history-tiles{gap:8px}}@media(max-width:680px){.app-nav{padding:16px 20px;align-items:start;flex-direction:column;gap:12px}.app-nav>div{gap:20px;flex-wrap:wrap}.product-copy{padding:40px 24px}.product-copy h1{font-size:48px}.product-copy .actions{gap:12px}.app-stage{padding:32px 16px;min-height:0}.app-stage figcaption{font-size:10px}.snap-toolbar{gap:2px}.snap-toolbar button{padding:6px 8px;font-size:17px;flex-direction:column;gap:0}.capture-canvas{padding:24px;min-height:280px}.sample-grid{gap:12px}.sample-grid h3{font-size:27px}.sample-grid p{font-size:10px}.sample-shop{font-size:8px}.sample-grid svg{max-height:150px}.window-bar{font-size:9px;gap:8px;padding:12px}.stage-caption{font-size:11px}.product-ribbon{font-size:15px;gap:8px;justify-content:center}.product-ribbon span{padding:0 6px}.app-section{padding:40px 24px}.section-intro h2{font-size:38px}.section-intro p{font-size:14px}.how-steps{grid-template-columns:1fr;gap:32px}.how-steps article{display:grid;grid-template-columns:40px 1fr;column-gap:16px}.step-number{grid-row:1/3;font-size:30px}.how-steps h3{font-size:26px;margin-bottom:12px}.how-steps p{max-width:none}.product-bento{grid-template-columns:1fr;padding:0 20px 40px}.product-cell{padding:40px 36px;min-height:360px}.product-cell h2{font-size:38px}.product-cell p{font-size:13px}.recording-strip{padding:14px;font-size:10px;gap:20px}.history-band{grid-template-columns:1fr;gap:24px}.history-tiles>div{min-height:140px;padding:12px}.history-tiles i{font-size:46px}.product-cta{grid-template-columns:1fr;padding:48px 24px;gap:32px}.product-cta h2{font-size:44px}.product-cta p{margin-top:16px}.faq-stage>div,.faq-stage>figcaption,.faq-stage>p{width:95%;max-width:none}.question-mini p{font-size:18px}.answer-mini p{font-size:15px}.demo-topbar{align-items:start;flex-direction:column;padding:16px}.demo-topbar label{width:100%;justify-content:space-between;font-size:11px}.demo-topbar select{font-size:11px;max-width:65%}.widget-demo-shell iframe{height:680px}.slack-feature{grid-template-columns:1fr}.slack-illustration{padding:24px}.slack-message{font-size:12px}.topic-example{padding:16px}.snap-record{gap:10px;padding:12px;font-size:10px}.snap-zoom{font-size:17px}}

.product-cta .finish-word{font-size:96px;line-height:.9;letter-spacing:-.02em}@media(max-width:680px){.product-cta .finish-word{font-size:72px}}
