/* Lightweight, responsive illustration: no video, canvas or external player. */
.homepage .number-flow{width:100%;max-width:420px;justify-self:center;min-width:0;margin:0;text-align:start;text-align-last:auto;position:relative;isolation:isolate;color:#e9f3f4}

.nf-scene{overflow:hidden;height:396px;position:relative;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;perspective:1000px;background:radial-gradient(ellipse at 50% 56%,rgba(105,211,160,.13),transparent 65%)}
.nf-orbit{position:absolute;left:50%;top:50%;border:1px solid #a9edc914;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);pointer-events:none}.nf-orbit-one{width:95%;height:66%}.nf-orbit-two{width:76%;height:88%;transform:translate(-50%,-50%) rotate(29deg)}
.nf-phone{scale:.88;font-size:12px;line-height:1.4;position:relative;width:272px;height:402px;padding:13px 16px 19px;border:1px solid #556277;border-radius:32px;background:linear-gradient(145deg,#1d2c3e,#10192d 45%,#142a30);box-shadow:0 22px 45px #02081766,inset 0 0 0 5px #10192c;transform:rotate(-3deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.number-flow[data-step="1"] .nf-phone{transform:rotate(0deg)}.number-flow[data-step="2"] .nf-phone{transform:rotate(2deg)}
.nf-phone-top{display:flex;align-items:center;justify-content:space-between;height:19px;font-size:8px;color:#b2c5cf;position:relative;padding:0 4px}.nf-camera{position:absolute;left:50%;top:0;transform:translateX(-50%);width:52px;height:13px;background:#080e1d;border-radius:20px}
.nf-appbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid #a2bcc51a;padding:16px 0 13px;margin-bottom:12px;font-size:12px;font-weight:600;line-height:1.4}.nf-appbar small{display:block;color:#91a8bb;font-size:9px;font-weight:400}.nf-appmark{display:grid;place-items:center;width:29px;height:29px;background:#a9edc9;color:#173b2c;border-radius:9px;font-size:19px}.nf-appdots{margin-left:auto;font-size:12px;letter-spacing:2px;color:#8caaa9}
.nf-screens{position:relative}.nf-screen{animation:nf-arrive .55s ease both}.nf-screen[hidden]{display:none!important}.nf-step-label{display:block;font-size:8px;font-weight:650;letter-spacing:1.6px;color:#96c7b3;margin-bottom:7px}.homepage .nf-screen h2{font-size:23px;letter-spacing:-.8px;line-height:1.3;margin:0 0 5px}.homepage .nf-screen>p{font-size:10px;color:#a3b5c9;margin:0 0 14px;line-height:1.6}
.nf-select{display:flex;align-items:center;gap:9px;background:#20324680;border:1px solid #3c546260;border-radius:10px;padding:10px 11px;margin-bottom:9px;line-height:1.4}.nf-select small{display:block;color:#9db2c6;font-size:8px;margin-bottom:2px}.nf-select strong{font-size:12px;font-weight:550}.nf-service-icon,.nf-country-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:12px;flex-shrink:0}.nf-service-icon{background:#295c44;color:#c1f9d8}.nf-country-icon{background:#304665;color:#d2e0f5;font-size:10px;letter-spacing:.8px}.nf-chevron{margin-left:auto;color:#90a9b4;font-size:17px}.nf-action{display:flex;justify-content:space-between;align-items:center;background:#a9edc9;color:#173b2c;font-size:11px;font-weight:650;padding:11px 13px;border-radius:9px;margin-top:14px}.nf-action span{font-size:16px}.nf-phone-note{font-size:8px;color:#91a9b8;text-align:center;line-height:1.5;margin-top:10px}
.nf-number-card{padding:12px 9px;border:1px solid #69b09066;border-radius:12px;text-align:center;background:#294e422e}.nf-number-card>span{font-size:9px;color:#a2c3b6;display:block}.nf-number-card strong{display:block;font-size:22px;letter-spacing:.5px;color:#d3f7e4;margin:8px 0;white-space:nowrap}.nf-number-card small{display:block;font-size:9px;color:#9aafc1}.nf-waiting{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:16px}.nf-waiting small{display:block;font-size:9px;color:#98b0c3;margin-top:3px}.nf-loader{width:23px;height:23px;border-radius:50%;border:2px solid #375448;border-top-color:#a9edc9;animation:nf-spin 1.2s linear infinite;flex-shrink:0}.nf-signal{display:flex;justify-content:center;align-items:center;gap:5px;height:24px;margin-top:8px}.nf-signal i{width:3px;height:8px;background:#7cbd9d;border-radius:3px;animation:nf-signal 1.3s ease-in-out infinite alternate}.nf-signal i:nth-child(3n){animation-delay:.4s}.nf-signal i:nth-child(3n+1){animation-delay:.8s}
.nf-message{padding:15px 12px 18px;border:1px solid #48615b;border-radius:12px;background:linear-gradient(130deg,#244039,#1d303c);animation:nf-arrive .65s .12s both}.nf-message-heading{display:flex;align-items:center;gap:7px;color:#dbf4e6;font-size:10px;font-weight:600}.nf-message-heading>span{font-size:19px;color:#a9edc9}.nf-message-heading small{margin-left:auto;font-size:8px;font-weight:400;color:#a0b9af}.homepage .nf-message p{font-size:10px;color:#b3c8c8;margin:8px 0 12px}.nf-code{display:flex;gap:5px}.nf-code>span{display:grid;place-items:center;flex:1;min-width:0;height:37px;border:1px solid #507364;border-radius:5px;background:#122b29;color:#d9f9e7;font-size:19px;font-weight:650}.nf-success{display:flex;align-items:center;justify-content:center;gap:7px;color:#b6f1cd;font-size:11px;margin-top:17px;animation:nf-arrive .55s .4s both}.nf-success>span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#a9edc9;color:#153c29}.nf-phone-bottom{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:68px;height:3px;border-radius:5px;background:#6d85945c}
.nf-floating{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid #65887966;border-radius:16px;background:linear-gradient(135deg,#213e38,#152639);box-shadow:0 12px 22px #030a1a44;color:#a9edc9;animation:nf-float 5s ease-in-out infinite}.nf-floating-chat{width:55px;height:55px;left:6%;top:26%;transform:rotate(-10deg)}.nf-floating-check{width:46px;height:46px;right:7%;bottom:23%;animation-delay:-2s;transform:rotate(8deg)}
.number-flow.is-paused .nf-loader,.number-flow.is-paused .nf-signal i,.number-flow.is-paused .nf-floating{animation-play-state:paused!important}
@keyframes nf-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes nf-spin{to{transform:rotate(360deg)}}@keyframes nf-signal{to{height:21px;opacity:.4}}@keyframes nf-float{50%{translate:0 -9px}}
.homepage .hero-buttons{gap:10px}.homepage .hero-btn{font-size:13px;padding-inline:16px;gap:10px}.homepage .hero-btn-play{border-color:#42514f;background:transparent;color:#c7d9d6}.hero-btn-play svg{flex-shrink:0}.homepage .hero-btn-play:hover{border-color:#a9edc9;background:#a9edc908}
@media(max-width:1000px){.nf-floating-chat{left:0}.nf-floating-check{right:0}}
@media(max-width:800px){.homepage .number-flow{max-width:460px;justify-self:center}.nf-scene{height:380px}.nf-floating-chat{left:5%}.nf-floating-check{right:6%}}
@media(max-width:520px){.nf-scene{height:354px}.nf-phone{scale:.85;width:min(254px,calc(100% - 24px));height:391px;padding-inline:14px;border-radius:29px}.nf-floating-chat{width:40px;height:40px;left:0;top:22%;border-radius:12px}.nf-floating-check{width:36px;height:36px;right:0;bottom:17%;border-radius:11px}.nf-number-card strong{font-size:21px}.homepage .hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.homepage .hero-btn{font-size:12px;padding-inline:8px;gap:6px}.homepage .hero-btn-primary{grid-column:1/-1}.homepage .hero-btn-play{font-size:11px}.homepage .hero-btn-play svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.number-flow *{animation:none!important;transition:none!important}.nf-phone{transform:none!important}}