.feature-phone{--phone-width: 315px;--pt: calc(var(--phone-width) / 421);position:relative;z-index:1;width:var(--phone-width);aspect-ratio:421 / 893;flex:none}.feature-phone-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(71.5 * var(--pt));background:var(--device-frame-rim);box-shadow:inset 0 0 0 calc(1.2 * var(--pt)) var(--device-frame-rim-line)}.feature-phone-bezel{position:absolute;inset:calc(4 * var(--pt));border-radius:calc(67.5 * var(--pt));background:var(--device-frame-bezel)}.feature-phone-screen{position:absolute;inset:calc(5.5 * var(--pt));border-radius:calc(62 * var(--pt));overflow:hidden;isolation:isolate;background:var(--device-frame-bezel)}.feature-phone-video{display:block;width:100%;height:100%;object-fit:cover}.feature-phone-button{position:absolute;top:calc(var(--top) * var(--pt));width:calc(6 * var(--pt));height:calc(var(--length) * var(--pt));border-radius:calc(3 * var(--pt));background:var(--device-frame-rim-line)}.feature-phone-button-left{left:calc(-3 * var(--pt))}.feature-phone-button-right{right:calc(-3 * var(--pt))}@media (max-width: 900px){.feature-phone{--phone-width: 300px}}.feature-page{padding-top:calc(80px + env(safe-area-inset-top))}.feature-hero{position:relative;padding-top:56px;padding-bottom:56px;overflow-x:clip}.feature-hero-inner{display:flex;align-items:center;gap:72px;max-width:1100px;margin:0 auto}.feature-hero-text{flex:1;max-width:560px;display:flex;flex-direction:column;align-items:flex-start}.feature-hero-text h1{color:var(--text-primary);margin:0 0 16px}.feature-hero-lede{color:var(--text-secondary);margin:0}.feature-hero-image{position:relative;flex:none;display:flex;justify-content:center}.feature-hero-phone{position:relative;z-index:1;width:320px;height:auto;object-fit:contain}.feature-hero-artwork{position:absolute;z-index:2;top:9%;right:-78px;width:clamp(148px,14vw,190px);pointer-events:none;animation:feature-hero-artwork-reveal .8s cubic-bezier(.16,1,.3,1) .16s both}.feature-hero-artwork img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 16px 22px rgba(var(--shadow-rgb),.13));animation:feature-hero-artwork-float 5.2s ease-in-out 1.1s infinite alternate}@keyframes feature-hero-artwork-reveal{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feature-hero-artwork-float{0%{transform:translateZ(0)}to{transform:translate3d(-8px,-16px,0)}}@media (max-width: 900px){.feature-hero{padding-top:40px;padding-bottom:0;overflow:hidden}.feature-hero-inner{flex-direction:column;gap:40px;text-align:center}.feature-hero-text{align-items:center}.feature-hero-text h1{margin-bottom:8px}.feature-hero-lede{margin-bottom:0}.feature-hero-image{margin-bottom:-160px;padding-top:20px}.feature-hero-phone{width:420px;height:620px;max-height:none}.feature-hero-image.feature-hero-image-full{margin-bottom:0;padding-bottom:40px}.feature-hero-artwork{top:4%;right:max(calc((100% - 100vw)/2 + 8px),-96px);width:clamp(84px,24vw,128px)}}@media (max-width: 500px){.feature-hero-image{margin-bottom:-140px}.feature-hero-image.feature-hero-image-full{margin-bottom:0}.feature-hero-phone{width:400px;height:560px}}@media (prefers-reduced-motion: reduce){.feature-hero-artwork,.feature-hero-artwork img{animation:none}}.feature-related{padding-top:56px;padding-bottom:96px;background:var(--background-light)}.feature-related h2{color:var(--text-primary);text-align:center;margin:0 0 24px}.feature-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto}.feature-related-all{text-align:center;margin-top:32px}.feature-related-all a{display:inline-block;padding:10px 24px;color:var(--text-secondary);text-decoration:none;background:transparent;border:1px solid var(--separator);border-radius:999px;transition:background .15s ease}.feature-related-all a:hover{background:var(--background-dark)}@media (max-width: 900px){.feature-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.feature-related-grid{grid-template-columns:1fr}}.feature-breadcrumb{margin-bottom:16px}.feature-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;padding:0;list-style:none}.feature-breadcrumb li{display:flex;align-items:baseline;gap:8px;color:var(--text-secondary)}.feature-breadcrumb li+li:before{content:"·";color:var(--text-secondary)}.feature-breadcrumb a{color:var(--text-secondary);text-decoration:none}.feature-breadcrumb a:hover{color:var(--brand)}.feature-breadcrumb [aria-current=page]{color:var(--text-primary)}@media (max-width: 900px){.feature-breadcrumb ol{justify-content:center}}.feature-hero-centered{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:44px;padding-bottom:80px;text-align:center;isolation:isolate}.feature-hero-centered>:not(.feature-hero-centered-illustration){position:relative;z-index:1}.feature-hero-centered .feature-breadcrumb ol{justify-content:center}.feature-hero-centered-illustration{--illustration-rotation: -8deg;display:block;width:120px;height:auto;margin:0 auto 16px;pointer-events:none;-webkit-user-select:none;user-select:none;transform:rotate(var(--illustration-rotation));animation:feature-centered-illustration-in .7s cubic-bezier(.16,1,.3,1) both,feature-centered-illustration-float 5.4s ease-in-out .85s infinite alternate both}.feature-hero-centered-title{max-width:820px;margin:0;color:var(--text-primary)}.feature-hero-centered-lede{max-width:640px;margin:16px 0 0;color:var(--text-secondary)}@media (min-width: 950px){.feature-hero-centered-illustration{position:absolute;z-index:0;top:8px;right:32px;width:176px;margin:0}}@media (max-width: 800px){.feature-hero-centered{padding-top:48px}}@keyframes feature-centered-illustration-in{0%{opacity:0}to{opacity:1}}@keyframes feature-centered-illustration-float{0%{transform:translateZ(0) rotate(var(--illustration-rotation))}to{transform:translate3d(5px,-8px,0) rotate(calc(var(--illustration-rotation) + 2deg))}}@media (prefers-reduced-motion: reduce){.feature-hero-centered-illustration{animation:none}}.feature-faq .faq-accordion{padding-bottom:56px}.feature-help{padding-bottom:96px}.feature-help-inner{max-width:880px;margin:0 auto;padding-top:56px;box-shadow:inset 0 .5px 0 var(--separator)}.feature-block-title{color:var(--text-primary);margin:0 0 24px}.feature-help-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.feature-help-list li{padding:0}.feature-help-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:14px;box-shadow:inset 0 0 0 .5px var(--separator);color:var(--text-primary);text-decoration:none;transition:box-shadow .2s,color .2s}.feature-help-list a svg{flex:none;color:var(--text-secondary)}.feature-help-list a:hover{color:var(--brand);box-shadow:inset 0 0 0 .5px var(--brand)}.feature-help-list a:hover svg{color:var(--brand)}.feature-missing{padding:120px 0;text-align:center}.feature-points{padding:72px 0;background:var(--background-light)}.feature-points-grid{--gap: 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);max-width:1100px;margin:0 auto}.feature-points-grid>.feature-point{flex:0 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols))}.feature-point{padding:24px;border-radius:20px;background:var(--background)}.feature-point-art{display:block;width:64px;height:64px;object-fit:contain;margin:0 0 16px}.feature-point h2{color:var(--text-primary);margin:0 0 8px}.feature-point p{color:var(--text-secondary);margin:0}@media (max-width: 900px){.feature-points-grid{--cols: 2 !important}}@media (max-width: 700px){.feature-points{padding:48px 0}.feature-points-grid{--cols: 1 !important}}.feature-page h1,.feature-page h2{text-wrap:balance}.feature-page p,.feature-page li{text-wrap:pretty}.feature-wide{padding:80px 0}.feature-wide-inner{max-width:1100px;margin:0 auto;text-align:center}.feature-wide h2{color:var(--text-primary);margin:0 0 12px}.feature-wide p{max-width:640px;margin:0 auto 40px;color:var(--text-secondary)}.feature-wide-image{display:block;width:100%;height:auto}.feature-phone-shadow{position:relative;z-index:1;padding:40px;margin:-40px;filter:drop-shadow(0 12px 24px rgba(var(--shadow-rgb),.05))}.feature-wide-image-wrap{padding:40px;margin:-40px;filter:drop-shadow(0 12px 24px rgba(var(--shadow-rgb),.05))}