.devfeatures.dh2{background:var(--paper)}.devfeatures-section{padding:clamp(3.5rem,7vw,6rem) 0}.devfeatures-section--light{background:var(--paper);color:var(--ink)}.devfeatures-cta,.devfeatures-hero,.devfeatures-stats-section{position:relative;z-index:4}.devfeatures.dh2>.dh2-nav{z-index:30}.devfeatures.dh2 .dh2-footer{position:relative;z-index:4;background:var(--paper)}.devfeatures-section--dark{background:var(--dark-bg);color:var(--dark-ink)}.devfeatures-section--dark.devfeatures-dashboards{position:relative;z-index:1;isolation:isolate;overflow:hidden}.devfeatures-hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.devfeatures-hero-eyebrow{margin:0}.devfeatures-hero-title{margin:0;font-size:clamp(3.5rem,12vw,7.5rem);font-weight:700;line-height:.95;letter-spacing:-.04em;text-align:right}.devfeatures-hero-lead{max-width:42rem;margin:0;font-family:var(--font-body);font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:300;line-height:1.65;color:var(--muted)}.devfeatures-stats-section{padding-top:0}.devfeatures-stats{display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,5vw,4rem);margin:0;padding:0;list-style:none}.devfeatures-stat{padding-top:1.25rem;border-top:1px solid var(--ink)}.devfeatures-stat-label{margin:0 0 1rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.devfeatures-stat-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin:0 0 1.25rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.devfeatures-stat-unit{font-size:clamp(1.25rem,3vw,2rem);font-weight:600;letter-spacing:-.02em}.devfeatures-stat-body{margin:0;font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.65;color:var(--muted)}@media (min-width:768px){.devfeatures-stats{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem)}}.devfeatures-group-head{max-width:40rem}.devfeatures-live-demo{margin:0 0 2rem}.devfeatures-live-demo .dh2-stage-wrap{padding:0}.devfeatures-live-demo .dh2-live-table-demo-caption{color:var(--dark-muted)}.devfeatures-tool-list{margin:0;padding:0;list-style:none}.devfeatures-tool{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem 1.5rem;padding:1.75rem 0;border-top:1px solid var(--rule)}.devfeatures-section--dark .devfeatures-tool{border-top-color:var(--dark-rule)}.devfeatures-tool-index{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--muted)}.devfeatures-section--dark .devfeatures-tool-index{color:var(--dark-muted)}.devfeatures-tool h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.devfeatures-tool h3 a:hover{opacity:.75}.devfeatures-tool p{margin:0 0 .75rem;font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.65;color:var(--muted)}.devfeatures-section--dark .devfeatures-tool p{color:var(--dark-muted)}.devfeatures-tool-link{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.devfeatures-dashboards-inner{display:grid;gap:clamp(2.5rem,5vw,4rem)}@media (min-width:1024px){.devfeatures-dashboards-copy-reveal{display:contents}.devfeatures-dashboards-inner{grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center;gap:clamp(1.75rem,3vw,2.75rem)}.devfeatures-dashboards-copy{align-self:center;justify-self:start;width:100%;max-width:none}.devfeatures-dashboards-head{max-width:none}.devfeatures-dashboards-head h2{font-size:clamp(1.85rem,2.45vw,2.9rem);letter-spacing:-.04em;white-space:nowrap}}.devfeatures-dashboards-copy{position:relative;z-index:2;min-width:0}.devfeatures-dashboards-head{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.devfeatures-dashboards-stage{display:flex;width:100%;min-width:0;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1.25rem);overflow:hidden}@media (min-width:1024px){.devfeatures-dashboards-stage{align-self:center;z-index:1;padding-block:0;padding-inline:clamp(1.75rem,3.5vw,2.75rem) clamp(1rem,2vw,1.5rem)}.devfeatures-dashboards-stage>.devfeatures-ipad-static-preview,.devfeatures-dashboards-stage>.devfeatures-overview-demo-host{flex:1 1 auto;width:100%;min-height:18rem}}.devfeatures-ipad-static-preview{width:100%;aspect-ratio:520/400;min-height:18rem;display:flex;align-items:center;justify-content:center}.devfeatures-ipad-static-preview--hover{position:relative;display:block;min-height:18rem}@media (min-width:1024px){.devfeatures-ipad-static-preview--hover{min-height:24rem}}.devfeatures-ipad-rollover-base{width:100%}.devfeatures-ipad-rollover-base .devfeatures-overview-demo-host,.devfeatures-ipad-static-preview .devfeatures-overview-demo-host{width:100%;max-width:100%}.devfeatures-ipad-fade-rollover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;opacity:0;transition:opacity .28s ease;pointer-events:none}.devfeatures-ipad-fade-rollover.is-visible{opacity:1}.devfeatures-ipad-fade-rollover-panel{width:100%}@media (prefers-reduced-motion:reduce){.devfeatures-ipad-fade-rollover{transition:none}}.devfeatures-ipad-hover-carousel{width:100%;aspect-ratio:520/400;min-height:18rem;position:relative;overflow:hidden}@media (min-width:1024px){.devfeatures-ipad-hover-carousel{min-height:22rem}}.devfeatures-ipad-hover-carousel-stage{position:absolute;inset:0;overflow:hidden;transform-style:preserve-3d}.devfeatures-ipad-hover-carousel-layer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.devfeatures-ipad-hover-carousel-layer .devfeatures-overview-demo-device,.devfeatures-ipad-hover-carousel-layer .devfeatures-overview-demo-host,.devfeatures-ipad-hover-carousel-layer .devfeatures-overview-demo-ipad-wrap{width:100%;height:100%;min-height:0}.devfeatures-ipad-hover-carousel-layer .devfeatures-overview-demo-device{filter:none}.devfeatures-ipad-hover-carousel .devfeatures-overview-demo-placeholder{background:linear-gradient(180deg,#141414,#0a0a0a)}@media (prefers-reduced-motion:reduce){.devfeatures-ipad-hover-carousel-layer{transition:none}}.devfeatures-index-list{margin:0;padding:0;list-style:none;column-count:1;column-gap:3rem}.devfeatures-index-list.devfeatures-index-list--single{column-count:1}.devfeatures-index-list li.is-preview-active a{color:#f5f5f5;text-decoration-thickness:2px}.devfeatures-dashboards-stage-reveal.dh2-sr-reveal{transform:translateY(36px)}@media (min-width:1024px){.devfeatures-dashboards-stage-reveal.dh2-sr-reveal{align-self:center}}.devfeatures-dashboards-stage-reveal.dh2-sr-reveal.dh2-sr-visible{transform:translateY(0)}.devfeatures-dashboards-stage-inner{position:relative;width:100%;min-height:min(52vw,400px)}@media (min-width:1024px){.devfeatures-dashboards-stage-inner{min-height:420px}}.devfeatures-dashboards-live-layer{transition:opacity .35s ease,visibility .35s ease}.devfeatures-dashboards-live-layer:not(.is-visible){position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}.devfeatures-screenshot-host{display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:devfeatures-screenshot-in .45s ease both}@keyframes devfeatures-screenshot-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.devfeatures-screenshot-host{animation:none}.devfeatures-screenshot-img{transition:opacity .2s ease}}.devfeatures-ipad-screenshot{width:100%;max-width:520px}.devfeatures-ipad-screenshot-device{position:relative;width:100%;height:100%;filter:drop-shadow(0 0 36px rgba(0,0,0,.24))}.devfeatures-ipad-screenshot-img{object-fit:cover;object-position:top center}.devfeatures-ipad-stack{position:relative;width:min(100%,520px);margin-inline:auto;padding-bottom:2rem}.devfeatures-ipad-stack-layer{width:100%}.devfeatures-ipad-stack-layer--back-1{position:absolute;left:3%;top:1.25rem;width:94%;z-index:0;opacity:.42;transform:translateY(10px) scale(.97);pointer-events:none}.devfeatures-ipad-stack-layer--back-2{position:absolute;left:6%;top:2.35rem;width:88%;z-index:0;opacity:.22;transform:translateY(18px) scale(.94);pointer-events:none}.devfeatures-ipad-stack-layer--front{position:relative;z-index:2}.devfeatures-ipad-stack-front-inner{opacity:0;transform:translateY(16px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.devfeatures-ipad-stack-front-inner.is-ready{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.devfeatures-ipad-stack-front-inner{opacity:1;transform:none;transition:opacity .2s ease}.devfeatures-ipad-stack-layer--back-1,.devfeatures-ipad-stack-layer--back-2{transform:none}}.devfeatures-screenshot-caption{margin:.85rem 0 0;text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,245,245,.72)}.devfeatures-index-list li{display:flex;align-items:baseline;gap:1rem;margin-bottom:.85rem;break-inside:avoid}.devfeatures-index-list--single li{margin-bottom:.65rem}.devfeatures-index-list--single a{font-size:clamp(1.05rem,1.35vw,1.35rem);font-weight:600;letter-spacing:-.02em}.devfeatures-index-num{flex-shrink:0;width:2rem;font-size:.8rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.devfeatures-index-list a{font-weight:600}.devfeatures-index-list a:focus-visible,.devfeatures-index-list a:hover{color:var(--ink);opacity:.72}.devfeatures-section--dark.devfeatures-dashboards .devfeatures-dashboards-head h2{color:var(--dark-ink)}.devfeatures-section--dark .devfeatures-index-num{color:var(--dark-muted)}.devfeatures-section--dark .devfeatures-index-list a{color:var(--dark-ink)}.devfeatures-section--dark .devfeatures-index-list a:focus-visible,.devfeatures-section--dark .devfeatures-index-list a:hover{color:var(--dark-muted);opacity:1}.devfeatures-cta-wrap{text-align:center}.devfeatures-cta-head{max-width:none;margin-inline:auto}.devfeatures-cta-head .dh2-section-lead{margin-inline:auto}@media (min-width:961px){.devfeatures-cta-lead{max-width:none;white-space:nowrap}}.devfeatures-cta-actions{display:flex;justify-content:center}.devfeatures-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:720px){.devfeatures-hero-top{flex-direction:column;align-items:flex-start}.devfeatures-hero-title{text-align:left}}