.marketing-site .landing-hero-showcase{isolation:isolate;grid-template-columns:minmax(0,600px) minmax(0,480px);justify-content:center;align-items:center;gap:32px;min-height:0;padding:28px 48px;display:grid}.landing-hero-showcase .hero-art{z-index:-1}.landing-hero-showcase .hero-art img{opacity:.8}.marketing-site .landing-hero-showcase .hero-copy{border-radius:30px;justify-self:start;width:fit-content;max-width:100%;min-height:0;margin:0;padding:38px 32px;inset-inline-start:clamp(-88px,640px - 50vw,0px)}.marketing-site .landing-hero-showcase .hero-copy h1{letter-spacing:-.058em;font-size:clamp(48px,4.55vw,70px);line-height:1.04}.landing-hero-showcase h1 span{display:block}.marketing-site .landing-hero-showcase .hero-copy p{margin-top:22px;font-size:19px;line-height:1.45}.marketing-site .landing-hero-showcase .hero-actions{gap:10px;margin-top:26px}.marketing-site .landing-hero-showcase .hero-actions .button,.marketing-site .landing-hero-showcase .hero-secondary{padding:12px 18px;font-size:14px}.hero-showcase{min-width:0;padding:0 34px;position:relative}.showcase-deck{perspective:1200px;max-width:350px;margin:auto;display:grid}.showcase-card{min-width:0;transition:transform .7s var(--ease-fluid), opacity .7s var(--ease-fluid), filter .7s var(--ease-fluid);transform-origin:50%;background:#f4fffcf2;border:1px solid #ffffffc9;border-radius:26px;grid-area:1/1;align-self:start;padding:7px;overflow:hidden;box-shadow:inset 0 1px #fff,0 20px 46px #002e2945}.showcase-card[data-position="0"]{z-index:3;opacity:1;transform:translate(0)scale(1)}.showcase-card[data-position="1"]{z-index:1;opacity:.6;filter:saturate(.75);transform:translate(58px)rotate(7deg)scale(.87)}.showcase-card[data-position="2"]{z-index:2;opacity:.6;filter:saturate(.75);transform:translate(-58px)rotate(-7deg)scale(.87)}.showcase-video{background:#171d1c;border-radius:20px;height:276px;position:relative;overflow:hidden}.showcase-video video,.showcase-video img{object-fit:contain;width:100%;height:100%;display:block}.showcase-format{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12252099;border:1px solid #ffffff40;border-radius:99px;padding:6px 10px;font-size:12px;position:absolute;top:12px;left:12px}.showcase-playback{gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.showcase-playback button{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#12252099;border:1px solid #ffffff60;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.showcase-video-error{text-align:center;color:#fff;background:#122520b3;padding:10px;font-size:14px;position:absolute;inset:45% 0 auto}.showcase-info{padding:15px 13px 9px}.showcase-brand-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.showcase-brand-row strong{letter-spacing:-.7px;font-size:23px;font-weight:650}.showcase-brand-row>span{color:#62756f;font-size:12px}.marketing-site .showcase-info h2{letter-spacing:-.3px;margin:10px 0 5px;font-size:16px;font-weight:550;line-height:1.3}.showcase-copy{color:#51665f;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:6px 0 0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.showcase-facts{color:#647970;justify-content:space-between;gap:10px;margin-top:13px;font-size:12px;display:flex}.showcase-links{border-top:1px solid #214c3d1a;justify-content:space-between;align-items:center;margin-top:12px;padding-top:11px;display:flex}.showcase-links button,.showcase-links a,.showcase-details>a{color:#12665c;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;min-height:24px;padding:0;font-size:13px;font-weight:550;display:inline-flex}.showcase-details{border-top:1px solid #214c3d1a;margin-top:12px;padding-top:14px}.showcase-details>p{white-space:pre-line;color:#425b52;font-size:14px;line-height:1.55}.showcase-details dl{gap:9px;margin:18px 0;font-size:12px;display:grid}.showcase-details dl>div{justify-content:space-between;gap:12px;display:flex}.showcase-details dt{color:#647970}.showcase-details dd{text-align:right;overflow-wrap:anywhere;margin:0}.showcase-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#e8fff5c9;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:2px;width:fit-content;margin:18px auto 0;padding:4px;display:flex;box-shadow:inset 0 1px #ffffffb3}.showcase-controls button{color:#23564e;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:32px;padding:0;transition:background .18s;display:grid}.showcase-controls button:hover{background:#ffffffb3}.showcase-pagination{align-items:center;display:flex}.showcase-pagination button{width:28px}.showcase-pagination span{width:6px;height:6px;transition:width .45s var(--ease-fluid), background .45s;background:#719e91;border-radius:99px}.showcase-pagination [aria-current=true] span{background:#007a70;width:19px}.showcase-controls .showcase-rotation{border-left:1px solid #316c5226;border-radius:0 999px 999px 0;margin-left:4px}.hero-showcase button:focus-visible,.hero-showcase a:focus-visible{outline-offset:4px;outline:2px solid #007a70}@media (max-width:1150px){.marketing-site .landing-hero-showcase{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;padding:28px}.marketing-site .landing-hero-showcase .hero-copy{padding:32px 25px}.marketing-site .landing-hero-showcase .hero-copy h1{font-size:clamp(43px,4.8vw,55px)}.hero-showcase{padding:0 24px}}@media (max-width:850px){.marketing-site .landing-hero-showcase{grid-template-columns:1fr;gap:26px;padding:22px}.marketing-site .landing-hero-showcase .hero-copy{max-width:570px;margin:auto;padding:30px}.marketing-site .landing-hero-showcase .hero-copy h1{font-size:clamp(40px,7.4vw,60px)}.hero-showcase{width:100%;max-width:460px;margin:auto;padding:0 32px}.showcase-video{height:300px}}@media (max-width:480px){.marketing-site .landing-hero-showcase{border-radius:28px;gap:22px;margin:0 12px;padding:14px}.marketing-site .landing-hero-showcase .hero-copy{border-radius:23px;padding:26px 20px}.marketing-site .landing-hero-showcase .hero-copy h1{font-size:clamp(34px,9.1vw,43px)}.marketing-site .landing-hero-showcase .hero-copy p{margin-top:17px;font-size:17px}.marketing-site .landing-hero-showcase .hero-actions{gap:7px;margin-top:21px}.marketing-site .landing-hero-showcase .hero-actions .button,.marketing-site .landing-hero-showcase .hero-secondary{gap:6px;min-height:44px;padding:10px;font-size:12px}.hero-showcase{padding:0 13px}.showcase-card[data-position="1"]{transform:translate(27px)rotate(5deg)scale(.9)}.showcase-card[data-position="2"]{transform:translate(-27px)rotate(-5deg)scale(.9)}.showcase-video{height:280px}.showcase-info{padding:13px 10px 8px}}@media (prefers-reduced-motion:reduce){.showcase-card,.showcase-pagination span{transition:none}}
.benefit-demo{isolation:isolate;position:relative;overflow:hidden}.demo-cursor{z-index:5;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 3px #102b3540);will-change:transform, opacity;width:29px;height:34px;position:absolute;inset:0 auto auto 0}.demo-cursor svg{transform-origin:4px 3px}.demo-click-target{transition:background .55s var(--ease-fluid), color .55s var(--ease-fluid), box-shadow .55s var(--ease-fluid), transform .4s var(--ease-fluid);position:relative}.demo-click-target:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:1px solid #009d9273;position:absolute;inset:-5px}.demo-click-target[data-pressing=true]{transform:scale(.96)}.demo-click-target[data-pressing=true]:after{animation:demo-click-ring .65s var(--ease-fluid) both}.benefit-demo .benefit-search{transition:box-shadow .6s var(--ease-fluid)}.benefit-discover[data-stage="1"] .benefit-search{box-shadow:0 0 0 3px #009f9230,inset 0 1px #fff}.demo-query{white-space:nowrap;flex:1;min-width:0;font-size:15px;position:relative}.demo-query-placeholder,.demo-note-placeholder{color:#718a80;opacity:0;transition:opacity .25s;position:absolute;inset:0}.demo-query-value{vertical-align:bottom;clip-path:inset(0);display:inline-block}.benefit-discover[data-stage="0"] .demo-query-placeholder{opacity:1}.benefit-discover[data-stage="0"] .demo-query-value{clip-path:inset(0 100% 0 0)}.benefit-discover[data-stage="1"] .demo-query-value{animation:1.1s steps(13,end) .18s both demo-type-query}.benefit-demo .benefit-filter{color:#688075;background:#e4eeea;flex-shrink:0;margin-left:0}.benefit-discover[data-stage="2"] .benefit-filter{color:#176752;background:#b9e8da;box-shadow:inset 0 1px #ffffff90}.demo-result-stack{display:grid}.demo-result-stack>div{grid-area:1/1}.demo-result-stack .benefit-ad-result{transition:transform .85s var(--ease-fluid), opacity .65s ease, filter .65s ease}.benefit-discover:is([data-stage="0"],[data-stage="1"]) .benefit-ad-result{opacity:0;filter:blur(3px);transform:translateY(12px)scale(.97)}.demo-result-placeholder{opacity:0;background:#ffffff38;border:1px solid #ffffff80;border-radius:18px;align-items:center;gap:15px;padding:10px;transition:opacity .4s;display:flex}.benefit-discover:is([data-stage="0"],[data-stage="1"]) .demo-result-placeholder{opacity:1}.demo-result-placeholder>span{background:#ffffff52;border-radius:11px;width:83px;height:115px}.demo-result-placeholder>div{flex:1}.demo-result-placeholder i{background:#93c4b52b;border-radius:10px;height:7px;margin:10px 0;display:block}.demo-result-placeholder i:nth-child(2){width:85%}.demo-result-placeholder i:nth-child(3){width:50%}.benefit-card-angles{align-self:stretch}.benefit-angles{justify-content:flex-start;gap:12px;padding:12px}@media (min-width:1001px){.product-benefits .benefit-copy h3{min-height:65px}.product-benefits .benefit-visual{flex:1;margin-top:0}}.demo-angle-pills{background:#ffffff38;border:1px solid #ffffffab;border-radius:25px;grid-template-columns:1.2fr 1fr 1.05fr;gap:3px;padding:4px;display:grid;box-shadow:inset 0 1px #ffffff9c}.demo-angle-pill{color:#476879;white-space:normal;cursor:pointer;min-width:0;min-height:40px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 5px;font-size:13px;font-weight:500;line-height:1.2}.demo-angle-pill:hover{background:#ffffffb8}.demo-angle-pill[aria-pressed=true]{color:#1d6654;background:#c6ece0;border-color:#a5d9c8;box-shadow:inset 0 1px #ffffffc4,0 3px 8px #274e6612}.demo-angle-pill[aria-pressed=true][data-tone=rose]{color:#804660;background:#f2dbe6;border-color:#e5bfd3}.demo-angle-pill[aria-pressed=true][data-tone=sky]{color:#2c6180;background:#c5e2f3;border-color:#a5cce3}.demo-angle-pill:focus-visible,.demo-angle-ad a:focus-visible{outline-offset:3px;outline:2px solid #167f79}.demo-angle-results{flex:1;min-height:250px;display:grid;position:relative}.demo-angle-results>*{grid-area:1/1;min-width:0}.demo-angle-group{opacity:0;visibility:hidden;filter:blur(3px);transition:opacity .5s ease, transform .7s var(--ease-fluid), filter .6s ease, visibility .5s;grid-template-rows:1fr 1fr;gap:10px;display:grid;transform:translateY(9px)}.demo-angle-group[data-active=true]{opacity:1;visibility:visible;filter:blur();transition-delay:.1s;transform:translateY(0)}.demo-angle-ad{background:#ffffffd6;border:1px solid #ffffffde;border-radius:18px;flex-direction:column;padding:14px 16px;display:flex;box-shadow:inset 0 1px #fff,0 8px 20px #31516c0c}.demo-angle-ad-heading{color:#304d59;align-items:center;gap:8px;font-size:14px;display:flex}.demo-angle-avatar{object-fit:cover;background:#fff;border-radius:50%;flex:0 0 32px;width:32px;height:32px;display:block;box-shadow:0 0 0 1px #183d4210}.demo-angle-ad blockquote{letter-spacing:-.2px;color:#304a52;margin:12px 0 0;font-size:17px;line-height:1.5}.demo-angle-ad mark{color:inherit;transition:background-size .95s var(--ease-fluid) .48s;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(90deg,#b8e8da85,#b8e8da85) 0 0/0% 100% no-repeat;padding:2px 0}.demo-angle-group[data-active=true] mark{background-size:100% 100%}.demo-angle-ad a{color:#426b7d;align-items:center;gap:4px;margin-left:auto;font-size:12px;text-decoration:none;display:inline-flex}.demo-angle-ad a:hover{color:#067a6d}.demo-angle-placeholder{background:#ffffff38;min-height:150px;padding:18px;transition:opacity .35s}.demo-angle-placeholder>div{align-items:center;gap:9px;margin-bottom:25px;display:flex}.demo-angle-placeholder span{background:#ffffff7d;border-radius:50%;width:27px;height:27px}.demo-angle-placeholder i{background:#b1c9d63d;border-radius:999px;width:85%;height:8px;margin:12px 0;display:block}.demo-angle-placeholder>div i{width:35%}.demo-angle-placeholder>i:nth-child(3){width:95%}.demo-angle-placeholder>i:last-child{width:60%}.benefit-angles:not([data-stage="0"]) .demo-angle-placeholder{opacity:0}@media (max-width:360px){.demo-angle-pill{padding-inline:2px;font-size:12px}.demo-angle-ad{padding:14px}}.benefit-demo .benefit-saved-ads>div{transition:border-color .6s var(--ease-fluid), box-shadow .6s var(--ease-fluid), transform .75s var(--ease-fluid)}.benefit-card:hover .benefit-demo .benefit-saved-ads>div{transform:none}.benefit-demo .benefit-saved-ads>[data-saved=true]{border-color:#edfef8;transform:translateY(-3px);box-shadow:0 6px 14px #087b6830,0 0 0 1px #3bac913a}.benefit-demo .demo-save-button{color:#3e5b52;background:#f8fffcf0;border:1px solid #ffffffd9;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;inset:7px 7px auto auto;box-shadow:0 2px 8px #102c281a}.demo-save-button svg{fill:#0000;transition:fill .45s,color .45s}[data-saved=true] .demo-save-button{color:#16836b;background:#c7f0df}[data-saved=true] .demo-save-button svg{fill:currentColor}.demo-saved-count{color:#317562;opacity:0;transition:opacity .45s ease, transform .65s var(--ease-fluid);background:#e9fff4aa;border-radius:99px;padding:4px 8px;transform:translateY(4px)}.demo-saved-count[data-visible=true]{opacity:1;transform:translateY(0)}.benefit-demo .benefit-note{transition:box-shadow .6s var(--ease-fluid)}.benefit-collections[data-stage="3"][data-running=true] .benefit-note{box-shadow:0 0 0 3px #009f9224,inset 0 1px #fff}.demo-note-line{min-height:22px;margin-top:4px;position:relative}.demo-note-line .demo-note-placeholder{font-size:13px;line-height:1.4}.demo-note-line p{margin:0;font-size:13px}.benefit-collections:not([data-stage="3"]) .demo-note-line p{opacity:0}.benefit-collections:not([data-stage="3"]) .demo-note-placeholder{opacity:1}.benefit-collections[data-stage="3"][data-running=true] .demo-note-line p{animation:1.3s steps(26,end) .12s both demo-type-query}.benefit-demo[data-demo-paused=true] *{animation-play-state:paused!important}@keyframes demo-click-ring{0%{opacity:.7;transform:scale(.88)}to{opacity:0;transform:scale(1.2)}}@keyframes demo-type-query{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.benefit-demo *,.benefit-demo :after{transition:none!important;animation:none!important}.demo-cursor{display:none}}