.features-page{--features-glow:color-mix(in srgb, var(--accent) 22%, transparent);--features-glow-secondary:color-mix(in srgb, var(--secondaryAction) 18%, transparent);overflow-x:clip}.features-hero{isolation:isolate;margin-inline:calc(-1*min(20px,5vw));margin-bottom:clamp(2rem,5vw,3.5rem);padding-block:clamp(2.5rem,6vw,4.5rem);padding-inline:min(20px,5vw);position:relative}.features-hero__backdrop{z-index:-1;background:radial-gradient(ellipse 80% 60% at 10% 20%, var(--features-glow), transparent 55%), radial-gradient(ellipse 70% 50% at 90% 10%, var(--features-glow-secondary), transparent 50%), radial-gradient(ellipse 60% 40% at 50% 100%, color-mix(in srgb, var(--readLaterColor) 12%, transparent), transparent 55%), var(--background);animation:18s ease-in-out infinite alternate features-hero-shift;position:absolute;inset:0}@keyframes features-hero-shift{0%{filter:hue-rotate()}to{filter:hue-rotate(8deg)}}.features-hero__inner{max-width:42rem}.features-hero__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:999px;margin:0 0 .75rem;padding:.25rem .65rem;font-size:.8125rem;font-weight:600;animation:.7s both features-fade-up;display:inline-block}.features-hero h1{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:650;line-height:1.1;animation:.7s 80ms both features-fade-up}.features-hero__lead{color:var(--textSecondary);margin:1.25rem 0 0;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.55;animation:.7s .16s both features-fade-up}.features-hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;animation:.7s .24s both features-fade-up;display:flex}.features-btn{border-radius:.5rem;justify-content:center;align-items:center;padding:.65rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .25s,background-color .2s,color .2s;display:inline-flex}.features-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.features-btn--primary{color:#fff;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 75%, #c44a00));box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent)}.features-btn--primary:hover{box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-2px)}.features-btn--secondary{color:var(--text);background:var(--card);border:1px solid var(--border)}.features-btn--secondary:hover{border-color:color-mix(in srgb, var(--secondaryAction) 50%, var(--border));box-shadow:0 6px 18px color-mix(in srgb, var(--text) 8%, transparent);transform:translateY(-2px)}.features-jump{flex-wrap:wrap;gap:.5rem;margin:0 0 clamp(2rem,4vw,3rem);padding:0;list-style:none;display:flex}.features-jump a{color:var(--textSecondary);background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.4rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s,transform .2s;display:block}.features-jump a:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-1px)}.features-section{align-items:center;gap:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(3rem,7vw,5rem);display:grid}@media (min-width:768px){.features-section{grid-template-columns:1fr 1fr}.features-section--reverse .features-section__copy{order:2}.features-section--reverse .features-section__media{order:1}}.features-section__copy h2{letter-spacing:-.02em;color:var(--text);margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:650}.features-section__copy p{color:var(--textSecondary);margin:0 0 1rem;font-size:1rem;line-height:1.65}.features-section__copy p:last-child{margin-bottom:0}.features-section__copy ul{color:var(--textSecondary);margin:.75rem 0 0;padding-left:1.25rem;line-height:1.6}.features-section__copy li{margin-bottom:.35rem}.features-section__copy li::marker{color:var(--accent)}.features-section__cta{margin-top:1.25rem}.features-section__cta .features-link-cta{color:var(--accent);align-items:center;gap:.35rem;font-size:.9375rem;font-weight:650;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.features-section__cta .features-link-cta:hover{color:color-mix(in srgb, var(--accent) 85%, var(--text));gap:.5rem}.features-section__cta .features-link-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.features-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--secondaryAction);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:inline-block}.features-media{border:1px dashed color-mix(in srgb, var(--border) 80%, var(--accent) 20%);background:linear-gradient(145deg, var(--card) 0%, color-mix(in srgb, var(--backgroundElement) 60%, var(--card)) 100%);box-shadow:0 1px 0 color-mix(in srgb, var(--card) 80%, var(--border)) inset, 0 12px 40px color-mix(in srgb, var(--text) 6%, transparent);border-radius:1rem;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.features-section:hover .features-media,.features-grid__item:hover .features-media{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));box-shadow:0 1px 0 color-mix(in srgb, var(--card) 80%, var(--border)) inset, 0 20px 48px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-4px)scale(1.01)}.features-media--video{aspect-ratio:16/9}.features-media--image{aspect-ratio:4/3}.features-media--wide{aspect-ratio:21/9}.features-media__inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;height:100%;min-height:12rem;padding:1.5rem;display:flex}.features-media__icon{width:3.25rem;height:3.25rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;animation:2.8s ease-in-out infinite features-pulse;display:flex}.features-media--video .features-media__icon:before{content:"▶";margin-left:.15rem;font-size:.9rem}.features-media--image .features-media__icon:before{content:"⌁";font-size:1.4rem;line-height:1}@keyframes features-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.06)}}.features-media__label{color:var(--textSecondary);margin:0;font-size:.8125rem;font-weight:600}.features-media__hint{color:color-mix(in srgb, var(--textSecondary) 85%, transparent);margin:0;font-size:.75rem}.features-grid{gap:1.25rem;margin-bottom:clamp(3rem,7vw,5rem);display:grid}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.features-grid{grid-template-columns:repeat(3,1fr)}}.features-grid__item{background:var(--card);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;transition:border-color .25s,box-shadow .3s,transform .3s;display:flex}.features-grid__item:hover{border-color:color-mix(in srgb, var(--secondaryAction) 35%, var(--border));box-shadow:0 10px 32px color-mix(in srgb, var(--text) 7%, transparent);transform:translateY(-3px)}.features-grid__item h3{color:var(--text);margin:0;font-size:1.0625rem;font-weight:650}.features-grid__item p{color:var(--textSecondary);flex:1;margin:0;font-size:.9375rem;line-height:1.55}.features-grid__item .features-media{border-radius:.65rem}.features-grid__item .features-media--image{aspect-ratio:16/10}.features-app-panel{background:linear-gradient(160deg, color-mix(in srgb, var(--secondaryAction) 14%, var(--card)), color-mix(in srgb, var(--accent) 10%, var(--card)));border:1px solid color-mix(in srgb, var(--secondaryAction) 28%, var(--border));border-radius:1.25rem;margin-bottom:clamp(3rem,7vw,5rem);padding:clamp(1.75rem,4vw,2.5rem)}.features-app-panel__grid{align-items:center;gap:clamp(1.5rem,4vw,2.5rem);display:grid}@media (min-width:768px){.features-app-panel__grid{grid-template-columns:1fr 1fr}}.features-app-panel h2{letter-spacing:-.02em;color:var(--text);margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:650}.features-app-panel p{color:var(--textSecondary);margin:0 0 1rem;font-size:1rem;line-height:1.65}.features-app-panel ul{color:var(--textSecondary);margin:0 0 1.25rem;padding-left:1.25rem;line-height:1.6}.features-app-panel li::marker{color:var(--secondaryAction)}.features-hero__stores{margin-top:1.5rem}.features-cta__stores{justify-content:center;margin-top:1.25rem}.features-cta{text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--card)), color-mix(in srgb, var(--secondaryAction) 12%, var(--card)));border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));border-radius:1.25rem;margin-bottom:clamp(2rem,4vw,3rem);padding:clamp(2rem,5vw,3rem);animation:.8s both features-fade-up;position:relative}.features-cta h2{color:var(--text);margin:0 0 .75rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:650}.features-cta p{max-width:32rem;color:var(--textSecondary);margin:0 auto 1.5rem;font-size:1rem;line-height:1.6}.features-cta .features-hero__actions{justify-content:center;margin-top:0}@keyframes features-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.features-section{animation:.75s both features-fade-up}.features-section:nth-of-type(2){animation-delay:50ms}.features-section:nth-of-type(3){animation-delay:.1s}.features-section:nth-of-type(4){animation-delay:.15s}.features-section:nth-of-type(5){animation-delay:.2s}.features-section:nth-of-type(6){animation-delay:.25s}@media (prefers-reduced-motion:reduce){.features-hero__backdrop,.features-media__icon,.features-section,.features-hero__eyebrow,.features-hero h1,.features-hero__lead,.features-hero__actions,.features-cta{animation:none}.features-btn:hover,.features-jump a:hover,.features-grid__item:hover,.features-section:hover .features-media,.features-grid__item:hover .features-media{transform:none}}