#otpHome{scroll-behavior:smooth;--otp-bg:#f7f8fc;--otp-bg2:#fff;--otp-card:#fff;--otp-text:#12182b;--otp-muted:#66718b;--otp-line:rgba(18,24,43,.11);--otp-primary:#7b3ff2;--otp-primary2:#aa49ff;--otp-cyan:#28aee8;--otp-shadow:0 18px 50px rgba(38,46,75,.10);margin:0;background:var(--otp-bg);color:var(--otp-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
#otpHome[data-otp-theme="dark"]{--otp-bg:#080b14;--otp-bg2:#0e1220;--otp-card:#121827;--otp-text:#f7f8ff;--otp-muted:#aab2c6;--otp-line:rgba(255,255,255,.09);--otp-shadow:0 24px 70px rgba(0,0,0,.35)}
#otpHome *{box-sizing:border-box}#otpHome a{text-decoration:none}#otpHome button,#otpHome a{font-family:inherit}#otpHome svg.otp-icon{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;display:block!important;flex:0 0 20px!important;overflow:visible!important}#otpHome .otp-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
#otpHome .otp-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--otp-bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--otp-line)}#otpHome .otp-nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.otp-brand{display:flex!important;align-items:center!important;gap:10px!important;color:var(--otp-text)!important;min-width:0}.otp-brand-mark{width:40px!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;color:#fff!important;background:linear-gradient(135deg,var(--otp-primary),var(--otp-primary2))!important;box-shadow:0 10px 28px rgba(124,60,255,.25)!important;flex:0 0 40px!important}.otp-brand-mark svg{width:21px!important;height:21px!important}.otp-brand b{display:block;font-size:18px;line-height:1.1}.otp-brand small{display:block;color:var(--otp-muted);font-size:9px;white-space:nowrap}.otp-desktop-nav{display:flex;gap:26px}.otp-desktop-nav a{color:var(--otp-muted);font-size:13px;transition:.2s}.otp-desktop-nav a:hover{color:var(--otp-text)}.otp-nav-actions{display:flex;align-items:center;gap:9px}.otp-btn,.otp-theme,.otp-menu{min-height:42px;border-radius:11px;border:1px solid var(--otp-line);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.otp-btn{padding:0 18px}.otp-btn-primary{color:#fff!important;border-color:transparent!important;background:linear-gradient(135deg,var(--otp-primary),var(--otp-primary2))!important;box-shadow:0 12px 28px rgba(124,60,255,.20)}.otp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(124,60,255,.28)}.otp-btn-ghost{color:var(--otp-text)!important;background:var(--otp-card)!important}.otp-btn-ghost:hover{transform:translateY(-2px);box-shadow:var(--otp-shadow)}.otp-btn-lg{min-height:50px;padding:0 23px}.otp-theme{padding:0 12px;background:var(--otp-card);color:var(--otp-text)}.otp-theme svg{width:17px!important;height:17px!important}.otp-menu{display:none;width:42px;background:var(--otp-card);color:var(--otp-text)}.otp-mobile-menu{display:block;max-height:0;overflow:hidden;background:var(--otp-bg2);border-top:1px solid transparent;transition:max-height .42s cubic-bezier(.22,.61,.36,1),border-color .25s ease}.otp-mobile-menu.open{border-color:var(--otp-line)}.otp-mobile-menu a{display:block;padding:10px 0;color:var(--otp-muted);font-size:13px}
#otpHome .otp-hero{position:relative;padding:82px 0 62px;background:radial-gradient(circle at 78% 32%,rgba(124,60,255,.13),transparent 34%),radial-gradient(circle at 10% 45%,rgba(40,174,232,.07),transparent 28%);overflow:hidden}.otp-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center}.otp-hero-copy{position:relative;z-index:2}.otp-eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(124,60,255,.25);background:rgba(124,60,255,.09);border-radius:999px;color:#8651ec;font-size:10px;font-weight:800;letter-spacing:.6px}.otp-hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.02;letter-spacing:-2.7px;margin:20px 0}.otp-hero h1 em{font-style:normal;background:linear-gradient(90deg,#7b3ff2,#c84eff);-webkit-background-clip:text;background-clip:text;color:transparent}.otp-hero-copy>p{max-width:620px;color:var(--otp-muted);font-size:18px}.otp-actions{display:flex;gap:12px;margin:28px 0}.otp-trust{display:flex;flex-wrap:wrap;gap:18px;color:var(--otp-muted);font-size:12px}.otp-trust span{display:inline-flex;align-items:center;gap:5px}.otp-trust svg{width:15px!important;height:15px!important;color:#8b55ff}.otp-hero-art{height:510px;position:relative;display:grid;place-items:center}.otp-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#7c3cff;filter:blur(90px);opacity:.13}.otp-orbit{position:absolute;border:1px dashed rgba(124,60,255,.27);border-radius:50%;animation:otpSpin 22s linear infinite}.otp-orbit-1{width:450px;height:450px}.otp-orbit-2{width:350px;height:350px;border-color:rgba(40,174,232,.2);animation-direction:reverse;animation-duration:28s}.otp-phone{width:285px;height:500px;border:7px solid #252b3e;border-radius:42px;background:linear-gradient(160deg,#151b2d,#080c15);box-shadow:0 35px 100px rgba(0,0,0,.40),0 0 80px rgba(124,60,255,.13);padding:35px 18px 18px;position:relative;z-index:3;animation:otpFloat 4s ease-in-out infinite}.otp-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:105px;height:23px;border-radius:0 0 17px 17px;background:#252b3e}.otp-phone-top{display:flex;justify-content:space-between;font-size:11px;color:#aeb6cc;margin-bottom:18px}.otp-phone-top b{color:#58e39b;font-size:9px}.otp-code{padding:18px;border-radius:16px;background:linear-gradient(135deg,rgba(124,60,255,.25),rgba(37,185,255,.08));border:1px solid rgba(255,255,255,.08)}.otp-code small{display:block;color:#aeb6cc;font-size:10px}.otp-code strong{display:block;font-size:29px;letter-spacing:3px;margin:5px 0;color:#fff}.otp-code span{display:inline-block;border-radius:7px;padding:4px 8px;font-size:9px;background:rgba(255,255,255,.08);color:#fff}.otp-apps{margin-top:17px;display:grid;gap:10px}.otp-apps>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:9px;border-radius:12px;background:rgba(255,255,255,.045);color:#fff}.otp-apps i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:9px;background:#18bf65}.otp-apps>div:nth-child(2) i{background:#1e9fe6}.otp-apps>div:nth-child(3) i{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}.otp-apps>div:nth-child(4) i{background:#fff;color:#4285f4}.otp-apps b{font-size:11px}.otp-apps small{font-size:8px;color:#7f8aa2}.otp-float{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--otp-line);background:var(--otp-card);box-shadow:var(--otp-shadow);border-radius:13px;font-size:11px}.otp-float svg{width:19px!important;height:19px!important;color:#9a63ff}.otp-float-left{left:0;top:25%}.otp-float-right{right:0;bottom:23%}
#otpHome .otp-features{padding:14px 0 68px}.otp-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.otp-card{padding:24px;min-height:205px;border:1px solid var(--otp-line);background:var(--otp-card);border-radius:17px;box-shadow:0 2px 0 rgba(0,0,0,.01)}.otp-icon-box{width:45px;height:45px;padding:12px;border-radius:13px;background:rgba(124,60,255,.11);color:#925fff;display:grid;place-items:center}.otp-icon-box svg{width:22px!important;height:22px!important}.otp-card h3{font-size:15px;margin:17px 0 6px}.otp-card p{font-size:12px;color:var(--otp-muted);margin:0}.otp-services,.otp-faq{padding:82px 0}.otp-heading{text-align:center;margin-bottom:36px}.otp-heading h2{font-size:38px;line-height:1.1;margin:12px 0}.otp-heading p{color:var(--otp-muted);margin:0}.otp-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.otp-service{padding:16px;display:flex;align-items:center;gap:12px;min-width:0;border:1px solid var(--otp-line);background:var(--otp-card);border-radius:15px}.otp-service-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(40,174,232,.10);color:#35aee7;flex:0 0 42px}.otp-service-icon svg{width:20px!important;height:20px!important}.otp-service b,.otp-service small{display:block}.otp-service b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otp-service small{font-size:11px;color:var(--otp-muted);margin-top:2px}.otp-center{text-align:center;margin-top:28px}.otp-steps{padding:82px 0;background:var(--otp-bg2)}.otp-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.otp-step{padding:28px;text-align:center;border:1px solid var(--otp-line);background:var(--otp-card);border-radius:17px}.otp-step-no{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--otp-primary),var(--otp-primary2));color:#fff;font-weight:800}.otp-step>.otp-icon{width:23px!important;height:23px!important;color:#9d68ff;margin:17px auto 4px}.otp-step h3{font-size:16px}.otp-step p{font-size:12px;color:var(--otp-muted)}.otp-stats{padding:28px 0}.otp-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px;border:1px solid var(--otp-line);border-radius:18px;background:var(--otp-card)}.otp-stat-grid>div{text-align:center;border-right:1px solid var(--otp-line)}.otp-stat-grid>div:last-child{border:0}.otp-stat-grid strong{display:block;font-size:30px;min-height:44px;color:#8a4fff}.otp-stat-grid span{font-size:11px;color:var(--otp-muted)}.otp-api{padding:90px 0;background:linear-gradient(90deg,rgba(124,60,255,.07),transparent)}.otp-api-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.otp-api h2{font-size:44px;line-height:1.1;margin:13px 0}.otp-api p{max-width:530px;color:var(--otp-muted);margin-bottom:25px}.otp-code-card{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#0a0d16;box-shadow:var(--otp-shadow)}.otp-code-card header{display:flex;justify-content:space-between;color:#9ca7bf;font-size:10px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.otp-code-card header b{color:#a66aff}.otp-code-card pre{margin:18px 0 0;overflow:auto;color:#a9f3d0;font-size:12px}.otp-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.otp-faq-item{border:1px solid var(--otp-line);background:var(--otp-card);border-radius:15px;overflow:hidden}.otp-faq-q{width:100%;min-height:58px;padding:18px;border:0;background:transparent;color:var(--otp-text);display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font:700 13px inherit;cursor:pointer}.otp-faq-q svg{width:17px!important;height:17px!important;transition:transform .3s ease;flex:0 0 17px}.otp-faq-a{display:block;max-height:0;overflow:hidden;transition:max-height .48s cubic-bezier(.22,.61,.36,1)}.otp-faq-a>div{padding:0 18px 0;color:var(--otp-muted);font-size:12px;line-height:1.7}.otp-faq-item.is-open .otp-faq-a{max-height:220px}.otp-faq-item.is-open .otp-faq-a>div{padding-bottom:18px}.otp-faq-item.is-open .otp-faq-q svg{transform:rotate(180deg)}
#otpHome .otp-footer{border-top:1px solid var(--otp-line);background:var(--otp-bg2);padding-top:55px}.otp-footer-grid{display:grid;grid-template-columns:1.7fr .8fr .8fr 1.1fr;gap:35px;padding-bottom:45px}.otp-footer-grid h4{margin:0 0 12px;font-size:13px}.otp-footer-grid>a,.otp-footer-grid>div>a{display:flex;align-items:center;gap:7px;margin:8px 0;color:var(--otp-muted);font-size:13px}.otp-footer-grid>div>a:hover{color:var(--otp-text)}.otp-footer-grid p{color:var(--otp-muted);font-size:11px;max-width:310px;margin:10px 0 0}.otp-support{display:inline-flex!important;white-space:nowrap}.otp-support svg{width:16px!important;height:16px!important;flex:0 0 16px!important}.otp-footer-bottom{padding:17px 0;border-top:1px solid var(--otp-line);color:var(--otp-muted);font-size:10px}
#otpHome .otp-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}#otpHome.otp-ready .otp-reveal{opacity:1;transform:none}.otp-phone{will-change:transform}@keyframes otpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes otpSpin{to{transform:rotate(360deg)}}@media(max-width:1050px){#otpHome .otp-desktop-nav{display:none}#otpHome .otp-menu{display:inline-flex}.otp-hero-grid,.otp-api-grid{grid-template-columns:1fr}.otp-hero-copy{text-align:center}.otp-hero-copy>p{margin-left:auto;margin-right:auto}.otp-actions,.otp-trust{justify-content:center}.otp-hero-art{margin-top:10px}.otp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otp-service-grid,.otp-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#otpHome .otp-container{width:calc(100% - 26px)}#otpHome .otp-nav-inner{height:68px}.otp-nav-actions .otp-btn{display:none}.otp-theme{padding:0 10px}.otp-theme span:last-child{display:none}.otp-hero{padding:58px 0 35px!important}.otp-hero h1{font-size:42px;letter-spacing:-1.8px}.otp-hero-copy>p{font-size:15px}.otp-hero-art{height:440px}.otp-phone{width:250px;height:425px}.otp-orbit-1{width:350px;height:350px}.otp-orbit-2{width:280px;height:280px}.otp-float{transform:scale(.86)}.otp-float-left{left:-7px}.otp-float-right{right:-7px}.otp-feature-grid,.otp-service-grid,.otp-step-grid,.otp-stat-grid,.otp-faq-grid,.otp-footer-grid{grid-template-columns:1fr}.otp-stat-grid>div{border-right:0;border-bottom:1px solid var(--otp-line);padding:14px}.otp-stat-grid>div:last-child{border-bottom:0}.otp-heading h2,.otp-api h2{font-size:31px}.otp-actions{flex-direction:column}.otp-btn-lg{width:100%}.otp-brand small{display:none}.otp-mobile-menu.open{display:block}}@media(prefers-reduced-motion:reduce){#otpHome *{animation:none!important;transition:none!important;scroll-behavior:auto!important}#otpHome .otp-reveal{opacity:1!important;transform:none!important}}

/* Final smoothness/interaction fixes */
#otpHome .otp-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.61,.36,1)}
#otpHome .otp-reveal.otp-visible{opacity:1;transform:none}
#otpHome .otp-hero.otp-reveal{opacity:1;transform:none}
#otpHome .otp-faq-a{will-change:max-height}
#otpHome .otp-faq-a>div{box-sizing:border-box}
#otpHome .otp-theme{min-width:96px;justify-content:center}
#otpHome .otp-nav a,#otpHome .otp-btn,#otpHome .otp-theme,#otpHome .otp-menu{transition:color .2s ease,background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
@media(max-width:600px){#otpHome .otp-theme{min-width:44px;width:44px;padding:0}#otpHome .otp-nav-actions{gap:7px}}
