.featured{background:#111;color:#fff;position:relative;container-type:inline-size}.feature-stage{touch-action:pan-y}.feature-slide[hidden]{display:none}.feature-slide:not([hidden]){animation:feature-in .32s ease-out}.feature-stage .hero{min-height:clamp(410px,32vw,450px)}.feature-stage .hero h1{line-height:1;max-width:100%;font-size:clamp(34px,3.15vw,49px)}.feature-stage .hero-copy>p{max-width:510px}.feature-counter{position:absolute;right:16px;top:16px;background:#090909d9;border:1px solid #ffffff55;display:flex;align-items:center;gap:7px;padding:7px 10px;font:600 12px/1 var(--body);letter-spacing:1px;pointer-events:none;color:#ccc}.feature-counter b{color:#fff}.feature-counter i{font-style:normal;color:#f04b51}.feature-console{display:grid;grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);align-items:center;gap:8px;padding:0 12px;background:#121212;border-top:1px solid #3b3b3b;height:48px}.feature-console button{background:transparent;border:0;color:#c5c5c5;font-family:var(--body);display:flex;justify-content:center;align-items:center;transition:color .15s,background .15s}.feature-console button:hover{background:#333;color:#fff}.feature-console button:focus-visible{outline-offset:-3px}.feature-toggle{justify-self:start;height:42px;gap:7px;padding:0 8px;font-size:10px;font-weight:600}.feature-console svg{width:16px;height:16px;flex-shrink:0}.feature-dots{display:flex;justify-content:center;align-items:stretch}.feature-dots button{position:relative;min-width:26px;height:44px;letter-spacing:.6px;font-size:9px;font-weight:600;padding:4px}.feature-dots button span{color:#a2a2a2}.feature-dots button[aria-current=true] span{color:#fff}.feature-dots button[aria-current=true]:after{content:'';position:absolute;width:14px;height:3px;bottom:4px;left:50%;transform:translateX(-50%);background:#e62b34}.feature-arrows{justify-self:end;display:flex;align-items:center;gap:2px}.feature-arrows button{width:33px;height:42px}.feature-stage .hero-copy{bottom:24px}.feature-stage .hero-bottom{line-height:1.55}.feature-stage .hero>img{height:100%;width:100%;object-fit:cover}.feature-slide a:focus-visible{outline-offset:-4px}.feature-stage .hero:hover>img{transform:none}@keyframes feature-in{from{opacity:.6}to{opacity:1}}@container(max-width:470px){.feature-console{grid-template-columns:36px minmax(0,1fr) 66px;gap:3px;padding:0 6px}.feature-toggle{width:36px;padding:0}.feature-toggle>span{display:none}.feature-dots button{min-width:0;flex:1}.feature-stage .hero{min-height:435px}.feature-stage .hero h1{font-size:clamp(34px,10.2cqw,44px)}.feature-counter{right:13px;top:13px}.feature-stage .hero-bottom{flex-wrap:wrap;gap:6px 12px}}@media(prefers-reduced-motion:reduce){.feature-slide{animation:none!important}}