.wfi-resources-page{background:#fff;color:var(--wfi-text)}
.wfi-resources-page .wfi-kicker{margin-bottom:9px;padding:5px 12px;border-radius:999px;background:var(--wfi-soft-red);font-size:.68rem;line-height:1.25;letter-spacing:.035em}
.wfi-resources-heading{max-width:700px;margin:0 auto clamp(26px,3.8vw,42px);text-align:center}.wfi-resources-heading h2{margin-bottom:9px;font-size:clamp(1.75rem,3.1vw,2.7rem)}.wfi-resources-heading p{max-width:650px;margin:0 auto;color:var(--wfi-muted);font-size:clamp(.94rem,1.2vw,1.06rem);line-height:1.55}

.wfi-resources-hero{position:relative;padding:24px 0 clamp(30px,4vw,48px);background:linear-gradient(112deg,#fff 0%,#fffaf7 58%,#fff4ee 100%);overflow:hidden}.wfi-resources-hero::after{content:"";position:absolute;right:-10%;top:-42%;width:min(62vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(227,27,35,.075),rgba(227,27,35,0) 68%);pointer-events:none}.wfi-resources-hero .wfi-breadcrumbs{position:relative;z-index:2;margin-bottom:18px;color:#98a0b1;font-size:.78rem}.wfi-resources-hero__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:clamp(30px,5vw,72px)}.wfi-resources-hero__copy{width:45%;max-width:535px}.wfi-resources-hero__copy h1{margin-bottom:14px;font-size:clamp(2.5rem,4.5vw,4.15rem);line-height:.98}.wfi-resources-hero__copy>p{margin:0;color:var(--wfi-muted);font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.48}.wfi-resources-hero .wfi-actions{margin-top:24px}.wfi-resources-hero__visual{width:51%;min-width:0}.wfi-device-composition--resources{min-height:clamp(320px,35vw,440px)}.wfi-device-composition--resources .wfi-device-desktop{left:1%;top:5%;width:84%;transform:perspective(1200px) rotateY(350deg) rotateZ(1deg)}.wfi-device-composition--resources .wfi-device-phone{right:0;width:30%}

.wfi-resources-catalog{padding:0 0 clamp(52px,7vw,88px)}.wfi-resources-filters{position:relative;z-index:3;display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:6px;margin:0 auto clamp(46px,6vw,68px);border:1px solid #e7e9ee;border-radius:999px;background:#fff;box-shadow:0 12px 30px rgba(31,37,52,.08);overflow-x:auto;scrollbar-width:none}.wfi-resources-filters::-webkit-scrollbar{display:none}.wfi-resources-filters button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:max-content;padding:11px 18px;border:0;border-radius:999px;background:transparent;color:var(--wfi-heading);font:inherit;font-size:.83rem;font-weight:850;cursor:pointer}.wfi-resources-filters button svg{color:var(--wfi-primary)}.wfi-resources-filters button.is-active{background:var(--wfi-primary);color:#fff;box-shadow:0 6px 16px rgba(227,27,35,.2)}.wfi-resources-filters button.is-active svg{color:#fff}.wfi-resources-filters button:focus-visible{outline:3px solid rgba(227,27,35,.22);outline-offset:2px}
.wfi-resources-grid{display:flex;flex-wrap:wrap;gap:18px}.wfi-resource-card{display:flex;flex-direction:column;width:calc(25% - 14px);min-height:242px;padding:22px;border:1px solid #e8ebf0;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(31,37,52,.045);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.wfi-resource-card:hover{border-color:#ffd0d3;box-shadow:0 14px 34px rgba(31,37,52,.08);transform:translateY(-2px)}.wfi-resource-card[hidden]{display:none}.wfi-resource-card__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:15px;border:1px solid #ffd3d6;border-radius:12px;background:#fff8f8;color:var(--wfi-primary)}.wfi-resource-card h3{margin:0 0 8px;font-size:1rem}.wfi-resource-card p{margin:0;color:var(--wfi-muted);font-size:.88rem;line-height:1.45}.wfi-resource-card .wfi-text-link{margin-top:auto;padding-top:17px}

.wfi-resources-details{padding:clamp(52px,7vw,86px) 0;background:#fffaf7}.wfi-resources-details__list{display:flex;flex-direction:column;gap:22px}.wfi-resource-detail{display:flex;align-items:stretch;min-height:300px;border:1px solid #e8ebf0;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(31,37,52,.055);overflow:hidden}.wfi-resource-detail--reverse{flex-direction:row-reverse}.wfi-resource-detail__copy{display:flex;justify-content:center;flex-direction:column;width:46%;padding:clamp(28px,4vw,52px)}.wfi-resource-detail__copy h3{margin-bottom:10px;font-size:clamp(1.32rem,2vw,1.75rem)}.wfi-resource-detail__copy p{margin:0 0 18px;color:var(--wfi-muted);line-height:1.55}.wfi-resource-detail__visual{display:flex;align-items:center;justify-content:center;width:54%;min-width:0;padding:24px;background:linear-gradient(145deg,#f7f9fc,#fff)}.wfi-resource-detail__visual figure{width:100%;margin:0}.wfi-resource-detail__visual figure img{display:block;width:100%;max-height:360px;border-radius:10px;object-fit:cover;object-position:top;box-shadow:0 12px 30px rgba(31,37,52,.12)}.wfi-resource-detail__visual .wfi-device-composition--detail{width:100%;min-height:265px}.wfi-device-composition--detail .wfi-device-desktop{width:82%;transform:none}.wfi-device-composition--detail .wfi-device-phone{width:27%}.wfi-resource-detail__visual .wfi-interface{width:100%}
.wfi-share-preview{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:260px}.wfi-share-preview__phone{display:flex;flex-direction:column;width:48%;max-width:230px;min-height:250px;padding:24px 18px;border:7px solid #25262a;border-radius:30px;background:#fff;box-shadow:0 18px 36px rgba(31,37,52,.16)}.wfi-share-preview__phone svg{color:#23b861}.wfi-share-preview__phone strong{margin:8px 0}.wfi-share-preview__phone p{font-size:.78rem;line-height:1.4}.wfi-share-preview__phone a{color:#1685d1;font-size:.72rem;word-break:break-word}.wfi-share-preview__benefits{display:flex;flex-direction:column;width:46%;gap:10px}.wfi-share-preview__benefits i{display:flex;align-items:center;gap:9px;padding:13px;border-radius:10px;background:#fff;color:var(--wfi-heading);font-size:.75rem;font-style:normal;font-weight:800;box-shadow:0 7px 20px rgba(31,37,52,.07)}.wfi-share-preview__benefits svg{color:#22b965}

.wfi-resources-solutions{padding:clamp(52px,7vw,84px) 0}.wfi-resources-solutions__row{display:flex;flex-wrap:wrap;gap:18px}.wfi-resource-solution{display:flex;width:calc(33.333% - 12px);min-height:150px;border:1px solid #e8ebf0;border-radius:13px;background:#fff;color:var(--wfi-text);text-decoration:none;box-shadow:0 8px 24px rgba(31,37,52,.045);overflow:hidden}.wfi-resource-solution>img,.wfi-resource-solution>span{width:35%;min-width:35%;object-fit:cover}.wfi-resource-solution>span{display:inline-flex;align-items:center;justify-content:center;background:#fff3f1;color:var(--wfi-primary)}.wfi-resource-solution>div{display:flex;justify-content:center;flex-direction:column;padding:18px}.wfi-resource-solution h3{margin:0 0 6px;font-size:1rem}.wfi-resource-solution p{margin:0 0 10px;color:var(--wfi-muted);font-size:.78rem;line-height:1.4}.wfi-resource-solution strong{display:inline-flex;align-items:center;gap:6px;color:var(--wfi-primary);font-size:.78rem}.wfi-resource-solution--future{background:linear-gradient(135deg,#fff,#fff5f3)}

.wfi-resources-offer{padding:0 0 clamp(32px,5vw,54px)}.wfi-resources-offer__inner{display:flex;align-items:center;gap:24px;padding:28px 30px;border:1px solid #ffdadd;border-radius:14px;background:linear-gradient(100deg,#fff5f2,#ffe8e8)}.wfi-resources-offer__inner>div{width:58%}.wfi-resources-offer h2{margin:0 0 5px;font-size:clamp(1.4rem,2.4vw,2rem)}.wfi-resources-offer p{margin:0;color:var(--wfi-muted);font-size:.9rem}.wfi-resources-offer__badge{margin-left:auto;padding:10px 18px;border-radius:999px;background:var(--wfi-yellow);color:#5d5100;font-size:.83rem;font-weight:900;white-space:nowrap}.wfi-resources-offer .wfi-button{white-space:nowrap}
.wfi-resources-faq{padding-top:clamp(30px,5vw,58px)}

@media(max-width:980px){.wfi-resources-hero__inner{align-items:flex-start;flex-direction:column}.wfi-resources-hero__copy,.wfi-resources-hero__visual{width:100%}.wfi-resources-hero__copy{max-width:680px}.wfi-resources-hero__visual{max-width:700px;margin:0 auto}.wfi-resource-card{width:calc(33.333% - 12px)}.wfi-resource-solution{width:calc(50% - 9px)}.wfi-resources-offer__inner{align-items:flex-start;flex-wrap:wrap}.wfi-resources-offer__inner>div{width:100%}.wfi-resources-offer__badge{margin-left:0}}
@media(max-width:720px){.wfi-resources-hero{padding-top:14px}.wfi-resources-hero__copy h1{font-size:clamp(2.25rem,10vw,3.15rem)}.wfi-resources-hero .wfi-actions,.wfi-resources-hero .wfi-button{width:100%}.wfi-resources-hero__visual{margin-top:4px}.wfi-device-composition--resources{min-height:260px}.wfi-device-composition--resources .wfi-device-desktop{left:4%;width:80%;border-width:5px}.wfi-device-composition--resources .wfi-device-phone{right:3%;width:29%;border-width:5px}.wfi-resources-filters{justify-content:flex-start;width:100%;margin-bottom:38px}.wfi-resources-grid{gap:10px}.wfi-resource-card{flex-direction:row;align-items:center;gap:12px;width:calc(50% - 5px);min-height:74px;padding:11px}.wfi-resource-card__icon{min-width:42px;width:42px;height:42px;margin:0}.wfi-resource-card>div{min-width:0}.wfi-resource-card h3{margin:0;font-size:.83rem;line-height:1.25}.wfi-resource-card p{display:none}.wfi-resource-card .wfi-text-link{margin-left:auto;padding:0;font-size:0}.wfi-resource-card .wfi-text-link svg{width:18px;height:18px}.wfi-resource-detail,.wfi-resource-detail--reverse{flex-direction:column}.wfi-resource-detail__copy,.wfi-resource-detail__visual{width:100%}.wfi-resource-detail__copy{padding:22px 18px}.wfi-resource-detail__visual{min-height:235px;padding:12px}.wfi-resource-detail__visual .wfi-device-composition--detail{min-height:220px}.wfi-resource-detail__visual .wfi-interface__body{min-height:205px}.wfi-share-preview{min-height:225px}.wfi-share-preview__phone{min-height:215px;padding:19px 13px}.wfi-share-preview__benefits{display:none}.wfi-resource-solution{width:calc(50% - 9px);min-height:115px}.wfi-resource-solution>img,.wfi-resource-solution>span{width:34%;min-width:34%}.wfi-resource-solution>div{padding:11px}.wfi-resource-solution h3{font-size:.78rem}.wfi-resource-solution p{font-size:.66rem}.wfi-resource-solution strong{font-size:.68rem}.wfi-resources-offer__inner{gap:14px;padding:22px 16px}.wfi-resources-offer__badge{order:2}.wfi-resources-offer .wfi-button{order:3;width:100%}}
@media(max-width:430px){.wfi-device-composition--resources{min-height:225px}.wfi-resource-card{width:100%}.wfi-resources-heading h2{font-size:1.65rem}.wfi-resource-solution{width:calc(50% - 9px)}.wfi-resource-solution p{display:none}.wfi-resources-offer__badge{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.wfi-resource-card{transition:none}}