.feature-chapter,.feature-row{scroll-margin-top:5rem}.feature-chapter-head{padding-block:clamp(calc(3.5rem / var(--zoom)), 2rem / var(--zoom) + 5vw, calc(7.5rem / var(--zoom)))}.feature-chapter-head-grid{column-gap:var(--gutter);row-gap:calc(1.75rem / var(--zoom));grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.feature-chapter-head h2{font-size:var(--fs-head);letter-spacing:-.03em;grid-column:1/span 9;margin:0 0 0 -.03em;line-height:1}.feature-chapter-mark{margin-top:calc(.35rem / var(--zoom));grid-column:10/-1;justify-self:end}.feature-chapter-head p{max-width:46ch;font-size:var(--fs-lead);grid-column:1/span 7;margin:0;line-height:1.35}@media (max-width:600px){.feature-chapter-head p{font-size:var(--fs-body);line-height:1.5}}.feature-chapter-head a{font-weight:700}.feature-chapter-body{padding-block:clamp(calc(3.5rem / var(--zoom)), 2rem / var(--zoom) + 5vw, calc(7.5rem / var(--zoom)))}.feature-chapter-rows{gap:clamp(calc(4rem / var(--zoom)), 3rem / var(--zoom) + 4vw, calc(7.5rem / var(--zoom)));flex-direction:column;display:flex}.feature-page-body .feature-row{align-items:start}.feature-page-body{padding-block:clamp(calc(2.5rem / var(--zoom)), 1.5rem / var(--zoom) + 3vw, calc(4.5rem / var(--zoom))) clamp(calc(3.5rem / var(--zoom)), 2rem / var(--zoom) + 5vw, calc(7.5rem / var(--zoom)))}.feature-row{gap:calc(2rem / var(--zoom));grid-template-columns:1fr;align-items:center;display:grid}.feature-row-copy{align-items:flex-start;gap:calc(1rem / var(--zoom));flex-direction:column;max-width:48ch;display:flex}.feature-row-copy h3{font-size:var(--fs-lead);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.2}.feature-row-copy h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.75rem,1.25rem + 1.6vw,3rem);font-weight:800;line-height:1.05}.feature-row-copy p{color:var(--ink);margin:0}@media (min-width:900px){.feature-row{column-gap:calc(var(--gutter) * 3);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.feature-row.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.feature-row.flip .feature-row-copy{order:2;justify-self:start}.rows-stack .feature-row,.rows-stack .feature-row.flip{column-gap:var(--gutter);row-gap:calc(1.5rem / var(--zoom));grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.rows-stack .feature-row-copy{display:contents}.rows-stack .feature-row-copy>:is(h2,h3){letter-spacing:-.03em;grid-area:1/1/span 6/span 5;align-self:start;font-size:clamp(1.75rem,1.2rem + 1.6vw,3rem);line-height:1.02;position:sticky;top:6rem}.rows-stack .feature-row-copy>:not(h2,h3),.rows-stack .feature-row>:not(.feature-row-copy){order:0;grid-column:7/-1;max-width:62ch}.rows-stack .feature-row>:not(.feature-row-copy){max-width:none;margin-top:calc(1rem / var(--zoom))}.rows-pairs{column-gap:calc(var(--gutter) * 3);row-gap:clamp(calc(4rem / var(--zoom)), 3rem / var(--zoom) + 4vw, calc(7rem / var(--zoom)));grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.rows-pairs .feature-row,.rows-pairs .feature-row.flip{align-items:start;gap:calc(1.75rem / var(--zoom));grid-template-columns:minmax(0,1fr)}.rows-pairs .feature-row.flip .feature-row-copy{order:0}.rows-pairs>.feature-row:last-child:nth-child(odd){column-gap:calc(var(--gutter) * 3);grid-column:1/-1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}}.rows-bands{gap:0}.rows-bands>.feature-row{--band-inset:max(var(--margin), calc((100% - var(--wide)) / 2 + var(--margin)));padding:clamp(calc(3.5rem / var(--zoom)), 2rem / var(--zoom) + 5vw, calc(7rem / var(--zoom))) var(--band-inset);background:var(--bg-000)}.rows-bands>.feature-row:nth-child(2n){--ink:var(--code-ink);--ink-muted:var(--code-ink);--ink-subtle:var(--code-ink);--link:var(--code-ink);--focus:var(--code-ink);background:var(--code);color:var(--code-ink)}.rows-bands>.feature-row:nth-child(2n) [data-ui]{--ink:var(--site-ink);--ink-muted:var(--site-ink-muted);--ink-subtle:var(--site-ink-subtle);--link:var(--site-link);--focus:var(--site-focus);color:var(--ink)}@media (min-width:900px){.rows-bands>.feature-row,.rows-bands>.feature-row.flip{column-gap:var(--gutter);row-gap:calc(2rem / var(--zoom));grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.rows-bands .feature-row-copy{display:contents}.rows-bands .feature-row-copy>:is(h2,h3){font-size:var(--fs-head);letter-spacing:-.03em;grid-column:1/span 8;line-height:1}.rows-bands .feature-row-copy>:not(h2,h3){grid-column:1/span 5;max-width:48ch}.rows-bands .feature-row>:not(.feature-row-copy){order:0;grid-area:2/7/span 4/-1}}@media (max-width:899px){.rows-bands .feature-row-copy>:is(h2,h3){font-size:clamp(1.75rem,1.2rem + 1.6vw,3rem);line-height:1.05}}.jump-list{background:var(--bg-100)}.jump-list ul{padding-block:calc(1.75rem / var(--zoom));gap:calc(.25rem / var(--zoom)) calc(2rem / var(--zoom));flex-wrap:wrap;margin:0 auto;list-style:none;display:flex}.jump-list a{align-items:center;gap:calc(.75rem / var(--zoom));min-height:var(--target-min);color:var(--ink);font-weight:700;display:inline-flex}.jump-list .family-chip{min-width:7.5rem}.feature-faq,.feature-faq dt,.feature-faq dd{margin:0}.mockup{--mock-fill:50%;--mock-left:50%;--mock-i:0;gap:calc(.625rem / var(--zoom));flex-direction:column;min-width:0;margin:0;display:flex}.mockup figcaption,.screenshot figcaption{color:var(--ink-muted);font-size:var(--fs-small);line-height:1.4}.mockup-frame{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-100);color:var(--ink);font-size:1rem;overflow:hidden}.mockup-screen{padding:calc(1.25rem / var(--zoom));gap:calc(.75rem / var(--zoom));overflow-wrap:anywhere;flex-direction:column;display:flex}.mockup .pill,.mockup .event-tag,.mockup .fake-button{white-space:normal;max-width:100%;height:auto}.mockup-stream .mockup-frame{background:var(--brand-forest);color:var(--on-deep)}.mockup-stream .mockup-screen{aspect-ratio:16/9;justify-content:space-between}@supports not (aspect-ratio:1){.mockup-stream .mockup-screen{min-height:14rem}}.stream-live{padding:calc(.125rem / var(--zoom)) calc(.625rem / var(--zoom));border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);align-self:flex-start;font-size:.889rem;font-weight:700}.stream-card{max-width:22rem;padding:calc(.75rem / var(--zoom)) calc(1rem / var(--zoom));border-radius:var(--radius-md);background:var(--bg-100);color:var(--ink)}.mockup-phone .mockup-frame{border-radius:1.5rem;width:100%;max-width:22rem}.mockup-phone .mockup-screen{padding:calc(1.5rem / var(--zoom)) calc(1.125rem / var(--zoom))}.mock-lines{gap:calc(.5rem / var(--zoom));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mock-lines li{align-items:center;gap:calc(.5rem / var(--zoom)) calc(.75rem / var(--zoom));padding:calc(.625rem / var(--zoom)) calc(.75rem / var(--zoom));border-radius:var(--radius-md);background:var(--bg-200);flex-wrap:wrap;display:flex}.mock-lines li strong{font-weight:700}.mock-muted{color:var(--ink-muted)}.mock-said{font-weight:700}.mock-said:before{content:"“"}.mock-said:after{content:"”"}.mock-row{align-items:center;gap:calc(.5rem / var(--zoom)) calc(.75rem / var(--zoom));flex-wrap:wrap;display:flex}.mock-split{gap:calc(.75rem / var(--zoom));grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.mock-panel{padding:calc(.75rem / var(--zoom));border-radius:var(--radius-md);background:var(--bg-200);gap:calc(.5rem / var(--zoom));flex-direction:column;display:flex}.mock-panel :is(h3,h4){color:var(--ink-muted);margin:0;font-size:.889rem;font-weight:700}.mock-field{padding:calc(.625rem / var(--zoom)) calc(.75rem / var(--zoom));border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-000)}.mock-bar{border-radius:var(--radius-pill);background:var(--bg-300);height:.75rem;overflow:hidden}.mock-bar>span{height:100%;width:var(--mock-fill);background:var(--code,var(--accent));display:block}.mock-versus{grid-template-columns:var(--mock-left) 1fr;border-radius:var(--radius-pill);height:1rem;display:grid;overflow:hidden}.mock-versus span:first-child{background:var(--code-moments)}.mock-versus span:last-child{background:var(--bg-300)}.fake-button{align-items:center;gap:calc(.375rem / var(--zoom));min-height:2.25rem;padding:0 calc(.875rem / var(--zoom));border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-100);color:var(--ink);font-weight:700;display:inline-flex}.fake-button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.fake-button.danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.fake-toggle{align-items:center;gap:calc(.5rem / var(--zoom));display:inline-flex}.fake-switch{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-300);flex:none;width:2.25rem;height:1.25rem;position:relative}.fake-switch:after{content:"";background:var(--ink-muted);border-radius:50%;width:.875rem;height:.875rem;position:absolute;top:.125rem;left:.125rem}.fake-toggle[data-on=true] .fake-switch{background:var(--accent);border-color:var(--accent)}.fake-toggle[data-on=true] .fake-switch:after{background:var(--on-accent);left:auto;right:.125rem}.fake-slider{align-items:center;gap:calc(.5rem / var(--zoom));display:inline-flex}.fake-track{border-radius:var(--radius-pill);background:var(--bg-300);width:7rem;height:.375rem;position:relative}.fake-track>span{width:var(--mock-fill);border-radius:inherit;background:var(--accent);position:absolute;inset:0 auto 0 0}.fake-key{min-width:2.25rem;min-height:2.25rem;padding:0 calc(.5rem / var(--zoom));border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-200);font-family:var(--font-sans);border-bottom-width:3px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.fake-key.wide{min-width:min(9rem,100%)}.mock-looks{margin:0;padding:0;list-style:none}.mock-look{padding:calc(.75rem / var(--zoom));border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:calc(.25rem / var(--zoom));flex-direction:column;display:flex}.mock-look p{margin:0}.mock-look-label{font-size:.889rem;font-weight:700}.mock-look-name{font-size:.889rem}.look-tiktalk{background:var(--brand-forest);color:var(--on-deep)}.look-tiktalk .mock-look-label{color:var(--brand-lime)}.look-neutral{background:var(--bg-300);color:var(--ink)}.look-neutral .mock-look-label{color:var(--ink-muted)}.look-custom{background:var(--info-bg);color:var(--ink);border-color:var(--info)}.look-custom .mock-look-label{color:var(--info)}.mock-large{margin:0;font-size:1.75rem;line-height:1.3}.hero-feed .mock-lines li{background:var(--bg-200);text-align:left;flex-flow:row;justify-content:flex-start;align-items:flex-start}.hero-feed .mock-lines li>.event-tag{flex:none}.hero-feed .mock-lines li>strong{min-width:0}.screenshot{gap:calc(.625rem / var(--zoom));flex-direction:column;min-width:0;margin:0;display:flex}.screenshot img{border-radius:var(--radius-lg);background:var(--site-bg-000);width:100%;height:auto;display:block}.screenshot-narrow{max-width:36rem}.public-prose{gap:calc(1rem / var(--zoom));flex-direction:column;max-width:64ch;display:flex}.public-prose p,.public-prose ul{margin:0}.public-prose ul{padding-left:calc(1.25rem / var(--zoom));gap:calc(.625rem / var(--zoom));flex-direction:column;display:flex}.public-prose h3{margin:calc(1.5rem / var(--zoom)) 0 0;font-size:var(--fs-lead);line-height:1.25}.access-section{padding-block:var(--section-pad);background:var(--bg-000);scroll-margin-top:5rem}.access-section:nth-of-type(2n){background:var(--bg-100)}.access-grid{column-gap:var(--gutter);row-gap:calc(2.5rem / var(--zoom));grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.access-grid>h2,.access-title{letter-spacing:-.03em;grid-column:1/-1;margin:0;font-size:clamp(1.5rem,.6rem + 4vw,4.25rem);line-height:1.02}.access-grid>.public-prose{grid-column:1/span 6}.access-grid>:is(figure,.access-media,.hero-feed){grid-column:8/-1}.access-media{gap:calc(2rem / var(--zoom));flex-direction:column;min-width:0;display:flex}.access-statement .public-prose{max-width:64ch}@media (max-width:900px){.access-grid>.public-prose,.access-grid>:is(figure,.access-media,.hero-feed){grid-column:1/-1}}.step-bands{padding:0 0 var(--section-pad);counter-reset:step;margin:0;list-style:none}.step-bands>li{counter-increment:step}.step-bands>li>.public-container{padding-block:clamp(calc(2.5rem / var(--zoom)), 1.5rem / var(--zoom) + 3vw, calc(4.5rem / var(--zoom)));border-top:1px solid var(--border-subtle)}.step-bands>li:first-child>.public-container{border-top:0}.step-bands .feature-row-copy:before{content:counter(step) / "";font-size:var(--fs-head);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.demo-open{padding-block:var(--section-pad)}.demo-open-grid{column-gap:var(--gutter);row-gap:calc(2.5rem / var(--zoom));grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.demo-open-grid>:first-child{align-items:flex-start;gap:calc(1.25rem / var(--zoom));flex-direction:column;grid-column:1/span 5;display:flex}.demo-open-grid>:first-child p{margin:0}.demo-open-grid h2{font-size:var(--fs-head);letter-spacing:-.03em;margin:0;line-height:1}.demo-open-grid>:last-child{grid-column:7/-1}.demo-open-pictures{gap:calc(2rem / var(--zoom));flex-direction:column;display:flex}@media (max-width:900px){.demo-open-grid>:first-child,.demo-open-grid>:last-child{grid-column:1/-1}}:root{--gen-line:var(--ink-muted);--gen-strong:var(--ink);--gen-ink:color-mix(in srgb, var(--ink) 32%, transparent);--gen-surface:var(--bg-000);--gen-dot:2.1px;--gen-font:var(--font-mono)}.t-gen{z-index:1;pointer-events:none;position:absolute}.t-gen-svg{position:absolute;top:0;left:0;overflow:visible}.t-gen-dot{fill:var(--gen-ink)}.t-gen-dot.is-lit{fill:var(--gen-strong)}.t-gen-wireframe{stroke-width:var(--gen-dot)}.t-gen-wire{fill:none;stroke:var(--gen-line);stroke-linecap:round;stroke-linejoin:round}.t-gen-guide{fill:none;stroke:var(--gen-line);stroke-width:1.6px;stroke-linecap:round}.t-gen-guide--dashed,.t-gen-guide--scan{stroke-dasharray:0 5}.t-gen-head,.t-gen-flyer{fill:var(--gen-strong)}.t-gen-handle{fill:var(--gen-surface);stroke:var(--gen-strong);stroke-width:1px}.t-gen-reticle{fill:none;stroke:var(--gen-strong);stroke-width:1.2px;stroke-linecap:round}.t-gen-glow-stop{stop-color:var(--gen-line);stop-opacity:0}.t-gen-label{font-family:var(--font-sans);fill:var(--gen-line);font-size:9px}.t-gen-label--small,.t-gen-label--tag{fill:var(--gen-strong);font-size:7.5px}@media (prefers-reduced-motion:reduce){.t-gen{display:none}}@media (prefers-reduced-motion:no-preference){@keyframes speaking{0%,to{background:var(--bg-200)}10%,80%{background:var(--bg-300)}}.hero-feed .mock-lines li{animation:speaking calc(var(--duration-very-slow) * 1.5) var(--ease-in-out) 1;animation-delay:calc(var(--mock-i) * var(--duration-very-slow) * 1.5)}@keyframes bar-fill{0%{transform:scaleX(0)}}.mock-bar.animate>span{transform-origin:0;animation:bar-fill calc(var(--duration-slow) * 2) var(--ease-smooth-out) both}}@media (forced-colors:active){.fake-switch,.fake-key,.fake-button,.mockup-frame{border-color:canvastext}.fake-toggle[data-on=true] .fake-switch{background:highlight}}.statement-lead{font-size:var(--fs-lead);grid-column:1/span 8;margin:0;line-height:1.35}.statement-rows{gap:calc(3rem / var(--zoom));flex-direction:column;grid-column:1/-1;display:flex}.statement-row{column-gap:var(--gutter);row-gap:calc(1rem / var(--zoom));grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.statement-row>h3{font-size:var(--fs-lead);grid-column:1/span 4;margin:0;line-height:1.25}.statement-row>.public-prose{grid-column:5/-1}@media (max-width:900px){.statement-lead,.statement-row>h3,.statement-row>.public-prose{grid-column:1/-1}}.step-pictures{gap:calc(2rem / var(--zoom));flex-direction:column;min-width:0;display:flex}
