.wfi-system-page{--wfi-system-section:clamp(50px,6.4vw,82px);background:#fff}
.wfi-system-heading{max-width:590px}.wfi-system-heading--center{margin-inline:auto;text-align:center}.wfi-system-heading h2{margin-bottom:10px;font-size:clamp(1.82rem,3vw,2.65rem)}.wfi-system-heading p{margin:0;color:var(--wfi-muted);font-size:clamp(.96rem,1.2vw,1.08rem);line-height:1.55}.wfi-system-heading--center p{margin-inline:auto}.wfi-system-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-system-hero{position:relative;padding:25px 0 clamp(58px,7vw,88px);background:linear-gradient(110deg,#fff 0%,#fffaf7 56%,#fff4ee 100%);overflow:hidden}.wfi-system-hero::after{content:"";position:absolute;right:-10%;top:-34%;width:min(58vw,760px);height:min(58vw,760px);border-radius:50%;background:radial-gradient(circle,rgba(227,27,35,.075),rgba(227,27,35,0) 68%);pointer-events:none}.wfi-system-hero .wfi-breadcrumbs{position:relative;z-index:2;margin-bottom:18px;color:#98a0b1;font-size:.78rem}.wfi-system-hero__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:clamp(30px,5vw,70px)}.wfi-system-hero__copy{width:45%;max-width:540px}.wfi-system-hero__copy h1{margin-bottom:14px;font-size:clamp(2.55rem,4.6vw,4.25rem);line-height:.98}.wfi-system-hero__copy>p{max-width:520px;margin-bottom:0;color:var(--wfi-muted);font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.45}.wfi-system-hero__visual{width:51%;min-width:0}.wfi-system-hero .wfi-actions{margin-top:24px}.wfi-system-hero__benefits{display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:28px 0 0;list-style:none}.wfi-system-hero__benefits li{display:flex;align-items:center;gap:9px;width:calc(33.333% - 12px);color:var(--wfi-heading);font-size:.73rem;line-height:1.25}.wfi-system-hero__benefits li>span{display:inline-flex;align-items:center;justify-content:center;min-width:37px;width:37px;height:37px;border:1px solid #ffd4d6;border-radius:10px;background:#fff;color:var(--wfi-primary);box-shadow:0 7px 18px rgba(227,27,35,.07)}
.wfi-device-composition{position:relative;min-height:clamp(330px,37vw,455px);perspective:1200px}.wfi-device-desktop{position:absolute;left:1.5%;top:4%;width:84%;padding:9px 9px 13px;border:7px solid #202124;border-radius:13px;background:#202124;box-shadow:0 25px 55px rgba(27,31,42,.23);transform:perspective(1200px) rotateY(347deg) rotateZ(2deg);transform-origin:50% 50%;overflow:hidden}.wfi-device-desktop__bar{display:flex;height:15px;gap:4px;padding:2px 0 6px;background:#fff}.wfi-device-desktop__bar i{width:4px;height:4px;border-radius:50%;background:#d7d9df}.wfi-device-desktop img{width:100%;aspect-ratio:1.55/1;object-fit:cover;object-position:top;border-radius:3px}.wfi-device-phone{position:absolute;right:0;bottom:0;width:31%;padding:22px 7px 10px;border:6px solid #25262a;border-radius:27px;background:#fff;box-shadow:0 24px 42px rgba(27,31,42,.24);overflow:hidden}.wfi-device-phone>span{position:absolute;left:50%;top:7px;width:34%;height:5px;border-radius:999px;background:#25262a;transform:translateX(-50%)}.wfi-device-phone img{width:100%;aspect-ratio:.53/1;object-fit:cover;object-position:top;border-radius:11px}.wfi-device-composition--showcase{min-height:clamp(260px,30vw,390px)}.wfi-device-composition--showcase .wfi-device-desktop{width:78%;transform:perspective(1200px) rotateY(352deg) rotateZ(1deg)}.wfi-device-composition--showcase .wfi-device-phone{right:5%;width:29%}

.wfi-system-journey{padding:var(--wfi-system-section) 0}.wfi-system-journey .wfi-system-heading{margin-bottom:44px}.wfi-system-journey__row{position:relative;display:flex;flex-wrap:wrap;gap:24px}.wfi-system-journey__row::before{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:2px dotted #d5d9e2}.wfi-system-journey__row article{position:relative;width:calc(25% - 18px);min-height:190px;padding:40px 22px 22px;border:1px solid #edf0f4;border-radius:12px;background:#fff;box-shadow:0 9px 26px rgba(30,37,54,.055)}.wfi-system-step__number{position:absolute;left:50%;top:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:5px solid #fff;border-radius:50%;transform:translate(-50%,-50%);background:#ff8b90;color:#fff;font-size:.9rem;font-weight:900;box-shadow:0 5px 13px rgba(227,27,35,.16)}.wfi-system-step__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:13px;border-radius:11px;background:var(--wfi-soft-red);color:var(--wfi-primary)}.wfi-system-journey h3{margin-bottom:8px;font-size:1rem}.wfi-system-journey p{margin:0;color:var(--wfi-muted);font-size:.86rem;line-height:1.45}

.wfi-system-showcase{padding:clamp(38px,4.8vw,64px) 0}.wfi-system-showcase:nth-of-type(even){background:#fffaf7}.wfi-system-showcase__row{display:flex;align-items:center;justify-content:space-between;gap:clamp(42px,7vw,92px)}.wfi-system-showcase__row--media-first{flex-direction:row-reverse}.wfi-system-showcase__copy,.wfi-system-showcase__visual{width:47%;min-width:0}.wfi-system-showcase__copy .wfi-system-heading{margin-bottom:20px}.wfi-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--wfi-primary)!important;font-size:.9rem;font-weight:900;text-decoration:none}.wfi-system-showcase__image{margin:0}.wfi-system-showcase__image img{width:100%;border-radius:14px;box-shadow:0 18px 48px rgba(34,39,54,.12)}
.wfi-interface{border:1px solid #e4e8ef;border-radius:11px;background:#fff;box-shadow:0 18px 48px rgba(34,39,54,.12);overflow:hidden}.wfi-interface>header{display:flex;align-items:center;gap:11px;height:42px;padding:0 16px;border-bottom:1px solid #edf0f4;color:var(--wfi-primary);font-size:.76rem}.wfi-interface>header span{width:33%;height:14px;margin-left:auto;border-radius:4px;background:#f1f3f6}.wfi-interface>header i{width:12px;height:12px;border-radius:50%;background:#f1f3f6}.wfi-interface__body{display:flex;min-height:250px}.wfi-interface__body aside{width:21%;padding:22px 13px;background:#fafbfc}.wfi-interface__body aside b{display:block;height:13px;margin-bottom:13px;border-radius:4px;background:#e7eaf0}.wfi-interface__body aside .is-active{background:var(--wfi-primary)}.wfi-orders-table,.wfi-schedule-table{width:79%;padding:22px 16px}.wfi-orders-table h3,.wfi-schedule-table h3{margin-bottom:13px;font-size:1rem}.wfi-orders-table nav{display:flex;gap:5px;margin-bottom:12px}.wfi-orders-table nav span{padding:4px 7px;border-radius:4px;background:#f3f5f7;color:#7a8395;font-size:.49rem}.wfi-orders-table nav span:first-child{background:var(--wfi-soft-red);color:var(--wfi-primary)}.wfi-orders-table__row{display:flex;align-items:center;gap:7px;padding:8px 0;border-top:1px solid #f0f2f5;font-size:.54rem}.wfi-orders-table__row b{width:13%}.wfi-orders-table__row>span{width:24%}.wfi-orders-table__row em{width:24%;padding:3px;border-radius:4px;text-align:center;font-style:normal}.wfi-orders-table__row small{width:13%}.wfi-orders-table__row strong{margin-left:auto}.wfi-orders-table__row .is-preparing{background:#fff4cf;color:#9c7300}.wfi-orders-table__row .is-waiting{background:#fff0dc;color:#a55d00}.wfi-orders-table__row .is-ready,.wfi-orders-table__row .is-delivery{background:#e4f8ea;color:#16814b}
.wfi-payment-preview{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:330px;padding:28px;border-radius:14px;background:linear-gradient(145deg,#fff7f1,#f8f9fb);overflow:hidden}.wfi-payment-phone{position:relative;width:47%;min-width:205px;padding:27px 13px 14px;border:6px solid #25262a;border-bottom:0;border-radius:28px 28px 0 0;background:#fff;box-shadow:0 18px 38px rgba(30,35,47,.2)}.wfi-payment-phone>span{position:absolute;left:50%;top:8px;width:34%;height:5px;border-radius:999px;background:#25262a;transform:translateX(-50%)}.wfi-payment-phone header{display:flex;align-items:center;gap:7px;padding-bottom:12px;border-bottom:1px solid #eef0f3;color:var(--wfi-heading);font-size:.72rem}.wfi-payment-phone small{display:block;margin:12px 0 6px;font-size:.56rem}.wfi-payment-phone label{display:flex;align-items:center;gap:7px;padding:8px 5px;border-bottom:1px solid #f1f2f4;font-size:.58rem}.wfi-payment-phone label i{width:10px;height:10px;border:1px solid #b8bec9;border-radius:50%}.wfi-payment-phone label .is-selected{border:3px solid var(--wfi-primary)}.wfi-payment-phone button{width:100%;margin-top:13px;padding:8px;border:0;border-radius:5px;background:var(--wfi-primary);color:#fff;font-size:.62rem;font-weight:800}.wfi-payment-secure{width:38%;margin-left:18px;margin-bottom:28px;padding:20px 16px;border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(30,35,47,.08)}.wfi-payment-secure svg{color:var(--wfi-primary)}.wfi-payment-secure strong{display:block;margin:7px 0 4px;color:var(--wfi-heading);font-size:.72rem}.wfi-payment-secure p{margin:0;color:var(--wfi-muted);font-size:.58rem;line-height:1.45}
.wfi-schedule-table>div{display:flex;align-items:center;padding:6px 0;border-top:1px solid #f0f2f5;font-size:.57rem}.wfi-schedule-table>div span{width:39%}.wfi-schedule-table>div small{width:43%;color:#7b8495}.wfi-schedule-table>div i{position:relative;width:23px;height:12px;margin-left:auto;border-radius:999px;background:#28bb78}.wfi-schedule-table>div i::after{content:"";position:absolute;right:2px;top:2px;width:8px;height:8px;border-radius:50%;background:#fff}

.wfi-system-capabilities{padding:var(--wfi-system-section) 0;background:#fffaf7}.wfi-system-capabilities .wfi-system-heading{margin-bottom:30px}.wfi-system-capabilities__row{display:flex;flex-wrap:wrap;gap:15px}.wfi-system-capabilities__row article{display:flex;align-items:flex-start;gap:15px;width:calc(33.333% - 10px);padding:20px;border:1px solid #edf0f4;border-radius:10px;background:#fff;box-shadow:0 7px 19px rgba(31,38,54,.035)}.wfi-system-capabilities__row article>span{display:inline-flex;align-items:center;justify-content:center;min-width:43px;width:43px;height:43px;border:1px solid #ffd4d6;border-radius:11px;background:#fff8f8;color:var(--wfi-primary)}.wfi-system-capabilities__row article>div{width:calc(100% - 58px)}.wfi-system-capabilities h3{margin-bottom:5px;font-size:.9rem}.wfi-system-capabilities p{margin:0;color:var(--wfi-muted);font-size:.78rem;line-height:1.45}
.wfi-system-support{padding:27px 0;border-top:1px solid #f1f2f5;background:#fff}.wfi-system-support__row{display:flex;align-items:center;gap:20px}.wfi-system-support__icon{display:inline-flex;align-items:center;justify-content:center;min-width:70px;width:70px;height:70px;border-radius:14px;background:#fff8f4;color:var(--wfi-primary)}.wfi-system-support__row>div{width:calc(100% - 300px)}.wfi-system-support h2{margin-bottom:4px;font-size:1.45rem}.wfi-system-support p{margin:0;color:var(--wfi-muted);font-size:.88rem}.wfi-system-support .wfi-kicker{margin-bottom:5px}.wfi-system-support .wfi-button{margin-left:auto;min-width:190px}
.wfi-system-faq{padding-top:clamp(40px,4vw,50px);padding-bottom:clamp(60px,6vw,76px);background:linear-gradient(180deg,#fff 0%,var(--wfi-background) 100%)}.wfi-system-faq__row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:52px}.wfi-system-faq .wfi-system-heading{width:39%;margin:0;text-align:left}.wfi-system-faq .wfi-faq{width:56%;border:1px solid var(--wfi-border);border-radius:var(--wfi-radius-sm);background:#fff;box-shadow:0 10px 24px rgba(20,34,60,.04);overflow:hidden}.wfi-system-faq .wfi-faq details{padding:0 20px;border-bottom:0}.wfi-system-faq .wfi-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;color:var(--wfi-heading);font-size:1rem;font-weight:800;cursor:pointer;list-style:none}.wfi-system-faq .wfi-faq summary::-webkit-details-marker{display:none}.wfi-system-faq .wfi-faq__answer{overflow:hidden}.wfi-system-faq .wfi-faq__answer p{margin:0;padding:0 36px 19px 0;color:var(--wfi-muted);font-size:1rem}.wfi-system-faq .wfi-faq__toggle{position:relative;display:inline-block;min-width:18px;width:18px;height:18px}.wfi-system-faq .wfi-faq__toggle::before,.wfi-system-faq .wfi-faq__toggle::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:99px;background:var(--wfi-heading);transition:transform var(--wfi-motion-normal) var(--wfi-ease),background-color var(--wfi-motion-fast) var(--wfi-ease)}.wfi-system-faq .wfi-faq__toggle::before{transform:translate(-50%,-50%)}.wfi-system-faq .wfi-faq__toggle::after{transform:translate(-50%,-50%) rotate(90deg)}.wfi-system-faq .wfi-faq details[open] .wfi-faq__toggle::after{transform:translate(-50%,-50%) rotate(0)}.wfi-system-faq .wfi-faq details[open] .wfi-faq__toggle::before,.wfi-system-faq .wfi-faq details[open] .wfi-faq__toggle::after{background:var(--wfi-primary)}
.wfi-system-final{padding:26px 0;background:#17253d;color:#d7deea}.wfi-system-final__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.wfi-system-final__inner>div:first-child{width:54%}.wfi-system-final h2{margin-bottom:3px;color:#fff;font-size:1.55rem}.wfi-system-final p{margin:0;font-size:.88rem}.wfi-system-final .wfi-actions{justify-content:flex-end;margin:0}.wfi-system-final__secondary{background:transparent;border-color:rgba(255,255,255,.5);color:#fff!important;box-shadow:none}

@media(max-width:980px){.wfi-system-hero__inner{align-items:flex-start;flex-direction:column}.wfi-system-hero__copy,.wfi-system-hero__visual{width:100%}.wfi-system-hero__copy{max-width:720px}.wfi-system-hero__visual{max-width:690px;margin-inline:auto}.wfi-device-composition{min-height:470px}.wfi-system-journey__row article{width:calc(50% - 12px)}.wfi-system-journey__row::before{display:none}.wfi-system-showcase__row,.wfi-system-showcase__row--media-first{align-items:stretch;flex-direction:column}.wfi-system-showcase__copy,.wfi-system-showcase__visual{width:100%}.wfi-system-showcase__copy{max-width:720px}.wfi-system-showcase__visual{max-width:680px;margin-inline:auto}.wfi-system-capabilities__row article{width:calc(50% - 8px)}.wfi-system-support__row{flex-wrap:wrap}.wfi-system-support__row>div{width:calc(100% - 90px)}.wfi-system-support .wfi-button{margin-left:90px}.wfi-system-faq__row{align-items:stretch;flex-direction:column}.wfi-system-faq__row>div:first-child,.wfi-system-faq .wfi-faq{width:100%}}
@media(max-width:720px){.wfi-system-page{--wfi-system-section:clamp(45px,13vw,64px)}.wfi-system-hero{padding:18px 0 52px}.wfi-system-hero__copy h1{font-size:clamp(2.35rem,12vw,3.25rem)}.wfi-system-hero__benefits{gap:12px}.wfi-system-hero__benefits li{width:100%;font-size:.79rem}.wfi-device-composition{min-height:clamp(265px,82vw,390px)}.wfi-device-desktop{width:88%;border-width:5px}.wfi-device-phone{width:31%;border-width:4px;border-radius:20px}.wfi-system-journey .wfi-system-heading{margin-bottom:38px}.wfi-system-journey__row{gap:34px}.wfi-system-journey__row article{width:100%;min-height:0}.wfi-system-showcase{padding:42px 0}.wfi-device-composition--showcase{min-height:clamp(245px,76vw,340px)}.wfi-interface__body aside{display:none}.wfi-orders-table,.wfi-schedule-table{width:100%;padding:18px 12px}.wfi-orders-table__row>span{width:29%}.wfi-orders-table__row small{display:none}.wfi-payment-preview{min-height:300px;padding:20px 12px}.wfi-payment-phone{width:55%;min-width:170px}.wfi-payment-secure{width:40%;margin-left:10px;padding:14px 10px}.wfi-system-capabilities__row article{width:100%}.wfi-system-support__row{align-items:flex-start}.wfi-system-support__icon{min-width:56px;width:56px;height:56px}.wfi-system-support__row>div{width:calc(100% - 76px)}.wfi-system-support .wfi-button{width:100%;margin-left:0}.wfi-system-faq__row{gap:28px}.wfi-system-final__inner{align-items:flex-start;flex-direction:column}.wfi-system-final__inner>div:first-child{width:100%}.wfi-system-final .wfi-actions,.wfi-system-final .wfi-button{width:100%}}
@media(max-width:420px){.wfi-orders-table nav span:nth-child(n+3),.wfi-orders-table__row strong{display:none}.wfi-orders-table__row b{width:21%}.wfi-orders-table__row>span{width:38%}.wfi-orders-table__row em{width:35%}.wfi-payment-preview{justify-content:flex-start}.wfi-payment-phone{width:62%}.wfi-payment-secure{position:absolute;right:8px;bottom:30px;width:39%;margin:0}.wfi-system-support__row>div{width:100%}}
@media(prefers-reduced-motion:reduce){.wfi-system-faq .wfi-faq summary span{transition:none!important}}
