.wfi-demos-page{overflow:clip}.wfi-demos-page [data-wfi-reveal]{opacity:1;transform:none}.wfi-demos-heading{max-width:760px;margin:0 auto clamp(24px,3vw,36px);text-align:center}.wfi-demos-heading h2{margin:8px 0;font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.08;letter-spacing:-.035em}.wfi-demos-heading p{margin:0;color:var(--wfi-text);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.6}
.wfi-demos-hero{position:relative;padding:clamp(24px,3vw,40px) 0 clamp(46px,5vw,72px);background:linear-gradient(125deg,#fff 0%,var(--wfi-background) 68%,color-mix(in srgb,var(--wfi-primary) 7%,#fff) 100%)}.wfi-demos-hero::after{position:absolute;right:-6%;bottom:-10%;width:clamp(210px,27vw,410px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--wfi-primary) 8%,transparent),transparent 68%);content:"";pointer-events:none}.wfi-demos-hero__inner{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(34px,6vw,82px);padding-top:clamp(30px,4vw,54px)}.wfi-demos-hero__copy{flex-grow:1;flex-shrink:1;width:min(100%,500px)}.wfi-demos-hero__copy h1{max-width:14ch;margin:11px 0 15px;font-size:clamp(2.25rem,4.3vw,4rem);line-height:1;letter-spacing:-.05em}.wfi-demos-hero__copy>p{max-width:590px;margin:0 0 22px;color:var(--wfi-text);font-size:clamp(1rem,1.35vw,1.13rem);line-height:1.6}.wfi-demos-hero__copy .wfi-actions{display:flex;flex-wrap:wrap;gap:11px}.wfi-demos-hero__visual{position:relative;flex-grow:1;flex-shrink:1;width:min(100%,550px);min-height:clamp(320px,34vw,440px)}.wfi-demos-preview{position:absolute;width:min(78%,420px);margin:0;filter:drop-shadow(0 20px 28px rgba(25,29,42,.15))}.wfi-demos-preview figcaption{position:absolute;z-index:2;top:-13px;left:18px;padding:6px 13px;border-radius:999px;background:#ffe7e8;color:var(--wfi-primary);font-size:.77rem;font-weight:850}.wfi-demos-preview>span{display:block;overflow:hidden;padding:8px;border:1px solid rgba(22,28,42,.12);border-radius:18px;background:#fff}.wfi-demos-preview img{display:block;width:100%;height:auto;aspect-ratio:36/23;border-radius:11px;object-fit:contain;object-position:top;background:#f7f7f8}.wfi-demos-preview--classic{top:4px;left:0;transform:rotate(-2deg)}.wfi-demos-preview--modern{right:0;bottom:0;transform:rotate(2deg)}.wfi-demos-preview--modern figcaption{right:18px;left:auto;background:#fff3e7;color:#a74c00}.wfi-demos-hero__benefits{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px}.wfi-demos-hero__benefits span{display:flex;align-items:center;gap:9px;max-width:145px;color:var(--wfi-text);font-size:.78rem;line-height:1.25}.wfi-demos-hero__benefits .wfi-icon{flex-shrink:0;padding:8px;box-sizing:content-box;border:1px solid color-mix(in srgb,var(--wfi-primary) 22%,var(--wfi-border));border-radius:50%;color:var(--wfi-primary)}
.wfi-demos-steps{padding:clamp(42px,5vw,68px) 0;background:#fff}.wfi-demos-steps__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.wfi-demos-steps__row article{display:flex;flex-wrap:wrap;align-items:center;flex-grow:1;flex-shrink:1;width:min(100%,390px);max-width:520px;min-height:116px;padding:20px;border:1px solid var(--wfi-border);border-radius:var(--wfi-radius);background:#fff;box-shadow:0 10px 28px rgba(28,33,48,.055)}.wfi-demos-step__number,.wfi-demos-step__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%}.wfi-demos-step__number{width:42px;height:42px;margin-right:14px;background:#ff8b90;color:#fff;font-weight:900}.wfi-demos-step__icon{width:52px;height:52px;margin-right:17px;border-radius:14px;background:#fff0f0;color:var(--wfi-primary)}.wfi-demos-steps__row article>div{flex-grow:1;flex-shrink:1;width:min(100%,210px)}.wfi-demos-steps__row h3{margin:0 0 4px;font-size:1.04rem}.wfi-demos-steps__row p{margin:0;color:var(--wfi-text);font-size:.9rem;line-height:1.45}.wfi-demos-step__connector{display:inline-flex;align-items:center;justify-content:center;color:var(--wfi-primary)}
.wfi-demos-catalog{scroll-margin-top:86px;padding:0 0 clamp(58px,7vw,90px);background:#fff}.wfi-demos-catalog__panel{padding:clamp(30px,4vw,54px) clamp(14px,3vw,34px);border-radius:clamp(20px,3vw,30px);background:linear-gradient(145deg,#f8f9fb,#fff9f5);box-shadow:0 12px 40px rgba(30,35,50,.045)}.wfi-demos-filter-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin:-5px 0 12px}.wfi-demos-business-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.wfi-demos-business-filter button{min-height:40px;padding:8px 20px;border:1px solid var(--wfi-border);border-radius:999px;background:#fff;color:var(--wfi-heading);font:inherit;font-size:.88rem;font-weight:750;cursor:pointer}.wfi-demos-business-filter button.is-active{border-color:var(--wfi-primary);background:var(--wfi-primary);color:#fff}.wfi-demos-theme-select{position:relative;display:flex;align-items:center;gap:8px;margin-left:auto}.wfi-demos-theme-select>span{font-size:.78rem;font-weight:800;white-space:nowrap}.wfi-demos-theme-select select{min-height:40px;padding:8px 34px 8px 13px;border:1px solid var(--wfi-border);border-radius:999px;background:#fff;color:var(--wfi-heading);font:inherit;font-size:.86rem;font-weight:700}.wfi-demos-soon{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--wfi-border);border-radius:10px;color:var(--wfi-text);font-size:.76rem}.wfi-demos-results{min-height:18px;margin:0 0 9px;color:var(--wfi-text);font-size:.76rem;text-align:right}.wfi-demos-grid{display:flex;flex-wrap:wrap;gap:16px}.wfi-demos-grid .wfi-demo-card{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;width:min(100%,450px);overflow:hidden;border:1px solid var(--wfi-border);border-radius:var(--wfi-radius);background:#fff;box-shadow:0 10px 25px rgba(27,32,45,.055);transition:transform .22s ease,box-shadow .22s ease}.wfi-demos-grid .wfi-demo-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(27,32,45,.1)}.wfi-demos-grid .wfi-demo-card[hidden]{display:none}.wfi-demos-grid .wfi-demo-card__media{position:relative;min-height:0;padding:18px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--wfi-primary) 5%,#fff))}.wfi-demos-grid .wfi-demo-card__browser{display:block;width:100%;height:auto;padding:18px 4px 4px;overflow:hidden;border:1px solid #dfe1e7;border-radius:10px;background:#fff;box-shadow:0 14px 25px rgba(24,29,42,.12)}.wfi-demos-grid .wfi-demo-card__browser>i{display:flex;align-items:center;gap:4px;height:18px;padding:0 7px;background:#f0f1f4}.wfi-demos-grid .wfi-demo-card__browser b{width:4px;height:4px;border-radius:50%;background:#c6c9d1}.wfi-demos-grid .wfi-demo-card__browser img{display:block;width:100%;height:auto;aspect-ratio:36/23;border-radius:6px;object-fit:contain;object-position:top}.wfi-demos-grid .wfi-demo-card__phone{position:absolute;right:11px;bottom:10px;display:block;width:clamp(68px,7vw,88px);height:auto;aspect-ratio:9/17.5;overflow:hidden;padding:10px 3px 4px;border:4px solid #21242c;border-radius:15px;background:#fff;box-shadow:0 12px 22px rgba(20,24,34,.2)}.wfi-demos-grid .wfi-demo-card__phone img{display:block;width:100%;height:100%;border-radius:8px;object-fit:contain;object-position:top;background:#fff}.wfi-demos-grid .wfi-demo-card__body{display:flex;flex-direction:column;flex-grow:1;padding:16px}.wfi-demo-card__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.wfi-demo-card__segment,.wfi-demo-card__theme{padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:850}.wfi-demo-card__segment{background:var(--wfi-primary);color:#fff}.wfi-demo-card__theme{background:#f0f2f6;color:var(--wfi-heading)}.wfi-demos-grid .wfi-demo-card__title h3{margin:0;font-size:1.35rem}.wfi-demos-grid .wfi-demo-card__body>p{margin:4px 0 2px;color:var(--wfi-text);font-size:.88rem;line-height:1.4}.wfi-demo-card__note{color:var(--wfi-text);font-size:.77rem}.wfi-demo-card__benefits{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.wfi-demo-card__benefits span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--wfi-border);border-radius:8px;background:#fafbfc;color:var(--wfi-text);font-size:.69rem}.wfi-demo-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto}.wfi-demo-card__actions .wfi-button{min-height:40px;padding:9px 15px;font-size:.83rem}.wfi-demo-card__actions .wfi-text-link{font-size:.78rem}
.wfi-demos-compare{padding:clamp(52px,6vw,82px) 0;background:#fff}.wfi-demos-compare__row{display:flex;flex-wrap:wrap;gap:16px}.wfi-demos-compare__row article{display:flex;flex-wrap:wrap;align-items:center;flex-grow:1;flex-shrink:1;width:min(100%,450px);overflow:hidden;padding:22px;border:1px solid #ffd6d8;border-radius:var(--wfi-radius);background:linear-gradient(135deg,#fff5f5,#fff);box-shadow:0 10px 25px rgba(28,32,46,.045)}.wfi-demos-compare__row article:nth-child(even){border-color:#f4dfc8;background:linear-gradient(135deg,#fff,#fff8ef)}.wfi-demos-compare__copy{display:flex;flex-wrap:wrap;align-items:flex-start;flex-grow:1;flex-shrink:1;width:min(100%,270px)}.wfi-demos-compare__copy>span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:10px;border-radius:12px;background:#fff;color:var(--wfi-primary)}.wfi-demos-compare__copy>div{flex-grow:1;flex-shrink:1;width:min(100%,190px)}.wfi-demos-compare h3{margin:0 0 3px;font-size:1.25rem}.wfi-demos-compare p{margin:0;color:var(--wfi-text);font-size:.82rem;line-height:1.45}.wfi-demos-compare ul{width:100%;margin:14px 0 0;padding:0;list-style:none}.wfi-demos-compare li{display:flex;align-items:center;gap:7px;margin:6px 0;color:var(--wfi-text);font-size:.77rem}.wfi-demos-compare li .wfi-icon{color:var(--wfi-primary)}.wfi-demos-compare__row article>img{display:block;flex-shrink:1;width:min(34%,170px);height:auto;margin-left:16px;border:1px solid var(--wfi-border);border-radius:10px;object-fit:contain}
.wfi-demos-confidence{padding:0 0 18px;background:#fff}.wfi-demos-confidence__row{display:flex;flex-wrap:wrap;gap:10px}.wfi-demos-confidence__row article{display:flex;align-items:center;flex-grow:1;flex-shrink:1;width:min(100%,165px);min-height:70px;padding:12px;border:1px solid var(--wfi-border);border-radius:11px;background:#fff}.wfi-demos-confidence__row article>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;margin-right:10px;border-radius:10px;background:#fff0f0;color:var(--wfi-primary)}.wfi-demos-confidence h3{margin:0;font-size:.82rem;line-height:1.25}.wfi-demos-confidence p{margin:3px 0 0;color:var(--wfi-text);font-size:.72rem}.wfi-demos-alert{padding:0 0 12px;background:#fff}.wfi-demos-alert__inner{display:flex;align-items:center;gap:14px;padding:13px 18px;border:1px solid #ffc9cc;border-radius:11px;background:#fff0f1;color:var(--wfi-primary)}.wfi-demos-alert__inner>.wfi-icon{flex-shrink:0}.wfi-demos-alert strong{font-size:.8rem}.wfi-demos-alert p{margin:2px 0 0;color:var(--wfi-heading);font-size:.9rem;font-weight:800}.wfi-demos-offer{padding:0 0 18px;background:#fff}.wfi-demos-offer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:18px;border-radius:13px;background:linear-gradient(100deg,#fff0f1,#fff6f4)}.wfi-demos-offer__inner>div{flex-grow:1;flex-shrink:1;width:min(100%,550px)}.wfi-demos-offer h2{margin:4px 0 2px;font-size:clamp(1.3rem,2.2vw,1.8rem)}.wfi-demos-offer p{margin:0;color:var(--wfi-text);font-size:.86rem}.wfi-demos-offer__badge{padding:10px 18px;border-radius:999px;background:var(--wfi-yellow);color:var(--wfi-heading);font-size:.8rem;font-weight:900}
@media(max-width:900px){.wfi-demos-hero__copy h1{font-size:clamp(2.2rem,6vw,3.4rem)}.wfi-demos-theme-select{margin-left:0}.wfi-demos-soon{margin-left:auto}.wfi-demos-compare__row article>img{width:min(31%,145px)}}
@media(max-width:720px){.wfi-demos-hero__copy{text-align:center}.wfi-demos-hero__copy h1,.wfi-demos-hero__copy>p{margin-right:auto;margin-left:auto}.wfi-demos-hero__copy .wfi-actions,.wfi-demos-hero__benefits{justify-content:center}.wfi-demos-hero__visual{min-height:clamp(265px,72vw,380px)}.wfi-demos-hero__benefits span{max-width:130px}.wfi-demos-step__connector{width:100%;transform:rotate(90deg)}.wfi-demos-filter-panel{align-items:stretch}.wfi-demos-business-filter{flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto;padding-bottom:5px}.wfi-demos-business-filter button{flex-shrink:0}.wfi-demos-theme-select{width:100%;justify-content:space-between}.wfi-demos-theme-select select{flex-grow:1;max-width:230px}.wfi-demos-soon{margin:0}.wfi-demos-results{text-align:left}.wfi-demos-grid .wfi-demo-card{width:100%}.wfi-demos-grid .wfi-demo-card__media{min-height:clamp(200px,58vw,315px)}.wfi-demos-compare__row article>img{width:min(100%,180px);margin:18px auto 0}.wfi-demos-confidence__row article{width:min(100%,220px)}.wfi-demos-offer__inner{text-align:center;justify-content:center}.wfi-demos-offer__inner .wfi-button{width:100%;justify-content:center}}
@media(max-width:420px){.wfi-demos-hero__copy .wfi-button{width:100%;justify-content:center}.wfi-demos-preview{width:83%}.wfi-demos-hero__benefits span{max-width:none;width:100%;text-align:left}.wfi-demos-steps__row article{padding:16px}.wfi-demos-step__number{width:36px;height:36px;margin-right:8px}.wfi-demos-step__icon{width:44px;height:44px;margin-right:10px}.wfi-demos-theme-select{display:block}.wfi-demos-theme-select>span{display:block;margin-bottom:6px}.wfi-demos-theme-select select{width:100%;max-width:none}.wfi-demos-grid .wfi-demo-card__media{padding:12px}.wfi-demos-grid .wfi-demo-card__phone{right:6px;bottom:6px;width:62px}.wfi-demo-card__actions .wfi-button{width:100%;justify-content:center}.wfi-demos-confidence__row article{width:100%}.wfi-demos-alert__inner{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.wfi-demos-grid .wfi-demo-card{transition:none}}