/* MyLoanSaathi OneFrame Hero — single coherent first viewport */
.of-hero{position:relative;isolation:isolate;overflow:hidden;background:#06142f;color:#fff;border-bottom:1px solid rgba(132,184,255,.18)}
.of-hero,.of-hero *{box-sizing:border-box}.of-bg{position:absolute;inset:0;z-index:-2;background:radial-gradient(65% 100% at 12% 10%,rgba(20,105,255,.34),transparent 64%),radial-gradient(52% 92% at 88% 30%,rgba(0,221,205,.18),transparent 62%),linear-gradient(118deg,#06142f 0%,#081d45 52%,#06162f 100%)}
.of-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,179,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(125,179,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.of-bg i{position:absolute;border-radius:50%;filter:blur(55px);opacity:.55;animation:ofDrift 9s ease-in-out infinite alternate}.of-bg i:nth-child(1){width:260px;height:260px;background:#155cff;left:8%;top:20%}.of-bg i:nth-child(2){width:220px;height:220px;background:#00d6c7;right:15%;top:12%;animation-delay:-3s}.of-bg i:nth-child(3){width:180px;height:180px;background:#7447ff;right:34%;bottom:-10%;animation-delay:-6s}
.of-shell{min-height:clamp(500px,calc(100svh - 150px),690px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:clamp(30px,5vw,74px);padding-top:34px!important;padding-bottom:48px!important}.of-copy{max-width:690px}.of-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(123,187,255,.22);border-radius:999px;background:rgba(255,255,255,.055);font-size:10px;font-weight:850;letter-spacing:.12em;color:#d7e8ff}.of-badge span{width:7px;height:7px;border-radius:50%;background:#42e6a4;box-shadow:0 0 14px #42e6a4}.of-badge b{color:#74ddff;font:inherit}.of-copy h1{margin:18px 0 14px!important;max-width:760px;font-size:clamp(38px,4.55vw,68px)!important;line-height:.98!important;letter-spacing:-.048em!important;color:#fff!important;text-wrap:balance}.of-copy p{max-width:650px;margin:0!important;font-size:clamp(14px,1.25vw,18px)!important;line-height:1.62!important;color:#c8d8ee!important;opacity:1!important}.of-actions{display:flex;align-items:center;gap:16px;margin-top:23px}.of-actions .btn{min-height:48px;padding:0 20px}.of-secondary{color:#fff!important;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.42);padding:9px 2px}.of-proof{display:flex;gap:8px;margin-top:22px}.of-proof span{display:flex;align-items:center;gap:5px;min-width:0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:10px;color:#aebfd8;white-space:nowrap}.of-proof b{color:#fff;font-size:11px}
.of-product{position:relative;min-height:430px;border:1px solid rgba(126,188,255,.25);border-radius:28px;background:linear-gradient(145deg,rgba(15,43,89,.86),rgba(7,23,52,.92));box-shadow:0 32px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.09);overflow:hidden;transform:perspective(1100px) rotateY(-2.5deg);transform-origin:center;backdrop-filter:blur(18px)}.of-product:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 90deg,transparent,rgba(52,123,255,.14),transparent,rgba(0,224,201,.12),transparent);animation:ofSpin 18s linear infinite}.of-top,.of-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;font-size:9px;letter-spacing:.1em;color:#91a8c9}.of-top{border-bottom:1px solid rgba(255,255,255,.08)}.of-live{display:flex;align-items:center;gap:7px;color:#d8e7fb;font-weight:800}.of-live i{width:6px;height:6px;border-radius:50%;background:#41e6a5;box-shadow:0 0 12px #41e6a5}.of-top em{font-style:normal}.of-orbit{position:relative;z-index:2;height:220px;display:grid;place-items:center}.of-ring{position:absolute;border:1px solid rgba(102,183,255,.24);border-radius:50%;animation:ofPulse 4s ease-in-out infinite}.of-ring.r1{width:190px;height:190px}.of-ring.r2{width:145px;height:145px;border-color:rgba(0,222,199,.24);animation-delay:-2s}.of-core{position:relative;z-index:2;width:118px;height:118px;border-radius:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#0e5cff,#073777);border:1px solid rgba(132,209,255,.5);box-shadow:0 0 60px rgba(20,101,255,.35),inset 0 1px rgba(255,255,255,.2);animation:ofFloat 5s ease-in-out infinite}.of-core small{font-size:7px;letter-spacing:.13em;color:#a9dfff}.of-core strong{max-width:100px;margin:5px 0;font-size:13px;line-height:1.1;color:#fff}.of-core span{font-size:8px;color:#7ff2d8}.of-signals{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 12px}.of-signals span{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.045)}.of-signals i{grid-row:1/3;font-style:normal;font-size:8px;color:#5fe8d0}.of-signals b{font-size:10px;color:#fff}.of-signals small{font-size:8px;color:#8fa8c9}.of-flow{position:relative;z-index:3;display:flex;align-items:center;padding:8px 18px 12px}.of-flow span{font-size:8px;color:#8da5c5}.of-flow span.active{color:#fff}.of-flow i{height:1px;flex:1;margin:0 5px;background:linear-gradient(90deg,#2c76ff,#1bd9c3)}.of-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;padding-bottom:12px}.of-bottom a{color:#fff;text-decoration:none;font-weight:800;letter-spacing:0}.of-scroll{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.16em;color:#6f8caf}.of-scroll span{color:#5fe8d0}
@keyframes ofSpin{to{transform:rotate(360deg)}}@keyframes ofFloat{50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes ofPulse{50%{transform:scale(1.06);opacity:.55}}@keyframes ofDrift{to{transform:translate3d(25px,-18px,0) scale(1.08)}}
@media(max-width:980px){.of-shell{grid-template-columns:1fr 390px;gap:24px}.of-copy h1{font-size:clamp(34px,5vw,50px)!important}.of-product{min-height:390px}.of-orbit{height:185px}}
@media(max-width:820px){.of-shell{min-height:calc(100svh - 118px);grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:12px;padding-top:16px!important;padding-bottom:28px!important}.of-copy{text-align:left;max-width:none}.of-badge{font-size:7.5px;padding:5px 8px}.of-badge b{display:none}.of-copy h1{margin:10px 0 8px!important;font-size:clamp(29px,8.5vw,42px)!important;line-height:1.01!important}.of-copy p{font-size:12px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.of-actions{margin-top:12px;gap:12px}.of-actions .btn{min-height:42px;padding:0 15px;font-size:11px}.of-secondary{font-size:10px}.of-proof{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.of-proof span{justify-content:center;padding:6px 4px;font-size:7px}.of-proof b{font-size:8px}.of-product{min-height:0;height:252px;border-radius:20px;transform:none}.of-top{padding:9px 11px;font-size:7px}.of-orbit{height:118px}.of-ring.r1{width:110px;height:110px}.of-ring.r2{width:82px;height:82px}.of-core{width:78px;height:78px;border-radius:22px}.of-core small{font-size:5px}.of-core strong{font-size:9px;max-width:68px}.of-core span{font-size:6px}.of-signals{gap:5px;padding:0 9px 7px}.of-signals span{padding:6px;border-radius:8px}.of-signals i{font-size:6px}.of-signals b{font-size:7px}.of-signals small{font-size:6px}.of-flow{padding:5px 10px 7px}.of-flow span{font-size:6px}.of-bottom{padding:7px 10px;font-size:6px}.of-scroll{display:none}}
@media(max-width:390px){.of-shell{min-height:calc(100svh - 108px)}.of-copy h1{font-size:28px!important}.of-product{height:236px}.of-proof span{font-size:6px}.of-proof b{font-size:7px}}
@media(prefers-reduced-motion:reduce){.of-bg i,.of-product:before,.of-ring,.of-core{animation:none!important}}