:root{--ink:#182825;--muted:#53635e;--lime:#d6f46b;--lime-soft:#eef9ce;--line:#dce3df;--surface:#f4f7f5;--white:#fff;--lilac:#e5e1fa;--focus:#4656c7;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h2{font-size:clamp(2rem,3.4vw,2.75rem);letter-spacing:-.055em;font-weight:650}h3{font-weight:650}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img,svg{display:block;max-width:100%}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:12px;left:12px;padding:12px 18px;background:var(--ink);color:white;z-index:100;transform:translateY(-180%)}.skip:focus{transform:none}
.header{min-height:101px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.375rem;font-weight:720;letter-spacing:-.055em;white-space:nowrap}.header nav{display:flex;gap:29px;font-size:.875rem;font-weight:550}.header nav a:hover,.text-link:hover,.footer a:not(.brand):hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:52px;padding:13px 24px;background:var(--ink);border:1px solid var(--ink);border-radius:8px;color:white;font-size:.9375rem;font-weight:600;transition:transform .18s,background .18s}.button:hover{background:#30453d;transform:translateY(-2px)}.button span{font-size:1.2em}.button-small{min-height:44px;padding:9px 16px;font-size:.875rem;gap:14px}.button-outline{background:white;color:var(--ink);border-color:var(--line)}.button-outline:hover{background:var(--surface)}
.hero{text-align:center;padding:64px 0 44px}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:650;line-height:1.7}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.small-mark{display:grid;place-items:center;width:26px;height:26px;background:var(--lime);border-radius:6px;font-size:1.1rem}.hero h1{margin-top:22px;font-size:clamp(3.3rem,6.65vw,5.25rem);line-height:1.045;letter-spacing:-.069em;font-weight:650}.highlight{display:inline-block;position:relative;z-index:0;white-space:nowrap}.highlight::before{content:"";position:absolute;inset:12% -3% 0;background:var(--lime);z-index:-1;transform:rotate(-1.5deg);border-radius:4px}.highlight svg{width:.49em;height:.49em;position:absolute;top:-.07em;right:-.48em;transform:rotate(10deg)}.intro{max-width:520px;margin:25px auto 0;color:var(--muted);font-size:1.125rem;line-height:1.65;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;gap:27px;justify-content:center;align-items:center;margin-top:27px}.text-link{font-size:.9375rem;font-weight:600}.text-link span{margin-left:10px}.availability{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin-top:19px}.chrome-icon{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4}.availability-divider{margin-inline:2px}
.demo-section{scroll-margin-top:24px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.demo-heading h2{font-size:1rem;letter-spacing:-.02em;font-weight:600}.sample-label{color:var(--muted);font-size:.75rem;letter-spacing:.1em}.demo-scenarios{display:flex;gap:6px;margin:0 0 14px}.demo-scenarios button{min-height:44px;padding:7px 15px;border:1px solid transparent;border-radius:7px;color:var(--muted);background:white;font-size:.875rem}.demo-scenarios button[aria-pressed=true]{color:var(--ink);background:var(--lime-soft);border-color:#c8e59c;font-weight:600}.demo-scenarios button:hover{background:var(--surface)}.browser{border:1px solid #cdd8d2;border-radius:13px;overflow:hidden;box-shadow:0 22px 50px -20px #18282525,0 3px 9px #18282506}.browser-chrome{height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-inline:21px;background:#eaf0ec;border-bottom:1px solid var(--line)}.traffic{display:flex;gap:6px}.traffic i{width:8px;height:8px;border-radius:50%;background:#becac2}.url{display:flex;justify-content:center;align-items:center;gap:7px;background:#f9fbfa;border:1px solid #e2e8e4;border-radius:5px;width:430px;max-width:70%;min-width:0;padding:4px 12px;font-size:.75rem;color:var(--muted)}.url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url svg,.card-audience svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.sample-page{display:grid;grid-template-columns:1.22fr 1fr;min-height:440px;background:#fbfcfb}.sample-document{padding:29px 44px 32px;background:white;min-width:0}.sample-brand{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:650;letter-spacing:-.03em;padding-bottom:23px;border-bottom:1px solid var(--line)}.sample-logo{font-family:Georgia,serif;font-size:1.5rem;line-height:1}.sample-nav{margin-left:auto;max-width:120px;font-size:.75rem;letter-spacing:.07em;font-weight:500;line-height:1.4;color:var(--muted);text-align:right}.sample-kicker{margin-top:28px;color:var(--muted);font-size:.75rem;letter-spacing:.09em}.sample-document h3{margin-top:12px;font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-.05em;font-weight:550;line-height:1.13}.sample-intro,.sample-body{color:var(--muted);font-size:.9375rem;line-height:1.65;margin-top:17px;max-width:400px}.sample-paragraph{margin-top:20px;max-width:400px;font-size:1rem;line-height:1.8}.sample-paragraph mark{color:var(--ink);background:var(--lime);padding:3px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-bottom:1px solid #99b849}.sample-body{margin-top:16px}.sample-rule{height:1px;max-width:60px;background:var(--line);margin-top:25px}.sample-footnote{margin-top:13px;color:var(--muted);font-size:.75rem}.conversation-lane{display:flex;position:relative;align-items:center;padding:40px 32px 20px 23px;border-left:1px solid #e7ede9;min-width:0}.anchor-line{position:absolute;top:50%;left:-26px;width:49px;height:1px;background:#94ac58}.anchor-line span{position:absolute;width:8px;height:8px;background:#a0bd51;border:2px solid white;outline:1px solid #94ac58;border-radius:50%;left:-4px;top:-3px}
.comment-card{width:100%;border:1px solid #c9d6b2;border-radius:9px;background:white;box-shadow:0 12px 24px -8px #18282518;position:relative}.card-audience{display:flex;align-items:center;gap:7px;background:#f0f6e3;padding:11px 17px;border-radius:8px 8px 0 0;border-bottom:1px solid #dce8c5;font-size:.8125rem;font-weight:600}.audience-detail{margin-left:auto;color:var(--muted);font-size:.75rem;font-weight:400}.comment-content{padding:19px 18px 13px}.comment-person{display:flex;align-items:center;gap:9px}.avatar{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;font-size:.8125rem;font-weight:600}.avatar-lilac{background:var(--lilac);color:#514979}.avatar-lime{background:#e5f2c5;color:#495735}.comment-person strong,.sample-reply strong{display:block;font-size:.875rem;font-weight:650;line-height:1.3}.comment-person time{display:block;font-size:.75rem;color:var(--muted);line-height:1.7}.new-label{margin-left:auto;padding:2px 6px;background:var(--lime-soft);border-radius:4px;font-size:.75rem;letter-spacing:.04em}.comment-content>p{font-size:1rem;margin-top:14px;line-height:1.6}.sample-reply{display:flex;gap:10px;margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.sample-reply p{color:var(--muted);font-size:.9375rem;line-height:1.55;margin-top:4px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;font-size:.75rem;color:var(--muted)}.open-label{display:inline-flex;align-items:center;gap:5px}.comment-pin{position:relative;width:44px;height:44px;border:3px solid white;box-shadow:0 0 0 1px #a6ba77;border-radius:50%;background:var(--ink);color:var(--lime);font-weight:650}.quiet-state{text-align:center;width:100%;color:var(--muted);font-size:.875rem}.quiet-state>span{display:inline-block;font-size:2rem;margin-bottom:10px}.browser[data-display=hidden] mark{background:none;border-color:transparent}.browser[data-display=hidden] .anchor-line{display:none}
.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 21px;background:#f6f8f6;border-top:1px solid var(--line)}.toolbar-brand{display:inline-flex;align-items:center;gap:9px;font-size:.8125rem;font-weight:500}.mode-controls{display:flex;gap:4px;padding:3px;background:#e8eeea;border-radius:6px}.mode-controls button{min-height:38px;border:0;background:transparent;color:var(--muted);font-size:.8125rem;border-radius:4px;padding:6px 13px}.mode-controls button[aria-pressed=true]{color:var(--ink);background:white;box-shadow:0 1px 3px #18282518;font-weight:600}.mode-controls button:hover{color:var(--ink)}.demo-captions{display:flex;justify-content:space-between;gap:20px;margin-top:15px;min-height:44px}.demo-captions p{font-size:.75rem;color:var(--muted)}.demo-captions p:first-child{color:var(--ink);max-width:54%}.demo-captions p:last-child{text-align:right}.noscript-note{font-size:.875rem;color:var(--muted)}
.section{padding-block:88px}.section-heading{text-align:center}.section-heading h2{margin-top:14px}.section-heading>p:last-child{margin-top:18px;color:var(--muted);font-size:1rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:46px}.steps article{border-top:1px solid #bac8bf;padding-top:17px}.step-number{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--muted)}.step-number span{color:#adbaaf;margin-left:8px}.steps h3{font-size:1.1875rem;letter-spacing:-.025em;margin-top:21px}.steps p{margin-top:12px;font-size:1rem;line-height:1.7;color:var(--muted)}.step-example{display:inline-flex;align-items:center;gap:10px;font-size:.875rem;margin-top:22px;background:var(--lime-soft);border-radius:5px;padding:7px 11px}.steps article:nth-child(2) .step-example{background:var(--lilac)}.steps article:nth-child(3) .step-example{background:var(--surface)}.tiny-dot{display:block;width:7px;height:7px;background:#65579c;border-radius:50%}
.use-section{padding-block:69px 75px;background:var(--surface);border-block:1px solid #e6ece8}.use-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.use-heading h2{margin-top:15px;font-size:clamp(2rem,3.2vw,2.5rem)}.use-heading>p{max-width:300px;font-size:1rem;color:var(--muted)}.use-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.use-cards article{background:white;border:1px solid var(--line);border-radius:9px;padding:27px 26px 25px}.use-icon{display:grid;place-items:center;width:41px;height:41px;background:var(--lime);border-radius:9px;margin-bottom:23px}.use-cards article:nth-child(2) .use-icon{background:var(--lilac)}.use-cards article:nth-child(3) .use-icon{background:#e4efe9}.use-icon svg{width:23px;height:23px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.use-cards h3{font-size:1.1875rem;letter-spacing:-.035em}.use-cards p{font-size:1rem;margin-top:12px;color:var(--muted);line-height:1.7}.use-cards .use-quote{border-top:1px solid var(--line);padding-top:17px;margin-top:24px;font-size:.875rem;color:var(--ink)}
.benefits{display:grid;grid-template-columns:1.1fr 1fr;gap:76px;align-items:center}.benefits-heading h2{margin-top:17px;font-size:clamp(2rem,3.2vw,2.5rem)}.benefits-heading>p:last-child{max-width:360px;margin-top:20px;color:var(--muted)}.benefit-list{display:grid;gap:26px}.benefit-list article{display:flex;gap:19px}.benefit-list article>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--lime-soft);font-size:1.125rem}.benefit-list h3{font-size:1.125rem;letter-spacing:-.025em;margin-top:2px}.benefit-list p{margin-top:9px;font-size:1rem;color:var(--muted);line-height:1.7}
.faq-section{border-top:1px solid var(--line);padding-block:69px 78px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq-section h2{margin-top:15px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px;cursor:pointer;list-style:none;font-size:1rem;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.25rem;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 27px 22px 0;font-size:1rem;line-height:1.75;color:var(--muted)}
.closing{background:var(--ink);color:white;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:60px;padding:47px 64px}.closing .eyebrow{color:#c7d6c9}.closing h2{font-size:clamp(2.25rem,4vw,3.25rem);margin-top:17px}.closing-copy>p:last-child{margin-top:18px;color:#c7d6c9;line-height:1.7}.closing-action{display:flex;flex-direction:column;align-items:center;min-width:265px;gap:15px}.closing-action>img{border:1px solid #617253;border-radius:15px}.release-label{font-size:.75rem;color:#d5dfd7;letter-spacing:.07em;text-align:center}.button-lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button-lime:hover{background:#e5ff8c}.closing-action p{color:#c7d6c9;text-align:center;font-size:.8125rem;line-height:1.8}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:38px;margin-top:23px}.footer .brand{font-size:1.1875rem}.footer p{font-size:.8125rem;color:var(--muted);margin-top:7px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:13px;font-size:.8125rem}.footer-right>span{color:var(--muted);font-size:.75rem}.footer-right a span{margin-left:8px}
@media(min-width:1450px){.hero{padding-top:76px;padding-bottom:54px}}
@media(max-width:1000px){.header nav{gap:19px}.header nav a:nth-child(2){display:none}.sample-document{padding-inline:30px}.sample-nav{max-width:106px}.conversation-lane{padding-inline:20px}.anchor-line{width:46px}.card-audience{padding-inline:12px;gap:5px}.comment-content{padding-inline:15px}.steps{gap:25px}.use-cards{gap:14px}.use-cards article{padding:23px 20px}.use-heading{gap:30px}.use-heading>p{max-width:240px}.benefits{gap:43px}.closing{padding-inline:40px;gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:83px;gap:15px}.header nav{display:none}.brand{font-size:1.25rem;gap:8px}.brand img{width:31px;height:31px}.hero{padding-top:47px;padding-bottom:38px}.hero h1{font-size:clamp(3.05rem,9vw,4.1rem)}.intro{max-width:470px;font-size:1.0625rem}.sample-page{grid-template-columns:1fr}.sample-document{padding:25px 30px 31px}.sample-document h3{font-size:2rem}.sample-document h3 br{display:none}.sample-intro,.sample-body,.sample-paragraph{max-width:100%}.sample-kicker{margin-top:22px}.sample-nav{max-width:none}.sample-rule,.sample-footnote{display:none}.conversation-lane{border-left:0;border-top:1px solid var(--line);padding:25px 30px;min-height:140px;align-items:flex-start}.comment-card{max-width:440px;margin-inline:auto}.anchor-line{width:1px;height:25px;left:50%;top:0}.anchor-line span{top:-4px;left:-3px}.comment-pin{margin-inline:auto}.demo-toolbar{flex-wrap:wrap;justify-content:center;gap:9px;padding:12px 16px}.toolbar-brand{margin-right:auto}.demo-captions{flex-direction:column;gap:5px;min-height:56px}.demo-captions p:first-child{max-width:none}.demo-captions p:last-child{text-align:left}.section{padding-block:62px}.section-heading{text-align:left}.steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.steps article{position:relative;padding-top:23px}.step-number{position:absolute;top:24px;right:0}.steps h3{margin-top:0;padding-right:60px}.steps p{max-width:520px}.step-example{margin-top:17px}.use-section{padding-block:49px 53px}.use-heading{flex-direction:column;align-items:flex-start;gap:20px}.use-heading>p{max-width:430px}.use-cards{grid-template-columns:1fr;gap:15px;margin-top:28px}.use-cards article{padding:25px}.use-icon{float:right;margin:0 0 10px 15px}.use-cards p{max-width:490px}.use-cards .use-quote{margin-top:18px;padding-top:13px}.benefits{grid-template-columns:1fr;gap:35px}.benefits-heading>p:last-child{max-width:450px}.faq-section{grid-template-columns:1fr;gap:30px;padding-block:50px}.closing{padding:36px 28px;gap:32px;flex-direction:column;align-items:flex-start}.closing-action{flex-direction:column;align-items:flex-start;min-width:0}.closing-action>img{display:none}.closing-action p{text-align:left}.closing h2{font-size:2.5rem}.footer{padding-block:28px}.footer-right{max-width:180px;text-align:right}}
@media(max-width:440px){.header .button{font-size:.8125rem;padding-inline:11px;gap:8px}.header .brand{font-size:1.125rem;gap:6px}.header .brand img{width:29px;height:29px}.hero .eyebrow{font-size:.75rem;letter-spacing:.065em;gap:6px}.small-mark{width:22px;height:22px}.hero h1{font-size:clamp(2.6rem,11.9vw,3.3rem)}.intro{margin-top:23px}.hero-actions{gap:18px}.hero-actions .button{gap:16px;padding-inline:17px}.text-link{font-size:.875rem}.text-link span{margin-left:4px}.availability{gap:5px;max-width:275px;margin-inline:auto}.availability-divider{display:none}.availability>span:last-child{width:100%}.demo-heading{align-items:flex-start;flex-direction:column;gap:6px}.demo-scenarios{gap:4px}.demo-scenarios button{padding-inline:8px;font-size:.8125rem;flex:1}.browser-chrome{padding-inline:13px;gap:10px}.traffic{gap:4px}.traffic i{width:6px;height:6px}.url{max-width:76%;padding-inline:6px}.sample-document{padding-inline:22px}.sample-nav{max-width:118px}.sample-document h3{font-size:1.8125rem}.conversation-lane{padding-inline:17px}.card-audience{font-size:.8125rem}.demo-toolbar{flex-direction:column;align-items:stretch}.toolbar-brand{margin:0;align-self:center}.mode-controls button{flex:1;min-height:42px;padding-inline:9px}.section h2,.use-heading h2,.benefits-heading h2,.faq-section h2{font-size:2rem}.footer{flex-direction:column;align-items:flex-start;gap:22px}.footer-right{max-width:none;text-align:left;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:360px){.header{flex-wrap:wrap;padding-block:16px;gap:12px}.hero .eyebrow{flex-wrap:wrap}.closing{padding-inline:22px}.release-label{letter-spacing:0}.button{max-width:100%}}
.closing a:focus-visible{outline-color:var(--lime)}