.landing.feature-page{--feature-card-bg:color-mix(in srgb,var(--text) 4%,var(--surface));color:var(--text);background:var(--bg)}.feature-heading{text-align:center;padding-block:150px 100px}.feature-heading>p:first-child{color:var(--molecular-ink);margin-bottom:24px;font-size:14px}.feature-heading h1{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(42px,6vw,76px);font-weight:550;line-height:1.04}.feature-heading p{color:var(--body);font-size:19px;line-height:1.6}.feature-heading>a,.feature-end a{color:var(--molecular-ink);margin-top:28px;display:inline-block}.feature-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:60px;display:grid}.feature-index{flex-direction:column;gap:5px;padding-bottom:20px;display:flex;position:sticky;top:110px}.feature-index a{color:var(--body);border-radius:10px;padding:10px 12px;font-size:14px;text-decoration:none}.feature-index a:hover,.feature-index a:focus-visible{color:var(--text);background:var(--surface-2)}.feature-group{border-bottom:1px solid var(--border);margin-bottom:65px;padding-bottom:86px}.feature-number{color:var(--molecular-ink);font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-bottom:20px;font-size:12px}.feature-group h2{letter-spacing:-.04em;margin:0 0 22px;font-size:clamp(30px,3.8vw,46px);font-weight:550;line-height:1.12}.feature-intro{max-width:65ch;color:var(--body);margin:0 0 30px;font-size:18px;line-height:1.65}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 38px;margin-block:36px;display:grid}.feature-list h3{margin-bottom:8px;font-size:17px;font-weight:550;line-height:1.4}.feature-list p{color:var(--body);margin:0;font-size:15px;line-height:1.65}.feature-guide{color:var(--molecular-ink);margin-top:5px;font-size:15px;display:inline-block}.feature-end{text-align:center;padding-block:20px 120px}.feature-end h2{letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(30px,4vw,46px)}.feature-end p{color:var(--body)}@media (max-width:900px){.feature-layout{grid-template-columns:1fr;gap:32px}.feature-index{white-space:nowrap;flex-direction:row;margin-inline:-8px;position:static;overflow-x:auto}.feature-heading{padding-block:125px 55px}}@media (max-width:540px){.landing.feature-page .page-width{width:calc(100% - 40px)}.feature-heading h1{font-size:43px}.feature-heading p,.feature-intro{font-size:17px}.feature-wide-break{display:none}.feature-list{grid-template-columns:1fr;gap:24px}.feature-group{margin-bottom:44px;padding-bottom:44px}.feature-demo{border-radius:12px}.feature-play{padding:8px 12px;font-size:12px;bottom:10px;left:10px}}.feature-index a[aria-current=location]{background:var(--surface-2);color:var(--text);font-weight:600}.feature-heading{padding-block:112px 64px}.feature-sections{min-width:0}.feature-cards{margin-block:40px}.feature-cards-track{align-items:flex-start;margin-left:-24px}.feature-card-item{flex-basis:50%;padding-left:24px;display:flex}.feature-explainer{background:var(--feature-card-bg);border-radius:24px;flex-direction:column;width:100%;padding:8px;display:flex}.feature-explainer-copy{padding:20px 20px 28px}.feature-explainer h3{letter-spacing:-.03em;text-wrap:balance;margin:0 0 14px;font-size:24px;font-weight:550;line-height:1.18}.feature-explainer p{color:var(--body);margin:0;font-size:16px;line-height:1.55}.feature-capture{background:0 0;border-radius:18px;position:relative;overflow:hidden}.feature-capture[data-review],.feature-capture-pending{border:1px solid #e05252;border-radius:18px;padding:6px}.feature-capture-media{border-radius:18px;min-width:0;overflow:hidden}.feature-capture-media img{border-radius:18px;width:100%;height:auto;display:block}.feature-capture .integrated-demo{width:100%;margin:0}.feature-capture .integrated-demo video{border-radius:18px;width:100%;height:auto}.feature-capture>span{color:#fff;background:#a52020;border-radius:6px;margin-top:12px;padding:5px 9px;font-size:12px;display:inline-block}.feature-capture-pending{aspect-ratio:4/3;color:var(--body);flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:13px;display:flex}.capture-skeleton-window{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;width:58%;height:42%;padding:16px;display:flex}.capture-skeleton-window i{background:var(--surface-2);border-radius:4px;width:70%;height:8px;display:block}.capture-skeleton-window i:first-child{width:35%}.capture-skeleton-window i:last-child{width:90%}.feature-cards-controls{justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.feature-cards-position{color:var(--body);font-variant-numeric:tabular-nums;margin-right:auto;font-size:13px}.feature-cards-controls button{background:var(--surface-2);width:44px;height:44px;color:var(--text);border:0;position:static;transform:none}.feature-cards-controls button:disabled{opacity:.3}.feature-cards-controls button:focus-visible{outline:2px solid var(--molecular-ink);outline-offset:3px}@media (max-width:650px),(min-width:901px) and (max-width:1100px){.feature-card-item{flex-basis:100%}.feature-explainer-copy{padding:16px 16px 24px}.feature-explainer h3{font-size:23px}}.feature-shortcuts{color:var(--molecular-ink);flex-wrap:wrap;justify-content:center;gap:12px 26px;margin-top:28px;font-size:15px;display:flex}.feature-shortcuts a:hover{text-decoration:underline}.feature-hero{isolation:isolate;position:relative}.feature-sky{z-index:-1;pointer-events:none;background:linear-gradient(var(--sky-top),var(--sky-bottom));position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,#0000 100%);mask-image:linear-gradient(#000 65%,#0000 100%)}.feature-clouds{opacity:1;width:100%;height:100%;display:block}.feature-sky:after{content:"";background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--bg) 40%,transparent) 22%,color-mix(in srgb,var(--bg) 20%,transparent) 48%,transparent 100%);position:absolute;inset:0}html[data-theme=dark] .feature-heading{text-shadow:0 2px 8px #000,0 0 24px #000}.feature-video-grid,.feature-still-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin-block:40px;display:grid}.feature-video-grid>:only-child,.feature-still-grid>:only-child{grid-column:1/-1}@media (max-width:650px),(min-width:901px) and (max-width:1100px){.feature-video-grid,.feature-still-grid{grid-template-columns:1fr}}.feature-recording-pending{border-top:1px solid var(--border);padding:24px 20px}.feature-recording-pending a{color:var(--molecular-ink);margin-top:12px;font-size:15px;display:inline-block}