@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";html{-webkit-text-size-adjust:100%;background:#052532}body{margin:0;overflow-x:hidden}.ovl-root{--navy:#0b4156;--midnight:#083647;--teal:#136074;--deep:#052532;--accent:#d95f14;--mint:#e8783a;--ink:#0b4156;--muted:#5c6e75;--line:#dbe4e8;--pale:#f2f6f7;--sky:#dbe9f2;--cycle:16s;--pad:40px;color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(120% 90% at 78% 12%,#12586b 0%,#12586b00 55%),radial-gradient(90% 80% at 8% 92%,#0f4d60 0%,#0f4d6000 58%),linear-gradient(135deg,#0b4156 0%,#083647 42%,#052532 100%);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.ovl-root *,.ovl-root :before,.ovl-root :after{box-sizing:border-box}:where(.ovl-root) :where(h1,h2,h3,p,ul,ol,li,figure,figcaption){margin:0;padding:0}:where(.ovl-root) :where(ul,ol){list-style:none}:where(.ovl-root) :where(button){font:inherit;color:inherit}.ovl-bg{pointer-events:none;position:absolute;inset:0}.ovl-dots{background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.ovl-glow{filter:blur(120px);border-radius:9999px;position:absolute}.ovl-glow-1{background:#e8783a29;width:420px;height:420px;top:-16%;left:-10%}.ovl-glow-2{background:#1360748c;width:460px;height:460px;bottom:-24%;left:24%}.ovl-glow-3{background:#d95f141a;width:340px;height:340px;top:-12%;right:24%}.ovl-sweep{background:radial-gradient(60% 50%,#ffffff0d,#fff0 70%);width:62%;height:150%;position:absolute;top:-20%;right:-6%;transform:rotate(-14deg)}.ovl-grid{height:100%;padding:var(--pad);grid-template-columns:minmax(300px,.86fr) minmax(600px,1.34fr) 448px;align-items:stretch;gap:8px;display:grid;position:relative}.ovl-left{flex-direction:column;min-width:0;display:flex}.ovl-copy{margin:auto 0}.ovl-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#ffffffb8;align-items:center;gap:12px;font-size:11px;font-weight:700;display:inline-flex}.ovl-eyebrow:after{content:"";background:#ffffff61;width:26px;height:1px}.ovl-h1{letter-spacing:-.04em;max-width:340px;margin-top:16px;font-size:clamp(28px,2.9vw,44px);font-weight:800;line-height:1.1}.ovl-h1 em{color:var(--mint);font-style:normal;display:block}.ovl-sub{color:#ffffffa6;max-width:340px;margin-top:16px;font-size:15px;line-height:1.75}.ovl-steps{flex-direction:column;gap:12px;margin-top:28px;display:flex}.ovl-step{align-items:center;gap:12px;display:flex;position:relative}.ovl-step:before,.ovl-step:after{content:"";border-radius:9999px;width:2px;height:12px;position:absolute;top:100%;left:13px}.ovl-step:before{background:#ffffff29}.ovl-step:after{background:var(--accent);transform-origin:top;will-change:transform;transform:scaleY(0)}.ovl-step:last-child:before,.ovl-step:last-child:after{display:none}.ovl-step-1:after{animation:ovl-ln1 var(--cycle) linear infinite}.ovl-step-2:after{animation:ovl-ln2 var(--cycle) linear infinite}.ovl-step-3:after{animation:ovl-ln3 var(--cycle) linear infinite}.ovl-step-n{letter-spacing:.18em;color:#ffffff8c;border:1px solid #fff3;border-radius:9999px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:grid}.ovl-step-t{color:#ffffff59;font-size:14px;font-weight:600;line-height:1.35}.ovl-step-s{color:#ffffff40;font-size:12px;font-weight:400}.ovl-footline{letter-spacing:.2em;text-transform:uppercase;color:#ffffff6b;align-items:center;gap:10px;font-size:10.5px;font-weight:700;display:flex}.ovl-footline span{color:#fff3}.ovl-mid{flex-direction:column;min-width:0;display:flex;position:relative}.ovl-kicker{letter-spacing:.24em;text-transform:uppercase;color:#ffffffad;align-self:flex-end;gap:14px;font-size:10.5px;font-weight:700;line-height:1.85;display:flex}.ovl-kicker:before{content:"";background:#ffffff47;width:1px}.ovl-stage-wrap{flex:1;place-items:center;min-height:0;display:grid}.ovl-stage{--stage-shift:-30px;width:700px;height:640px;transform:translateX(var(--stage-shift)) scale(var(--stage-scale,1));transform-origin:50%;position:relative}.ovl-static{display:none}.ovl-static-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.ovl-static-step{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:14px}.ovl-static-n{letter-spacing:.18em;text-transform:uppercase;color:#e8783ab3;font-size:10px;font-weight:700}.ovl-static-t{color:#fff;margin-top:8px;font-size:14px;font-weight:600}.ovl-static-s{color:#ffffff73;margin-top:2px;font-size:12px}.ovl-orbit{width:580px;height:556px;margin:-278px 0 0 -290px;position:absolute;top:50%;left:50%}.ovl-orbit svg{width:100%;height:100%;overflow:visible}.ovl-orbit-ring{transform-origin:50%;animation:70s linear infinite ovl-spin}.ovl-orbit-dot{border-radius:9999px;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;position:absolute}.ovl-rec{opacity:0;will-change:transform,opacity;width:204px;margin:-36px 0 0 -102px;position:absolute;top:50%;left:50%}.ovl-rec-a{animation:ovl-rec-a var(--cycle) linear infinite}.ovl-rec-b{animation:ovl-rec-b var(--cycle) linear infinite}.ovl-rec-c{animation:ovl-rec-c var(--cycle) linear infinite}.ovl-rec-float{animation:7s ease-in-out infinite ovl-float;animation-delay:var(--fd,0s);will-change:transform}.ovl-rec-card{color:var(--ink);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:0 22px 44px -22px #031821b3,0 2px 6px -2px #0318214d}.ovl-rec-ico{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.ovl-rec-ico svg{width:17px;height:17px}.ovl-rec-t{letter-spacing:-.02em;font-size:13px;font-weight:700;line-height:1.2}.ovl-rec-s{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.25}.ovl-phone{background:linear-gradient(to bottom,var(--teal),var(--midnight));width:304px;height:628px;animation:ovl-phone var(--cycle) linear infinite;will-change:transform;border:1px solid #ffffff24;border-radius:46px;margin:-314px 0 0 -152px;padding:10px;position:absolute;top:50%;left:50%;box-shadow:0 48px 92px -34px #02121adb}.ovl-screen{background:#083647cc;border-radius:38px;height:100%;padding:12px 14px 0;position:relative;overflow:hidden}.ovl-notch{background:#fff3;border-radius:9999px;width:80px;height:6px;margin:0 auto 14px;display:block}.ovl-splash{z-index:20;animation:ovl-splash var(--cycle) linear infinite;will-change:transform,opacity;background:#fff;border-radius:38px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ovl-splash-os{letter-spacing:-.035em;color:var(--navy);margin-top:8px;font-size:23px;font-weight:700}.ovl-chrome{z-index:2;animation:ovl-chrome var(--cycle) linear infinite;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex;position:relative}.ovl-chip{background:#fff;border-radius:8px;align-items:center;padding:5px 8px;display:inline-flex}.ovl-live{letter-spacing:.16em;text-transform:uppercase;color:var(--mint);align-items:center;gap:6px;font-size:8px;font-weight:700;display:inline-flex}.ovl-live i{background:var(--accent);border-radius:9999px;width:6px;height:6px;animation:1.9s ease-in-out infinite ovl-pulse}.ovl-scan{z-index:3;height:120px;animation:ovl-scan var(--cycle) linear infinite;will-change:transform,opacity;pointer-events:none;background:linear-gradient(#d95f1400 0%,#d95f1429 42%,#e8783a57 50%,#d95f1429 58%,#d95f1400 100%);border-radius:16px;position:absolute;top:0;left:14px;right:14px}.ovl-tabs{z-index:4;animation:ovl-chrome var(--cycle) linear infinite;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:12px;display:flex;position:absolute;bottom:26px;left:14px;right:14px}.ovl-tab{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.ovl-tab i{background:#ffffff29;border-radius:5px;width:16px;height:16px;display:block}.ovl-tab span{letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;font-size:7.5px;font-weight:700}.ovl-tab-on i{background:var(--accent)}.ovl-tab-on span{color:var(--mint)}.ovl-home{z-index:6;background:#ffffff38;border-radius:9999px;width:104px;height:4px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.ovl-panel{z-index:4;opacity:0;will-change:transform,opacity;position:absolute;top:74px;left:14px;right:14px}.ovl-sheet{color:var(--ink);background:#fff;border-radius:20px;padding:16px;box-shadow:0 28px 50px -24px #0b415680}.ovl-kick{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:8.5px;font-weight:700}.ovl-title{letter-spacing:-.025em;margin-top:4px;font-size:15px;font-weight:800;line-height:1.15}.ovl-lede{color:var(--muted);margin-top:6px;font-size:9.5px;line-height:1.5}.ovl-p-ingest{animation:ovl-p-ingest var(--cycle) linear infinite}.ovl-p-report{animation:ovl-p-report var(--cycle) linear infinite}.ovl-p-trend{animation:ovl-p-trend var(--cycle) linear infinite}.ovl-p-access{animation:ovl-p-access var(--cycle) linear infinite}.ovl-ing-h{letter-spacing:.18em;text-transform:uppercase;color:#fff6;justify-content:space-between;align-items:baseline;padding-bottom:10px;font-size:8.5px;font-weight:700;display:flex}.ovl-ing-h b{color:var(--mint);letter-spacing:.12em}.ovl-ing-row{will-change:transform,opacity;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.ovl-ing-row i{background:var(--mint);border-radius:9999px;flex:none;width:6px;height:6px}.ovl-ing-l{color:#ffffffe6;font-size:11.5px;font-weight:600;line-height:1.2}.ovl-ing-s{letter-spacing:.14em;text-transform:uppercase;color:#fff6;margin-top:2px;font-size:8.5px;font-weight:700}.ovl-ing-c{color:var(--mint);margin-left:auto;font-size:11px;font-weight:700}.ovl-ing-bar{background:#ffffff1f;border-radius:9999px;height:3px;margin-top:12px;overflow:hidden}.ovl-ing-bar i{background:var(--accent);transform-origin:0;height:100%;animation:ovl-ing-fill var(--cycle) linear infinite;border-radius:9999px;display:block}.ovl-rep-row{will-change:transform,opacity;border-top:1px solid #0b415614;align-items:center;gap:10px;padding:10px 0;display:flex}.ovl-rep-n{color:var(--accent);flex:0 0 16px;font-size:9.5px;font-weight:700}.ovl-rep-t{letter-spacing:-.02em;font-size:11.5px;font-weight:700;line-height:1.2}.ovl-rep-m{color:var(--muted);margin-top:2px;font-size:9.5px}.ovl-rep-d{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:8.5px;font-weight:700}.ovl-stats{border-top:1px solid #0b415614;justify-content:space-between;margin-top:12px;padding-top:12px;display:flex}.ovl-stat-v{letter-spacing:-.025em;font-size:14px;font-weight:800}.ovl-stat-l{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:7.5px;font-weight:700}.ovl-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#d95f141a;border-radius:9999px;flex:none;padding:4px 8px;font-size:8px;font-weight:700}.ovl-fig{margin-top:16px}.ovl-fig+.ovl-fig{border-top:1px solid #0b415614;padding-top:12px}.ovl-fig-h{justify-content:space-between;align-items:baseline;display:flex}.ovl-fig-l{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-weight:700}.ovl-fig-m{color:var(--muted);font-size:9px}.ovl-fig svg{width:100%;margin-top:8px;display:block}.ovl-fig-n{color:var(--muted);margin-top:6px;font-size:9.5px}.ovl-fig-n b{color:var(--navy);font-weight:700}.ovl-acc{background:#f2f6f799;border:1px solid #0b415614;border-radius:16px;align-items:center;gap:10px;margin-top:14px;padding:10px;display:flex}.ovl-acc-av{width:36px;height:36px;color:var(--accent);background:#d95f141a;border-radius:9999px;flex:none;place-items:center;display:grid}.ovl-acc-av svg{width:16px;height:16px}.ovl-acc-t{letter-spacing:-.02em;font-size:11.5px;font-weight:800;line-height:1.2}.ovl-acc-s{color:var(--muted);margin-top:2px;font-size:9px}.ovl-meta{flex-direction:column;gap:6px;margin-top:12px;display:flex}.ovl-meta li{justify-content:space-between;align-items:center;gap:8px;display:flex}.ovl-meta span{color:var(--muted);font-size:9.5px}.ovl-meta b{font-size:9.5px;font-weight:700}.ovl-cta{background:var(--accent);color:#fff;letter-spacing:-.01em;border-radius:9999px;place-items:center;height:36px;margin-top:14px;font-size:10.5px;font-weight:700;display:grid}.ovl-right{place-items:center;min-width:0;display:grid}.ovl-card{width:100%;max-width:448px;color:var(--ink);background:#fff;border-radius:26px;max-height:100%;padding:34px 38px 26px;overflow-y:auto;box-shadow:0 44px 90px -36px #02121a9e}.ovl-card::-webkit-scrollbar{width:0}.ovl-brand{justify-content:center;display:flex}.ovl-welcome{text-align:center;letter-spacing:-.035em;margin-top:18px;font-size:21.5px;font-weight:800;line-height:1.2}.ovl-welcome-s{text-align:center;color:var(--muted);margin-top:6px;font-size:13.5px}.ovl-form{flex-direction:column;gap:12px;margin-top:22px;display:flex}.ovl-field{position:relative}.ovl-field-ico{width:17px;height:17px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.ovl-field-ico svg{width:100%;height:100%}.ovl-input{border:1px solid var(--line);width:100%;height:50px;color:var(--ink);background:#fff;border-radius:11px;padding:0 46px 0 44px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.ovl-input::placeholder{color:#9aa9b0}.ovl-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d95f1421}.ovl-peek{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ovl-peek svg{width:17px;height:17px}.ovl-peek:hover{color:var(--ink);background:var(--pale)}.ovl-row{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.ovl-remember{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;display:inline-flex}.ovl-remember input{appearance:none;border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:4px;place-items:center;width:17px;height:17px;margin:0;transition:background .15s,border-color .15s;display:grid}.ovl-remember input:checked{background:var(--accent);border-color:var(--accent)}.ovl-remember input:checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.ovl-remember input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ovl-forgot{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.ovl-forgot:hover{text-decoration:underline}.ovl-btn{letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;height:50px;font-size:14.5px;font-weight:700;transition:background .18s,border-color .18s,transform .12s,color .18s;display:inline-flex}.ovl-btn:active{transform:translateY(1px)}.ovl-btn svg{width:17px;height:17px}.ovl-btn-primary{background:var(--accent);color:#fff;margin-top:6px}.ovl-btn-primary:hover{background:#b84e10}.ovl-btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.ovl-btn-ghost:hover{border-color:var(--navy);background:var(--pale)}.ovl-btn-soft{background:var(--sky);color:var(--navy)}.ovl-btn-soft:hover{background:#cadfeb}.ovl-or{align-items:center;gap:14px;margin:18px 0;display:flex}.ovl-or:before,.ovl-or:after{content:"";background:var(--line);flex:1;height:1px}.ovl-or span{letter-spacing:.12em;color:var(--muted);font-size:11.5px;font-weight:700}.ovl-new{text-align:center;color:var(--muted);margin:20px 0 12px;font-size:13.5px}.ovl-secure{color:var(--muted);align-items:flex-start;gap:10px;margin-top:20px;font-size:11.5px;line-height:1.5;display:flex}.ovl-secure svg{width:17px;height:17px;color:var(--navy);flex:none;margin-top:1px}.ovl-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes ovl-rec-a{0%{opacity:0;transform:translate3d(calc(var(--ox) * var(--far)),calc(var(--oy) * var(--far)),0) rotate(calc(var(--rot) * 1.35)) scale(1.07);animation-timing-function:cubic-bezier(.22,.72,.24,1)}2.56%{opacity:1}8.32%{opacity:1;transform:translate3d(var(--ox),var(--oy),0) rotate(var(--rot)) scale(1)}25.61%{opacity:1;transform:translate3d(var(--ox),var(--oy),0) rotate(var(--rot)) scale(1);animation-timing-function:cubic-bezier(.62,.02,.36,1)}32.5%{opacity:0;transform:translate(0,0)rotate(0)scale(.1)}to{opacity:0;transform:translate(0,0)rotate(0)scale(.1)}}@keyframes ovl-rec-b{0%{opacity:0;transform:translate3d(calc(var(--ox) * var(--far)),calc(var(--oy) * var(--far)),0) rotate(calc(var(--rot) * 1.35)) scale(1.07);animation-timing-function:cubic-bezier(.22,.72,.24,1)}3.84%{opacity:1}10.24%{opacity:1;transform:translate3d(var(--ox),var(--oy),0) rotate(var(--rot)) scale(1)}26.25%{opacity:1;transform:translate3d(var(--ox),var(--oy),0) rotate(var(--rot)) scale(1);animation-timing-function:cubic-bezier(.62,.02,.36,1)}35%{opacity:0;transform:translate(0,0)rotate(0)scale(.1)}to{opacity:0;transform:translate(0,0)rotate(0)scale(.1)}}@keyframes ovl-rec-c{0%{opacity:0;transform:translate3d(calc(var(--ox) * var(--far)),calc(var(--oy) * var(--far)),0) rotate(calc(var(--rot) * 1.35)) scale(1.07);animation-timing-function:cubic-bezier(.22,.72,.24,1)}5.12%{opacity:1}12.16%{opacity:1;transform:translate3d(var(--ox),var(--oy),0) rotate(var(--rot)) scale(1)}27.5%{opacity:1;transform:translate3d(var(--ox),var(--oy),0) rotate(var(--rot)) scale(1);animation-timing-function:cubic-bezier(.62,.02,.36,1)}37.5%{opacity:0;transform:translate(0,0)rotate(0)scale(.1)}to{opacity:0;transform:translate(0,0)rotate(0)scale(.1)}}@keyframes ovl-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-9px)}}@keyframes ovl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ovl-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes ovl-phone{0%,25.61%{transform:translate(0,0)scale(1)}47.5%,95%{transform:translateY(-14px)scale(1.03)}to{transform:translate(0,0)scale(1)}}@keyframes ovl-splash{0%,25.61%{opacity:1;transform:scale(1)}30%,95%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ovl-chrome{0%,25.61%{opacity:0}30%,95%{opacity:1}98.75%,to{opacity:0}}@keyframes ovl-scan{0%,25.61%{opacity:0;transform:translateY(0)}30%{opacity:1}43.75%{opacity:1;transform:translateY(470px)}46.25%,to{opacity:0;transform:translateY(470px)}}@keyframes ovl-ing-fill{0%,31%{transform:scaleX(0)}40%,44%{transform:scaleX(1)}47%,to{transform:scaleX(0)}}@keyframes ovl-p-ingest{0%,28.75%{opacity:0;transform:translateY(14px)}33.75%,43.75%{opacity:1;transform:translateY(0)}46.25%,to{opacity:0;transform:translateY(-8px)}}@keyframes ovl-p-report{0%,46.25%{opacity:0;transform:translateY(14px)}51.25%,63.75%{opacity:1;transform:translateY(0)}66.25%,to{opacity:0;transform:translateY(-8px)}}@keyframes ovl-p-trend{0%,66.25%{opacity:0;transform:translateY(14px)}71.25%,81.25%{opacity:1;transform:translateY(0)}83.75%,to{opacity:0;transform:translateY(-8px)}}@keyframes ovl-p-access{0%,83.75%{opacity:0;transform:translateY(14px)}87.5%,93.75%{opacity:1;transform:translateY(0)}96.25%,to{opacity:0;transform:translateY(-8px)}}@keyframes ovl-ing-0{0%,31%{opacity:.22;transform:translateY(8px)}33.4%,44%{opacity:1;transform:translateY(0)}47%,to{opacity:.22;transform:translateY(8px)}}@keyframes ovl-ing-1{0%,32.1%{opacity:.22;transform:translateY(8px)}34.5%,44%{opacity:1;transform:translateY(0)}47%,to{opacity:.22;transform:translateY(8px)}}@keyframes ovl-ing-2{0%,33.2%{opacity:.22;transform:translateY(8px)}35.6%,44%{opacity:1;transform:translateY(0)}47%,to{opacity:.22;transform:translateY(8px)}}@keyframes ovl-ing-3{0%,34.3%{opacity:.22;transform:translateY(8px)}36.7%,44%{opacity:1;transform:translateY(0)}47%,to{opacity:.22;transform:translateY(8px)}}@keyframes ovl-ing-4{0%,35.4%{opacity:.22;transform:translateY(8px)}37.8%,44%{opacity:1;transform:translateY(0)}47%,to{opacity:.22;transform:translateY(8px)}}@keyframes ovl-rep-0{0%,50%{opacity:0;transform:translateY(10px)}52.6%,64%{opacity:1;transform:translateY(0)}67%,to{opacity:0;transform:translateY(10px)}}@keyframes ovl-rep-1{0%,51.1%{opacity:0;transform:translateY(10px)}53.7%,64%{opacity:1;transform:translateY(0)}67%,to{opacity:0;transform:translateY(10px)}}@keyframes ovl-rep-2{0%,52.2%{opacity:0;transform:translateY(10px)}54.8%,64%{opacity:1;transform:translateY(0)}67%,to{opacity:0;transform:translateY(10px)}}@keyframes ovl-rep-3{0%,53.3%{opacity:0;transform:translateY(10px)}55.9%,64%{opacity:1;transform:translateY(0)}67%,to{opacity:0;transform:translateY(10px)}}.ovl-step-1 .ovl-step-n{animation:ovl-s1n var(--cycle) linear infinite}.ovl-step-1 .ovl-step-t{animation:ovl-s1t var(--cycle) linear infinite}.ovl-step-2 .ovl-step-n{animation:ovl-s2n var(--cycle) linear infinite}.ovl-step-2 .ovl-step-t{animation:ovl-s2t var(--cycle) linear infinite}.ovl-step-3 .ovl-step-n{animation:ovl-s3n var(--cycle) linear infinite}.ovl-step-3 .ovl-step-t{animation:ovl-s3t var(--cycle) linear infinite}.ovl-step-4 .ovl-step-n{animation:ovl-s4n var(--cycle) linear infinite}.ovl-step-4 .ovl-step-t{animation:ovl-s4t var(--cycle) linear infinite}@keyframes ovl-ln1{0%{opacity:1;transform:scaleY(0)}26.25%,96%{opacity:1;transform:scaleY(1)}99%{opacity:0;transform:scaleY(1)}99.5%,to{opacity:0;transform:scaleY(0)}}@keyframes ovl-ln2{0%,26.25%{opacity:1;transform:scaleY(0)}46.25%,96%{opacity:1;transform:scaleY(1)}99%{opacity:0;transform:scaleY(1)}99.5%,to{opacity:0;transform:scaleY(0)}}@keyframes ovl-ln3{0%,46.25%{opacity:1;transform:scaleY(0)}83.75%,96%{opacity:1;transform:scaleY(1)}99%{opacity:0;transform:scaleY(1)}99.5%,to{opacity:0;transform:scaleY(0)}}@keyframes ovl-s1n{0%{color:#ffffff8c;background:#d95f1400;border-color:#fff3}1.5%,96%{color:#fff;background:#d95f14;border-color:#d95f14}98.75%,to{color:#ffffff8c;background:#d95f1400;border-color:#fff3}}@keyframes ovl-s2n{0%,26.25%{color:#ffffff8c;background:#d95f1400;border-color:#fff3}27.75%,96%{color:#fff;background:#d95f14;border-color:#d95f14}98.75%,to{color:#ffffff8c;background:#d95f1400;border-color:#fff3}}@keyframes ovl-s3n{0%,46.25%{color:#ffffff8c;background:#d95f1400;border-color:#fff3}47.75%,96%{color:#fff;background:#d95f14;border-color:#d95f14}98.75%,to{color:#ffffff8c;background:#d95f1400;border-color:#fff3}}@keyframes ovl-s4n{0%,83.75%{color:#ffffff8c;background:#d95f1400;border-color:#fff3}85.25%,96%{color:#fff;background:#d95f14;border-color:#d95f14}98.75%,to{color:#ffffff8c;background:#d95f1400;border-color:#fff3}}@keyframes ovl-s1t{0%,25%{color:#fff}27.75%,to{color:#ffffff59}}@keyframes ovl-s2t{0%,26.25%{color:#ffffff59}27.75%,45%{color:#fff}47.75%,to{color:#ffffff59}}@keyframes ovl-s3t{0%,46.25%{color:#ffffff59}47.75%,82.5%{color:#fff}85.25%,to{color:#ffffff59}}@keyframes ovl-s4t{0%,83.75%{color:#ffffff59}85.25%,96%{color:#fff}98.75%,to{color:#ffffff59}}@media (width<=1560px){.ovl-stage{--stage-scale:.9}}@media (width<=1440px){.ovl-root{--pad:32px}.ovl-grid{grid-template-columns:minmax(280px,.82fr) minmax(520px,1.34fr) 424px}.ovl-stage{--stage-scale:.8}}@media (width<=1320px){.ovl-grid{grid-template-columns:minmax(252px,.76fr) 1.34fr 404px;gap:0}.ovl-stage{--stage-scale:.7;--stage-shift:-18px}}@media (width<=1180px){.ovl-stage{--stage-scale:.6;--stage-shift:-8px}}@media (width<=1023px){.ovl-root{--pad:20px;text-rendering:auto;background:#083647;min-height:100svh;position:relative;overflow:visible}.ovl-grid{height:auto;padding:24px var(--pad) 40px;grid-template-columns:1fr;gap:28px;min-height:100svh}.ovl-bg{will-change:transform;background:radial-gradient(120% 90% at 78% 12%,#12586b 0%,#12586b00 55%),radial-gradient(90% 80% at 8% 92%,#0f4d60 0%,#0f4d6000 58%),linear-gradient(135deg,#0b4156 0%,#083647 42%,#052532 100%);position:fixed;inset:0;transform:translateZ(0)}.ovl-glow{filter:blur(70px)}.ovl-glow-1{width:260px;height:260px}.ovl-glow-2{width:280px;height:280px}.ovl-glow-3{width:220px;height:220px}.ovl-card{overflow:visible}.ovl-left{justify-content:flex-start;gap:24px}.ovl-copy{margin:0}.ovl-mid,.ovl-steps{display:none}.ovl-static{display:grid}.ovl-h1,.ovl-sub{max-width:none}.ovl-h1{font-size:clamp(28px,6vw,40px)}.ovl-card{max-width:none;max-height:none;padding:28px 24px 22px}}@media (width<=1023px) and (width>=700px){.ovl-grid{grid-template-columns:1fr;max-width:720px;margin:0 auto}}@media (width<=560px){.ovl-static-steps{grid-template-columns:1fr}.ovl-footline{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.ovl-root *{transition:none!important;animation:none!important}}



        /* =========================================================================
           1. DESKTOP VIEW (width >= 1024px)
              Enforces 3-column layout on all desktop/laptop resolutions
              regardless of touchscreen input or accessibility preferences
           ========================================================================= */
        @media (min-width: 1024px) {
            .ovl-root {
                position: fixed !important;
                inset: 0 !important;
                overflow: hidden !important;
            }
            .ovl-grid {
                display: grid !important;
                grid-template-columns: minmax(300px, 0.86fr) minmax(600px, 1.34fr) 448px !important;
                height: 100% !important;
                padding: var(--pad, 40px) !important;
                gap: 8px !important;
                align-items: stretch !important;
                max-width: none !important;
                margin: 0 !important;
            }
            .ovl-left {
                display: flex !important;
                flex-direction: column !important;
                min-width: 0 !important;
                justify-content: flex-start !important;
            }
            .ovl-copy {
                margin: auto 0 !important;
            }
            .ovl-steps {
                display: flex !important;
            }
            .ovl-mid {
                display: flex !important;
                flex-direction: column !important;
                min-width: 0 !important;
                position: relative !important;
            }
            .ovl-right {
                display: grid !important;
                place-items: center !important;
                min-width: 0 !important;
            }
            .ovl-card {
                display: block !important;
                width: 100% !important;
                max-width: 448px !important;
                max-height: 100% !important;
                padding: 34px 38px 26px !important;
                overflow-y: auto !important;
                border-radius: 26px !important;
                box-shadow: 0 44px 90px -36px rgba(2, 18, 26, 0.62) !important;
            }
            .ovl-h1, .ovl-sub {
                max-width: 340px !important;
            }
        }

        /* Center animation scaling on shorter desktop viewports (e.g., 1080p laptop with taskbar & browser headers) */
        @media (min-width: 1024px) and (max-height: 850px) {
            .ovl-stage {
                --stage-scale: 0.88 !important;
            }
        }
        @media (min-width: 1024px) and (max-height: 720px) {
            .ovl-stage {
                --stage-scale: 0.76 !important;
            }
        }

        /* =========================================================================
           2. TABLET VIEW (821px <= width <= 1023px) - Balanced 2-Column Layout
           ========================================================================= */
        @media (min-width: 821px) and (max-width: 1023px) {
            .ovl-root {
                position: relative !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                min-height: 100vh !important;
                height: auto !important;
                inset: auto !important;
                background: #083647 !important;
            }
            .ovl-grid {
                display: grid !important;
                grid-template-columns: 1fr 1fr !important;
                max-width: 880px !important;
                width: 100% !important;
                margin: 0 auto !important;
                padding: 30px 20px !important;
                gap: 24px !important;
                align-items: center !important;
                height: auto !important;
                min-height: 100vh !important;
                box-sizing: border-box !important;
            }
            .ovl-left {
                display: flex !important;
                flex-direction: column !important;
                justify-content: center !important;
                min-width: 0 !important;
            }
            .ovl-mid {
                display: none !important;
            }
            .ovl-right {
                display: flex !important;
                justify-content: center !important;
                width: 100% !important;
                min-width: 0 !important;
            }
            .ovl-card {
                width: 100% !important;
                max-width: 360px !important;
                padding: 26px 28px !important;
                border-radius: 20px !important;
                box-shadow: 0 20px 50px rgba(0,0,0,0.3) !important;
                margin: 0 auto !important;
                box-sizing: border-box !important;
            }
            .ovl-h1 {
                font-size: 28px !important;
            }
            .ovl-sub {
                font-size: 13.5px !important;
            }
        }

        /* =========================================================================
           3. MOBILE & IPAD MINI / PORTRAIT TABLET (width <= 820px)
              When only login area is visible, it covers 100% FULL WIDTH
           ========================================================================= */
        @media (max-width: 820px) {
            html, body {
                overflow-x: hidden !important;
                width: 100% !important;
            }
            .ovl-root {
                position: relative !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                min-height: 100vh !important;
                height: auto !important;
                inset: auto !important;
                background: #083647 !important;
                padding: 0 !important;
                width: 100% !important;
            }
            .ovl-grid {
                display: flex !important;
                flex-direction: column !important;
                width: 100% !important;
                height: auto !important;
                min-height: 100vh !important;
                padding: 24px 20px 36px !important;
                margin: 0 !important;
                gap: 16px !important;
                box-sizing: border-box !important;
                justify-content: center !important;
                align-items: center !important;
            }
            .ovl-left, .ovl-mid {
                display: none !important;
            }
            .ovl-right {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                box-sizing: border-box !important;
            }
            .ovl-card {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                padding: 30px 24px 26px !important;
                border-radius: 20px !important;
                margin: 0 !important;
                box-sizing: border-box !important;
                box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
                max-height: none !important;
                overflow: visible !important;
            }
            .ovl-brand {
                display: flex !important;
                justify-content: center !important;
            }
            .ovl-brand img {
                max-height: 48px !important;
                margin-bottom: 16px !important;
            }
            .ovl-welcome {
                font-size: 21px !important;
                margin-top: 4px !important;
                text-align: center !important;
            }
            .ovl-welcome-s {
                font-size: 13.5px !important;
                margin-top: 4px !important;
                text-align: center !important;
            }
            .ovl-form {
                margin-top: 20px !important;
                gap: 12px !important;
                width: 100% !important;
            }
            .ovl-field {
                width: 100% !important;
            }
            .ovl-input {
                height: 48px !important;
                font-size: 14px !important;
                width: 100% !important;
                padding: 0 44px 0 40px !important;
                border-radius: 10px !important;
                box-sizing: border-box !important;
            }
            .ovl-field-ico {
                left: 14px !important;
                width: 17px !important;
                height: 17px !important;
            }
            .ovl-btn, .ovl-signup-btn {
                height: 48px !important;
                font-size: 14.5px !important;
                width: 100% !important;
                border-radius: 10px !important;
                box-sizing: border-box !important;
            }
            .ovl-row {
                width: 100% !important;
                margin-top: 2px !important;
            }
            .ovl-new {
                margin: 16px 0 10px !important;
                font-size: 13px !important;
            }
        }
        /* =========================================================================
           VIBRANCY & CONTRAST BOOST FOR CENTER ANIMATION (<= 1600px)
           Eliminates faded / washed-out look on scaled viewports
           ========================================================================= */
        @media (max-width: 1600px) {
            .ovl-stage {
                opacity: 1 !important;
                filter: contrast(1.08) brightness(1.05) drop-shadow(0 20px 45px rgba(0, 0, 0, 0.55)) !important;
                transform-origin: center center !important;
            }
            .ovl-phone {
                border: 2px solid rgba(255, 255, 255, 0.32) !important;
                background: linear-gradient(180deg, #136074 0%, #083647 100%) !important;
                box-shadow: 0 35px 80px -20px rgba(0, 0, 0, 0.95), 0 0 35px rgba(19, 96, 116, 0.45) !important;
            }
            .ovl-screen {
                background: #062a37 !important; /* Solid deep background so nothing washes out */
            }
            .ovl-sheet {
                background: #ffffff !important;
                box-shadow: 0 20px 45px -12px rgba(2, 18, 26, 0.65) !important;
            }
            .ovl-rec-card {
                background: #ffffff !important;
                border: 1px solid rgba(255, 255, 255, 0.5) !important;
                box-shadow: 0 18px 40px -12px rgba(2, 18, 26, 0.75) !important;
            }
            .ovl-orbit {
                opacity: 0.95 !important;
            }
            .ovl-orbit svg {
                filter: drop-shadow(0 0 6px rgba(232, 120, 58, 0.35)) !important;
            }
            .ovl-chip {
                background: #ffffff !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
            }
        }
        /* =========================================================================
           CENTER ANIMATION TEXT CLARITY & LEGIBILITY ENHANCEMENT
           Ensures text in floating cards and phone timeline is crisp and readable
           ========================================================================= */
        .ovl-rec {
            width: 228px !important;
        }
        .ovl-rec-card {
            padding: 12px 14px !important;
            border-radius: 14px !important;
            background: #ffffff !important;
            box-shadow: 0 16px 36px -10px rgba(2, 18, 26, 0.65), 0 2px 6px -2px rgba(2, 18, 26, 0.3) !important;
        }
        .ovl-rec-ico {
            width: 34px !important;
            height: 34px !important;
        }
        .ovl-rec-ico svg {
            width: 18px !important;
            height: 18px !important;
        }
        .ovl-rec-t {
            font-size: 14.5px !important;
            font-weight: 700 !important;
            letter-spacing: -.02em !important;
            color: #0b4156 !important;
            line-height: 1.25 !important;
        }
        .ovl-rec-s {
            font-size: 11.5px !important;
            font-weight: 500 !important;
            color: #4b5e65 !important;
            margin-top: 2px !important;
            line-height: 1.25 !important;
        }

        /* Phone internal text sharpness */
        .ovl-title {
            font-size: 16px !important;
            font-weight: 800 !important;
        }
        .ovl-kick {
            font-size: 9.5px !important;
            font-weight: 700 !important;
        }
        .ovl-lede {
            font-size: 10.5px !important;
        }
        .ovl-rep-t {
            font-size: 12.5px !important;
            font-weight: 700 !important;
        }
        .ovl-rep-m {
            font-size: 10.5px !important;
        }
        .ovl-rep-d {
            font-size: 9.5px !important;
        }
        .ovl-stat-v {
            font-size: 15px !important;
            font-weight: 800 !important;
        }
        .ovl-stat-l {
            font-size: 8.5px !important;
        }
        .ovl-ing-l {
            font-size: 12.5px !important;
            font-weight: 700 !important;
        }
        .ovl-ing-s {
            font-size: 9.5px !important;
        }
        .ovl-ing-c {
            font-size: 12px !important;
        }
        .ovl-tab span {
            font-size: 8.5px !important;
        }

        /* =========================================================================
           SCALING FOR 1366px - 1600px RESOLUTIONS
           Matches 80% zoom appearance at 100% browser zoom
           ========================================================================= */
        @media screen and (min-width: 1200px) and (max-width: 1600px) {
            .ovl-root {
                zoom: 0.80 !important;
            }
        }