.feature-story{height:var(--hero-stage-height);background:radial-gradient(ellipse at 72% 45%,color-mix(in srgb,var(--violet) 18%,transparent),transparent 70%),var(--panel);position:relative;overflow:hidden;container-type:size}.feature-story:before{content:"";opacity:.45;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:12.5% 25%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.feature-story__copy{width:34%;display:grid;position:absolute;top:50%;left:7%;translate:0 -50%}.feature-story__copy p{grid-area:1/1;align-self:center}.feature-story__before{color:var(--muted);opacity:0;font-size:clamp(15px,1.8cqw,19px);font-weight:500}.feature-story__after{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(24px,3.4cqw,40px);font-weight:600;line-height:1.12}.feature-story__after span{color:var(--action)}.feature-story__visual{align-items:center;min-width:0;display:grid;position:absolute;inset:9% 5% 9% 44%}.feature-story .look{border-radius:12px}.feature-story--editor .feature-story__copy{width:25%;left:5%}.feature-story--editor .feature-story__visual{inset:5% 3% 5% 33%}.hero-editor-preview{width:100%;height:100%;position:relative}.hero-editor-preview__canvas{transform-origin:50%;width:800px;height:560px;position:absolute;top:50%;left:50%}.snipri-landing .hero-editor-preview .desk{border-radius:16px;width:800px;height:560px;margin:0}.snipri-landing .hero-editor-preview .desk__bar{height:48px}.snipri-landing .hero-editor-preview .desk__body{flex-direction:row-reverse;height:510px}.snipri-landing .hero-editor-preview .desk__panel{border-top:0;border-right:1px solid var(--line);width:320px}.snipri-landing .hero-editor-preview .desk__scroll{max-height:none}.snipri-landing .hero-editor-preview .desk__area{flex:1;height:auto;min-height:0}.snipri-landing .hero-editor-preview .desk__transport{display:flex}.feature-story__captions{justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.feature-story__captions figure{width:29%;min-width:0}.feature-story__captions figure:first-child{transform:rotate(-6deg)translateY(12px)}.feature-story__captions figure:nth-child(3){transform:rotate(6deg)translateY(12px)}.feature-story__reframe{width:100%;max-width:none;height:100%;display:block;position:relative}.feature-story__reframe>div:first-child{width:70%;position:absolute;top:50%;left:0;translate:0 -50%}.feature-story__reframe>div:last-child{width:36%;position:absolute;top:50%;right:0;translate:0 -50%}.feature-story__reframe .sn-kicker{display:none}.feature-story__edit{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.feature-story__edited-clip{width:min(44%,32cqh)}.feature-story__timeline{flex-shrink:0;width:92%;height:60px;margin-top:12px;position:relative}.feature-story__timeline:before{content:"";background:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 16px);height:6px;position:absolute;top:-12px;left:0;right:0}.feature-story__track{background:var(--ink);height:100%;box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 40%,transparent);border-radius:8px;position:relative;overflow:hidden}.feature-story__frames{gap:2px;width:100%;height:100%;display:flex}.feature-story__frames img{object-fit:cover;object-position:center 30%;opacity:.9;width:calc(14.2857% - 1.71429px);height:100%}.feature-story__trim{border:2px solid var(--action);box-shadow:0 0 0 100px color-mix(in srgb,var(--ink) 72%,transparent);border-radius:6px;position:absolute;inset:0 12%}.feature-story__trim>span{background:var(--action);place-items:center;width:10px;display:grid;position:absolute;top:-2px;bottom:-2px}.feature-story__trim>span:first-child{border-radius:6px 0 0 6px;left:-2px}.feature-story__trim>span:last-child{border-radius:0 6px 6px 0;right:-2px}.feature-story__trim>span:after{content:"";background:var(--action-ink);border-radius:2px;width:2px;height:16px}.feature-story__playhead{background:var(--text);width:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 35%,transparent);position:absolute;top:-16px;bottom:-6px;left:48%}.feature-story__playhead:before{content:"";background:var(--text);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);border-radius:2px 2px 0 0;width:10px;height:10px;position:absolute;top:0;left:-4px}.feature-story__week{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.feature-story__day{border:1px solid var(--line-2);background:color-mix(in srgb,var(--panel) 85%,transparent);border-radius:12px;min-width:0;padding:12px 8px 8px}.feature-story__day>span{text-align:center;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;font-size:11px;display:block}.feature-story__planned{border-radius:7px;overflow:hidden}.feature-story__planned img{aspect-ratio:9/16;object-fit:cover;width:100%;height:auto}.feature-story__planned>span{text-align:center;background:color-mix(in srgb,var(--action) 12%,var(--panel));color:var(--action);padding:7px 0;font-size:11px;display:block}@media (max-width:600px){.feature-story--editor .feature-story__copy{width:84%;left:8%}.feature-story--editor .feature-story__visual{inset:24% 5% 4%}.feature-story__copy{text-align:center;width:84%;top:9%;left:8%;translate:none}.feature-story__after{font-size:clamp(22px,7cqw,28px)}.feature-story__visual{inset:27% 9% 8%}.feature-story__captions{gap:9px}.feature-story__edited-clip{width:min(40%,27cqh)}.feature-story__edit{gap:12px}.feature-story__timeline{height:44px}.feature-story__week{gap:7px}.feature-story__day{border-radius:8px;padding:9px 5px 5px}.feature-story__day>span{margin-bottom:8px;font-size:10px}.feature-story__planned>span{padding:5px 0;font-size:10px}}@media (prefers-reduced-motion:no-preference){.feature-story__before{animation:7s cubic-bezier(.23,1,.32,1) infinite story-before}.feature-story__after{animation:7s cubic-bezier(.23,1,.32,1) infinite story-after}.feature-story__captions figure:first-child{animation:7s cubic-bezier(.23,1,.32,1) infinite story-fan-left}.feature-story__captions figure:last-child{animation:7s cubic-bezier(.23,1,.32,1) infinite story-fan-right}.feature-story__reframe>div:first-child{animation:7s cubic-bezier(.23,1,.32,1) infinite story-wide}.feature-story__reframe>div:last-child{animation:7s cubic-bezier(.23,1,.32,1) infinite story-arrive}.feature-story__trim{animation:7s cubic-bezier(.23,1,.32,1) infinite story-trim}.feature-story__playhead{animation:7s linear infinite story-scrub}.feature-story__planned{animation:7s cubic-bezier(.23,1,.32,1) infinite story-arrive}.feature-story *{animation-play-state:paused}.feature-story[data-live=true] *{animation-play-state:running}}@keyframes story-before{0%,24%,to{opacity:1;transform:translateY(0)}34%,90%{opacity:0;transform:translateY(-8px)}}@keyframes story-after{0%,24%,to{opacity:0;transform:translateY(10px)}38%,86%{opacity:1;transform:translateY(0)}}@keyframes story-fan-left{0%,24%,to{opacity:0;transform:translate(90%)scale(.9)}40%,86%{opacity:1;transform:rotate(-6deg)translateY(12px)}}@keyframes story-fan-right{0%,24%,to{opacity:0;transform:translate(-90%)scale(.9)}40%,86%{opacity:1;transform:rotate(6deg)translateY(12px)}}@keyframes story-arrive{0%,24%,to{opacity:0;transform:translateY(24px)scale(.94)}42%,86%{opacity:1;transform:translateY(0)scale(1)}}@keyframes story-wide{0%,24%,to{transform:translate(15%)scale(1.1)}42%,86%{transform:translate(0)scale(.9)}}@keyframes story-trim{0%,24%,to{transform:scaleX(1.3)}42%,86%{transform:scaleX(1)}}@keyframes story-scrub{0%,24%,to{transform:translate(-80px)}86%{transform:translate(80px)}}
.product-carousel{margin-inline:12px;position:relative}.product-carousel__viewport{touch-action:pan-y pinch-zoom;border-radius:24px;overflow:clip}.product-carousel__controls{pointer-events:none;position:absolute;inset:0}.product-carousel__arrow{pointer-events:auto;border:1px solid color-mix(in srgb,var(--text) 6%,transparent);width:48px;height:80px;color:var(--action);background:linear-gradient(145deg,color-mix(in srgb,var(--text) 8%,var(--panel)),color-mix(in srgb,var(--panel) 94%,transparent));box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 40%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;border-radius:16px;place-items:center;transition:transform .16s,border-color .16s;display:grid;position:absolute;top:50%;translate:0 -50%}.product-carousel__arrow--previous{left:-24px}.product-carousel__arrow--next{right:-24px}.product-carousel__arrow:after{content:"";background:var(--action);opacity:.6;border-radius:2px;width:2px;height:50%;transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .16s;position:absolute;top:25%}.product-carousel__arrow--previous:after{left:0}.product-carousel__arrow--next:after{right:0}.product-carousel__arrow-window{width:32px;height:24px;display:block;overflow:hidden}.product-carousel__arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:24px}.product-carousel__arrow .arrow-trail{opacity:.3}.product-carousel__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.product-carousel__arrow:active{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.product-carousel__arrow:hover{border-color:color-mix(in srgb,var(--action) 22%,transparent);transform:scale(1.06)}.product-carousel__arrow:hover:after{opacity:1;transform:scaleY(1.4)}.product-carousel__arrow:hover .arrow-trail{opacity:.7}}@media (min-width:1280px){.product-carousel{margin-inline:0}.product-carousel__arrow{border-radius:20px;width:56px;height:88px}.product-carousel__arrow--previous{left:-76px}.product-carousel__arrow--next{right:-76px}}@media (max-width:600px){.product-carousel__viewport{border-radius:16px}.product-carousel__arrow{border-radius:14px;width:44px;height:68px}}@media (prefers-reduced-motion:no-preference){.product-carousel[data-direction=next] .product-showcase__panel:not([hidden]){animation:.28s cubic-bezier(.23,1,.32,1) product-slide-next}.product-carousel[data-direction=previous] .product-showcase__panel:not([hidden]){animation:.28s cubic-bezier(.23,1,.32,1) product-slide-previous}.product-carousel__arrow path{animation:3.2s cubic-bezier(.23,1,.32,1) infinite paused arrow-pass-right}.product-carousel__arrow--previous path{animation-name:arrow-pass-left}.product-carousel__arrow .arrow-tip{animation-delay:.12s}.product-carousel[data-live=true] .product-carousel__arrow path{animation-play-state:running}}@keyframes arrow-pass-right{0%,65%,to{transform:translate(0)}76%{transform:translate(5px)}77%{opacity:0;transform:translate(-5px)}91%{transform:translate(0)}}@keyframes arrow-pass-left{0%,65%,to{transform:translate(0)}76%{transform:translate(-5px)}77%{opacity:0;transform:translate(5px)}91%{transform:translate(0)}}@keyframes product-slide-next{0%{opacity:.25;transform:translate(8%)}to{opacity:1;transform:translate(0)}}@keyframes product-slide-previous{0%{opacity:.25;transform:translate(-8%)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.product-carousel__arrow,.product-carousel__arrow:after{transition:none}}
.faq-accordion{flex-direction:column;gap:10px;width:100%;display:flex}.faq-accordion__item{background:linear-gradient(120deg,color-mix(in srgb,var(--text) 5%,transparent),transparent),color-mix(in srgb,var(--panel) 70%,transparent);box-shadow:0 4px 18px -12px var(--ink);transform-origin:50% 0;border:1px solid #0000;border-radius:28px;transition:transform .28s cubic-bezier(.23,1,.32,1),background-color .2s;overflow:hidden;transform:scale(.985)}.faq-accordion__item[data-open=true]{background-color:color-mix(in srgb,var(--action) 4%,var(--panel));transform:scale(1)}.snipri-captions #faq .faq-accordion__item{border-color:#0000}.snipri-captions #faq .faq-accordion__trigger{text-align:left;cursor:pointer;width:100%;color:var(--text);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;font-size:clamp(17px,1.6vw,20px);font-weight:500;line-height:1.4;display:flex}.faq-accordion__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:26px}.faq-accordion__icon{width:40px;height:40px;color:var(--muted);flex-shrink:0;place-items:center;transition:transform .28s cubic-bezier(.23,1,.32,1),color .18s;display:grid}.faq-accordion__icon path{stroke:currentColor;stroke-width:1.75px;stroke-linecap:round}.faq-accordion__vertical{transform-origin:9px 9px;transition:transform .25s cubic-bezier(.23,1,.32,1),opacity .18s}.faq-accordion__item[data-open=true] .faq-accordion__icon{color:var(--action);transform:rotate(180deg)}.faq-accordion__item[data-open=true] .faq-accordion__vertical{opacity:0;transform:scaleY(0)}.snipri-landing .faq-accordion .faq-panel{opacity:0;transition:grid-template-rows .28s cubic-bezier(.23,1,.32,1),opacity .2s,visibility .28s}.snipri-landing .faq-accordion .faq-panel.is-open{opacity:1}.snipri-captions #faq .faq-panel .faq-accordion__answer{max-width:54ch;color:var(--landing-secondary,var(--muted));padding:0 28px 28px;font-size:17px;line-height:1.8;transition:transform .28s cubic-bezier(.23,1,.32,1);transform:translateY(-6px)}.snipri-captions #faq .faq-panel.is-open .faq-accordion__answer{transform:translateY(0)}@media (hover:hover) and (pointer:fine){.faq-accordion__trigger:hover .faq-accordion__icon{color:var(--action)}}@media (max-width:600px){.faq-accordion__item{border-radius:22px}.snipri-captions #faq .faq-accordion__trigger{gap:12px;padding:18px 20px}.faq-accordion__icon{width:28px}.snipri-captions #faq .faq-panel .faq-accordion__answer{padding:0 20px 24px;font-size:16px;line-height:1.65}}@media (prefers-reduced-motion:reduce){.faq-accordion__item,.faq-accordion__icon,.faq-accordion__vertical,.faq-accordion__answer,.snipri-landing .faq-accordion .faq-panel{transition:none}.faq-accordion__item,.faq-accordion__answer{transform:none}.snipri-captions #faq .faq-panel .faq-accordion__answer{transition:none;transform:none}}