.features-iphone{--scene-color:#0a84ff;--wash-outer:#5e5ce6;flex-direction:column;align-items:center;padding:0 0 72px;display:flex}.features-iphone-intro{--scene-color:#0a84ff;--wash-outer:#5e5ce6;min-height:calc((100svh - var(--header-height,64px)) * .6);flex-direction:column;justify-content:center;align-items:center;padding-inline:16px;display:flex}.features-section-head.features-iphone-head{gap:14px}.features-section-head.features-iphone-head h2{letter-spacing:-.035em;font-size:clamp(32px,4.5vw,42px)}.features-section-head.features-iphone-head>p:last-child{font-size:17px;line-height:1.45}.features-section-head.features-iphone-head .features-iphone-eyebrow{color:var(--scene-color);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.features-iphone-soon{color:var(--color-text-2);background:color-mix(in srgb, var(--color-text-1) 5%, transparent);border:1px solid color-mix(in srgb, var(--color-text-1) 12%, transparent);border-radius:9999px;padding:3px 8px;font-size:10.5px;line-height:1}@property --features-iphone-color{syntax:"<color>";inherits:true;initial-value:#0a84ff}@property --features-iphone-glow{syntax:"<color>";inherits:true;initial-value:#5e5ce6}.features-iphone-tour{--tour-stage-h:calc(100svh - var(--header-height,64px));--tour-phone-h:min(600px, 100vw - 48px, var(--tour-stage-h) - 32px, (var(--tour-stage-h) - 460px) * 149.6 / 71.5);--tour-phone-w:calc(var(--tour-phone-h) * 71.5 / 149.6);--tour-notch:316px;width:100%;margin-top:24px;transition:--features-iphone-color .9s,--features-iphone-glow .9s;position:relative}.features-iphone-stage{top:var(--header-height,64px);height:var(--tour-stage-h);place-items:center;display:grid;position:sticky}.features-iphone-stage .iphone{--phone-w:var(--tour-phone-w)}.features-iphone-glow{--cut:calc(100% + 200px);--notch-depth:40px;--notch-slant:calc(2 * var(--notch-depth) / tan(46deg));--floor-in:calc(50% - var(--tour-notch) / 2);--floor-out:calc(50% + var(--tour-notch) / 2);z-index:0;pointer-events:none;clip-path:inset(-100vh -100vw calc(100% - var(--cut)) -100vw);clip-path:shape(from -100vw -100vh, hline to calc(100% + 100vw), vline to var(--cut), hline to calc(var(--floor-out) + var(--notch-slant)), curve to var(--floor-out) calc(var(--cut) + var(--notch-depth)) with calc(var(--floor-out) + var(--notch-slant) / 2) var(--cut) / calc(var(--floor-out) + var(--notch-slant) / 2) calc(var(--cut) + var(--notch-depth)), hline to var(--floor-in), curve to calc(var(--floor-in) - var(--notch-slant)) var(--cut) with calc(var(--floor-in) - var(--notch-slant) / 2) calc(var(--cut) + var(--notch-depth)) / calc(var(--floor-in) - var(--notch-slant) / 2) var(--cut), hline to -100vw, close);transition:clip-path .38s;position:absolute;inset:0}.features-iphone-glow:before{content:"";width:calc(var(--tour-phone-w) * 2.2);height:calc(var(--tour-phone-h) * 1.04);background:radial-gradient(closest-side at 42% 42%, color-mix(in srgb, var(--features-iphone-color) 40%, transparent), transparent), radial-gradient(closest-side at 60% 62%, color-mix(in srgb, var(--features-iphone-glow) 26%, transparent), transparent);filter:blur(80px);opacity:.55;border-radius:50%;transition:width .8s cubic-bezier(.32,.72,0,1),height .8s cubic-bezier(.32,.72,0,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.features-iphone-stage:has(.iphone[data-landscape]) .features-iphone-glow{--cut:calc(50% + var(--tour-phone-w) / 2 + 40px);transition:clip-path .5s cubic-bezier(.22,1,.36,1) .7s}.features-iphone-stage:has(.iphone[data-landscape]) .features-iphone-glow:before{width:calc(var(--tour-phone-h) * 1.9);height:calc(var(--tour-phone-w) * 1.6)}.features-iphone-phone{z-index:1;position:relative}.features-iphone-over,.features-iphone-under{z-index:2;opacity:0;pointer-events:none;transition:opacity .38s,translate .48s cubic-bezier(.4,0,1,1);position:absolute;left:50%}.features-iphone-over{bottom:calc(50% + var(--tour-phone-w) / 2 + 48px);width:min(620px,100vw - 32px);translate:-50% -32px}.features-iphone-under{top:calc(50% + var(--tour-phone-w) / 2 + 40px);flex-direction:column;align-items:center;width:min(960px,100vw);display:flex;translate:-50%}.features-iphone-stage:has(.iphone[data-landscape]) :is(.features-iphone-over,.features-iphone-under){opacity:1;pointer-events:auto;transition:opacity .5s .7s,translate .7s cubic-bezier(.22,1,.36,1) .7s;translate:-50%}.features-iphone-copy{text-align:center;flex-direction:column;align-items:center;gap:8px;animation:.42s both features-iphone-copy-in;display:flex}.features-iphone-copy h3{letter-spacing:-.02em;color:var(--color-text-1);text-wrap:balance;font-size:28px;font-weight:650;line-height:1.15}.features-iphone-copy p{max-width:54ch;color:var(--color-text-2);text-wrap:pretty;font-size:15px;line-height:1.55}.features-iphone-label{color:var(--tour-accent,var(--scene-color));font-size:13px;font-weight:600}@keyframes features-iphone-copy-in{0%{opacity:0;translate:0 4px}}.features-iphone-under .mac-system-rail{--notch-length:var(--tour-notch);width:100%;padding-bottom:max(24px, var(--tour-stage-h) / 2 - var(--tour-phone-w) / 2 - 40px)}.features-iphone-under .mac-system-rail-shape{-webkit-mask-image:linear-gradient(to right, transparent, #000 20%, #000 80%, transparent), linear-gradient(to bottom, #000 calc(var(--notch-depth) + 60px), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 20%, #000 80%, transparent), linear-gradient(to bottom, #000 calc(var(--notch-depth) + 60px), transparent);mask-image:linear-gradient(to right, transparent, #000 20%, #000 80%, transparent), linear-gradient(to bottom, #000 calc(var(--notch-depth) + 60px), transparent);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.features-iphone-more{font-variant-numeric:tabular-nums;margin-left:8px;padding-inline:10px;font-size:12.5px;font-weight:600;position:relative}.features-iphone-more:not([data-selected]){color:var(--color-text-3)}.features-iphone-more:not([data-selected]):hover{color:var(--color-text-2)}.features-iphone-more:before{content:"";border-left:1px solid var(--line);height:14px;position:absolute;top:50%;left:-6px;translate:0 -50%}.features-iphone-swap{place-items:start center;width:min(760px,100vw - 32px);display:grid;position:absolute;top:64px;left:50%;translate:-50%}.features-iphone-swap>*{grid-area:1/1}.features-iphone-cta{opacity:0;transition:opacity .2s,translate .2s;translate:0 -6px}.features-iphone-cta[data-shown]{opacity:1;transition:opacity .36s .12s,translate .48s cubic-bezier(.22,1,.36,1) .12s;translate:0}.features-iphone-cta .splash-cta{margin-top:0}.features-iphone-cta .splash-cta-caption{font-size:12px}.features-iphone-rest{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;margin:0;padding:0;list-style:none;display:grid}.features-iphone-rest li{opacity:0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;transition:opacity .2s,translate .2s;display:grid;translate:0 -6px}.features-iphone-rest[data-open] li{opacity:1;transition:opacity .36s,translate .48s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 60ms);translate:0}.features-iphone-rest h4{color:var(--tour-accent);font-size:13px;font-weight:600}.features-iphone-rest p{color:var(--color-text-2);text-wrap:pretty;margin-top:2px;font-size:13px;line-height:1.5}.features-iphone-steps{margin-top:calc(-1 * var(--tour-stage-h));pointer-events:none;padding-block:40vh 50vh}.features-iphone-step{height:70vh}@keyframes features-iphone-arrive{0%{scale:2.4;translate:0 calc((var(--tour-phone-h) - var(--tour-stage-h)) / 2 + 8px)}28%{scale:1.7;translate:0 calc((var(--tour-phone-h) - var(--tour-stage-h)) / 2 + 8px)}to{translate:0;scale:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.features-handoff[data-side=to] .features-iphone-eyebrow{animation:.8s cubic-bezier(.22,.61,.36,1) .2s both smoke-text-in}.features-handoff[data-side=from] .features-iphone-eyebrow{animation:.4s cubic-bezier(.55,0,.75,.2) both features-handoff-out}.features-handoff+.features-iphone{margin-top:calc((100svh - var(--header-height,64px)) * -.3 - 24px)}.features-iphone-tour{view-timeline:--features-iphone-tour block}.features-iphone-phone{transform-origin:50% 0;animation:linear both features-iphone-arrive;animation-timeline:--features-iphone-tour;animation-range:entry}}}@media (max-width:600px){.features-iphone{padding-bottom:48px}.features-iphone-copy h3{font-size:22px}.features-iphone-copy p{font-size:14px}.features-iphone-rest{gap:12px}.features-iphone-rest li{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px}.features-iphone-rest p{display:none}}@media (prefers-reduced-motion:reduce){.features-iphone-tour,.features-iphone-glow,.features-iphone-glow:before,.features-iphone-over,.features-iphone-under,.features-iphone-rest li,.features-iphone-rest[data-open] li,.features-iphone-cta,.features-iphone-cta[data-shown]{transition:none}.features-iphone-stage:has(.iphone[data-landscape]) :is(.features-iphone-over,.features-iphone-under){transition:none}.features-iphone-copy{animation:none}}
.features-mark{--mark-size:72px;cursor:default;filter:drop-shadow(0 16px 36px color-mix(in srgb, var(--color-accent) 35%, transparent));display:block}.features-mark .splash-hero-phone,.features-mark .splash-hero-island{animation:none}@keyframes features-mark-drop{to{opacity:0;filter:blur(4px);translate:0 40%}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.features-handoff[data-side=to] .features-mark .splash-hero-stage{animation:.28s cubic-bezier(.32,0,.67,0) features-mark-drop}.features-handoff[data-side=to] .features-mark .splash-hero-phone{animation:4.6s .28s forwards splash-hero-phone}.features-handoff[data-side=to] .features-mark .splash-hero-island{animation:4.6s .28s forwards splash-hero-island}}}
@property --features-notch{syntax:"<number>";inherits:true;initial-value:0}@property --features-nav-tint{syntax:"<color>";inherits:true;initial-value:#0000}.features-index{flex-direction:column;display:flex}.features-nav{z-index:5;pointer-events:none;order:1;justify-content:center;padding:0 16px;display:flex;position:sticky;bottom:12px}.features-nav-content{pointer-events:auto;min-width:0;max-width:100%;display:flex}.features-nav-track{--track-pad:6px;min-width:0;padding:var(--track-pad);scrollbar-width:none;background:color-mix(in srgb, var(--color-bg) 78%, transparent);border:1px solid color-mix(in srgb, var(--color-text-1) 7%, transparent);corner-shape:superellipse(2);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border-radius:24px;display:flex;position:relative;overflow-x:auto;box-shadow:0 12px 32px -16px #00000059}.features-nav-track::-webkit-scrollbar{display:none}.features-nav-list{gap:2px;margin:0;padding:0;list-style:none;display:flex}.features-nav-mark{--spark-glow:0 0 0 0 transparent;--features-nav-tint:var(--color-text-1);top:var(--track-pad);bottom:var(--track-pad);width:var(--w,0px);corner-shape:round;isolation:isolate;translate:var(--x,0px) 0;background:linear-gradient(180deg, color-mix(in srgb, var(--features-nav-tint) 6%, transparent), color-mix(in srgb, var(--features-nav-tint) 1.5%, transparent));box-shadow:inset 0 1px 0 #ffffff0a, 0 4px 10px -6px #00000073, 0 1px 2px #00000014, var(--spark-glow);opacity:0;pointer-events:none;border-radius:999px;transition:opacity .25s,box-shadow .4s,--features-nav-tint .4s;position:absolute;left:0}.features-nav-mark:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--color-text-1) 22%, var(--color-border));border-radius:inherit;corner-shape:inherit;box-shadow:inset 0 -12px 16px -8px color-mix(in srgb, var(--color-text-1) 8%, transparent);transition:border-color .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(144deg,#000,#0000 85%);mask-image:linear-gradient(144deg,#000,#0000 85%)}.features-nav-mark[data-shown=true]{opacity:1;transition:translate .55s cubic-bezier(.34,1.25,.5,1),width .55s cubic-bezier(.34,1.25,.5,1),opacity .25s,box-shadow .4s,--features-nav-tint .4s}.features-nav-mark[data-spark=true]{--spark-glow:0 0 14px -3px #8f61faa6;--features-nav-tint:#8f61fa}.features-nav-mark[data-spark=true]:before{border-color:color-mix(in srgb, #8f61fa 55%, var(--color-border))}.features-nav-item{white-space:nowrap;color:color-mix(in srgb, var(--color-text-2) 80%, transparent);corner-shape:round;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .3s;display:flex;position:relative}.features-nav-item:hover{color:var(--color-text-1);background:var(--sidebar-item-hover-bg)}.features-nav-item[aria-current=true]{color:var(--color-text-1);background:0 0}.features-nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.features-nav-item[data-icon]{padding-inline:11px}.features-nav-icon{flex:none;width:15px;height:15px;rotate:90deg}@property --features-notch-hold{syntax:"<number>";inherits:true;initial-value:1}:root{--features-notch-hold:1;transition:--features-notch-hold .45s}:root[data-features-tour]{--features-notch-hold:0}:root[data-features-tour] .features-nav-content{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.features-nav-item[data-spark] .features-nav-label{background:linear-gradient(100deg,#8f61fa,#c86cf2 30%,#5e9cff 60%,#8f61fa) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.features-nav-sparkles{flex:none;width:14px;height:14px;overflow:visible}.features-nav-spark{transform-box:fill-box;transform-origin:50%}.features-nav-spark-large{transition:rotate .7s cubic-bezier(.34,1.4,.5,1)}[aria-current=true] .features-nav-spark-large{rotate:90deg}@media (prefers-reduced-motion:no-preference){.features-nav-item[data-spark] .features-nav-label{animation:6s linear infinite features-nav-drift}.features-nav-spark-large{animation:3.2s ease-in-out infinite features-nav-breathe}.features-nav-spark-small{animation:2.4s ease-in-out infinite features-nav-twinkle}.features-nav-spark-tiny{animation:2.4s ease-in-out -1.2s infinite features-nav-twinkle}.features-nav-item[aria-current=true] .features-nav-spark-small,.features-nav-item[aria-current=true] .features-nav-spark-tiny{animation-duration:1.6s}}@media (prefers-reduced-motion:reduce){.features-nav-mark[data-shown=true],.features-nav-spark-large{transition:none}}@keyframes features-nav-drift{to{background-position:150% 0}}@keyframes features-nav-breathe{50%{scale:.86}}@keyframes features-nav-twinkle{0%,to{opacity:1;scale:1}50%{opacity:.25;scale:.5}}@media (max-width:720px){.features-nav-item{padding:7px 11px;font-size:12.5px}}@supports (clip-path:shape(from 0 0, line to 1px 1px)) and (corner-shape:superellipse(2)) and (animation-timeline:view()){@media (min-width:721px) and (prefers-reduced-motion:no-preference){:where(html:not([data-shapes=off])) .features-index{view-timeline:--features-index block}:where(html:not([data-shapes=off])) .features-nav{--depth-open:calc(var(--header-height) - var(--site-bezel-size));--open:calc(var(--features-notch) * var(--features-notch-hold));z-index:91;width:max-content;height:var(--header-height);padding:0;animation:linear both features-nav;animation-timeline:--features-index;position:fixed;bottom:0;left:50%;translate:-50%}:where(html:not([data-shapes=off])) .features-nav-content{max-width:min(100vw - 2 * (var(--page-padding) + 20px + 2 * var(--depth-open)), var(--page-max-width));height:var(--header-height);translate:0 calc((1 - var(--open)) * var(--header-height));opacity:clamp(0, 2 * var(--open) - 1, 1);clip-path:inset(0 -100vw -100vh);align-items:center}:where(html:not([data-shapes=off])) .features-nav-track{--track-pad:8px;padding:var(--track-pad) 12px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0}:where(html:not([data-shapes=off])) .features-nav-item{padding-block:7px;line-height:17px}:where(html:not([data-shapes=off])):has(.features-page .features-index) .site-frame{--site-frame-notch-page:calc(var(--features-notch) * var(--features-notch-hold));--site-frame-notch-page-length:var(--features-notch-length,480px);--b:calc(var(--site-bezel-size) * max(var(--site-frame), var(--site-frame-notch-page)));--r:max(var(--site-corner-size) * max(var(--site-frame), var(--site-frame-notch-page)), 1px);animation:.8s cubic-bezier(.22,.61,.36,1) .2s both site-notch-intro,linear both site-notch-flatten,linear both site-frame-out,linear both site-frame-in,linear both site-frame-notch-open,linear both features-notch;animation-timeline:auto,scroll(root),scroll(root),--site-footer,--site-footer,--features-index;animation-range:normal,0 140px,100vh calc(100vh + 200px),entry entry 50%,entry 60%,normal}:where(html:not([data-shapes=off])):has(.features-page .features-index) .site-frame-rim,:where(html:not([data-shapes=off])):has(.features-page .features-index) .site-frame-bezel{--bottom-length:calc(var(--site-frame-notch-length) + (var(--site-frame-notch-page-length) - var(--site-frame-notch-length)) * clamp(0, var(--site-frame-notch-page) * 1000, 1))}:where(html:not([data-shapes=off]))[data-site-intro=seen]:has(.features-page .features-index) .site-frame{animation-name:none,site-notch-flatten,site-frame-out,site-frame-in,site-frame-notch-open,features-notch}}}@keyframes features-notch{0%,entry 40%{--features-notch:0}entry 55%,exit 10%{--features-notch:1}exit 25%,to{--features-notch:0}}@keyframes features-nav{0%,entry 40%{--features-notch:0;visibility:hidden}entry 55%,exit 10%{--features-notch:1;visibility:visible}exit 25%,to{--features-notch:0;visibility:hidden}}
.features-explainer-open{padding:0}.features-explainer-open:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.features-explainer{--explainer-ease:cubic-bezier(.16, 1, .3, 1);width:min(580px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:inherit;opacity:0;transition:opacity .2s ease, translate .35s var(--explainer-ease), scale .35s var(--explainer-ease), overlay .35s allow-discrete, display .35s allow-discrete;background:0 0;border:0;margin:auto;padding:0;overflow:visible;translate:0 14px;scale:.98}.features-explainer[open]{opacity:1;translate:0;scale:1}@starting-style{.features-explainer[open]{opacity:0;translate:0 14px;scale:.98}}.features-explainer::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s ease, overlay .35s allow-discrete, display .35s allow-discrete;background:#0000008c}.features-explainer[open]::backdrop{opacity:1}@starting-style{.features-explainer[open]::backdrop{opacity:0}}.features-explainer-card{--explainer-inset:12px;--explainer-radius:44px;max-height:min(600px,100dvh - 48px);padding:var(--explainer-inset);border-radius:var(--explainer-radius);corner-shape:superellipse(2);isolation:isolate;background-color:var(--color-bg);background-image:linear-gradient(to top right, var(--color-bg-raised), color-mix(in srgb, var(--color-bg-raised) 5%, transparent) 65%);flex-direction:column;display:flex;position:relative;box-shadow:0 40px 100px -30px #000000b3}.features-explainer-card:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--color-text-1) 14%, var(--color-border));border-radius:inherit;corner-shape:inherit;box-shadow:inset 0 -12px 16px -8px color-mix(in srgb, var(--color-text-1) 5%, transparent);opacity:.7;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000);mask-image:linear-gradient(#000 20%,#0000)}.features-explainer-scroll{border-radius:calc(var(--explainer-radius) - var(--explainer-inset));corner-shape:superellipse(2);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:22px;min-height:0;padding-bottom:24px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.features-explainer-scroll::-webkit-scrollbar{display:none}.features-explainer-scroll>:not(.features-explainer-folder){margin-inline:20px}.features-explainer-close{z-index:1;width:30px;height:30px;color:var(--color-text-2);cursor:pointer;border-radius:var(--radii-full);background:color-mix(in srgb, var(--color-bg) 60%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;place-items:center;padding:0;transition:color .2s,background .2s;display:grid;position:absolute;top:22px;right:22px}.features-explainer-close:hover{color:var(--color-text-1);background:var(--sidebar-item-hover-bg)}.features-explainer-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.features-explainer-folder{border-radius:calc(var(--explainer-radius) - var(--explainer-inset));corner-shape:superellipse(2);background:radial-gradient(120% 90% at 50% 100%, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 70%), color-mix(in srgb, var(--color-text-1) 4%, transparent);flex-direction:column;flex-shrink:0;align-items:center;gap:14px;margin:0;padding:16px 16px 18px;display:flex}.features-explainer-folder figcaption{color:var(--color-text-3);font-size:12px;font-weight:500}.features-explainer-folder ul{flex-wrap:wrap;justify-content:center;gap:12px 20px;margin:0;padding:0;list-style:none;display:flex}.features-explainer-folder li{color:var(--color-text-2);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}@media (prefers-reduced-motion:no-preference){.features-explainer[open] .features-explainer-folder li{transition:opacity .4s ease, translate .6s var(--explainer-ease), scale .6s var(--explainer-ease);transition-delay:calc(80ms + var(--i,0) * 60ms)}@starting-style{.features-explainer[open] .features-explainer-folder li{opacity:0;translate:0 10px;scale:.9}}}.features-explainer-head{flex-direction:column;gap:6px;display:flex}.features-explainer-head h2{letter-spacing:-.02em;color:var(--color-text-1);text-wrap:balance;font-size:22px;font-weight:650;line-height:1.2}.features-explainer-head p:last-child{color:var(--color-text-2);text-wrap:pretty;font-size:14px;line-height:1.5}.features-explainer-eyebrow{color:var(--color-accent);font-size:13px;font-weight:500}.features-explainer-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:0;padding:0;list-style:none;display:grid}.features-explainer-points li{flex-direction:column;gap:4px;display:flex}.features-explainer-points svg{color:var(--color-accent);margin-bottom:4px}.features-explainer-points h3{color:var(--color-text-1);font-size:14px;font-weight:600}.features-explainer-points p{color:var(--color-text-2);text-wrap:pretty;font-size:13px;line-height:1.5}.features-explainer-files{flex-direction:column;gap:4px;display:flex}.features-explainer-files h3{color:var(--color-text-1);font-size:14px;font-weight:600}.features-explainer-files>p{color:var(--color-text-2);text-wrap:pretty;font-size:13px;line-height:1.5}.features-explainer-files ul{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.features-explainer-files li{grid-template-columns:auto 80px minmax(0,1fr);align-items:center;gap:10px;display:grid}.features-explainer-files-name{color:var(--color-text-1);font-size:13px;font-weight:500}.features-explainer-files-types{flex-wrap:wrap;gap:6px;display:flex}.features-explainer-files-types span{color:var(--color-text-2);border-radius:var(--radii-full);background:color-mix(in srgb, var(--color-text-1) 6%, transparent);padding:3px 9px;font-size:12px;line-height:1.4}@media (max-width:600px){.features-explainer-card{--explainer-inset:10px;--explainer-radius:36px}.features-explainer-scroll>:not(.features-explainer-folder){margin-inline:12px}.features-explainer-points{grid-template-columns:minmax(0,1fr)}.features-explainer-files li{grid-template-columns:auto minmax(0,1fr)}.features-explainer-files li .features-explainer-files-types{grid-column:2}}@media (prefers-reduced-motion:reduce){.features-explainer,.features-explainer[open]{translate:none;scale:none}@starting-style{.features-explainer,.features-explainer[open]{translate:none;scale:none}}}
.features-principles{flex-direction:column;align-items:center;gap:48px;padding:0 16px;display:flex}.features-principles-card{width:min(100%, var(--page-max-width));corner-shape:superellipse(2);isolation:isolate;border-radius:96px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:16px;list-style:none;display:grid;position:relative}.features-principles-card:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--color-text-1) 14%, var(--color-border));border-radius:inherit;corner-shape:inherit;box-shadow:inset 0 -12px 16px -8px color-mix(in srgb, var(--color-text-1) 5%, transparent);opacity:.4;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000);mask-image:linear-gradient(#000 20%,#0000)}.features-principle{flex-direction:column;align-items:flex-start;gap:8px;padding:40px 32px;display:flex}.features-principle h3{letter-spacing:-.01em;color:var(--color-text-1);margin-top:12px;font-size:16px;font-weight:600}.features-principle p{color:var(--color-text-2);text-wrap:pretty;font-size:14px;line-height:1.55}.features-principle-tile{--tile-color:var(--color-accent)}.features-principle-link{color:var(--color-accent);align-items:center;gap:2px;margin-top:4px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.features-principle-link svg{transition:translate .2s cubic-bezier(.22,.61,.36,1)}.features-principle-link:hover svg{translate:2px}@media (max-width:960px){.features-principles-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.features-principles-card{border-radius:56px;grid-template-columns:minmax(0,1fr);padding:8px}.features-principle{padding:28px 24px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.features-principles-card{view-timeline:--features-principles block}.features-principle{animation:cubic-bezier(.22,.61,.36,1) both features-settle;animation-timeline:--features-principles;animation-range:entry calc(10% + var(--i,0) * 12%) entry calc(70% + var(--i,0) * 12%)}}}
.features-stats{justify-content:center;padding:0 16px;display:flex}.features-stats-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:min(100%,820px);margin:0;display:grid}.features-stat{text-align:center;flex-direction:column-reverse;align-items:center;gap:10px;padding:8px 16px;display:flex}.features-stat-value{min-width:calc(var(--digits,2) * 1ch);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--color-text-1);margin:0;font-size:clamp(44px,6vw,64px);font-weight:650;line-height:1}.features-stat-label{color:var(--color-text-2);font-size:14px}.features-stat-count{display:none}@media (max-width:720px){.features-stats-list{grid-auto-flow:row;gap:20px}}.features-stats{--reveal-ease:cubic-bezier(.22, 1, .36, 1);--reveal-step:90ms}.features-stat-value,.features-stat-label{transition:opacity .56s var(--reveal-ease), translate .76s var(--reveal-ease), filter .62s var(--reveal-ease);transition-delay:calc(var(--i,0) * var(--reveal-step))}.features-stat-label{transition-delay:calc(var(--i,0) * var(--reveal-step) + .12s)}@media (scripting:enabled){.features-stats:not([data-seen]) .features-stat-value{opacity:0;filter:blur(10px);transition:none;translate:0 .2em}.features-stats:not([data-seen]) .features-stat-label{opacity:0;filter:blur(4px);transition:none;translate:0 6px}}@media (prefers-reduced-motion:reduce){.features-stats:not([data-seen]) .features-stat-value,.features-stats:not([data-seen]) .features-stat-label{filter:none;translate:none}.features-stat-value,.features-stat-label{transition:opacity .3s}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.features-stats{animation:ease-in both features-stats-leave;animation-timeline:view();animation-range:contain 70% exit}}}@keyframes features-stats-leave{to{opacity:0;filter:blur(8px);translate:0 -32px}}@property --features-stat{syntax:"<integer>";inherits:false;initial-value:0}@supports (order:attr(data-i type(<number>), 0)){.features-stat{--to:attr(data-to type(<integer>), 0);--digits:attr(data-digits type(<number>), 2)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.features-stat-number{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.features-stat-count{--features-stat:var(--to);counter-reset:features-stat var(--features-stat);transition:--features-stat 1.4s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i,0) * var(--reveal-step));display:inline}.features-stat-count:after{content:counter(features-stat)}.features-stats:not([data-seen]) .features-stat-count{--features-stat:0;transition:none}}}
:root:has(.features-page){scroll-snap-type:y proximity}.features-body{gap:var(--section-gap);flex-direction:column;padding-top:48px;display:flex}.features-stats{margin-bottom:calc(var(--section-gap) * .5)}.features-index{margin-top:calc(var(--section-gap) * -.4)}.features-index>.features-handoff{margin-top:var(--section-gap)}.features-requests{padding:0 16px}.features-section-head{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:40rem;display:flex}.features-section-head h2{letter-spacing:-.03em;color:var(--color-text-1);text-wrap:balance;font-size:clamp(30px,4.5vw,40px);font-weight:650;line-height:1.1}.features-section-head p{color:var(--color-text-2);text-wrap:pretty;white-space:pre-line;font-size:16px;line-height:1.5}@keyframes features-settle{0%{opacity:0;translate:0 24px;scale:.97}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.features-section-head{animation:cubic-bezier(.22,.61,.36,1) both features-settle-soft;animation-timeline:view();animation-range:entry 10% entry 80%}}}@keyframes features-settle-soft{0%{opacity:0;filter:blur(6px);translate:0 16px}}