body.fydo-demo-body,body.fydo-demo-body #root{background:#f7f8fa;overflow:hidden}.demo-page{--demo-ink:#101828;--demo-muted:#667085;--demo-blue:#175cd3;--demo-blue-dark:#1849a9;--demo-line:#e4e7ec;height:100dvh;color:var(--demo-ink);font-family:var(--font-display);scroll-behavior:smooth;background:#f7f8fa;position:relative;overflow:hidden auto}.demo-header,.demo-footer,.demo-stage{z-index:1;position:relative}.demo-header{z-index:20;border-bottom:1px solid var(--demo-line);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:180px minmax(180px,440px) 180px;justify-content:space-between;align-items:center;width:100%;min-height:72px;padding:12px clamp(20px,4vw,64px);display:grid;position:sticky;top:0}.demo-brand{width:max-content;text-decoration:none;display:inline-flex}.demo-brand>div{height:34px}.demo-brand img{object-fit:contain;object-position:left center;width:112px!important;height:34px!important}.demo-header-center{justify-content:center;display:flex}.demo-header-link{color:#344054;justify-self:end;font-size:13px;font-weight:700;text-decoration:none}.demo-header-link:hover{color:var(--demo-blue)}.demo-progress-wrap{background:#e4e7ec;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.demo-progress-wrap span{border-radius:inherit;background:var(--demo-blue);transition:width .35s;position:absolute;inset:0 auto 0 0}.demo-stage{justify-content:center;align-items:center;min-height:calc(100dvh - 122px);padding:clamp(42px,6vw,80px) clamp(20px,5vw,72px);display:flex}.demo-stage.is-intro{align-items:flex-start;padding-top:36px;padding-bottom:36px}.demo-panel{width:min(1120px,100%)}.demo-intro-grid,.demo-result-grid,.demo-notification-grid,.demo-contact-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:center;gap:clamp(48px,8vw,104px);display:grid}.demo-intro-grid{align-items:flex-start}.demo-intro-copy{padding-top:28px}.demo-eyebrow,.demo-step-heading>span,.demo-final-offer{color:var(--demo-blue);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.demo-intro-copy h1,.demo-result-copy h1,.demo-final h1{max-width:760px;color:var(--demo-ink);letter-spacing:-.055em;margin:18px 0 22px;font-size:clamp(42px,5vw,58px);font-weight:780;line-height:1.02}.demo-result-copy h1 em,.demo-final h1 em,.demo-generating h1 em{color:inherit;font-family:inherit;font-style:normal;font-weight:inherit}.demo-intro-copy>p,.demo-result-copy>p,.demo-final>p{max-width:640px;color:var(--demo-muted);margin:0 0 30px;font-size:clamp(16px,1.7vw,19px);line-height:1.6}.demo-button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 20px;font-size:14px;font-weight:750;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.demo-button.is-primary{color:#fff;background:var(--demo-blue)}.demo-button.is-primary:hover{background:var(--demo-blue-dark)}.demo-button.is-secondary{color:#344054;background:#fff;border-color:#d0d5dd}.demo-button.is-secondary:hover{border-color:#98a2b3}.demo-button.is-dark{color:#fff;background:#101828}.demo-button:disabled{cursor:not-allowed;opacity:.42}.demo-trust-row{flex-wrap:wrap;gap:10px 20px;margin-top:24px;display:flex}.demo-trust-row span,.demo-expiry,.demo-form-actions small,.demo-contact-preview p{color:#667085;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.demo-trust-row svg{color:#475467}.demo-intro-visual,.demo-result-visual{place-items:center;min-height:610px;display:grid;position:relative}.demo-phone-frame{background:#f2f4f7;border:7px solid #101828;border-radius:42px;width:min(350px,88vw);min-height:610px;padding:27px 17px 22px;position:relative;overflow:hidden;box-shadow:0 28px 58px #10182829}.demo-phone-frame:before{content:"";background:#101828;border-radius:20px;width:72px;height:20px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.demo-phone-frame.is-result{width:min(370px,90vw);min-height:650px}.demo-phone-top{justify-content:space-between;align-items:center;margin:0 7px 28px;font-size:11px;font-weight:750;display:flex}.demo-phone-top span:last-child{align-items:center;gap:5px;display:inline-flex}.demo-phone-frame>small{color:#667085;margin:0 4px 12px;font-size:11px;font-weight:700;display:block}.demo-wallet-preview{--demo-card-color:#175cd3;color:#fff;background:var(--demo-card-color);min-height:470px;box-shadow:0 16px 30px color-mix(in srgb, var(--demo-card-color) 24%, transparent);border-radius:22px;padding:18px;position:relative;overflow:hidden}.demo-wallet-preview.is-compact{border-radius:20px;min-height:376px;padding:14px}.demo-wallet-brand{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.demo-wallet-logo{border-radius:8px;place-items:center;display:grid;overflow:hidden}.demo-wallet-brand>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.demo-wallet-brand>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.demo-wallet-brand>div:nth-child(2) small,.demo-wallet-header-value small,.demo-wallet-primary span,.demo-wallet-field-row span{color:#ffffffb8;letter-spacing:.07em;font-size:8px;font-weight:750}.demo-wallet-header-value{flex-direction:column;align-items:flex-end;display:flex}.demo-wallet-header-value strong{margin-top:2px;font-size:14px}.demo-wallet-photo{background-position:50%;background-size:cover;height:76px;margin:15px -18px 0}.demo-wallet-preview.is-compact .demo-wallet-photo{height:56px;margin:12px -14px 0}.demo-wallet-photo span{display:none}.demo-wallet-primary{flex-direction:column;margin-top:16px;display:flex}.demo-wallet-primary strong{letter-spacing:-.04em;margin-top:3px;font-size:30px;font-weight:650}.demo-wallet-preview.is-compact .demo-wallet-primary{margin-top:12px}.demo-wallet-preview.is-compact .demo-wallet-primary strong{font-size:23px}.demo-wallet-field-row{grid-template-columns:1fr 1fr;gap:18px;margin-top:15px;display:grid}.demo-wallet-field-row>div{flex-direction:column;min-width:0;display:flex}.demo-wallet-field-row>div:last-child{text-align:right}.demo-wallet-field-row strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.demo-wallet-barcode{color:#344054;background:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:110px;margin-top:18px;padding:10px;display:flex}.demo-wallet-barcode small{letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.demo-wallet-preview.is-compact .demo-wallet-barcode{min-height:86px;margin-top:12px;padding:7px}.demo-phone-message{color:#101828;background:#fff;border:1px solid #e4e7ec;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:14px;padding:11px;display:grid}.demo-phone-message div{flex-direction:column;display:flex}.demo-phone-message strong{font-size:11px}.demo-phone-message small{color:#667085;margin-top:3px;font-size:9px;line-height:1.35}.demo-step-heading{text-align:center;max-width:760px;margin:0 auto 34px}.demo-step-heading h1{color:var(--demo-ink);letter-spacing:-.045em;margin:10px 0 12px;font-size:clamp(32px,4.3vw,50px);font-weight:760;line-height:1.08}.demo-step-heading p{max-width:650px;color:var(--demo-muted);margin:auto;font-size:15px;line-height:1.6}.demo-choice-grid,.demo-challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:880px;margin:0 auto;display:grid}.demo-choice-card,.demo-challenge{border:1px solid var(--demo-line);color:#101828;cursor:pointer;text-align:left;background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:92px;padding:15px;transition:border-color .18s,background .18s;display:grid}.demo-choice-card:hover,.demo-challenge:hover{border-color:#98a2b3}.demo-choice-card.is-selected,.demo-challenge.is-selected{background:#f5f8ff;border-color:#84adff}.demo-choice-card>span,.demo-challenge>span,.demo-feature>span{border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.demo-challenge>span,.demo-feature>span{color:var(--demo-blue);background:#eff4ff}.demo-choice-card>div,.demo-challenge>div{flex-direction:column;min-width:0;display:flex}.demo-choice-card strong,.demo-challenge strong{font-size:14px}.demo-choice-card small,.demo-challenge small{color:#667085;margin-top:4px;font-size:11px;line-height:1.4}.demo-choice-card>i,.demo-challenge>i{color:#fff;background:#fff;border:1px solid #d0d5dd;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.demo-choice-card.is-selected>i,.demo-challenge.is-selected>i{border-color:var(--demo-blue);background:var(--demo-blue)}.demo-actions{justify-content:space-between;align-items:center;max-width:880px;margin:28px auto 0;display:flex}.demo-actions.is-left{justify-content:flex-start;margin-left:0}.demo-back{color:#667085;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:9px 0;font-size:13px;font-weight:700;display:inline-flex}.demo-back:hover{color:#344054}.demo-business-form{border:1px solid var(--demo-line);background:#fff;border-radius:16px;max-width:620px;margin:0 auto;padding:clamp(20px,4vw,32px)}.demo-field{color:#344054;flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:750;display:flex}.demo-field>input{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:10px;outline:0;width:100%;height:52px;padding:0 15px;font-size:15px}.demo-field>input:focus{border-color:#84adff;box-shadow:0 0 0 3px #d1e0ff}.demo-field input::placeholder{color:#98a2b3}.demo-field>small{color:#667085;font-size:11px;font-weight:500;line-height:1.45}.demo-inline-state{border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;font-size:11px;font-weight:650;line-height:1.45;display:flex}.demo-inline-state>svg{flex:none;margin-top:1px}.demo-inline-state.is-success{color:#027a48;background:#ecfdf3;border-color:#abefc6}.demo-inline-state.is-error{color:#b42318;background:#fef3f2;border-color:#fecdca}.demo-inline-state.is-info{color:#175cd3;background:#eff8ff;border-color:#b2ccff}.demo-selection-help{color:#667085;text-align:right;max-width:880px;margin:12px auto 0;font-size:10px;display:block}.demo-generating{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:680px;min-height:480px;margin:auto;display:flex}.demo-generating-mark{border:1px solid var(--demo-line);background:#fff;border-radius:16px;place-items:center;width:72px;height:72px;display:grid}.demo-generating>span{color:var(--demo-blue);letter-spacing:.08em;text-transform:uppercase;margin-top:22px;font-size:11px;font-weight:800}.demo-generating h1{letter-spacing:-.045em;margin:12px 0 9px;font-size:clamp(34px,5vw,52px);font-weight:760;line-height:1.08}.demo-generating p{color:#667085}.demo-loading-bar{background:#e4e7ec;border-radius:999px;width:min(360px,82vw);height:5px;margin-top:22px;overflow:hidden}.demo-loading-bar span{border-radius:inherit;background:var(--demo-blue);height:100%;animation:2.15s forwards demo-load;display:block}@keyframes demo-load{0%{width:4%}to{width:100%}}.demo-contact-grid{align-items:start}.demo-contact-grid .demo-step-heading{text-align:left;margin-left:0}.demo-contact-form{grid-template-columns:1fr 1fr;gap:15px;display:grid}.demo-name-row{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:15px;display:grid}.demo-check{color:#667085;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:start;gap:10px;font-size:10px;line-height:1.55;display:grid}.demo-check input{width:17px;height:17px;accent-color:var(--demo-blue);margin:1px 0 0}.demo-check a{color:var(--demo-blue);font-weight:750}.demo-contact-form .demo-inline-state,.demo-form-actions{grid-column:1/-1}.demo-form-actions{align-items:center;gap:17px;margin-top:4px;display:flex}.demo-contact-preview{border:1px solid var(--demo-line);background:#fff;border-radius:18px;padding:20px;position:sticky;top:100px}.demo-contact-preview>span{color:#667085;letter-spacing:.08em;margin-bottom:14px;font-size:10px;font-weight:800;display:block}.demo-contact-preview p{margin:14px 0 0;line-height:1.45}.demo-contact-back{margin-top:0}.demo-result-grid{align-items:center}.demo-result-copy h1{font-size:clamp(38px,5vw,58px)}.demo-success-line{color:#027a48;align-items:center;gap:7px;font-size:12px;font-weight:750;display:inline-flex}.demo-benefit-list{gap:11px;margin:0 0 22px;padding:0;list-style:none;display:grid}.demo-benefit-list li{color:#475467;align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}.demo-benefit-list svg{color:var(--demo-blue)}.demo-wallet-actions{flex-wrap:wrap;gap:10px;margin:20px 0 12px;display:flex}.demo-wallet-button{color:#fff;cursor:pointer;text-align:left;background:#101828;border:0;border-radius:11px;align-items:center;gap:10px;min-width:180px;min-height:54px;padding:7px 15px;display:flex}.demo-wallet-button>span{text-align:center;min-width:24px;font-family:Arial,sans-serif;font-size:26px;font-weight:700}.demo-wallet-button>div{flex-direction:column;display:flex}.demo-wallet-button small{font-size:8px}.demo-wallet-button strong{font-size:14px}.demo-wallet-button:disabled{cursor:not-allowed;opacity:.36}.demo-google-g{color:#4285f4}.demo-expiry{margin:5px 0 0}.demo-notification-grid{align-items:center}.demo-notification-grid .demo-step-heading{text-align:left;margin-left:0}.demo-compare-list{border-top:1px solid var(--demo-line);max-width:530px;display:grid}.demo-compare-list span{border-bottom:1px solid var(--demo-line);color:#475467;align-items:center;gap:9px;padding:11px 0;font-size:12px;font-weight:650;display:flex}.demo-compare-list svg{color:var(--demo-blue)}.demo-notification-action{margin-top:24px}.demo-notification-action>small{color:#667085;max-width:520px;margin-top:10px;font-size:10px;line-height:1.5;display:block}.demo-notification-phone{place-items:center;min-height:545px;display:grid}.demo-phone-wallpaper{background:linear-gradient(165deg,#344054,#101828);border:7px solid #101828;border-radius:42px;width:min(330px,86vw);min-height:540px;padding:34px 15px;overflow:hidden;box-shadow:0 28px 58px #1018282e}.demo-lock-time{color:#fff;letter-spacing:-.05em;flex-direction:column;align-items:center;font-size:52px;font-weight:300;display:flex}.demo-lock-time small{letter-spacing:0;margin-top:-4px;font-size:12px;font-weight:600}.demo-os-notification{color:#101828;backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #ffffff75;border-radius:18px;margin-top:106px;padding:14px}.demo-os-top{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.demo-os-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.demo-os-top small{color:#667085;font-size:8px}.demo-os-notification p{color:#344054;margin:11px 0 0;font-size:11px;font-weight:700;line-height:1.4}.demo-feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.demo-feature{border:1px solid var(--demo-line);background:#fff;border-radius:14px;min-height:164px;padding:18px}.demo-feature h3{margin:16px 0 7px;font-size:14px}.demo-feature p{color:#667085;margin:0;font-size:11px;line-height:1.52}.demo-multi-card{color:#fff;background:#101828;border:1px solid #344054;border-radius:16px;grid-template-columns:1fr minmax(360px,.78fr);align-items:center;gap:38px;margin-top:18px;padding:28px;display:grid;overflow:hidden}.demo-multi-card>div:first-child>span{color:#b2ccff;letter-spacing:.1em;font-size:9px;font-weight:800}.demo-multi-card h2{letter-spacing:-.035em;margin:9px 0 8px;font-size:clamp(22px,3vw,33px);line-height:1.15}.demo-multi-card p{color:#d0d5dd;margin:0;font-size:11px;line-height:1.55}.demo-card-stack{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-card-stack .demo-wallet-preview{transform-origin:50%;width:290px;margin:-58px -42px;transform:scale(.7)}.demo-final{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:820px;min-height:560px;margin:auto;display:flex}.demo-final h1{margin-top:17px;font-size:clamp(42px,6vw,66px)}.demo-final>p{max-width:680px;margin-bottom:22px}.demo-final-proof{flex-wrap:wrap;justify-content:center;gap:10px 22px;display:flex}.demo-final-proof span{color:#475467;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.demo-final-proof svg{color:#039855}.demo-final-actions{align-items:center;gap:20px;margin-top:28px;display:flex}.demo-final-actions>a{color:var(--demo-blue);font-size:13px;font-weight:750}.demo-final>small{color:#667085;max-width:660px;margin-top:17px;font-size:9px;line-height:1.5}.demo-footer{border-top:1px solid var(--demo-line);color:#667085;background:#fff;justify-content:space-between;align-items:center;min-height:50px;padding:12px clamp(20px,4vw,64px);font-size:9px;display:flex}.demo-footer nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 16px;display:flex}.demo-footer a,.demo-footer button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}.demo-footer a:hover,.demo-footer button:hover{color:var(--demo-blue)}@media (width<=920px){.demo-header{grid-template-columns:130px 1fr auto;gap:18px;padding-inline:20px}.demo-intro-grid,.demo-result-grid,.demo-notification-grid,.demo-contact-grid{grid-template-columns:1fr}.demo-intro-copy{text-align:center;max-width:720px;margin:auto;padding-top:0}.demo-intro-copy>p{margin-inline:auto}.demo-trust-row{justify-content:center}.demo-contact-preview{width:min(510px,100%);margin:0 auto;position:relative;top:auto}.demo-result-copy,.demo-notification-grid>div:first-child{text-align:center;max-width:740px;margin:auto}.demo-benefit-list{text-align:left;width:max-content;max-width:100%;margin-inline:auto}.demo-wallet-actions,.demo-actions.is-left{justify-content:center}.demo-notification-grid .demo-step-heading{text-align:center;margin-inline:auto}.demo-compare-list,.demo-notification-action>small{margin-inline:auto}.demo-feature-grid{grid-template-columns:repeat(2,1fr)}.demo-multi-card{grid-template-columns:1fr}.demo-card-stack{width:480px;max-width:100%;margin:auto}}@media (width<=620px){.demo-header{grid-template-columns:146px 1fr;gap:12px;min-height:62px;padding-inline:14px}.demo-header-link{display:none}.demo-footer nav{justify-content:flex-start}.demo-brand img{width:94px!important}.demo-progress-wrap{height:4px}.demo-stage{min-height:calc(100dvh - 112px);padding:30px 14px 42px}.demo-intro-copy h1{font-size:42px}.demo-intro-copy>p{font-size:15px}.demo-trust-row{gap:9px 13px}.demo-intro-visual{transform-origin:top;min-height:560px;margin-bottom:-54px;transform:scale(.9)}.demo-step-heading{margin-bottom:24px}.demo-step-heading h1{font-size:32px}.demo-step-heading p{font-size:13px}.demo-choice-grid,.demo-challenge-grid,.demo-feature-grid{grid-template-columns:1fr}.demo-choice-card,.demo-challenge{min-height:82px}.demo-contact-form{grid-template-columns:1fr}.demo-name-row{grid-column:auto;grid-template-columns:1fr}.demo-check,.demo-contact-form .demo-inline-state,.demo-form-actions{grid-column:auto}.demo-form-actions{flex-direction:column;align-items:stretch}.demo-form-actions .demo-button{width:100%}.demo-actions{gap:15px}.demo-actions .demo-button{min-height:48px;padding-inline:16px}.demo-back{font-size:11px}.demo-contact-preview{padding:14px}.demo-result-copy h1{font-size:37px}.demo-wallet-actions{flex-direction:column;align-items:stretch}.demo-wallet-button{width:100%}.demo-result-visual{transform-origin:top;min-height:620px;margin-bottom:-62px;transform:scale(.9)}.demo-notification-phone{transform-origin:top;min-height:520px;margin-bottom:-30px;transform:scale(.94)}.demo-multi-card{padding:20px}.demo-card-stack{grid-template-columns:1fr;min-height:340px}.demo-card-stack .demo-wallet-preview{margin:-56px auto}.demo-card-stack .demo-wallet-preview:last-child{display:none}.demo-final{min-height:520px}.demo-final h1{font-size:41px}.demo-final-actions{flex-direction:column;width:100%}.demo-final-actions .demo-button{width:100%}.demo-footer{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){.demo-loading-bar span{animation-duration:.01ms!important;animation-iteration-count:1!important}.demo-page{scroll-behavior:auto}}