@import url('https://fonts.cdnfonts.com/css/satoshi');
:root{--ogv-deep:#3b0078;--ogv-primary:#943af8;--ogv-bright:#a148f4;--ogv-soft:#d7b5ff;--ogv-pale:#ead8ff;--ogv-gold:#ffb347;--ogv-ink:#17141d;--ogv-muted:#5f5a67;--ogv-line:#ebe7ef;--ogv-surface:#faf8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body:has(.ogv-home){margin:0;padding-bottom:0!important;background:#fff;color:var(--ogv-muted);font-family:Satoshi,Inter,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}.ogv-home{overflow:hidden;background:#fff;color:var(--ogv-muted);font-family:Satoshi,Inter,"Segoe UI",sans-serif}.ogv-shell{width:100%;max-width:1200px}.ogv-section{padding:112px 0}.ogv-kicker{display:inline-block;margin-bottom:14px;color:var(--ogv-primary);font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ogv-heading{max-width:720px;margin:0 auto 56px;text-align:center}.ogv-heading h2{margin:0;color:var(--ogv-ink);font-size:46px;font-weight:700;line-height:1.15;letter-spacing:-.025em}.ogv-heading p{max-width:630px;margin:20px auto 0;font-size:18px;line-height:28px}
body:has(.ogv-home) .navbar{min-height:67px;margin:0;border:0;border-radius:0;background:#fff;box-shadow:none}body:has(.ogv-home) .navbar>.container{width:100%;max-width:none;padding:0 24px}body:has(.ogv-home) .navbar-brand{height:auto;padding:19px 0;color:var(--ogv-primary);font-size:22px;font-weight:700;line-height:28px}body:has(.ogv-home) .navbar-nav>li>a{padding:23px 22px;color:var(--ogv-ink);font-size:16px;line-height:21px}body:has(.ogv-home) .navbar-nav>.active>a,body:has(.ogv-home) .navbar-nav>.active>a:hover{background:transparent;color:var(--ogv-primary)}
.ogv-hero{padding:100px 0 0;background:#fff;text-align:center}.ogv-hero__container{width:100%;max-width:1320px;padding:0 12px}.ogv-hero h1{margin:0;color:var(--ogv-ink);font-size:60px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.ogv-hero__lead{max-width:790px;margin:36px auto 0;font-size:20px;font-weight:500;line-height:30px}.ogv-hero__actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:48px}.ogv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:100px;font:700 16px/24px inherit;text-align:center;text-decoration:none!important;box-shadow:0 1px 2px rgba(16,24,40,.05);cursor:pointer;transition:transform .2s,box-shadow .2s}.ogv-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(59,0,120,.16)}.ogv-btn--primary{padding:14px 32px;border:1px solid var(--ogv-primary);background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));color:#fff!important}.ogv-btn--outline{padding:13px 28px;border:1px solid var(--ogv-line);background:#fff;color:var(--ogv-ink)!important}.ogv-btn--light{padding:14px 32px;border:0;background:#fff;color:var(--ogv-deep)!important}.ogv-hero__art{display:block;width:100%;margin-top:0}.ogv-hero__art img{display:block;width:100%;height:auto;margin:0 auto}
.ogv-trust{padding:76px 0 82px;background:#fff;text-align:center}.ogv-trust p{margin:0 0 24px;font-weight:500}.ogv-platforms{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px}.ogv-platforms>span{display:flex;align-items:center;gap:9px;color:var(--ogv-ink);font-size:14px;font-weight:700}.ogv-platform{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-style:normal;font-size:14px;font-weight:800}.ogv-platform--ig{background:linear-gradient(135deg,#8a3ab9,#fd1d1d,#fcb045)!important}.ogv-platform--fb{background:#1877f2!important}.ogv-platform--tk,.ogv-platform--x{background:#111!important}.ogv-platform--tg{background:#2aabee!important}.ogv-platform--yt{background:#f00!important}
.ogv-features{background:var(--ogv-surface)}.ogv-feature-grid{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:520px 430px;gap:24px}.ogv-feature-card{position:relative;overflow:hidden;padding:42px;border:1px solid var(--ogv-line);border-radius:32px;background:#fff;box-shadow:0 8px 30px rgba(38,13,55,.04)}.ogv-feature-card--dashboard{grid-row:span 1}.ogv-feature-card--services{background:linear-gradient(145deg,#fff 45%,#f3e7ff)}.ogv-feature-copy{position:relative;z-index:2;max-width:480px}.ogv-feature-copy>span{color:var(--ogv-primary);font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ogv-feature-copy h3{margin:10px 0 12px;color:var(--ogv-ink);font-size:28px;font-weight:700;line-height:1.2}.ogv-feature-copy p{margin:0;font-size:16px;line-height:25px}.ogv-dashboard-ui{position:absolute;right:-28px;bottom:-38px;display:grid;grid-template-columns:122px 1fr;width:92%;height:300px;border:1px solid #d8cce4;border-radius:24px 0 0 0;background:#fff;box-shadow:0 22px 60px rgba(59,0,120,.14);transform:rotate(-2deg)}.ogv-ui-nav{padding:28px 18px;background:linear-gradient(180deg,var(--ogv-deep),#5f149e);color:#fff}.ogv-ui-nav b{display:block;margin-bottom:30px;font-size:15px}.ogv-ui-nav i{display:block;width:72px;height:9px;margin:18px 0;border-radius:10px;background:rgba(255,255,255,.28)}.ogv-ui-main{padding:28px}.ogv-ui-top{display:flex;justify-content:space-between}.ogv-ui-top span{width:32%;height:12px;border-radius:10px;background:#eee8f3}.ogv-ui-stats{display:flex;gap:10px;margin:24px 0}.ogv-ui-stats i{flex:1;height:58px;border-radius:12px;background:linear-gradient(145deg,#f7f1ff,#eee0ff)}.ogv-ui-chart{display:flex;align-items:flex-end;gap:9px;height:105px;padding:12px;border-radius:14px;background:#fbf8fd}.ogv-ui-chart span{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--ogv-bright),var(--ogv-deep))}.ogv-ui-chart span:nth-child(1){height:31%}.ogv-ui-chart span:nth-child(2){height:50%}.ogv-ui-chart span:nth-child(3){height:42%}.ogv-ui-chart span:nth-child(4){height:78%}.ogv-ui-chart span:nth-child(5){height:64%}.ogv-ui-chart span:nth-child(6){height:92%}.ogv-ui-chart span:nth-child(7){height:82%}.ogv-wallet-ui{position:absolute;right:34px;bottom:32px;left:34px;padding:26px;border-radius:24px;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));color:#fff;box-shadow:0 20px 40px rgba(86,17,139,.25)}.ogv-wallet-ui span{display:block;font-size:13px;opacity:.75}.ogv-wallet-ui strong{display:block;margin:4px 0 18px;font-size:30px}.ogv-wallet-ui button{padding:9px 16px;border:0;border-radius:20px;background:#fff;color:var(--ogv-deep);font-weight:800}.ogv-wallet-ui div{display:flex;gap:8px;margin-top:20px}.ogv-wallet-ui i{display:block;width:28%;height:7px;border-radius:8px;background:rgba(255,255,255,.35)}.ogv-mini-chart{position:absolute;right:36px;bottom:40px;left:36px;display:flex;align-items:flex-end;gap:13px;height:175px;padding:22px;border-radius:22px;background:linear-gradient(180deg,#faf6ff,#f2e8ff)}.ogv-mini-chart span{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(var(--ogv-bright),var(--ogv-deep))}.ogv-service-cloud{position:absolute;right:18px;bottom:28px;left:18px;height:180px}.ogv-service-cloud i{position:absolute;display:grid;place-items:center;width:64px;height:64px;border:8px solid #fff;border-radius:50%;color:#fff;font-style:normal;font-weight:900;box-shadow:0 12px 28px rgba(26,20,29,.13)}.ogv-service-cloud i:nth-child(1){left:6%;bottom:12px}.ogv-service-cloud i:nth-child(2){left:29%;bottom:78px}.ogv-service-cloud i:nth-child(3){left:48%;bottom:18px}.ogv-service-cloud i:nth-child(4){right:17%;bottom:91px}.ogv-service-cloud i:nth-child(5){right:1%;bottom:24px}
.ogv-why{background:#fff}.ogv-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ogv-benefit-grid article{padding:30px 26px;border:1px solid var(--ogv-line);border-radius:24px;background:#fff;transition:transform .2s,box-shadow .2s}.ogv-benefit-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(59,0,120,.09)}.ogv-benefit-grid i{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--ogv-pale);color:var(--ogv-primary);font-style:normal;font-size:21px}.ogv-benefit-grid h3{margin:24px 0 10px;color:var(--ogv-ink);font-size:20px}.ogv-benefit-grid p{margin:0;font-size:15px;line-height:24px}
.ogv-audiences{background:var(--ogv-surface)}.ogv-audience-list{display:flex;flex-direction:column;gap:112px}.ogv-audience-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:88px}.ogv-audience-row--reverse .ogv-audience-art{order:2}.ogv-audience-art{min-height:500px;border-radius:32px;background-image:url('https://storage.perfectcdn.com/1k3ejy/74bxklc1s8lr3fau.png');background-repeat:no-repeat;background-size:200% 200%;box-shadow:0 24px 60px rgba(41,12,56,.12)}.ogv-audience-art--streamer{background-position:0 0}.ogv-audience-art--musician{background-position:100% 0}.ogv-audience-art--business{background-position:0 100%}.ogv-audience-art--leader{background-position:100% 100%}.ogv-audience-copy>span{color:var(--ogv-primary);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ogv-audience-copy h3{margin:14px 0 18px;color:var(--ogv-ink);font-size:38px;line-height:1.18;letter-spacing:-.02em}.ogv-audience-copy>p{margin:0 0 22px;font-size:17px;line-height:27px}.ogv-audience-copy ul{margin:0 0 28px;padding:0;list-style:none}.ogv-audience-copy li{position:relative;margin:13px 0;padding-left:30px;color:var(--ogv-ink);font-weight:600}.ogv-audience-copy li:before{content:"\2713";position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ogv-pale);color:var(--ogv-primary);font-size:12px}.ogv-text-link{padding:0;border:0;background:transparent;color:var(--ogv-primary);font-size:16px;font-weight:800;cursor:pointer}.ogv-text-link b{display:inline-block;margin-left:8px;transition:transform .2s}.ogv-text-link:hover b{transform:translateX(5px)}
.ogv-testimonials{background:#fff}.ogv-review-track{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ogv-review-track article{display:flex;flex-direction:column;min-height:290px;padding:32px;border:1px solid var(--ogv-line);border-radius:26px;background:#fff;box-shadow:0 8px 28px rgba(30,14,38,.04)}.ogv-stars{color:var(--ogv-gold);font-size:19px;letter-spacing:3px}.ogv-review-track p{flex:1;margin:26px 0;color:var(--ogv-ink);font-size:18px;line-height:29px}.ogv-review-track footer{display:flex;flex-direction:column}.ogv-review-track footer b{color:var(--ogv-ink)}.ogv-review-track footer span{font-size:14px}
.ogv-faq{background:var(--ogv-surface)}.ogv-faq-shell{max-width:900px}.ogv-faq-list{border-top:1px solid var(--ogv-line)}.ogv-faq-list details{border-bottom:1px solid var(--ogv-line)}.ogv-faq-list summary{position:relative;padding:25px 54px 25px 0;color:var(--ogv-ink);font-size:18px;font-weight:700;list-style:none;cursor:pointer}.ogv-faq-list summary::-webkit-details-marker{display:none}.ogv-faq-list summary i:before,.ogv-faq-list summary i:after{content:"";position:absolute;top:50%;right:8px;width:16px;height:2px;border-radius:2px;background:var(--ogv-primary)}.ogv-faq-list summary i:after{transform:rotate(90deg);transition:transform .2s}.ogv-faq-list details[open] summary i:after{transform:rotate(0)}.ogv-faq-list details p{margin:-5px 56px 26px 0;font-size:16px;line-height:26px}
.ogv-final-cta{position:relative;overflow:hidden;padding:96px 0;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));color:#fff}.ogv-final-cta:before{content:"";position:absolute;top:-250px;right:-180px;width:620px;height:620px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.03),0 0 0 180px rgba(255,255,255,.025)}.ogv-final-cta .ogv-shell{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.ogv-cta-copy{position:relative;z-index:2}.ogv-cta-copy>span{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.ogv-cta-copy h2{max-width:580px;margin:16px 0 20px;font-size:46px;line-height:1.12;letter-spacing:-.03em}.ogv-cta-copy p{max-width:550px;margin:0 0 32px;font-size:18px;line-height:28px;opacity:.83}.ogv-cta-ui{position:relative;height:410px}.ogv-cta-phone{position:absolute;top:0;left:50%;width:250px;height:430px;padding:42px 24px 24px;border:8px solid #fff;border-radius:42px;background:#fff;color:var(--ogv-ink);box-shadow:0 30px 70px rgba(25,0,48,.35);transform:translateX(-50%) rotate(5deg)}.ogv-cta-phone>i{position:absolute;top:12px;left:50%;width:75px;height:18px;border-radius:20px;background:var(--ogv-ink);transform:translateX(-50%)}.ogv-cta-phone>b{display:block;margin-top:14px;font-size:14px}.ogv-cta-phone>strong{display:block;margin:18px 0;color:var(--ogv-primary);font-size:34px}.ogv-cta-bars{display:flex;align-items:flex-end;gap:8px;height:120px;padding:16px;border-radius:18px;background:#f6effd}.ogv-cta-bars span{flex:1;border-radius:6px;background:linear-gradient(var(--ogv-bright),var(--ogv-deep))}.ogv-cta-bars span:nth-child(1){height:35%}.ogv-cta-bars span:nth-child(2){height:50%}.ogv-cta-bars span:nth-child(3){height:64%}.ogv-cta-bars span:nth-child(4){height:82%}.ogv-cta-bars span:nth-child(5){height:96%}.ogv-cta-phone em{display:block;margin-top:22px;padding:12px;border-radius:12px;background:#ecfff3;color:#14804a;font-size:12px;font-style:normal;font-weight:700}.ogv-cta-float{position:absolute;padding:14px 18px;border-radius:14px;background:#fff;color:var(--ogv-ink);font-size:13px;font-weight:800;box-shadow:0 16px 35px rgba(25,0,48,.24)}.ogv-cta-float--one{top:85px;left:3%}.ogv-cta-float--two{right:1%;bottom:80px;color:var(--ogv-primary)}
.ogv-footer{padding:76px 0 30px;background:#160724;color:#bcaec7}.ogv-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.ogv-footer-brand a{color:#fff;font-size:26px;font-weight:800;text-decoration:none}.ogv-footer-brand p{max-width:330px;margin:18px 0 0;line-height:25px}.ogv-footer-grid h3{margin:5px 0 18px;color:#fff;font-size:15px}.ogv-footer-grid div:not(.ogv-footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ogv-footer-grid a,.ogv-footer-grid button,.ogv-footer-grid span{padding:0;border:0;background:none;color:#bcaec7;font:inherit;text-decoration:none;cursor:pointer}.ogv-footer-grid a:hover,.ogv-footer-grid button:hover{color:#fff}.ogv-footer-bottom{display:flex;justify-content:space-between;margin-top:60px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.ogv-login-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.ogv-login-modal.is-open{visibility:visible;opacity:1}.ogv-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(17,5,27,.68);backdrop-filter:blur(6px)}.ogv-login-card{position:relative;z-index:1;width:100%;max-width:480px;max-height:calc(100vh - 48px);overflow:auto;padding:34px;border:1px solid var(--ogv-line);border-radius:30px;background:#fff;box-shadow:0 30px 90px rgba(16,0,28,.32);transform:translateY(16px) scale(.98);transition:transform .2s}.ogv-login-modal.is-open .ogv-login-card{transform:none}.ogv-modal-close{position:absolute;top:15px;right:18px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#f5f1f7;color:var(--ogv-ink);font-size:24px;line-height:30px}.ogv-login-card__header{margin-bottom:27px;text-align:center}.ogv-login-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border-radius:16px;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));color:#fff;font-size:22px;font-weight:900}.ogv-login-card__header h2{margin:0 0 8px;color:var(--ogv-ink);font-size:28px;line-height:34px}.ogv-login-card__header p{margin:0}.ogv-google-signin{width:100%;min-height:40px;margin-bottom:18px;overflow:hidden}.ogv-google-signin>div{width:100%!important}.ogv-divider{display:flex;align-items:center;margin-bottom:18px;color:#98a2b3}.ogv-divider:before,.ogv-divider:after{content:"";flex:1;height:1px;background:var(--ogv-line)}.ogv-divider span{padding:0 16px}.ogv-field{display:flex;flex-direction:column;gap:8px;margin:0 0 17px}.ogv-field .control-label{margin:0;color:var(--ogv-ink);font-size:14px;font-weight:700}.ogv-field__input{position:relative;display:flex}.ogv-field__input svg{position:absolute;top:50%;left:16px;z-index:1;width:20px;height:20px;fill:none;stroke:var(--ogv-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-50%);pointer-events:none}.ogv-field__input .form-control{width:100%;height:50px;padding:12px 16px 12px 48px;border:1px solid var(--ogv-line);border-radius:12px;background:#fff;box-shadow:none}.ogv-field__input .form-control:focus{border-color:var(--ogv-primary);box-shadow:0 0 0 4px rgba(148,58,248,.12)}.ogv-forgot{position:static!important;margin-top:-1px}.ogv-forgot a,.ogv-field .forgot-password{position:static!important;color:var(--ogv-muted);font-size:14px;text-decoration:none}.ogv-captcha{margin-bottom:18px;overflow:hidden}.ogv-submit{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin-top:5px;border:0;border-radius:100px;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));color:#fff;font-size:17px;font-weight:700}.ogv-submit:hover,.ogv-submit:focus{background:linear-gradient(135deg,#310064,#8732db);color:#fff}.ogv-login-footer{margin:14px 0 0;text-align:center}.ogv-login-footer a{color:var(--ogv-primary);text-decoration:underline}.ogv-alert{border:0;border-radius:12px;font-size:14px}.ogv-modal-open{overflow:hidden}.ogv-auth-text{margin-top:32px;margin-bottom:32px;padding:24px;border:1px solid var(--ogv-line);border-radius:24px;background:#fff}.ogv-home--rtl{direction:rtl}.ogv-home--rtl .ogv-field__input svg{right:16px;left:auto}.ogv-home--rtl .ogv-field__input .form-control{padding-right:48px;padding-left:16px}
@media(max-width:991px){.ogv-section{padding:88px 0}.ogv-heading h2{font-size:40px}.ogv-feature-grid{grid-template-columns:1fr;grid-template-rows:500px 430px 430px 430px}.ogv-benefit-grid{grid-template-columns:repeat(2,1fr)}.ogv-audience-row{gap:45px}.ogv-audience-art{min-height:410px}.ogv-audience-copy h3{font-size:32px}.ogv-final-cta .ogv-shell{gap:25px}.ogv-footer-grid{grid-template-columns:2fr 1fr 1fr}.ogv-footer-grid>div:last-child{display:none!important}}
@media(max-width:767px){body:has(.ogv-home) .navbar{min-height:63px}body:has(.ogv-home) .navbar>.container{padding:0 16px}body:has(.ogv-home) .navbar-brand{padding:17px 0;font-size:18px}body:has(.ogv-home) .navbar-toggle{margin:12px 0;padding:9px;border-color:var(--ogv-line)}.ogv-shell{padding-right:20px;padding-left:20px}.ogv-section{padding:76px 0}.ogv-heading{margin-bottom:40px}.ogv-heading h2{font-size:32px;line-height:1.18}.ogv-heading p{margin-top:16px;font-size:16px;line-height:24px}.ogv-hero{padding-top:64px}.ogv-hero__container{padding:0 12px}.ogv-hero h1{font-size:36px;line-height:43.2px}.ogv-hero__lead{margin-top:40px;font-size:18px;line-height:27px}.ogv-hero__actions{flex-direction:column;margin-top:48px}.ogv-hero__art{width:calc(100% + 24px);margin:46px -12px 0}.ogv-trust{padding:0 12px 70px}.ogv-platforms{gap:16px 18px}.ogv-platforms>span{font-size:12px}.ogv-platform{width:26px;height:26px}.ogv-feature-grid{display:block}.ogv-feature-card{min-height:430px;margin-bottom:18px;padding:28px 24px;border-radius:24px}.ogv-feature-card--dashboard{min-height:485px}.ogv-feature-copy h3{font-size:24px}.ogv-dashboard-ui{right:-75px;width:122%;height:260px}.ogv-wallet-ui{right:22px;bottom:24px;left:22px}.ogv-mini-chart{right:22px;bottom:25px;left:22px;height:170px}.ogv-service-cloud{bottom:24px}.ogv-benefit-grid{grid-template-columns:1fr}.ogv-benefit-grid article{padding:26px}.ogv-audience-list{gap:76px}.ogv-audience-row{display:flex;flex-direction:column;gap:32px}.ogv-audience-row--reverse .ogv-audience-art{order:0}.ogv-audience-art{width:100%;min-height:350px;border-radius:24px}.ogv-audience-copy h3{font-size:29px}.ogv-review-track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.ogv-review-track article{flex:0 0 88%;min-height:280px;scroll-snap-align:start}.ogv-faq-list summary{padding:22px 42px 22px 0;font-size:16px}.ogv-faq-list details p{margin-right:32px}.ogv-final-cta{padding:76px 0}.ogv-final-cta .ogv-shell{display:block;text-align:center}.ogv-cta-copy h2{font-size:34px}.ogv-cta-ui{height:365px;margin-top:54px}.ogv-cta-phone{width:220px;height:380px}.ogv-cta-float--one{left:-5px}.ogv-cta-float--two{right:-4px}.ogv-footer{padding-top:60px}.ogv-footer-grid{grid-template-columns:1fr 1fr;gap:42px 24px}.ogv-footer-brand{grid-column:1/-1}.ogv-footer-grid>div:last-child{display:flex!important}.ogv-footer-bottom{flex-direction:column;gap:8px}.ogv-login-modal{padding:12px}.ogv-login-card{max-height:calc(100vh - 24px);padding:28px 18px;border-radius:24px}.ogv-login-card__header h2{font-size:24px}.ogv-field__input .form-control{height:46px}.ogv-submit{height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ogv-btn,.ogv-benefit-grid article,.ogv-login-card{transition:none}}
.ogv-platform{font-size:0;font-weight:400}.ogv-platform svg,.ogv-service-cloud svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ogv-platform .ogv-icon-fill,.ogv-service-cloud .ogv-icon-fill{fill:currentColor;stroke:none}.ogv-service-cloud i{font-weight:400}.ogv-service-cloud svg{width:26px;height:26px;stroke-width:1.8}.ogv-benefit-grid i{font-size:0}.ogv-benefit-grid i svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ogv-platform{background:transparent!important}.ogv-platform img{display:block;width:30px;height:30px;object-fit:contain}.ogv-platform--x svg{width:26px;height:26px;color:#111}.ogv-service-cloud i{background:#fff!important}.ogv-service-cloud img{display:block;width:34px;height:34px;object-fit:contain}.ogv-benefit-grid re-icon{display:block;color:var(--ogv-primary)}.ogv-stars{display:flex;gap:4px;letter-spacing:0}.ogv-stars re-icon{display:block;color:var(--ogv-gold)}.ogv-cta-float--one{display:flex;align-items:center;gap:7px}.ogv-cta-float--one re-icon{display:block;color:#16a05d}
.ogv-feature-card{padding-bottom:0}.ogv-feature-visual{position:absolute;right:0;bottom:0;left:0;height:63%;background-repeat:no-repeat;background-position:center bottom}.ogv-feature-visual--dashboard{background-image:url('https://storage.perfectcdn.com/1k3ejy/t9oq3ni6krbd09lo.png');background-size:cover}.ogv-feature-visual--wallet{background-image:url('https://storage.perfectcdn.com/1k3ejy/y7m7b0p89mkc78dk.png');background-size:88% auto;background-position:center bottom 24px}.ogv-feature-visual--analytics{background-image:url('https://storage.perfectcdn.com/1k3ejy/bf9tm01gn3annmrk.png');background-size:auto 82%;background-position:center bottom 22px}.ogv-feature-visual--services{background-image:url('https://storage.perfectcdn.com/1k3ejy/s18tht4n7ab4xbdt.png');background-size:cover}.ogv-cta-product{position:relative;z-index:1;width:100%;height:540px;background:url('https://storage.perfectcdn.com/1k3ejy/2j6w3xg8q5kewawb.png') center/contain no-repeat;filter:drop-shadow(0 28px 48px rgba(28,0,54,.22))}
@media(max-width:767px){.ogv-feature-visual{height:61%}.ogv-feature-card--dashboard .ogv-feature-visual{height:64%}.ogv-final-cta .ogv-cta-product{height:520px;margin-top:30px}.ogv-final-cta .ogv-cta-ui{display:none}}
@media(max-width:767px){
 body:has(.ogv-home) .navbar{position:relative;top:auto;z-index:1040;width:100%;height:63px;min-height:63px;background:#fff}
 body:has(.ogv-home) .navbar>.container{width:100%;height:63px;padding:0 24px}
 body:has(.ogv-home) .navbar-header{width:100%;height:63px;margin:0!important}
 body:has(.ogv-home) .navbar-brand{display:flex;align-items:center;width:130px;min-width:130px;height:63px;margin-left:0!important;padding:0;overflow:visible;color:transparent!important;font-size:0;line-height:1;white-space:nowrap}
 body:has(.ogv-home) .navbar-brand:before{content:"OgaViral";display:block;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.04em;white-space:nowrap}
 body:has(.ogv-home) .navbar-toggle{position:relative;z-index:1054;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:54px;height:38px;margin:12px 0;padding:4px 12px;border:0;border-radius:10px;background:transparent!important;box-shadow:none}
 body:has(.ogv-home) .navbar-toggle .icon-bar{display:block;width:24px;height:1.5px;margin:0!important;border-radius:3px;background:var(--ogv-ink);transition:transform .22s ease,opacity .18s ease}
 body:has(.ogv-home) .navbar-toggle:not(.collapsed){position:fixed;top:12px;right:14px;margin:0}
 body:has(.ogv-home) .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){transform:translateY(6.5px) rotate(45deg)}
 body:has(.ogv-home) .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){opacity:0}
 body:has(.ogv-home) .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){transform:translateY(-6.5px) rotate(-45deg)}
 body:has(.ogv-home) .navbar:has(#navbar.in):after{content:"";position:fixed;inset:0;z-index:1050;background:rgba(20,17,23,.48);backdrop-filter:blur(1px)}
 body:has(.ogv-home) #navbar.navbar-collapse{position:fixed!important;top:0;right:0;bottom:0;z-index:1052;display:block!important;visibility:hidden;width:min(384px,84vw);height:100vh!important;margin:0!important;padding:82px 24px 112px;border:0;background:#fff;box-shadow:-18px 0 50px rgba(24,10,32,.14);overflow-y:auto;transform:translateX(100%);transition:transform .24s ease,visibility .24s ease}
 body:has(.ogv-home) #navbar.navbar-collapse.in{visibility:visible;transform:translateX(0)}
 body:has(.ogv-home) #navbar:before{content:"OgaViral";position:absolute;top:20px;left:24px;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:25px;font-weight:800;line-height:32px;letter-spacing:-.04em}
 body:has(.ogv-home) #navbar .navbar-nav{float:none!important;margin:0}
 body:has(.ogv-home) #navbar .navbar-nav>li{float:none;margin:0}
 body:has(.ogv-home) #navbar .navbar-nav>li>a{display:block;padding:13px 4px;background:transparent!important;color:var(--ogv-ink);font-size:18px;font-weight:500;line-height:25px}
 body:has(.ogv-home) #navbar .navbar-nav>.active>a{color:var(--ogv-primary)}
 body:has(.ogv-home) #navbar .navbar-nav>li:last-child{position:absolute;right:24px;bottom:22px;left:24px}
 body:has(.ogv-home) #navbar .navbar-nav>li:last-child>a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:100px;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright))!important;color:#fff!important;font-weight:700;box-shadow:0 8px 24px rgba(59,0,120,.2)}
}

/* Desktop greeting follows the quiet Famsup header rhythm. */
@media(min-width:768px){
  .ogv-app-topbar{height:86px}
  .ogv-app-topbar__title .ogv-app-greeting h1{margin:0 0 4px;font-size:21px;line-height:1.15;letter-spacing:-.035em}
  .ogv-app-topbar__title .ogv-app-greeting>span{display:block;color:#817684;font-size:11px;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none}
}

/* OgaViral authenticated workspace */
body.ogv-app-body{margin:0!important;padding:0!important;min-height:100vh;overflow-x:hidden;background:#f7f4fa;color:#19151f;font-family:Satoshi,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.ogv-app-body *{box-sizing:border-box}
.ogv-app-shell{min-height:100vh}
.ogv-app-sidebar{position:fixed;inset:0 auto 0 0;z-index:1040;display:flex;width:272px;min-height:100vh;flex-direction:column;padding:24px 18px 20px;border-right:1px solid #eee8f1;background:#fff;box-shadow:8px 0 34px rgba(40,17,57,.035)}
.ogv-app-sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:3px 9px 27px}
.ogv-app-logo{display:inline-flex;align-items:center;text-decoration:none!important}
.ogv-app-logo img{display:block;max-width:154px;max-height:42px;object-fit:contain}
.ogv-app-logo span{font-size:27px;font-weight:850;letter-spacing:-1.4px;background:linear-gradient(110deg,#3b0078 8%,#943af8 64%,#b25cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ogv-app-sidebar__close,.ogv-app-menu{display:none;border:0;background:transparent;color:#241a2b}
.ogv-app-nav{display:flex;min-height:0;flex:1;flex-direction:column;gap:6px;overflow-y:auto;padding:0 4px 18px}
.ogv-app-nav__label{padding:0 13px 8px;color:#a59baa;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.ogv-app-nav__link{position:relative;display:flex;min-height:48px;align-items:center;gap:13px;padding:11px 13px;border-radius:14px;color:#6e6473!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:.2s ease}
.ogv-app-nav__link:hover{background:#faf7fc;color:#5207a1!important;transform:translateX(2px)}
.ogv-app-nav__link.is-active{background:linear-gradient(105deg,#f0e2ff,#f8f1ff);color:#6509bd!important;box-shadow:inset 0 0 0 1px rgba(148,58,248,.08),0 7px 18px rgba(107,31,170,.07)}
.ogv-app-nav__link.is-active:before{position:absolute;top:12px;bottom:12px;left:-4px;width:3px;border-radius:5px;background:#943af8;content:""}
.ogv-app-nav__icon{display:grid;width:22px;height:22px;place-items:center;font-size:17px}
.ogv-app-sidebar__support{margin:7px 4px 17px;padding:17px;border:1px solid #eadcf7;border-radius:18px;background:linear-gradient(145deg,#fbf7ff,#f2e7ff);color:#5a386c}
.ogv-app-sidebar__support re-icon{color:#943af8}
.ogv-app-sidebar__support strong,.ogv-app-sidebar__support span{display:block}
.ogv-app-sidebar__support strong{margin:10px 0 4px;color:#2c1539;font-size:13px}
.ogv-app-sidebar__support span{font-size:11px;line-height:1.55}
.ogv-app-sidebar__support a{display:inline-block;margin-top:11px;color:#6e0ac6;font-size:12px;font-weight:800;text-decoration:none}
.ogv-app-sidebar__account{padding:4px}
.ogv-app-sidebar__account a{display:block;padding:8px 12px;color:#776d7b;font-size:12px;font-weight:700;text-decoration:none}
.ogv-app-main{display:flex;min-width:0;min-height:100vh;margin-left:272px;flex-direction:column}
.ogv-app-topbar{position:sticky;top:0;z-index:1020;display:flex;height:78px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(231,224,235,.9);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ogv-app-topbar__title{display:flex;align-items:center;gap:12px}
.ogv-app-topbar__title>span{font-size:16px;font-weight:800;letter-spacing:-.02em}
.ogv-app-topbar__actions{display:flex;align-items:center;gap:10px}
.ogv-app-icon-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid #ebe4ef;border-radius:13px;background:#fff;color:#5b4e61!important;text-decoration:none!important;box-shadow:0 5px 14px rgba(39,17,50,.04)}
.ogv-app-balance,.ogv-app-currency>a{display:flex;height:42px;align-items:center;padding:0 15px;border:1px solid #ebe4ef;border-radius:13px;background:#fff;color:#4a3654!important;font-size:12px;font-weight:800;text-decoration:none!important;box-shadow:0 5px 14px rgba(39,17,50,.04)}
.ogv-app-currency .dropdown-menu{right:0;left:auto;padding:8px;border:1px solid #ede5f1;border-radius:14px;box-shadow:0 18px 48px rgba(40,16,55,.14)}
.ogv-app-user{display:flex;height:44px;align-items:center;gap:9px;padding:0 12px 0 5px;border-radius:15px;color:#322839!important;text-decoration:none!important}
.ogv-app-user__avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#3b0078,#943af8);color:#fff;box-shadow:0 7px 18px rgba(103,12,187,.2)}
.ogv-app-user__meta{display:flex;flex-direction:column;max-width:130px}
.ogv-app-user__meta strong{overflow:hidden;color:#2c2231;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ogv-app-user__meta small{color:#a095a5;font-size:10px}
.ogv-app-content{width:100%;max-width:1320px;margin:0 auto;padding:36px 38px 45px}
.ogv-app-footer{display:flex;width:100%;max-width:1320px;align-items:center;justify-content:space-between;margin:auto auto 0;padding:25px 38px 30px;color:#a196a6;font-size:11px}
.ogv-app-overlay{display:none}

.ogv-dashboard-page{width:100%}
.ogv-dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}
.ogv-dashboard-eyebrow{display:block;margin-bottom:7px;color:#943af8;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.ogv-dashboard-welcome h1{margin:0;color:#1e1722;font-size:clamp(28px,3vw,39px);font-weight:780;letter-spacing:-.045em;line-height:1.08}
.ogv-dashboard-welcome p{max-width:620px;margin:9px 0 0;color:#807583;font-size:14px;line-height:1.65}
.ogv-dashboard-primary-link{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:13px;background:#1d1024;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none!important;box-shadow:0 11px 25px rgba(35,17,43,.16);transition:.2s ease}
.ogv-dashboard-primary-link:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(35,17,43,.2)}
.ogv-dashboard-stats{display:grid;grid-template-columns:1.08fr .96fr .96fr;gap:18px;margin-bottom:24px}
.ogv-dashboard-stat{position:relative;min-height:164px;overflow:hidden;padding:24px;border:1px solid #ece5ef;border-radius:24px;background:#fff;box-shadow:0 13px 35px rgba(47,19,63,.055),0 2px 5px rgba(47,19,63,.025)}
.ogv-dashboard-stat:after{position:absolute;right:-29px;bottom:-49px;width:137px;height:137px;border:1px solid rgba(148,58,248,.15);border-radius:42px;content:"";transform:rotate(24deg)}
.ogv-dashboard-stat__icon{display:grid;width:40px;height:40px;place-items:center;margin-bottom:23px;border-radius:13px;background:#f4e9ff;color:#7d18d9}
.ogv-dashboard-stat>span{display:block;margin-bottom:5px;color:#95899a;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ogv-dashboard-stat strong{position:relative;z-index:1;display:block;color:#281d2e;font-size:24px;font-weight:800;letter-spacing:-.04em}
.ogv-dashboard-stat--balance{border-color:#4d078d;background:linear-gradient(140deg,#31005e 0%,#5900a3 52%,#8730dc 100%);color:#fff;box-shadow:0 18px 38px rgba(73,0,134,.2)}
.ogv-dashboard-stat--balance:before{position:absolute;top:-65px;right:-25px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(230,199,255,.35),transparent 68%);content:""}
.ogv-dashboard-stat--balance:after{border-color:rgba(255,255,255,.18)}
.ogv-dashboard-stat--balance .ogv-dashboard-stat__icon{background:rgba(255,255,255,.15);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.ogv-dashboard-stat--balance>span{color:rgba(255,255,255,.66)}
.ogv-dashboard-stat--balance strong{color:#fff;font-size:27px}
.ogv-dashboard-stat--status{background:linear-gradient(145deg,#fff,#f8efff)}
.ogv-dashboard-stat--orders{background:linear-gradient(145deg,#fff,#faf8fb)}
.ogv-dashboard-stat__actions{position:absolute;right:21px;bottom:21px;z-index:2;display:flex;gap:7px}
.ogv-dashboard-stat__actions a{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:rgba(255,255,255,.14);color:#fff!important;text-decoration:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}

.ogv-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:22px}
.ogv-order-card,.ogv-order-guide{border:1px solid #ebe4ee;border-radius:25px;background:#fff;box-shadow:0 16px 42px rgba(48,20,61,.055),0 2px 7px rgba(48,20,61,.025)}
.ogv-order-card{min-width:0;padding:27px 29px 30px}
.ogv-order-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid #f0eaf2}
.ogv-order-card__header span,.ogv-order-aside__kicker{display:block;margin-bottom:5px;color:#943af8;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.ogv-order-card__header h3,.ogv-order-guide h3,.ogv-order-help h3{margin:0;color:#251a2a;font-size:21px;font-weight:800;letter-spacing:-.035em}
.ogv-order-card__header p{margin:5px 0 0;color:#928795;font-size:12px}
.ogv-order-card__step{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid #ebdcf9;border-radius:13px;background:#f8f0ff;color:#7c17d5;font-size:11px;font-weight:850}
.ogv-order-filters{display:flex;gap:8px;overflow-x:auto;margin:22px 0 20px;padding-bottom:2px;scrollbar-width:none}
.ogv-order-filters::-webkit-scrollbar{display:none}
.ogv-order-filter{display:inline-flex;height:35px;flex:0 0 auto;align-items:center;gap:7px;padding:0 12px;border:1px solid #ebe4ef;border-radius:11px;background:#fff;color:#756a79;font-size:11px;font-weight:750;cursor:pointer;transition:.2s ease}
.ogv-order-filter:hover,.ogv-order-filter.is-active{border-color:#ead8ff;background:#f5ebff;color:#7211ca}
.ogv-order-filter re-icon{color:#943af8}
.ogv-order-form .form-group{margin-bottom:18px}
.ogv-order-form label.control-label{display:block;margin-bottom:8px;color:#493e4e;font-size:11px;font-weight:800;letter-spacing:.015em}
.ogv-order-form .form-control,.ogv-order-form select.form-control,.ogv-order-form .select2-selection{width:100%;height:53px;border:1px solid #e7e0ea!important;border-radius:14px!important;background:#fbfafc!important;color:#302735;font-size:13px;box-shadow:none!important;outline:0;transition:.18s ease}
.ogv-order-form .form-control{padding:0 15px}
.ogv-order-form textarea.form-control{height:auto;min-height:104px;padding-top:14px}
.ogv-order-form .form-control:focus,.ogv-order-form .select2-container--open .select2-selection{border-color:#a959ed!important;background:#fff!important;box-shadow:0 0 0 4px rgba(148,58,248,.09)!important}
.ogv-order-form .select2-container{width:100%!important}
.ogv-order-form .select2-selection__rendered{padding:0 42px 0 15px!important;line-height:51px!important}
.ogv-order-form .select2-selection__arrow{top:13px!important;right:12px!important}
.ogv-order-search .input-wrapper,.ogv-order-charge__input{position:relative}
.ogv-order-search .input-wrapper>re-icon,.ogv-order-charge__input>re-icon{position:absolute;top:50%;left:15px;z-index:2;color:#a790ad;transform:translateY(-50%);pointer-events:none}
.ogv-order-search .form-control,.ogv-order-charge .form-control{padding-left:44px}
.ogv-order-description .panel-body{padding:15px 17px;border:1px solid #ebe4ee;border-radius:14px;background:#faf8fc;color:#746a78;font-size:12px;line-height:1.65}
.ogv-order-charge{max-width:330px}
.ogv-order-terms label{display:flex!important;align-items:flex-start;gap:9px;color:#7d7281!important;font-weight:600!important;line-height:1.45}
.ogv-order-terms input{margin-top:2px;accent-color:#943af8}
.ogv-order-terms a{color:#7616ca}
.ogv-order-submit{display:flex!important;width:100%;height:53px;align-items:center;justify-content:center;gap:9px;margin-top:4px;border:0!important;border-radius:14px!important;background:linear-gradient(110deg,#3b0078,#7e1bd1 62%,#943af8)!important;color:#fff!important;font-size:13px!important;font-weight:850!important;box-shadow:0 13px 27px rgba(84,5,151,.22)!important;transition:.2s ease}
.ogv-order-submit:hover{transform:translateY(-1px);box-shadow:0 16px 31px rgba(84,5,151,.28)!important}
.ogv-order-alert{border:0;border-radius:14px;font-size:12px}
.ogv-order-aside{display:flex;flex-direction:column;gap:18px}
.ogv-order-guide{padding:24px 21px}
.ogv-order-guide h3{font-size:18px;line-height:1.25}
.ogv-order-guide ol{display:flex;flex-direction:column;gap:20px;margin:24px 0 0;padding:0;list-style:none}
.ogv-order-guide li{position:relative;display:flex;gap:12px}
.ogv-order-guide li:not(:last-child):after{position:absolute;top:28px;bottom:-17px;left:13px;width:1px;background:#eadcf5;content:""}
.ogv-order-guide li>b{position:relative;z-index:1;display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border-radius:9px;background:#f0e0ff;color:#7010c5;font-size:10px}
.ogv-order-guide li span{display:flex;flex-direction:column;padding-top:2px}
.ogv-order-guide strong{color:#443849;font-size:12px}
.ogv-order-guide small{margin-top:4px;color:#988d9c;font-size:10px;line-height:1.5}
.ogv-order-help{position:relative;overflow:hidden;padding:24px 21px;border-radius:24px;background:linear-gradient(145deg,#270046,#550091 56%,#8126cc);color:#fff;box-shadow:0 16px 34px rgba(70,0,122,.18)}
.ogv-order-help:after{position:absolute;right:-33px;bottom:-53px;width:135px;height:135px;border:1px solid rgba(255,255,255,.17);border-radius:43px;content:"";transform:rotate(24deg)}
.ogv-order-help re-icon{margin-bottom:22px;color:#ddbdff}
.ogv-order-help h3{position:relative;z-index:1;color:#fff;font-size:18px}
.ogv-order-help p{position:relative;z-index:1;margin:9px 0 17px;color:rgba(255,255,255,.7);font-size:11px;line-height:1.6}
.ogv-order-help a{position:relative;z-index:1;color:#fff!important;font-size:11px;font-weight:850;text-decoration:none!important}
.ogv-order-help a span{margin-left:5px}
.ogv-dashboard-note{margin-top:22px;padding:22px 25px;border:1px solid #eae2ed;border-radius:20px;background:#fff;color:#746a78;font-size:12px;line-height:1.7;box-shadow:0 10px 28px rgba(44,17,57,.04)}

@media(max-width:1180px){
 .ogv-app-content{padding-right:27px;padding-left:27px}
 .ogv-order-layout{grid-template-columns:minmax(0,1fr) 264px}
}
@media(max-width:991px){
 .ogv-app-sidebar{width:278px;transform:translateX(-105%);box-shadow:22px 0 55px rgba(29,9,40,.18);transition:transform .25s ease}
 .ogv-app-nav-open .ogv-app-sidebar{transform:translateX(0)}
 .ogv-app-sidebar__close,.ogv-app-menu{display:grid;width:38px;height:38px;place-items:center;border-radius:11px}
 .ogv-app-sidebar__close{background:#f8f3fb}
 .ogv-app-main{margin-left:0}
 .ogv-app-overlay{position:fixed;inset:0;z-index:1030;display:block;background:rgba(25,10,34,.35);opacity:0;visibility:hidden;backdrop-filter:blur(3px);transition:.25s ease}
 .ogv-app-nav-open .ogv-app-overlay{opacity:1;visibility:visible}
 .ogv-app-topbar{height:70px;padding:0 24px}
 .ogv-order-layout{grid-template-columns:1fr}
 .ogv-order-aside{display:grid;grid-template-columns:1fr 1fr}
 .ogv-dashboard-stats{grid-template-columns:1fr 1fr}
 .ogv-dashboard-stat--orders{grid-column:1/-1}
}
@media(max-width:767px){
 .ogv-app-topbar{height:66px;padding:0 16px}
 .ogv-app-topbar__title>span{display:none}
 .ogv-app-topbar__actions{gap:5px}
 .ogv-app-icon-button{width:38px;height:38px;border-radius:12px}
 .ogv-app-currency{display:none}
 .ogv-app-balance{height:38px;padding:0 10px;border-radius:12px;font-size:10px}
 .ogv-app-user{height:38px;padding:0}
 .ogv-app-user__avatar{width:38px;height:38px}
 .ogv-app-user__meta,.ogv-app-user>re-icon{display:none}
 .ogv-app-content{padding:25px 17px 34px}
 .ogv-app-footer{align-items:flex-start;padding:20px 18px 26px;flex-direction:column;gap:5px}
 .ogv-dashboard-welcome{align-items:flex-start;margin-bottom:22px;flex-direction:column}
 .ogv-dashboard-welcome h1{font-size:30px}
 .ogv-dashboard-welcome p{font-size:12px}
 .ogv-dashboard-primary-link{display:none}
 .ogv-dashboard-stats{grid-template-columns:1fr;gap:13px}
 .ogv-dashboard-stat,.ogv-dashboard-stat--orders{min-height:145px;grid-column:auto;padding:20px;border-radius:21px}
 .ogv-dashboard-stat__icon{margin-bottom:18px}
 .ogv-order-card{padding:22px 18px 24px;border-radius:22px}
 .ogv-order-card__header h3{font-size:19px}
 .ogv-order-card__header p{max-width:220px;line-height:1.5}
 .ogv-order-form .form-control,.ogv-order-form select.form-control,.ogv-order-form .select2-selection{height:51px}
 .ogv-order-form .select2-selection__rendered{line-height:49px!important}
 .ogv-order-charge{max-width:none}
 .ogv-order-aside{display:flex}
 .ogv-order-guide,.ogv-order-help{border-radius:22px}
}
@media(max-width:380px){
 .ogv-app-balance{display:none}
 .ogv-dashboard-welcome h1{font-size:27px}
}
.ogv-final-cta .ogv-shell{grid-template-columns:minmax(0,760px);justify-content:center;text-align:center}.ogv-final-cta .ogv-cta-copy h2,.ogv-final-cta .ogv-cta-copy p{margin-right:auto;margin-left:auto}
@media(max-width:767px){
 .ogv-feature-card,.ogv-feature-card--dashboard{min-height:0;margin-bottom:22px;padding:28px 24px 0}
 .ogv-feature-copy{padding-bottom:0}
 .ogv-feature-copy p{margin-bottom:0}
 .ogv-feature-visual,.ogv-feature-card--dashboard .ogv-feature-visual{position:relative;right:auto;bottom:auto;left:auto;width:calc(100% + 48px);height:auto;margin:26px -24px 0;background-position:center bottom}
 .ogv-feature-visual--dashboard,.ogv-feature-visual--services{aspect-ratio:2.08/1;background-size:cover}
 .ogv-feature-visual--wallet{aspect-ratio:1.55/1;background-size:88% auto;background-position:center}
 .ogv-feature-visual--analytics{aspect-ratio:1.55/1;background-size:auto 82%;background-position:center}
 .ogv-final-cta{padding:76px 0}.ogv-final-cta .ogv-shell{display:block;text-align:center}
}

/* Famsup-inspired desktop navigation */
@media(min-width:768px){
 body:has(.ogv-home) .navbar{position:relative;z-index:40;min-height:72px;margin:0;border:0;border-bottom:1px solid #f0eaf5;border-radius:0;background:rgba(255,255,255,.98);box-shadow:none}
 body:has(.ogv-home) .navbar>.container{display:flex;align-items:center;width:100%;max-width:1320px;min-height:72px;margin:0 auto;padding:0 32px}
 body:has(.ogv-home) .navbar-header{float:none;flex:0 0 auto}
 body:has(.ogv-home) .navbar-brand{display:flex;align-items:center;height:72px;padding:0;color:transparent!important;font-size:0;line-height:1}
 body:has(.ogv-home) .navbar-brand:before{content:"OgaViral";background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:25px;font-weight:800;letter-spacing:-.045em}
 body:has(.ogv-home) #navbar.navbar-collapse{display:flex!important;align-items:center;flex:1;height:auto!important;padding:0;border:0;box-shadow:none}
 body:has(.ogv-home) #navbar .navbar-nav{display:flex;align-items:center;float:none!important;width:100%;margin:0}
 body:has(.ogv-home) #navbar .navbar-nav>li{float:none;margin:0 15px}
 body:has(.ogv-home) #navbar .navbar-nav>li:nth-child(2){order:1;margin-left:auto}
 body:has(.ogv-home) #navbar .navbar-nav>li:nth-child(3){order:2}
 body:has(.ogv-home) #navbar .navbar-nav>li:first-child{order:3;margin-left:auto}
 body:has(.ogv-home) #navbar .navbar-nav>li:last-child{order:4;margin-right:0;margin-left:-5px}
 body:has(.ogv-home) #navbar .navbar-nav>li>a{padding:10px 0;background:transparent!important;color:#2d2434;font-size:16px;font-weight:600;line-height:22px;transition:color .18s ease,transform .18s ease,box-shadow .18s ease}
 body:has(.ogv-home) #navbar .navbar-nav>li:nth-child(2)>a:hover,body:has(.ogv-home) #navbar .navbar-nav>li:nth-child(3)>a:hover{color:var(--ogv-primary);transform:translateY(-1px)}
 body:has(.ogv-home) #navbar .navbar-nav>li:first-child>a{min-width:88px;padding:10px 18px;border:1px solid #e8dff0;border-radius:100px;background:#fff!important;color:#33283b!important;text-align:center;box-shadow:0 3px 12px rgba(38,13,55,.04)}
 body:has(.ogv-home) #navbar .navbar-nav>li:first-child>a:hover{border-color:#d7c5e7;box-shadow:0 7px 18px rgba(38,13,55,.08)}
 body:has(.ogv-home) #navbar .navbar-nav>li:last-child>a{min-width:96px;padding:11px 20px;border-radius:100px;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright))!important;color:#fff!important;text-align:center;box-shadow:0 8px 20px rgba(92,21,155,.2)}
 body:has(.ogv-home) #navbar .navbar-nav>li:last-child>a:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(92,21,155,.27)}
}

/* Atmospheric Framer-style footer */
.ogv-footer{position:relative;isolation:isolate;overflow:hidden;padding:92px 0 0;background:linear-gradient(180deg,#14091d 0%,#100616 52%,#08030d 100%);color:#cbbfd3}
.ogv-footer:before{content:"";position:absolute;z-index:-2;right:-12%;bottom:-190px;left:-12%;height:520px;background:radial-gradient(ellipse at 50% 78%,rgba(161,72,244,.62) 0%,rgba(111,24,199,.3) 28%,rgba(59,0,120,.11) 52%,transparent 72%);filter:blur(32px);pointer-events:none}
.ogv-footer:after{content:"";position:absolute;z-index:-1;right:8%;bottom:40px;left:8%;height:210px;background:linear-gradient(90deg,transparent,rgba(229,207,255,.12),rgba(255,255,255,.17),rgba(229,207,255,.12),transparent);filter:blur(54px);opacity:.9;pointer-events:none}
.ogv-footer .ogv-shell{position:relative;z-index:1}
.ogv-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:64px;padding-bottom:72px}
.ogv-footer-brand a{display:inline-block;background:linear-gradient(135deg,#fff,#d9b7ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:28px;font-weight:800;letter-spacing:-.04em;text-decoration:none}
.ogv-footer-brand p{max-width:350px;margin:18px 0 0;color:#a99bb3;font-size:15px;line-height:25px}
.ogv-footer-grid h3{margin:5px 0 20px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ogv-footer-grid div:not(.ogv-footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.ogv-footer-grid a,.ogv-footer-grid button,.ogv-footer-grid span{padding:0;border:0;background:none;color:#aa9bb5;font:inherit;text-decoration:none;cursor:pointer;transition:color .18s ease,transform .18s ease}
.ogv-footer-grid a:hover,.ogv-footer-grid button:hover{color:#fff;transform:translateX(3px)}
.ogv-footer-bottom{display:flex;justify-content:space-between;margin:0;padding:24px 0;border-top:1px solid rgba(255,255,255,.09);color:#84778d;font-size:12px;letter-spacing:.02em}
.ogv-footer-wordmark{position:relative;margin:34px -10px -2.5vw;background:linear-gradient(180deg,#f7efff 0%,#d7b5ff 34%,#8a31dd 72%,rgba(74,12,126,.5) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(112px,17.4vw,270px);font-weight:800;line-height:.72;letter-spacing:-.085em;text-align:center;white-space:nowrap;text-shadow:0 -18px 70px rgba(190,132,255,.16);user-select:none}
@media(max-width:991px){.ogv-footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:40px}.ogv-footer-grid>div:last-child{display:none!important}}
@media(max-width:767px){
 .ogv-footer{padding-top:64px}
 .ogv-footer:before{bottom:-120px;height:390px;filter:blur(25px)}
 .ogv-footer-grid{grid-template-columns:1fr 1fr;gap:40px 24px;padding-bottom:48px}
 .ogv-footer-brand{grid-column:1/-1}
 .ogv-footer-grid>div:last-child{display:flex!important}
 .ogv-footer-bottom{flex-direction:column;gap:8px;padding:20px 0}
 .ogv-footer-wordmark{margin-top:32px;margin-bottom:-3vw;font-size:22.5vw;line-height:.78}
}

@media(max-width:767px){
 .ogv-footer{padding-top:58px}
 .ogv-footer .ogv-shell{padding-right:24px;padding-left:24px}
 .ogv-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px 28px;padding-bottom:42px}
 .ogv-footer-brand a{font-size:30px}
 .ogv-footer-brand p{max-width:390px;margin-top:14px;font-size:15px;line-height:24px}
 .ogv-footer-grid h3{margin-bottom:16px;font-size:12px;letter-spacing:.12em}
 .ogv-footer-grid div:not(.ogv-footer-brand){gap:12px}
 .ogv-footer-grid>div:last-child{grid-column:1/-1;display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08)}
 .ogv-footer-grid>div:last-child h3{flex:0 0 100%;margin:0 0 4px}
 .ogv-footer-grid>div:last-child span{font-size:14px}
 .ogv-footer-bottom{gap:7px;padding:20px 0 10px;font-size:11px;line-height:18px}
 .ogv-footer-wordmark{display:block;width:100%;margin:34px 0 0;padding:0 0 24px;font-size:21vw;line-height:.92;letter-spacing:-.09em;white-space:nowrap;transform:none}
}

/* Pinned navigation with Reicons menu control */
body:has(.ogv-home) .navbar{position:sticky!important;top:0;z-index:1048;background:rgba(255,255,255,.94)!important;box-shadow:0 1px 0 rgba(47,24,62,.07),0 10px 28px rgba(47,24,62,.045)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body:has(.ogv-home) .navbar-toggle.ogv-reicon-toggle{display:grid;place-items:center;padding:0;color:#1c1521}
body:has(.ogv-home) .navbar-toggle.ogv-reicon-toggle .icon-bar{display:none!important}
body:has(.ogv-home) .navbar-toggle.ogv-reicon-toggle re-icon{display:block;color:currentColor;transition:color .18s ease,transform .2s ease}
body:has(.ogv-home) .navbar-toggle.ogv-reicon-toggle:not(.collapsed) re-icon{color:var(--ogv-primary);transform:rotate(90deg)}
@media(max-width:767px){body:has(.ogv-home) .navbar-toggle.ogv-reicon-toggle:not(.collapsed){position:fixed;top:12px;right:14px}}

/* Famsup-style card construction with restrained OgaViral depth */
.ogv-features{background:linear-gradient(180deg,#fbf9fd 0%,#f8f4fb 48%,#fbf9fd 100%)}
.ogv-feature-card{border:1px solid #eae6ee;border-radius:32px;background:#fff;box-shadow:0 1px 2px rgba(36,17,49,.035),0 14px 34px rgba(49,21,68,.065),0 32px 70px rgba(72,25,103,.035),inset 0 1px 0 rgba(255,255,255,.95);transform:translateZ(0);transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}
.ogv-feature-card:before{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 1px 0 0 rgba(255,255,255,.55),inset -1px 0 0 rgba(90,44,119,.025);pointer-events:none}
.ogv-feature-card--services{background:linear-gradient(145deg,#fff 42%,#f7efff 100%)}
@media(min-width:768px){.ogv-feature-card:hover{border-color:#dfd5e7;box-shadow:0 2px 4px rgba(36,17,49,.04),0 22px 46px rgba(49,21,68,.09),0 42px 90px rgba(111,24,199,.06),inset 0 1px 0 #fff;transform:translateY(-5px)}}
@media(max-width:767px){.ogv-feature-card{border-radius:28px;box-shadow:0 1px 2px rgba(36,17,49,.04),0 12px 30px rgba(49,21,68,.07),0 26px 56px rgba(72,25,103,.04),inset 0 1px 0 #fff}}

/* Keep off-canvas navigation and swipe cards inside the page viewport */
html:has(.ogv-home),body:has(.ogv-home),.ogv-home{max-width:100%;overflow-x:clip}
.ogv-reviews{overflow:hidden}
.ogv-review-track{max-width:100%;overscroll-behavior-x:contain}
@media(max-width:767px){body:has(.ogv-home) #navbar.navbar-collapse.in{visibility:visible!important;transform:translateX(0)!important}}

/* OgaViral signup */
html:has(.ogv-signup-page),body:has(.ogv-signup-page){max-width:100%;margin:0;overflow-x:clip;background:#fff}
body:has(.ogv-signup-page){padding-bottom:0!important}
body:has(.ogv-signup-page) .navbar{display:none!important}
.ogv-signup-page{min-height:100vh;color:#211927;background:#fff;font-family:inherit}
.ogv-signup-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(620px,1fr);min-height:100vh;background:#fff}
.ogv-signup-mobile-brand{display:none}
.ogv-signup-story{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;min-height:720px;padding:72px 0 0 6vw;overflow:hidden;background:radial-gradient(circle at 22% 10%,rgba(190,127,255,.4),transparent 27%),radial-gradient(circle at 88% 82%,rgba(96,18,170,.55),transparent 35%),linear-gradient(145deg,#3b0078 0%,#6815b5 52%,#9a42ef 100%);color:#fff}
.ogv-signup-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 80%);pointer-events:none}
.ogv-signup-story__glow{position:absolute;top:-130px;right:-110px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(72px)}
.ogv-signup-story__copy{position:relative;z-index:2;max-width:650px;padding-right:6vw}
.ogv-signup-story__copy>span,.ogv-signup-heading>span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ogv-signup-story__copy>span{color:#ead8ff}
.ogv-signup-story__copy h1{max-width:610px;margin:15px 0 20px;color:#fff;font-size:clamp(43px,4.4vw,68px);font-weight:750;line-height:1.04;letter-spacing:-.055em}
.ogv-signup-story__copy p{max-width:590px;margin:0;color:rgba(255,255,255,.8);font-size:18px;line-height:29px}
.ogv-signup-points{display:flex;flex-wrap:wrap;gap:11px 22px;margin-top:28px}
.ogv-signup-points span{display:flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:650}
.ogv-signup-points re-icon{color:#d7b5ff}
.ogv-signup-preview{position:relative;z-index:2;width:min(820px,94%);margin-top:auto;border:1px solid rgba(255,255,255,.3);border-bottom:0;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -8px 50px rgba(28,0,53,.24);overflow:hidden;transform:translateY(18%)}
.ogv-signup-preview__bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 15px;border-bottom:1px solid #eee8f3;color:#6f5e7c;font-size:11px;font-weight:700}
.ogv-signup-preview__bar i{width:7px;height:7px;border-radius:50%;background:#e4d9eb}
.ogv-signup-preview__bar i:first-child{background:#a148f4}.ogv-signup-preview__bar span{margin-left:7px}
.ogv-signup-preview img{display:block;width:100%;height:auto}
.ogv-signup-panel{position:relative;z-index:3;min-width:0;margin-left:-40px;padding:46px 7vw 70px;border-radius:40px 0 0 40px;background:#fff;box-shadow:-24px 0 70px rgba(34,7,53,.13)}
.ogv-signup-brand{display:inline-block;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:29px;font-weight:800;letter-spacing:-.05em;text-decoration:none}
.ogv-signup-brand:hover{color:var(--ogv-primary);text-decoration:none}
.ogv-signup-form-wrap{width:100%;max-width:590px;margin:62px auto 0}
.ogv-signup-heading{margin-bottom:30px;text-align:center}
.ogv-signup-heading>span{color:var(--ogv-primary)}
.ogv-signup-heading h2{margin:10px 0 10px;color:#211927;font-size:35px;font-weight:750;line-height:1.15;letter-spacing:-.04em}
.ogv-signup-heading p{max-width:450px;margin:0 auto;color:#74677d;font-size:15px;line-height:23px}
.ogv-signup-alert{margin-bottom:22px;border:0;border-radius:14px;font-size:14px}
.ogv-signup-google{display:flex;justify-content:center;min-height:44px;margin-bottom:20px}
.ogv-signup-divider{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#998da1;font-size:12px}
.ogv-signup-divider:before,.ogv-signup-divider:after{content:"";flex:1;height:1px;background:#ebe6ef}
.ogv-signup-divider span{white-space:nowrap}
.ogv-signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.ogv-signup-field{grid-column:1/-1;margin:0}
.ogv-signup-field--first_name,.ogv-signup-field--last_name,.ogv-signup-field--firstname,.ogv-signup-field--lastname,.ogv-signup-field--password,.ogv-signup-field--password_again{grid-column:auto}
.ogv-signup-field .control-label{display:block;margin:0 0 8px;color:#302637;font-size:13px;font-weight:700}
.ogv-signup-input{position:relative;display:flex;align-items:center}
.ogv-signup-input re-icon{position:absolute;left:16px;z-index:2;color:#76677f;pointer-events:none}
.ogv-signup-input .form-control{width:100%;height:52px;padding:12px 15px 12px 48px;border:1px solid #e7e1eb;border-radius:14px;background:#fff;color:#211927;font-size:15px;box-shadow:0 2px 7px rgba(39,20,51,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.ogv-signup-input .form-control:hover{border-color:#d8cde0;background:#fefcff}
.ogv-signup-input .form-control:focus{border-color:var(--ogv-primary);background:#fff;box-shadow:0 0 0 4px rgba(148,58,248,.11)}
.ogv-signup-captcha{margin-top:20px;overflow:hidden}
.ogv-signup-agreement{margin:22px 0 0}
.ogv-signup-agreement label{display:flex;align-items:flex-start;gap:10px;margin:0;color:#6f6278;font-size:13px;font-weight:500;line-height:20px;cursor:pointer}
.ogv-signup-agreement input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--ogv-primary)}
.ogv-signup-agreement a,.ogv-signup-login a{color:var(--ogv-primary);font-weight:700;text-decoration:none}
.ogv-signup-submit{display:flex;align-items:center;justify-content:center;width:100%;height:54px;margin-top:24px;border:0;border-radius:100px;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));color:#fff;font-size:16px;font-weight:750;box-shadow:0 12px 26px rgba(92,21,155,.22);transition:transform .18s ease,box-shadow .18s ease}
.ogv-signup-submit:hover,.ogv-signup-submit:focus{background:linear-gradient(135deg,#310064,#8732db);color:#fff;transform:translateY(-1px);box-shadow:0 16px 32px rgba(92,21,155,.28)}
.ogv-signup-login{margin:20px 0 0;color:#7c6f85;font-size:14px;text-align:center}
.ogv-signup-page--rtl{direction:rtl}.ogv-signup-page--rtl .ogv-signup-input re-icon{right:16px;left:auto}.ogv-signup-page--rtl .ogv-signup-input .form-control{padding-right:48px;padding-left:15px}
@media(max-width:1199px){.ogv-signup-shell{grid-template-columns:minmax(0,1fr) minmax(540px,1fr)}.ogv-signup-panel{padding-right:5vw;padding-left:5vw}.ogv-signup-story{padding-left:5vw}.ogv-signup-story__copy h1{font-size:48px}}
@media(max-width:991px){
 .ogv-signup-page{min-height:0}
 .ogv-signup-shell{display:block;min-height:0;background:#fff}
 .ogv-signup-story{display:none}
 .ogv-signup-mobile-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;height:196px;padding:24px 20px 38px;background:radial-gradient(circle at 74% 20%,rgba(215,181,255,.45),transparent 28%),linear-gradient(145deg,#3b0078,#8a31dd);color:#fff;text-align:center}
 .ogv-signup-mobile-brand a{color:#fff;font-size:38px;font-weight:800;line-height:1;letter-spacing:-.06em;text-decoration:none}
 .ogv-signup-mobile-brand span{margin-top:14px;color:rgba(255,255,255,.76);font-size:13px}
 .ogv-signup-panel{min-height:0;margin:-28px 0 0;padding:34px 24px 34px;border-radius:28px 28px 0 0;box-shadow:0 -16px 42px rgba(35,8,54,.13)}
 .ogv-signup-brand{display:none}
 .ogv-signup-form-wrap{max-width:610px;margin:0 auto}
 .ogv-signup-heading{margin-bottom:27px}
 .ogv-signup-heading h2{font-size:29px}
}
@media(max-width:600px){
 .ogv-signup-mobile-brand{height:184px}
 .ogv-signup-panel{padding:32px 20px 28px}
 .ogv-signup-heading>span{font-size:11px}
 .ogv-signup-heading h2{font-size:27px}
 .ogv-signup-heading p{font-size:14px;line-height:21px}
 .ogv-signup-fields{grid-template-columns:1fr;gap:17px}
 .ogv-signup-field,.ogv-signup-field--first_name,.ogv-signup-field--last_name,.ogv-signup-field--firstname,.ogv-signup-field--lastname,.ogv-signup-field--password,.ogv-signup-field--password_again{grid-column:1}
 .ogv-signup-input .form-control{height:50px}
}

/* Full authenticated component polish */
.ogv-app-body .ogv-app-content .nav-tabs{display:flex;gap:6px;margin:0 0 18px;padding:6px;border:1px solid #e9e2ed;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(45,20,61,.045);overflow-x:auto;scrollbar-width:none}
.ogv-app-body .ogv-app-content .nav-tabs>li{float:none;flex:0 0 auto;margin:0}.ogv-app-body .ogv-app-content .nav-tabs>li>a{margin:0;padding:9px 14px;border:0!important;border-radius:10px;color:#786d7e;font-size:10px;font-weight:800;white-space:nowrap}.ogv-app-body .ogv-app-content .nav-tabs>li.active>a{background:#efe0ff;color:#7115bd}
.ogv-app-body .ogv-app-content .alert{position:relative;padding:14px 44px 14px 16px;border:1px solid transparent;border-radius:14px;font-size:11px;line-height:18px;box-shadow:none}.ogv-app-body .ogv-app-content .alert-success{border-color:#cbead9;background:#effbf4;color:#28613f}.ogv-app-body .ogv-app-content .alert-danger{border-color:#f2d1d7;background:#fff3f5;color:#8e3342}.ogv-app-body .ogv-app-content .alert-info{border-color:#d8d8f4;background:#f5f4ff;color:#50478c}.ogv-app-body .ogv-app-content .alert .close{top:11px;right:13px;color:inherit;opacity:.55}
.ogv-app-body .ogv-app-content .label,.ogv-app-body .ogv-app-content .badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#f0e3fc;color:#7218bc;font-size:8px;font-weight:850;letter-spacing:.045em}
.ogv-app-body .ogv-app-content .pagination{display:flex;gap:6px;margin:18px 0 0}.ogv-app-body .ogv-app-content .pagination>li>a,.ogv-app-body .ogv-app-content .pagination>li>span{display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid #e8e0ec;border-radius:10px;background:#fff;color:#746979;font-size:10px;font-weight:800}.ogv-app-body .ogv-app-content .pagination>.active>a{border-color:#7a1dc9;background:#7a1dc9;color:#fff}
.ogv-app-body .ogv-app-content .modal-content{border:0;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(30,8,44,.25);overflow:hidden}.ogv-app-body .ogv-app-content .modal-header{padding:20px 22px;border-color:#eee7f1;background:#fcf9ff}.ogv-app-body .ogv-app-content .modal-title{color:#2b2130;font-size:18px;font-weight:800}.ogv-app-body .ogv-app-content .modal-body{padding:22px}.ogv-app-body .ogv-app-content .modal-footer{padding:16px 22px;border-color:#eee7f1;background:#fcfafc}
.ogv-app-body .ogv-app-content input[type=checkbox]{width:17px;height:17px;margin-top:1px;accent-color:#8430d3}.ogv-app-body .ogv-app-content .input-group-addon{border-color:#e6dfea;border-radius:12px 0 0 12px;background:#f9f5fc;color:#7d7084}.ogv-app-body .ogv-app-content .input-group-btn>.btn{min-height:46px;border-radius:0 12px 12px 0}
.ogv-app-body .ogv-app-content .dropdown-menu{padding:7px;border:1px solid #e8dfed;border-radius:13px;background:#fff;box-shadow:0 16px 38px rgba(39,15,54,.14)}.ogv-app-body .ogv-app-content .dropdown-menu>li>a{padding:9px 11px;border-radius:9px;color:#675b6d;font-size:10px;font-weight:700}.ogv-app-body .ogv-app-content .dropdown-menu>li>a:hover{background:#f5eaff;color:#7115bd}
.ogv-empty-state{display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:38px 24px;border:1px solid #e9e1ed;border-radius:22px;background:radial-gradient(circle at 50% 10%,rgba(215,181,255,.22),transparent 40%),#fff;text-align:center;box-shadow:0 14px 34px rgba(45,20,61,.06)}
.ogv-empty-state__icon{display:grid;width:64px;height:64px;place-items:center;border:1px solid #e4d3ef;border-radius:20px;background:linear-gradient(145deg,#f9f0ff,#ead7ff);color:#7419c2;box-shadow:0 12px 24px rgba(88,27,128,.1)}
.ogv-empty-state h3{margin:18px 0 7px;color:#2b2230;font-size:21px;font-weight:820;letter-spacing:-.035em}.ogv-empty-state p{max-width:440px;margin:0;color:#887b8f;font-size:12px;line-height:20px}.ogv-empty-state a{display:inline-flex;min-height:42px;align-items:center;gap:8px;margin-top:18px;padding:0 17px;border-radius:12px;background:linear-gradient(135deg,#3b0078,#943af8);color:#fff!important;font-size:10px;font-weight:800;text-decoration:none!important;box-shadow:0 10px 21px rgba(76,12,130,.18)}
.ogv-page-notifications .ogv-app-content form,.ogv-page-account .ogv-app-content>.container>.row>div>.well,.ogv-page-massorder .ogv-app-content form{border-radius:20px}
.ogv-page-notifications .ogv-table-scroll>.table{width:100%!important;min-width:100%!important}.ogv-page-notifications .ogv-table-scroll>.table th:last-child,.ogv-page-notifications .ogv-table-scroll>.table td:last-child{width:92px;text-align:center}
@media(max-width:600px){.ogv-empty-state{min-height:240px;padding:30px 18px;border-radius:19px}.ogv-empty-state__icon{width:56px;height:56px;border-radius:17px}.ogv-empty-state h3{font-size:18px}.ogv-app-body .ogv-app-content .modal-dialog{margin:12px}.ogv-app-body .ogv-app-content .modal-body{padding:18px}}

/* Hash-driven Famsup-style sign-in view */
.ogv-login-modal{position:fixed;inset:0;z-index:9999;display:block;padding:0;overflow-x:hidden;overflow-y:auto;background:#fff;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}
.ogv-login-modal.is-open{visibility:visible;opacity:1}
.ogv-signin-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(620px,1fr);min-height:100vh;background:#fff}
.ogv-signin-story{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;min-height:720px;padding:72px 0 0 6vw;overflow:hidden;background:radial-gradient(circle at 22% 10%,rgba(215,181,255,.33),transparent 28%),radial-gradient(circle at 86% 83%,rgba(86,11,151,.62),transparent 36%),linear-gradient(145deg,#3b0078 0%,#6815b5 52%,#9a42ef 100%);color:#fff}
.ogv-signin-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 84%);pointer-events:none}
.ogv-signin-story__glow{position:absolute;top:-150px;right:-120px;width:450px;height:450px;border-radius:50%;background:rgba(255,255,255,.13);filter:blur(76px)}
.ogv-signin-story__copy{position:relative;z-index:2;max-width:660px;padding-right:6vw}
.ogv-signin-story__copy>span,.ogv-signin-heading>span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ogv-signin-story__copy>span{color:#ead8ff}
.ogv-signin-story__copy h2{max-width:610px;margin:15px 0 20px;color:#fff;font-size:clamp(43px,4.4vw,68px);font-weight:750;line-height:1.04;letter-spacing:-.055em}
.ogv-signin-story__copy p{max-width:590px;margin:0;color:rgba(255,255,255,.8);font-size:18px;line-height:29px}
.ogv-signin-points{display:flex;flex-wrap:wrap;gap:11px 22px;margin-top:28px}
.ogv-signin-points span{display:flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:650}
.ogv-signin-points re-icon{color:#d7b5ff}
.ogv-signin-preview{position:relative;z-index:2;width:min(820px,94%);margin-top:auto;border:1px solid rgba(255,255,255,.32);border-bottom:0;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -8px 50px rgba(28,0,53,.25);overflow:hidden;transform:translateY(18%)}
.ogv-signin-preview__bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 15px;border-bottom:1px solid #eee8f3;color:#6f5e7c;font-size:11px;font-weight:700}
.ogv-signin-preview__bar i{width:7px;height:7px;border-radius:50%;background:#e4d9eb}.ogv-signin-preview__bar i:first-child{background:#a148f4}.ogv-signin-preview__bar span{margin-left:7px}
.ogv-signin-preview img{display:block;width:100%;height:auto}
.ogv-signin-panel{position:relative;z-index:3;min-width:0;margin-left:-40px;padding:46px 7vw 70px;border-radius:40px 0 0 40px;background:#fff;box-shadow:-24px 0 70px rgba(34,7,53,.13)}
.ogv-signin-brand{display:inline-block;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:29px;font-weight:800;letter-spacing:-.05em;text-decoration:none}
.ogv-signin-brand:hover{color:var(--ogv-primary);text-decoration:none}
.ogv-signin-mobile-brand{display:none}
.ogv-signin-close{position:absolute;top:43px;right:44px;display:flex;align-items:center;justify-content:center;gap:8px;min-width:112px;height:42px;padding:0 16px;border:1px solid #e9e2ee;border-radius:100px;background:#fff;color:#62576a;font-size:13px;font-weight:700;box-shadow:0 6px 18px rgba(43,18,59,.055);cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.ogv-signin-close:hover{border-color:#d4c4df;color:var(--ogv-primary);transform:translateY(-1px);box-shadow:0 10px 24px rgba(43,18,59,.09)}
.ogv-signin-close re-icon{display:block}
.ogv-signin-form-wrap{width:100%;max-width:590px;margin:62px auto 0}
.ogv-signin-heading{margin-bottom:30px;text-align:center}
.ogv-signin-heading>span{color:var(--ogv-primary)}
.ogv-signin-heading h2{margin:10px 0;color:#211927;font-size:35px;font-weight:750;line-height:1.15;letter-spacing:-.04em}
.ogv-signin-heading p{max-width:450px;margin:0 auto;color:#74677d;font-size:15px;line-height:23px}
.ogv-login-modal .ogv-google-signin{display:flex;justify-content:center;min-height:44px;margin-bottom:20px;overflow:visible}
.ogv-login-modal .ogv-google-signin>div{max-width:100%}
.ogv-login-modal .ogv-divider{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#998da1;font-size:12px}
.ogv-login-modal .ogv-divider:before,.ogv-login-modal .ogv-divider:after{content:"";flex:1;height:1px;background:#ebe6ef}
.ogv-login-modal .ogv-divider span{padding:0;white-space:nowrap}
.ogv-login-modal .ogv-field{gap:0;margin:0 0 18px}
.ogv-login-modal .ogv-field .control-label{display:block;margin:0 0 8px;color:#302637;font-size:13px;font-weight:700}
.ogv-login-modal .ogv-field__input{position:relative;display:flex;align-items:center}
.ogv-login-modal .ogv-field__input re-icon{position:absolute;left:16px;z-index:2;color:#76677f;pointer-events:none}
.ogv-login-modal .ogv-field__input .form-control{width:100%;height:54px;padding:12px 15px 12px 48px;border:1px solid #e7e1eb;border-radius:14px;background:#fff;color:#211927;font-size:15px;box-shadow:0 2px 7px rgba(39,20,51,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.ogv-login-modal .ogv-field__input .form-control:hover{border-color:#d8cde0;background:#fefcff}
.ogv-login-modal .ogv-field__input .form-control:focus{border-color:var(--ogv-primary);background:#fff;box-shadow:0 0 0 4px rgba(148,58,248,.11)}
.ogv-login-modal .ogv-forgot{margin-top:10px;text-align:left}
.ogv-login-modal .ogv-forgot a{color:#74677d;font-size:14px;text-decoration:none}
.ogv-login-modal .ogv-forgot a:hover{color:var(--ogv-primary)}
.ogv-login-modal .ogv-submit{height:54px;margin-top:8px;border-radius:100px;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));font-size:16px;font-weight:750;box-shadow:0 12px 26px rgba(92,21,155,.22)}
.ogv-login-modal .ogv-login-footer{margin:18px 0 0;color:#7c6f85;font-size:14px}
.ogv-login-modal .ogv-login-footer a{color:var(--ogv-primary);font-weight:700;text-decoration:none}
.ogv-signin-assurance{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px;padding-top:22px;border-top:1px solid #eee9f1;color:#82758b;font-size:12px;font-weight:650}
.ogv-signin-assurance span{display:flex;align-items:center;gap:6px}.ogv-signin-assurance re-icon{color:var(--ogv-primary)}
.ogv-modal-open{overflow:hidden!important}
body:has(.ogv-login-modal.is-open) .navbar{visibility:hidden}
.ogv-home--rtl .ogv-login-modal .ogv-field__input re-icon{right:16px;left:auto}.ogv-home--rtl .ogv-login-modal .ogv-field__input .form-control{padding-right:48px;padding-left:15px}
@media(max-width:1199px){.ogv-signin-shell{grid-template-columns:minmax(0,1fr) minmax(540px,1fr)}.ogv-signin-panel{padding-right:5vw;padding-left:5vw}.ogv-signin-story{padding-left:5vw}.ogv-signin-story__copy h2{font-size:48px}}
@media(max-width:991px){
 .ogv-signin-shell{display:block;min-height:0;background:#fff}
 .ogv-signin-story{display:none}
 .ogv-signin-mobile-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;height:196px;padding:24px 20px 38px;background:radial-gradient(circle at 74% 20%,rgba(215,181,255,.45),transparent 28%),linear-gradient(145deg,#3b0078,#8a31dd);color:#fff;text-align:center}
 .ogv-signin-mobile-brand a{color:#fff;font-size:38px;font-weight:800;line-height:1;letter-spacing:-.06em;text-decoration:none}
 .ogv-signin-mobile-brand span{margin-top:14px;color:rgba(255,255,255,.76);font-size:13px}
 .ogv-signin-panel{min-height:0;margin:-28px 0 0;padding:34px 24px 34px;border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -16px 42px rgba(35,8,54,.13)}
 .ogv-signin-brand{display:none}
 .ogv-signin-close{top:18px;right:18px;min-width:42px;width:42px;padding:0;border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.14);color:#fff;box-shadow:none}
 .ogv-signin-close span{display:none}
 .ogv-signin-form-wrap{max-width:610px;margin:0 auto}
 .ogv-signin-heading{margin-bottom:28px}
 .ogv-signin-heading h2{font-size:29px}
}
@media(max-width:600px){
 .ogv-signin-panel{padding:32px 20px 28px}
 .ogv-signin-mobile-brand{height:184px}
 .ogv-signin-heading>span{font-size:11px}
 .ogv-signin-heading h2{font-size:27px}
 .ogv-signin-heading p{font-size:14px;line-height:21px}
 .ogv-login-modal .ogv-field__input .form-control{height:50px}
 .ogv-signin-assurance{gap:18px;margin-top:24px;padding-top:20px}
}

/* Desktop homepage refinement: header, feature artwork, and footer wordmark */
body:has(.ogv-home) .navbar{position:relative!important;top:auto!important}
.ogv-feature-visual--dashboard,.ogv-feature-visual--wallet,.ogv-feature-visual--analytics,.ogv-feature-visual--services{background-image:url('https://storage.perfectcdn.com/1k3ejy/nqi8q8c8a4sh6ofu.png');background-repeat:no-repeat;background-size:200% auto}
.ogv-feature-visual--dashboard{background-position:0 0}
.ogv-feature-visual--wallet{background-position:100% 0}
.ogv-feature-visual--analytics{background-position:0 100%}
.ogv-feature-visual--services{background-position:100% 100%}
@media(min-width:768px){
 body:has(.ogv-home) .navbar-toggle.ogv-reicon-toggle{display:none!important}
 .ogv-feature-card .ogv-feature-visual{right:24px;bottom:22px;left:24px;height:57%;border:1px solid #e8e0ed;border-radius:19px;background-color:#faf7fd;box-shadow:0 18px 34px rgba(51,20,72,.11),0 3px 10px rgba(38,16,53,.055),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden}
 .ogv-feature-card--dashboard .ogv-feature-visual{height:58%}
 .ogv-feature-card--analytics .ogv-feature-visual,.ogv-feature-card--services .ogv-feature-visual{height:53%}
 .ogv-footer-wordmark{width:100%;margin:28px 0 0;padding:0 0 24px;font-size:clamp(94px,12vw,172px);line-height:.82;letter-spacing:-.075em;transform:none}
}
@media(max-width:767px){
 .ogv-feature-visual--dashboard,.ogv-feature-visual--wallet,.ogv-feature-visual--analytics,.ogv-feature-visual--services{background-size:200% auto}
 .ogv-feature-visual--dashboard{background-position:0 0}
 .ogv-feature-visual--wallet{background-position:100% 0}
 .ogv-feature-visual--analytics{background-position:0 100%}
 .ogv-feature-visual--services{background-position:100% 100%}
}

/* Authenticated dashboard live-markup corrections */
.ogv-app-topbar__title>div{min-width:0}
.ogv-app-topbar__title>div>span{display:block;color:#a094a5;font-size:9px;font-weight:800;letter-spacing:.09em;line-height:1.2;text-transform:uppercase}
.ogv-app-topbar__title h1{margin:3px 0 0;color:#241b29;font-size:16px;font-weight:800;letter-spacing:-.025em;line-height:1.15}
.ogv-app-user>span:not(.ogv-app-user__avatar){display:flex;min-width:0;max-width:145px;flex-direction:column}
.ogv-app-user>span:not(.ogv-app-user__avatar) b{overflow:hidden;color:#302637;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.ogv-app-user>span:not(.ogv-app-user__avatar) small{color:#9d92a1;font-size:9px;line-height:1.25}
.ogv-service-pills{display:flex;max-width:100%;gap:8px;overflow-x:auto;margin:21px 0 20px;padding:1px 0 4px;scrollbar-width:none}
.ogv-service-pills::-webkit-scrollbar{display:none}
.ogv-service-pills button{display:inline-flex!important;width:auto!important;height:38px!important;min-height:38px!important;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;margin:0!important;padding:0 13px!important;border:1px solid #e9e1ed!important;border-radius:12px!important;background:#fff!important;color:#746a79!important;font-family:inherit;font-size:11px!important;font-weight:750!important;line-height:1!important;box-shadow:none!important;white-space:nowrap}
.ogv-service-pills button img{display:block!important;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;object-fit:contain}
.ogv-service-pills button re-icon{display:block;flex:0 0 auto;color:#943af8}
.ogv-service-pills button.is-active{border-color:#e1c8fb!important;background:#f3e7ff!important;color:#7211c8!important;box-shadow:inset 0 0 0 1px rgba(148,58,248,.04)!important}
@media(max-width:767px){
 .ogv-app-topbar__title{flex:0 0 auto}
 .ogv-app-topbar__title>div{display:none!important}
 .ogv-app-topbar__actions{min-width:0;margin-left:auto}
 .ogv-app-user{width:38px;min-width:38px;padding:0!important}
 .ogv-app-user>span:not(.ogv-app-user__avatar),.ogv-app-user>re-icon{display:none!important}
 .ogv-service-pills{width:100%;margin:18px 0 17px;padding-right:1px}
 .ogv-service-pills button{height:36px!important;min-height:36px!important;padding:0 11px!important;border-radius:11px!important;font-size:10px!important}
 .ogv-service-pills button img{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important}
}

/* Sidebar navigation refinement with Reicons */
.ogv-app-nav__icon{display:none!important}
.ogv-app-nav__link{gap:10px;padding:7px 10px;border-radius:14px}
.ogv-app-nav__link>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ogv-app-nav__reicon{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border:1px solid #eee7f2;border-radius:10px;background:#faf8fc;color:#817486;transition:.2s ease}
.ogv-app-nav__link:hover .ogv-app-nav__reicon{border-color:#e2d0f4;background:#f2e7fc;color:#7214c7}
.ogv-app-nav__link.is-active .ogv-app-nav__reicon{border-color:transparent;background:linear-gradient(135deg,#5c079f,#943af8);color:#fff;box-shadow:0 6px 15px rgba(102,13,178,.2)}
.ogv-app-nav__link>b{width:6px;height:6px;margin-left:auto;border-radius:50%;background:transparent}
.ogv-app-nav__link.is-active>b{background:#943af8;box-shadow:0 0 0 4px rgba(148,58,248,.1)}
.ogv-app-sidebar__account{display:flex;flex-direction:column;gap:3px;margin:0 4px;padding:13px 0 0;border-top:1px solid #f0eaf2}
.ogv-app-sidebar__account a{display:flex;min-height:39px;align-items:center;gap:10px;padding:7px 10px;border-radius:11px;color:#776d7b!important;font-size:11px;font-weight:750;text-decoration:none!important}
.ogv-app-sidebar__account a:hover{background:#faf7fc;color:#6711b6!important}
.ogv-app-sidebar__account re-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:9px;background:#f7f1fa;color:#8a579e}
@media(min-width:992px){
 .ogv-app-sidebar{width:260px;padding:22px 14px 18px}
 .ogv-app-main{margin-left:260px}
 .ogv-app-sidebar__head{padding:4px 11px 24px}
 .ogv-app-nav{padding-right:3px;padding-left:3px}
 .ogv-app-sidebar__support{margin-right:3px;margin-left:3px}
}
@media(max-width:991px){
 .ogv-app-sidebar{width:286px;padding-right:16px;padding-left:16px}
 .ogv-app-nav__link{min-height:49px}
}

/* Clean Owlet-inspired workspace navigation and authenticated inner pages */
.ogv-workspace-shortcuts{margin:0 0 28px;padding:25px;border:1px solid #ebe4ef;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#fcf9ff 100%);box-shadow:0 16px 36px rgba(48,22,65,.065)}
.ogv-workspace-shortcuts__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:19px}
.ogv-workspace-shortcuts__head span,.ogv-app-section-head__copy>span{color:#943af8;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.ogv-workspace-shortcuts__head h3{margin:5px 0 0;color:#251c2a;font-size:22px;font-weight:800;letter-spacing:-.035em}
.ogv-workspace-shortcuts__head p{max-width:330px;margin:0;color:#86798d;font-size:12px;line-height:19px;text-align:right}
.ogv-workspace-shortcuts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.ogv-workspace-shortcut{position:relative;display:flex;min-height:126px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:17px;border:1px solid #ece5f0;border-radius:18px;background:#fff;color:#2b2230!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(41,17,57,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ogv-workspace-shortcut:hover{border-color:#ddc6ef;box-shadow:0 14px 28px rgba(70,19,103,.1);transform:translateY(-2px)}
.ogv-workspace-shortcut re-icon{position:absolute;top:15px;left:15px;display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:#f5ebff;color:#7b1bce}
.ogv-workspace-shortcut strong{font-size:13px;font-weight:800;line-height:1.25}.ogv-workspace-shortcut small{margin-top:3px;color:#9b8fa1;font-size:9px;font-weight:650}
.ogv-workspace-shortcut.is-primary{border-color:transparent;background:linear-gradient(145deg,#3b0078,#943af8);color:#fff!important;box-shadow:0 13px 25px rgba(82,12,142,.2)}
.ogv-workspace-shortcut.is-primary re-icon{background:rgba(255,255,255,.15);color:#fff}.ogv-workspace-shortcut.is-primary small{color:rgba(255,255,255,.7)}
.ogv-app-section-head{display:flex;align-items:center;gap:16px;max-width:1180px;margin:0 auto 20px;padding:20px 22px;border:1px solid #e9e2ed;border-radius:20px;background:linear-gradient(135deg,#fff,#fbf7ff);box-shadow:0 10px 28px rgba(47,22,63,.055)}
.ogv-app-section-head__icon{display:grid;width:49px;height:49px;flex:0 0 49px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#3b0078,#943af8);color:#fff;box-shadow:0 10px 22px rgba(86,15,148,.2)}
.ogv-app-section-head h2{margin:4px 0 2px;color:#281f2e;font-size:22px;font-weight:820;letter-spacing:-.035em}.ogv-app-section-head p{margin:0;color:#887d8e;font-size:12px;line-height:18px}
.ogv-app-body .ogv-app-content>.container,.ogv-app-body .ogv-app-content>.container-fluid{width:100%;max-width:1180px;margin-right:auto;margin-left:auto;padding:0}
.ogv-app-body .ogv-app-content .well,.ogv-app-body .ogv-app-content .panel{border:1px solid #e9e2ed;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(45,20,61,.06);overflow:hidden}
.ogv-app-body .ogv-app-content .well,.ogv-app-body .ogv-app-content .well-float,.ogv-app-body .ogv-app-content .panel,.ogv-app-body .ogv-app-content .panel-body{float:none!important;width:100%!important;min-width:0!important;max-width:100%!important}
.ogv-app-body .ogv-app-content .panel-heading{padding:18px 20px;border-color:#eee7f1;background:#fcf9ff;color:#302536;font-weight:800}
.ogv-app-body .ogv-app-content .panel-body,.ogv-app-body .ogv-app-content .well{padding:20px}
.ogv-app-body .ogv-app-content .form-control{min-height:46px;padding:10px 13px;border:1px solid #e6dfea;border-radius:12px;background:#fff;color:#302636;box-shadow:none}
.ogv-app-body .ogv-app-content textarea.form-control{min-height:180px;resize:vertical}.ogv-app-body .ogv-app-content .form-control:focus{border-color:#a052eb;box-shadow:0 0 0 4px rgba(148,58,248,.1)}
.ogv-app-body .ogv-app-content .control-label{margin-bottom:7px;color:#4f4455;font-size:11px;font-weight:800;letter-spacing:.025em}
.ogv-app-body .ogv-app-content .btn-primary{min-height:44px;padding:10px 19px;border:0;border-radius:12px;background:linear-gradient(135deg,#3b0078,#943af8);font-weight:800;box-shadow:0 10px 22px rgba(81,15,137,.18)}
.ogv-app-body .ogv-app-content .table-responsive{border:0;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(45,20,61,.055);overflow:auto}
.ogv-app-body .ogv-app-content .ogv-table-scroll{width:100%;max-width:100%;border:1px solid #ebe4ef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(45,20,61,.055);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.ogv-app-body .ogv-app-content .table{margin:0;border-collapse:separate;border-spacing:0;background:#fff;color:#514657;font-size:11px}
.ogv-app-body .ogv-app-content .table>thead>tr>th{padding:14px 13px;border-bottom:1px solid #e8e0ec;background:#faf7fc;color:#7a6e80;font-size:9px;font-weight:850;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}
.ogv-app-body .ogv-app-content .table>tbody>tr>td{padding:14px 13px;border-top:1px solid #f1ebf3;vertical-align:middle}.ogv-app-body .ogv-app-content .table>tbody>tr:hover>td{background:#fdfaff}
.ogv-app-body .ogv-app-content .nav-pills{display:flex;gap:7px;margin:0 0 16px;padding:7px;border:1px solid #eae3ed;border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(45,20,61,.045);overflow-x:auto;scrollbar-width:none}
.ogv-app-body .ogv-app-content .nav-pills>li{float:none;flex:0 0 auto}.ogv-app-body .ogv-app-content .nav-pills>li>a{padding:9px 13px;border-radius:10px;color:#756a7a;font-size:10px;font-weight:800;white-space:nowrap}.ogv-app-body .ogv-app-content .nav-pills>li.active>a{background:#f0e0ff;color:#7015bc}
.ogv-page-api .ogv-app-content pre{padding:18px;border:1px solid #ddd2e4;border-radius:15px;background:#24142f;color:#eadcff;font-size:11px;line-height:1.65;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ogv-page-api .ogv-app-content .table-bordered{border:1px solid #e8e0ec!important;border-radius:14px;overflow:hidden}
@media(max-width:991px){
 .ogv-app-sidebar{width:min(92vw,390px);padding:18px 18px 20px}.ogv-app-sidebar__head{padding:3px 3px 17px}.ogv-app-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0}.ogv-app-nav__label{grid-column:1/-1;margin:0 3px 1px}
 .ogv-app-nav__link{position:relative;display:flex;min-height:104px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;padding:13px;border:1px solid #ebe4ef;border-radius:17px;background:#fff;box-shadow:0 8px 18px rgba(45,20,61,.05)}
 .ogv-app-nav__link>span{font-size:12px;font-weight:800;white-space:normal}.ogv-app-nav__reicon{position:absolute;top:12px;left:12px;width:36px;height:36px;flex-basis:36px;border-radius:11px}.ogv-app-nav__link>b{position:absolute;top:14px;right:14px;margin:0}
 .ogv-app-sidebar__support{margin:14px 0 0}.ogv-app-sidebar__account{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 0;padding-top:12px}.ogv-app-sidebar__account a{justify-content:center;padding:6px}
 .ogv-workspace-shortcuts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ogv-workspace-shortcuts__head{align-items:flex-start}.ogv-workspace-shortcuts__head p{display:none}
 .ogv-app-section-head{margin-bottom:16px}.ogv-app-body .ogv-app-content>.container,.ogv-app-body .ogv-app-content>.container-fluid{padding:0}
}
@media(max-width:600px){
 .ogv-workspace-shortcuts{padding:17px;border-radius:21px}.ogv-workspace-shortcuts__head{margin-bottom:14px}.ogv-workspace-shortcuts__head h3{font-size:19px}.ogv-workspace-shortcuts__grid{gap:9px}.ogv-workspace-shortcut{min-height:112px;padding:14px;border-radius:16px}.ogv-workspace-shortcut re-icon{top:12px;left:12px;width:36px;height:36px}.ogv-workspace-shortcut strong{font-size:12px}.ogv-workspace-shortcut small{font-size:8px}
 .ogv-app-section-head{gap:12px;padding:16px;border-radius:17px}.ogv-app-section-head__icon{width:43px;height:43px;flex-basis:43px;border-radius:13px}.ogv-app-section-head h2{font-size:18px}.ogv-app-section-head p{font-size:10px;line-height:15px}
 .ogv-app-body .ogv-app-content .well,.ogv-app-body .ogv-app-content .panel-body{padding:15px}.ogv-app-body .ogv-app-content .table{min-width:650px}
}

/* Flat authenticated UI: open spacing, dividers, and typography instead of card stacks */
.ogv-app-body .ogv-app-content{background:#fbfafd}
.ogv-app-body .ogv-app-section-head{gap:13px;margin-bottom:28px;padding:0 0 19px!important;border:0!important;border-bottom:1px solid #e6dfe9!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ogv-app-body .ogv-app-section-head__icon{width:38px;height:38px;flex-basis:38px;border-radius:11px;box-shadow:none}
.ogv-app-body .ogv-app-section-head h2{font-size:25px}.ogv-app-body .ogv-app-section-head p{font-size:11px}
.ogv-app-body .ogv-app-content .well,.ogv-app-body .ogv-app-content .well-float,.ogv-app-body .ogv-app-content .panel,.ogv-app-body .ogv-app-content .panel-body{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.ogv-app-body .ogv-app-content .well,.ogv-app-body .ogv-app-content .panel-body{padding:0!important}
.ogv-app-body .ogv-app-content .panel{margin-bottom:30px;border-bottom:1px solid #e8e1ea!important}.ogv-app-body .ogv-app-content .panel-heading{padding:0 0 13px;border:0;background:transparent;font-size:15px}.ogv-app-body .ogv-app-content .panel-body{padding:0 0 26px!important}
.ogv-app-body .ogv-app-content .ogv-table-scroll,.ogv-app-body .ogv-app-content .table-responsive{border:0!important;border-top:1px solid #ded6e2!important;border-bottom:1px solid #ded6e2!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ogv-app-body .ogv-app-content .table{background:transparent!important}.ogv-app-body .ogv-app-content .table>thead>tr>th{padding:13px 10px;border-bottom:1px solid #ded6e2;background:transparent!important}.ogv-app-body .ogv-app-content .table>tbody>tr>td{padding:15px 10px;background:transparent!important}.ogv-app-body .ogv-app-content .table>tbody>tr:hover>td{background:rgba(148,58,248,.025)!important}
.ogv-app-body .ogv-app-content .nav-pills,.ogv-app-body .ogv-app-content .nav-tabs{gap:21px;margin-bottom:24px;padding:0 0 1px!important;border:0!important;border-bottom:1px solid #e1dae5!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ogv-app-body .ogv-app-content .nav-pills>li>a,.ogv-app-body .ogv-app-content .nav-tabs>li>a{position:relative;padding:10px 1px 12px!important;border-radius:0!important;background:transparent!important;color:#847889}.ogv-app-body .ogv-app-content .nav-pills>li.active>a,.ogv-app-body .ogv-app-content .nav-tabs>li.active>a{color:#6710b2!important}.ogv-app-body .ogv-app-content .nav-pills>li.active>a:after,.ogv-app-body .ogv-app-content .nav-tabs>li.active>a:after{position:absolute;right:0;bottom:-2px;left:0;height:2px;background:#7d20c9;content:""}
.ogv-empty-state{min-height:300px;padding:44px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ogv-empty-state__icon{width:50px;height:50px;border:0;border-radius:50%;background:#f0e2fb;box-shadow:none}.ogv-empty-state h3{font-size:20px}.ogv-empty-state a{border-radius:10px;box-shadow:none}
.ogv-workspace-shortcuts{margin-bottom:34px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ogv-workspace-shortcuts__head{padding-bottom:14px;border-bottom:1px solid #e4dce7}.ogv-workspace-shortcuts__grid{gap:0;border-bottom:1px solid #e4dce7}.ogv-workspace-shortcut{min-height:110px;padding:55px 13px 14px!important;border:0!important;border-right:1px solid #e8e1ea!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}.ogv-workspace-shortcut:nth-child(4n){border-right:0!important}.ogv-workspace-shortcut re-icon{top:13px;left:13px;width:32px;height:32px;border-radius:9px;background:#f0e3fb}.ogv-workspace-shortcut.is-primary{color:#2b2230!important}.ogv-workspace-shortcut.is-primary re-icon{background:#6f13bd;color:#fff}.ogv-workspace-shortcut.is-primary small{color:#9b8fa1}
.ogv-dashboard-stats{gap:0;margin-bottom:34px;border-top:1px solid #e3dce6;border-bottom:1px solid #e3dce6}.ogv-dashboard-stat,.ogv-dashboard-stat--balance,.ogv-dashboard-stat--status,.ogv-dashboard-stat--orders{min-height:146px;padding:22px!important;border:0!important;border-right:1px solid #e5dee8!important;border-radius:0!important;background:transparent!important;color:#281d2e!important;box-shadow:none!important}.ogv-dashboard-stat:last-child{border-right:0!important}.ogv-dashboard-stat:before,.ogv-dashboard-stat:after{display:none!important}.ogv-dashboard-stat__icon,.ogv-dashboard-stat--balance .ogv-dashboard-stat__icon{width:35px;height:35px;margin-bottom:18px;border-radius:10px;background:#f0e3fb;color:#7418c0;box-shadow:none}.ogv-dashboard-stat>span,.ogv-dashboard-stat--balance>span{color:#95899a}.ogv-dashboard-stat strong,.ogv-dashboard-stat--balance strong{color:#281d2e;font-size:23px}.ogv-dashboard-stat__actions a{background:#eee0fa;color:#7216bc!important;box-shadow:none}
.ogv-order-card,.ogv-order-guide{padding-right:0!important;padding-left:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ogv-order-card__header{border-color:#e4dce7}.ogv-order-guide{border-top:1px solid #e4dce7!important;padding-top:23px!important}.ogv-order-help{border-radius:0!important;box-shadow:none!important}
@media(max-width:991px){.ogv-app-sidebar{width:min(86vw,330px);padding:18px}.ogv-app-nav{display:block}.ogv-app-nav__label{display:block;margin:0 8px 8px}.ogv-app-nav__link{display:flex;min-height:55px;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;padding:8px 5px!important;border:0!important;border-bottom:1px solid #eee8f0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ogv-app-nav__link>span{font-size:11px}.ogv-app-nav__reicon{position:static;width:33px;height:33px;flex-basis:33px;border:0;border-radius:9px}.ogv-app-nav__link>b{top:24px;right:5px}.ogv-app-sidebar__support{padding:18px 4px!important;border:0!important;border-bottom:1px solid #eee8f0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ogv-app-sidebar__account{display:block}.ogv-app-sidebar__account a{justify-content:flex-start;border-bottom:1px solid #f0ebf2;border-radius:0}.ogv-dashboard-stats{grid-template-columns:1fr 1fr}.ogv-dashboard-stat--orders{grid-column:1/-1;border-top:1px solid #e5dee8!important}.ogv-workspace-shortcut:nth-child(2n){border-right:0!important}.ogv-workspace-shortcut:nth-child(n+3){border-top:1px solid #e8e1ea!important}}
@media(max-width:600px){.ogv-app-body .ogv-app-section-head{margin-bottom:22px;padding-bottom:16px!important}.ogv-app-body .ogv-app-section-head h2{font-size:21px}.ogv-dashboard-stats{grid-template-columns:1fr}.ogv-dashboard-stat,.ogv-dashboard-stat--orders{grid-column:auto;border-right:0!important;border-top:1px solid #e5dee8!important}.ogv-dashboard-stat:first-child{border-top:0!important}.ogv-order-card{padding-top:0!important}.ogv-empty-state{min-height:250px}.ogv-workspace-shortcut{min-height:98px;padding:49px 10px 12px!important}.ogv-workspace-shortcut re-icon{top:10px;left:10px}}

/* Reference-balanced authenticated UI: Famsup structure with selective Owlet-style surfaces */
.ogv-app-body .ogv-app-content{background:#f8f6fa}
.ogv-workspace-shortcuts{display:none!important}
.ogv-dashboard-stats{display:grid;grid-template-columns:1.08fr .96fr .96fr;gap:16px;margin-bottom:26px;border:0!important}
.ogv-dashboard-stat,.ogv-dashboard-stat--status,.ogv-dashboard-stat--orders{min-height:156px;padding:22px!important;border:1px solid #ebe4ef!important;border-radius:22px!important;background:#fff!important;color:#2b2130!important;box-shadow:0 12px 30px rgba(47,20,62,.07)!important}
.ogv-dashboard-stat--balance{border-color:#430579!important;background:linear-gradient(140deg,#2f0058 0%,#5900a0 58%,#8c35e3 100%)!important;color:#fff!important;box-shadow:0 17px 34px rgba(69,4,120,.2)!important}.ogv-dashboard-stat--status{background:linear-gradient(145deg,#fff,#f4e9fb)!important}.ogv-dashboard-stat--orders{background:linear-gradient(145deg,#fff,#faf7fc)!important}
.ogv-dashboard-stat:before,.ogv-dashboard-stat:after{display:block!important}.ogv-dashboard-stat__icon{width:38px;height:38px;margin-bottom:20px;border-radius:12px;background:#f0e3fb;color:#7418c0}.ogv-dashboard-stat--balance .ogv-dashboard-stat__icon{background:rgba(255,255,255,.14);color:#fff}.ogv-dashboard-stat--balance>span{color:rgba(255,255,255,.67)}.ogv-dashboard-stat--balance strong{color:#fff;font-size:27px}.ogv-dashboard-stat__actions a{background:rgba(255,255,255,.15);color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.ogv-order-card{padding:27px 29px 30px!important;border:1px solid #e9e2ed!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 34px rgba(47,20,62,.065)!important}.ogv-order-guide{padding:24px 21px!important;border:1px solid #e9e2ed!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 28px rgba(47,20,62,.055)!important}.ogv-order-help{border-radius:22px!important;box-shadow:0 14px 30px rgba(70,0,122,.17)!important}
.ogv-app-body .ogv-app-content .well,.ogv-app-body .ogv-app-content .well-float{padding:20px!important;border:1px solid #e8e1eb!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 30px rgba(45,20,61,.06)!important;overflow:hidden}.ogv-page-account .ogv-app-content .well,.ogv-page-notifications .ogv-app-content form,.ogv-page-massorder .ogv-app-content form{padding:22px!important;border:1px solid #e8e1eb;border-radius:20px!important;background:#fff;box-shadow:0 12px 30px rgba(45,20,61,.06)}
.ogv-app-body .ogv-app-content .panel{border:0!important;border-bottom:1px solid #e5dde8!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ogv-app-body .ogv-app-content .panel:last-child{border-bottom:0!important}
.ogv-app-body .ogv-app-content .ogv-table-scroll,.ogv-app-body .ogv-app-content .table-responsive{border:1px solid #e4dce7!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}.ogv-app-body .ogv-app-content .table>thead>tr>th{background:#faf7fc!important}
.ogv-app-body .ogv-app-content .nav-pills,.ogv-app-body .ogv-app-content .nav-tabs{gap:7px;padding:6px!important;border:1px solid #e8e1eb!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}.ogv-app-body .ogv-app-content .nav-pills>li>a,.ogv-app-body .ogv-app-content .nav-tabs>li>a{padding:9px 13px!important;border-radius:9px!important}.ogv-app-body .ogv-app-content .nav-pills>li.active>a,.ogv-app-body .ogv-app-content .nav-tabs>li.active>a{background:#efe1fb!important}.ogv-app-body .ogv-app-content .nav-pills>li.active>a:after,.ogv-app-body .ogv-app-content .nav-tabs>li.active>a:after{display:none}
.ogv-empty-state{min-height:280px;padding:40px 22px!important;border:1px solid #e8e1eb!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 30px rgba(45,20,61,.06)!important}
@media(max-width:991px){.ogv-app-sidebar{width:min(86vw,310px);padding:18px 16px 20px}.ogv-app-nav{display:flex;flex-direction:column;gap:3px}.ogv-app-nav__label{margin:0 10px 8px}.ogv-app-nav__link{min-height:54px;gap:12px;padding:8px 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}.ogv-app-nav__link.is-active{background:#f1e5fb!important;color:#6810b3!important}.ogv-app-nav__link.is-active:before{position:absolute;top:13px;bottom:13px;left:0;width:3px;border-radius:0 4px 4px 0;background:#8a2bd4;content:""}.ogv-app-nav__reicon{width:34px;height:34px;flex-basis:34px;border:0;border-radius:10px;background:#f6f2f8}.ogv-app-nav__link.is-active .ogv-app-nav__reicon{background:#fff;color:#7418c0;box-shadow:none}.ogv-app-nav__link>b{right:12px}.ogv-app-sidebar__support{margin:16px 4px 0;padding:17px!important;border:0!important;border-radius:16px!important;background:#f8efff!important;box-shadow:none!important}.ogv-app-sidebar__account{margin-top:14px;padding-top:12px;border-top:1px solid #eee8f0}.ogv-app-sidebar__account a{min-height:43px;padding:7px 8px;border:0!important;border-radius:10px}.ogv-dashboard-stats{grid-template-columns:1fr 1fr}.ogv-dashboard-stat--orders{grid-column:1/-1}}
@media(max-width:600px){.ogv-dashboard-stats{grid-template-columns:1fr;gap:13px}.ogv-dashboard-stat,.ogv-dashboard-stat--orders{min-height:145px;grid-column:auto}.ogv-order-card{padding:22px 18px 24px!important;border-radius:21px!important}.ogv-order-guide,.ogv-order-help{border-radius:20px!important}.ogv-app-body .ogv-app-content .well,.ogv-page-account .ogv-app-content .well,.ogv-page-notifications .ogv-app-content form,.ogv-page-massorder .ogv-app-content form{padding:16px!important;border-radius:18px!important}.ogv-empty-state{min-height:245px;border-radius:18px!important}}
.ogv-page-services .well.ogv-empty-wrapper,.ogv-page-orders .well.ogv-empty-wrapper{display:none!important}

/* Famsup-matched sidebar interaction with unboxed Reicon outlines */
.ogv-app-nav__reicon{display:grid!important;width:25px!important;height:25px!important;flex:0 0 25px!important;place-items:center;border:0!important;border-radius:0!important;background:transparent!important;color:#716776!important;box-shadow:none!important}
.ogv-app-nav__link{gap:14px!important}.ogv-app-nav__link.is-active{background:#f2e5fc!important;color:#6810b3!important;box-shadow:none!important}.ogv-app-nav__link.is-active .ogv-app-nav__reicon{border:0!important;border-radius:0!important;background:transparent!important;color:#7718c5!important;box-shadow:none!important}
.ogv-app-sidebar__account re-icon{width:23px!important;height:23px!important;flex:0 0 23px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#786d7e!important;box-shadow:none!important}
@media(max-width:991px){.ogv-app-nav__link{min-height:56px;padding:9px 13px!important}.ogv-app-nav__link.is-active:before{top:12px;bottom:12px;width:3px}.ogv-app-nav__link>b{right:14px}}

/* Sidebar tap/focus polish: remove the browser's black click outline. */
.ogv-app-nav__link:focus,.ogv-app-nav__link:active{border-color:transparent!important;outline:0!important;-webkit-tap-highlight-color:transparent}
.ogv-app-nav__link:focus-visible{outline:0!important;outline-offset:0!important}
.ogv-app-sidebar__account a:focus,.ogv-app-sidebar__account a:active,.ogv-app-user:focus,.ogv-app-user:active{border-color:transparent!important;outline:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
.ogv-app-sidebar__account a:focus-visible,.ogv-app-user:focus-visible{outline:0!important;outline-offset:0!important}

/* Clicks anywhere in the authenticated navigation must never expose a native black ring. */
.ogv-app-sidebar a:focus,.ogv-app-sidebar a:focus-visible,.ogv-app-sidebar a:active,
.ogv-app-sidebar button:focus,.ogv-app-sidebar button:focus-visible,.ogv-app-sidebar button:active,
.ogv-app-sidebar re-icon:focus,.ogv-app-sidebar re-icon:focus-visible,.ogv-app-sidebar re-icon:active,
.ogv-app-user:focus,.ogv-app-user:focus-visible,.ogv-app-user:active{
  border-color:transparent!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Famsup-inspired individual workspaces: one calm surface per task, not card stacks. */
.ogv-page-orders .ogv-app-section-head,
.ogv-page-addfunds .ogv-app-section-head,
.ogv-page-massorder .ogv-app-section-head,
.ogv-page-api .ogv-app-section-head,
.ogv-page-account .ogv-app-section-head,
.ogv-page-ai .ogv-app-section-head{max-width:1060px;margin-bottom:22px;padding-bottom:0!important;border-bottom:0!important}
.ogv-page-services .ogv-app-section-head__icon,
.ogv-page-orders .ogv-app-section-head__icon,
.ogv-page-addfunds .ogv-app-section-head__icon,
.ogv-page-massorder .ogv-app-section-head__icon,
.ogv-page-api .ogv-app-section-head__icon,
.ogv-page-account .ogv-app-section-head__icon,
.ogv-page-services .ogv-app-section-head__copy>span,
.ogv-page-orders .ogv-app-section-head__copy>span,
.ogv-page-addfunds .ogv-app-section-head__copy>span,
.ogv-page-massorder .ogv-app-section-head__copy>span,
.ogv-page-api .ogv-app-section-head__copy>span,
.ogv-page-account .ogv-app-section-head__copy>span{display:none!important}
.ogv-page-services .ogv-app-section-head h2,
.ogv-page-orders .ogv-app-section-head h2,
.ogv-page-addfunds .ogv-app-section-head h2,
.ogv-page-massorder .ogv-app-section-head h2,
.ogv-page-api .ogv-app-section-head h2,
.ogv-page-account .ogv-app-section-head h2{margin:0 0 7px;font-size:30px;line-height:1.1;letter-spacing:-.045em}
.ogv-page-services .ogv-app-section-head p,
.ogv-page-orders .ogv-app-section-head p,
.ogv-page-addfunds .ogv-app-section-head p,
.ogv-page-massorder .ogv-app-section-head p,
.ogv-page-api .ogv-app-section-head p,
.ogv-page-account .ogv-app-section-head p{font-size:12px;line-height:1.6}

/* Services is the one wide page: a six-column catalogue that PerfectPanel drops
   in as a bare .services-list, with no .container for the 1060px cap below to
   catch. Capping only the heading left it indented from the table underneath,
   so the whole page runs to the full content measure and lines up instead. */
.ogv-page-services .ogv-app-section-head{max-width:none;margin-bottom:22px;padding-bottom:0!important;border-bottom:0!important}
.ogv-page-services .ogv-app-content>.container,
.ogv-page-services .ogv-app-content>.container-fluid{max-width:none}
.ogv-page-orders .ogv-app-content>.container-fluid,
.ogv-page-addfunds .ogv-app-content>.container,
.ogv-page-addfunds .ogv-app-content>.container-fluid{max-width:1060px}
.ogv-page-services .ogv-app-content>.container>.row>.col-lg-12,
.ogv-page-orders .ogv-app-content>.container-fluid>.row>.col-lg-12,
.ogv-page-addfunds .ogv-app-content>.container>.row>[class*=col-],
.ogv-page-addfunds .ogv-app-content>.container-fluid>.row>[class*=col-]{min-height:530px;padding:28px!important;border:1px solid #e7e2e9;border-radius:26px;background:#fff;box-shadow:0 1px 2px rgba(35,21,44,.025)}
.ogv-page-services .ogv-app-content .nav-pills,
.ogv-page-orders .ogv-app-content .nav-pills{gap:9px;margin-bottom:22px;padding:0!important;border:0!important;background:transparent!important;overflow-x:auto}
.ogv-page-orders .ogv-app-content .nav-pills{display:flex!important;width:100%;flex-wrap:wrap;overflow:visible}
.ogv-page-orders .ogv-order-status-rail{
  display:block;
  width:100%;
  flex:0 0 100%;
  float:none;
  margin:0;
  padding:0;
  list-style:none;
}
.ogv-page-orders .ogv-order-status-rail__track{
  display:flex;
  width:100%;
  flex-wrap:nowrap;
  gap:9px;
  margin:0;
  padding:2px 0 8px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.ogv-page-orders .ogv-order-status-rail__track::-webkit-scrollbar{display:none}
.ogv-page-orders .ogv-order-status-rail,
.ogv-page-orders .ogv-order-status-rail__track,
.ogv-page-orders .ogv-order-status-rail__track>li{
  list-style:none!important;
  margin:0;
  padding-left:0;
}
.ogv-page-orders .ogv-order-status-rail__track>li{
  flex:0 0 auto;
  float:none;
  width:auto;
}
.ogv-page-orders .ogv-order-status-rail__track>li::marker{content:none;display:none}
.ogv-page-orders .ogv-order-status-rail__track>li:before,
.ogv-page-orders .ogv-order-status-rail__track>li:after{display:none!important;content:none!important}
.ogv-page-orders .ogv-app-content .nav-pills>li.search{
  display:block!important;
  width:100%!important;
  height:auto!important;
  flex:0 0 100%!important;
  float:none!important;
  margin:12px 0 0!important;
}
.ogv-page-orders .ogv-app-content .nav-pills>li.search form,
.ogv-page-orders .ogv-app-content .nav-pills>li.search .input-group,
.ogv-page-orders .ogv-app-content .nav-pills>li.search .form-control{width:100%!important}
.ogv-page-services .ogv-app-content .nav-pills>li>a,
.ogv-page-orders .ogv-app-content .nav-pills>li>a,
.ogv-page-orders .ogv-order-status-rail__track>li>a{display:inline-flex;min-height:40px;align-items:center;padding:10px 16px!important;border:1px solid #e8e3ea;border-radius:999px!important;background:#fff!important;color:#5f5664!important;font-size:10px;white-space:nowrap;text-decoration:none!important}
.ogv-page-services .ogv-app-content .nav-pills>li.active>a,
.ogv-page-orders .ogv-app-content .nav-pills>li.active>a,
.ogv-page-orders .ogv-order-status-rail__track>li.active>a{border-color:#ead8f8;background:#f2e7fb!important;color:#6e14b8!important}
.ogv-page-services .ogv-app-content form,
.ogv-page-orders .ogv-app-content #history-search{margin:0 0 24px}
.ogv-page-services .ogv-app-content form .form-control,
.ogv-page-orders .ogv-app-content #history-search .form-control{min-height:52px;border-color:#e5dfe8;border-radius:15px;background:#fff;padding-left:17px}
.ogv-page-services .ogv-empty-state,
.ogv-page-orders .ogv-empty-state,
.ogv-page-addfunds .ogv-empty-state,
.ogv-page-api .ogv-empty-state,
.ogv-page-massorder .ogv-empty-state{display:flex;width:100%!important;max-width:none!important;flex:0 0 100%;float:none!important;clear:both;min-height:320px!important;margin:0!important;padding:48px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ogv-page-services .ogv-empty-state__icon,
.ogv-page-orders .ogv-empty-state__icon,
.ogv-page-addfunds .ogv-empty-state__icon,
.ogv-page-api .ogv-empty-state__icon,
.ogv-page-massorder .ogv-empty-state__icon{width:72px;height:72px;border:0;border-radius:50%;background:#f0e3fa;color:#7117bc;box-shadow:none}
.ogv-page-services:has(.ogv-empty-state) .ogv-app-content>.container>.row>[class*=col-],
.ogv-page-services:has(.ogv-empty-state) .ogv-app-content>.container-fluid>.row>[class*=col-],
.ogv-page-orders:has(.ogv-empty-state) .ogv-app-content>.container>.row>[class*=col-],
.ogv-page-orders:has(.ogv-empty-state) .ogv-app-content>.container-fluid>.row>[class*=col-],
.ogv-page-addfunds:has(.ogv-empty-state) .ogv-app-content>.container>.row>[class*=col-],
.ogv-page-addfunds:has(.ogv-empty-state) .ogv-app-content>.container-fluid>.row>[class*=col-]{min-height:0;padding:0!important;border:0;border-radius:0;background:transparent;box-shadow:none}
.ogv-page-services:has(.ogv-empty-state) .well,
.ogv-page-services:has(.ogv-empty-state) .well-float,
.ogv-page-orders:has(.ogv-empty-state) .well,
.ogv-page-orders:has(.ogv-empty-state) .well-float,
.ogv-page-addfunds:has(.ogv-empty-state) .well{display:none!important}

.ogv-page-massorder .ogv-app-content>.container{max-width:780px}
.ogv-page-massorder .ogv-app-content .col-md-8{float:none;width:100%;margin:0!important;padding:0!important}
.ogv-page-massorder .ogv-app-content .well{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ogv-page-massorder .ogv-app-content form{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ogv-page-massorder .ogv-app-content textarea.form-control{min-height:250px;padding:16px;border-radius:15px;line-height:1.65}
.ogv-page-massorder .ogv-app-content .btn-primary{width:100%;min-height:50px;margin-top:3px;border-radius:999px;box-shadow:none}

.ogv-page-api .ogv-app-content>.container,
.ogv-page-account .ogv-app-content>.container{max-width:1060px}
.ogv-page-api .ogv-app-content .col-lg-8,
.ogv-page-account .ogv-app-content .col-md-8{float:none;width:100%;margin:0!important;padding:0!important}
.ogv-page-api .ogv-app-content .well.api{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.ogv-page-api .ogv-app-content .well.api>h2:first-child{display:none}
.ogv-app-body.ogv-page-api .ogv-app-content .well.api h2{display:none!important}
.ogv-app-body.ogv-page-api .ogv-app-content>.container h2{display:none!important}
.ogv-page-api .ogv-app-content .well.api h4{margin:34px 0 14px;padding-top:28px;border-top:1px solid #ece7ee;color:#251d29;font-size:18px;letter-spacing:-.025em}
.ogv-page-api .ogv-app-content .well.api h4:first-of-type{margin-top:24px}
.ogv-page-api .ogv-app-content .well.api>table:first-of-type{margin-bottom:24px;border:1px solid #e7e2e9!important;border-radius:18px;background:#fcfbfd!important;overflow:hidden}
.ogv-page-api .ogv-app-content pre{margin:12px 0 24px;padding:22px;border:0;border-radius:18px;background:#1d1225;color:#f3e9fa;box-shadow:none;overflow:auto}
.ogv-page-api .ogv-app-content .table-responsive,
.ogv-page-api .ogv-app-content .ogv-table-scroll{border-radius:16px!important}

.ogv-page-account .ogv-app-content .col-md-8{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0 32px;align-items:start}
.ogv-page-account .ogv-app-content .nav-pills{grid-column:1;grid-row:1/span 12;display:flex;flex-direction:column;gap:5px;margin:0;padding:14px!important;border:1px solid #e7e2e9!important;border-radius:22px!important;background:#fff!important}
.ogv-page-account .ogv-app-content .nav-pills>li{width:100%}
.ogv-page-account .ogv-app-content .nav-pills>li>a{display:flex;min-height:46px;align-items:center;padding:11px 14px!important;border:0!important;border-radius:12px!important;font-size:11px}
.ogv-page-account .ogv-app-content .nav-pills>li.active>a{background:#f2e7fb!important;color:#6f15bb!important}
.ogv-page-account .ogv-app-content .well{grid-column:2;margin:0!important;padding:0 0 30px!important;border:0!important;border-bottom:1px solid #ebe5ed!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.ogv-page-account .ogv-app-content .well+.well{padding-top:30px!important}
.ogv-page-account .ogv-app-content .well:last-of-type{border-bottom:0!important}
.ogv-app-body.ogv-page-account .ogv-app-content .well{
  padding:0 0 30px!important;
  border:0!important;
  border-bottom:1px solid #ebe5ed!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ogv-app-body.ogv-page-account .ogv-app-content .well+.well{padding-top:30px!important}
.ogv-app-body.ogv-page-account .ogv-app-content .well:last-of-type{border-bottom:0!important}
.ogv-app-body.ogv-page-account .ogv-app-content .well form{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ogv-page-account .ogv-app-content .form-control{max-width:680px;background:#fff}
.ogv-page-account .ogv-app-content .btn-primary,
.ogv-page-account .ogv-app-content .btn-default{min-height:44px;border-radius:999px;padding-right:20px;padding-left:20px;box-shadow:none}

@media(max-width:767px){
  .ogv-page-services .ogv-app-section-head,
  .ogv-page-orders .ogv-app-section-head,
  .ogv-page-addfunds .ogv-app-section-head,
  .ogv-page-massorder .ogv-app-section-head,
  .ogv-page-api .ogv-app-section-head,
  .ogv-page-account .ogv-app-section-head{margin-bottom:18px}
  .ogv-page-services .ogv-app-section-head h2,
  .ogv-page-orders .ogv-app-section-head h2,
  .ogv-page-addfunds .ogv-app-section-head h2,
  .ogv-page-massorder .ogv-app-section-head h2,
  .ogv-page-api .ogv-app-section-head h2,
  .ogv-page-account .ogv-app-section-head h2{font-size:25px}
  .ogv-page-services .ogv-app-content>.container>.row>.col-lg-12,
  .ogv-page-orders .ogv-app-content>.container-fluid>.row>.col-lg-12,
  .ogv-page-addfunds .ogv-app-content>.container>.row>[class*=col-],
  .ogv-page-addfunds .ogv-app-content>.container-fluid>.row>[class*=col-]{min-height:440px;padding:18px!important;border-radius:21px}
  .ogv-page-services .ogv-app-content .nav-pills,
  .ogv-page-orders .ogv-app-content .nav-pills{flex-wrap:nowrap;margin-right:-18px;margin-left:-18px;padding:0 18px!important}
  .ogv-page-orders .ogv-app-content .nav-pills{
    flex-wrap:wrap!important;
    margin-right:0;
    margin-left:0;
    padding:0!important;
    overflow:visible!important;
  }
  .ogv-page-orders .ogv-order-status-rail__track{
    margin-right:-17px;
    padding-right:17px;
  }
  .ogv-page-orders .ogv-app-content .nav-pills>li.search{
    width:100%!important;
    flex-basis:100%!important;
    margin-top:10px!important;
  }
  .ogv-page-services .ogv-empty-state,
  .ogv-page-orders .ogv-empty-state,
  .ogv-page-addfunds .ogv-empty-state,
  .ogv-page-api .ogv-empty-state,
  .ogv-page-massorder .ogv-empty-state{min-height:260px!important;padding:36px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .ogv-page-massorder .ogv-app-content .well,
  .ogv-page-api .ogv-app-content .well.api{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .ogv-page-massorder .ogv-app-content textarea.form-control{min-height:220px}
  .ogv-page-api .ogv-app-content .well.api h4{margin-top:27px;padding-top:22px}
  .ogv-page-api .ogv-app-content .table{
    width:100%!important;
    min-width:100%!important;
    table-layout:fixed;
  }
  .ogv-page-api .ogv-app-content .table th,
  .ogv-page-api .ogv-app-content .table td{
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .ogv-page-account .ogv-app-content .col-md-8{display:block}
  .ogv-page-account .ogv-app-content .nav-pills{display:flex;flex-direction:row;gap:7px;margin:0 -16px 25px;padding:0 16px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow-x:auto}
  .ogv-page-account .ogv-app-content .nav-pills>li{width:auto;flex:0 0 auto}
  .ogv-page-account .ogv-app-content .nav-pills>li>a{min-height:40px;padding:9px 15px!important;border:1px solid #e7e1e9!important;border-radius:999px!important;background:#fff!important}
  .ogv-page-account .ogv-app-content .nav-pills>li.active>a{border-color:#e4cff4!important;background:#f2e7fb!important}
  .ogv-page-account .ogv-app-content .well{padding-bottom:25px!important}
  .ogv-page-account .ogv-app-content .well+.well{padding-top:25px!important}
}

@media(max-width:991px){
  .ogv-app-body.ogv-app-ready:not(.ogv-app-nav-open) .ogv-app-sidebar{
    transform:translateX(-110%)!important;
    transition:none!important;
  }
  .ogv-app-body.ogv-app-nav-open .ogv-app-sidebar{
    transform:translateX(0)!important;
    transition:transform .25s ease!important;
  }
}

/* Slim sidebar scrollbar: hairline thumb, no Windows chrome arrows. */
.ogv-app-sidebar,
.ogv-app-nav{
  scrollbar-width:thin;
  scrollbar-color:#d4c8dc transparent;
}
.ogv-app-nav{
  overflow-x:hidden;
  overflow-y:auto;
}
.ogv-app-sidebar::-webkit-scrollbar,
.ogv-app-nav::-webkit-scrollbar{
  width:4px;
}
.ogv-app-sidebar::-webkit-scrollbar-track,
.ogv-app-nav::-webkit-scrollbar-track{
  margin:10px 0;
  background:transparent;
}
.ogv-app-sidebar::-webkit-scrollbar-thumb,
.ogv-app-nav::-webkit-scrollbar-thumb{
  border:0;
  border-radius:999px;
  background:#d4c8dc;
}
.ogv-app-sidebar::-webkit-scrollbar-thumb:hover,
.ogv-app-nav::-webkit-scrollbar-thumb:hover{
  background:#bdaecb;
}
.ogv-app-sidebar::-webkit-scrollbar-thumb:active,
.ogv-app-nav::-webkit-scrollbar-thumb:active{
  background:#a894bb;
}
.ogv-app-sidebar::-webkit-scrollbar-button,
.ogv-app-nav::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}
.ogv-app-sidebar::-webkit-scrollbar-corner,
.ogv-app-nav::-webkit-scrollbar-corner{
  background:transparent;
}

/* Oga AI workspace */
.ogv-order-help--ai{background:linear-gradient(145deg,#1c0828,#3d0a72 58%,#7a28c8)}
.ogv-ai-page{width:100%}
.ogv-ai-cms{margin:0 0 22px;padding:16px 18px;border:1px solid #ebe4ef;border-radius:18px;background:#fff;color:#6d6273;font-size:13px;line-height:1.6}
.ogv-ai-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:22px}
.ogv-ai-board{display:flex;min-width:0;min-height:640px;flex-direction:column;padding:22px 22px 16px;border:1px solid #e9e2ed;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(47,20,62,.065)}
.ogv-ai-tools{display:flex;gap:8px;margin:0 0 18px;padding:0 0 4px;overflow-x:auto;scrollbar-width:none}
.ogv-ai-tools::-webkit-scrollbar{display:none}
.ogv-ai-tools button{display:inline-flex;height:38px;flex:0 0 auto;align-items:center;gap:7px;padding:0 13px;border:1px solid #e9e1ed;border-radius:12px;background:#fff;color:#746a79;font-family:inherit;font-size:11px;font-weight:750;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .16s cubic-bezier(.23,1,.32,1)}
.ogv-ai-tools button re-icon{color:#943af8}
.ogv-ai-tools button.is-active{border-color:#e1c8fb;background:#f3e7ff;color:#7211c8;box-shadow:inset 0 0 0 1px rgba(148,58,248,.04)}
.ogv-ai-tools button:active{transform:scale(.97)}
.ogv-ai-thread{display:flex;min-height:0;flex:1;flex-direction:column;gap:14px;padding:4px 4px 8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4c8dc transparent}
.ogv-ai-msg{display:flex;max-width:92%;align-items:flex-start;gap:10px}
.ogv-ai-msg--user{align-self:flex-end;flex-direction:row-reverse}
.ogv-ai-msg__avatar{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:10px;background:#f3e7ff;color:#7418c0}
.ogv-ai-msg--user .ogv-ai-msg__avatar{background:linear-gradient(135deg,#3b0078,#943af8);color:#fff}
.ogv-ai-msg__bubble{min-width:0;padding:13px 15px;border:1px solid #efe8f3;border-radius:16px 16px 16px 6px;background:#fbf8fd;color:#322838;font-size:13px;line-height:1.65}
.ogv-ai-msg--user .ogv-ai-msg__bubble{border-color:transparent;border-radius:16px 16px 6px 16px;background:linear-gradient(145deg,#3b0078,#7e1bd1 62%,#943af8);color:#fff}
.ogv-ai-msg__bubble p{margin:0 0 10px}
.ogv-ai-msg__bubble p:last-child{margin:0}
.ogv-ai-msg__bubble ul,.ogv-ai-msg__bubble ol{margin:8px 0;padding-left:18px}
.ogv-ai-msg__bubble li{margin:4px 0}
.ogv-ai-msg__bubble strong{font-weight:800}
.ogv-ai-msg.is-entering{animation:ogv-ai-in .22s cubic-bezier(.23,1,.32,1) both}
@keyframes ogv-ai-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.ogv-ai-typing{display:inline-flex;gap:5px;padding:4px 2px}
.ogv-ai-typing i{width:6px;height:6px;border-radius:50%;background:#b089d4;animation:ogv-ai-dot 1s ease-in-out infinite}
.ogv-ai-typing i:nth-child(2){animation-delay:.15s}
.ogv-ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes ogv-ai-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.ogv-ai-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 6px 40px}
.ogv-ai-suggestions button{max-width:100%;padding:9px 12px;border:1px solid #ebe3ef;border-radius:999px;background:#fff;color:#5d5163;font-family:inherit;font-size:11px;font-weight:700;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .16s cubic-bezier(.23,1,.32,1)}
.ogv-ai-suggestions button:hover{border-color:#e1c8fb;background:#f8f1ff}
.ogv-ai-suggestions button:active{transform:scale(.98)}
.ogv-ai-composer{display:flex;align-items:flex-end;gap:10px;margin-top:12px;padding:8px 8px 8px 14px;border:1px solid #e7dfec;border-radius:18px;background:#fbfafc}
.ogv-ai-composer:focus-within{border-color:#a959ed;background:#fff;box-shadow:0 0 0 4px rgba(148,58,248,.09)}
.ogv-ai-composer textarea{display:block;width:100%;min-height:44px;max-height:140px;padding:11px 0;border:0;background:transparent;color:#302735;font-family:inherit;font-size:13px;line-height:1.45;outline:0;resize:none}
.ogv-ai-send{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:0;border-radius:13px;background:linear-gradient(135deg,#3b0078,#943af8);color:#fff;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),opacity .16s ease}
.ogv-ai-send:hover{transform:translateY(-1px)}
.ogv-ai-send:active{transform:scale(.97)}
.ogv-ai-send:disabled{opacity:.45;cursor:default;transform:none}
.ogv-ai-aside{display:flex;flex-direction:column;gap:18px}
.ogv-ai-card{padding:24px 21px;border:1px solid #e9e2ed;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(47,20,62,.055)}
.ogv-ai-card>span{display:block;margin-bottom:5px;color:#943af8;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.ogv-ai-card h3{margin:0 0 16px;color:#251a2a;font-size:18px;font-weight:800;letter-spacing:-.035em;line-height:1.25}
.ogv-ai-card ul{margin:0;padding:0;list-style:none}
.ogv-ai-card li{position:relative;margin:11px 0;padding-left:18px;color:#6b6170;font-size:12px;line-height:1.5}
.ogv-ai-card li:before{position:absolute;top:7px;left:0;width:6px;height:6px;border-radius:50%;background:#c59aef;content:""}
.ogv-ai-help{position:relative;overflow:hidden;padding:24px 21px;border-radius:24px;background:linear-gradient(145deg,#270046,#550091 56%,#8126cc);color:#fff;box-shadow:0 16px 34px rgba(70,0,122,.18)}
.ogv-ai-help:after{position:absolute;right:-33px;bottom:-53px;width:135px;height:135px;border:1px solid rgba(255,255,255,.17);border-radius:43px;content:"";transform:rotate(24deg)}
.ogv-ai-help re-icon{margin-bottom:22px;color:#ddbdff}
.ogv-ai-help h3{position:relative;z-index:1;margin:0;color:#fff;font-size:18px;font-weight:800}
.ogv-ai-help p{position:relative;z-index:1;margin:9px 0 17px;color:rgba(255,255,255,.7);font-size:11px;line-height:1.6}
.ogv-ai-help a{position:relative;z-index:1;color:#fff!important;font-size:11px;font-weight:850;text-decoration:none!important}
.ogv-ai-error .ogv-ai-msg__bubble{border-color:#f2d1d7;background:#fff3f5;color:#8e3342}
.ogv-ai-setup{margin:4px 0 0;padding:13px 14px;border:1px dashed #e3d2f3;border-radius:14px;background:#fbf7ff;color:#6a5478;font-size:12px;line-height:1.55}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){
  .ogv-ai-tools button:hover{border-color:#e2d0f4;background:#f8f1ff}
}
@media(max-width:991px){
  .ogv-ai-layout{grid-template-columns:1fr}
  .ogv-ai-board{min-height:560px}
}
@media(max-width:767px){
  .ogv-ai-board{min-height:430px;padding:18px 14px 12px;border-radius:21px}
  .ogv-ai-tools button{height:36px;padding:0 11px;font-size:10px}
  .ogv-ai-suggestions{padding-left:0}
  .ogv-ai-msg{max-width:100%}
  .ogv-ai-help,.ogv-ai-card{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  .ogv-ai-msg.is-entering{animation:none}
  .ogv-ai-typing i{animation:none}
  .ogv-ai-tools button,.ogv-ai-send,.ogv-ai-suggestions button{transition:none}
}


/* ============================================================
   OGV APPENDED: mobile-forms.css
   Source of truth is CSS/mobile-forms.css in the theme repo.
   ============================================================ */
/* ==========================================================================
   OgaViral — form and control fixes (mobile-led, but several apply at all sizes)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Primary button colour
   .btn-primary paints a purple gradient background but never declares a text
   colour, so it inherits whatever Bootstrap happens to supply. The local
   CSS/bootstrap.css is empty, so nothing in this theme guarantees it — and if
   the base stylesheet ever changes, the label goes dark on purple and fails
   contrast. Declare it explicitly.
   -------------------------------------------------------------------------- */
.ogv-app-body .ogv-app-content .btn-primary,
.ogv-app-body .ogv-app-content .btn-primary:link,
.ogv-app-body .ogv-app-content .btn-primary:visited {
  color: #ffffff !important;
}

.ogv-app-body .ogv-app-content .btn-primary:hover,
.ogv-app-body .ogv-app-content .btn-primary:focus,
.ogv-app-body .ogv-app-content .btn-primary:active {
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   2. Textareas inherit the UI font
   Browsers default <textarea> to monospace. The order form's read-only
   description box was rendering in Courier while everything around it was
   Satoshi.
   -------------------------------------------------------------------------- */
.ogv-app-body .ogv-app-content textarea,
.ogv-app-body .ogv-app-content textarea.form-control,
.ogv-app-body .ogv-app-content input,
.ogv-app-body .ogv-app-content select {
  font-family: inherit;
}

/* The description panel is read-only reference text — make that legible
   rather than cramped. */
.ogv-order-form textarea#service_description {
  background: #faf8fc;
  color: #4b4152;
  font-size: 13px;
  line-height: 21px;
}

/* --------------------------------------------------------------------------
   3. Section header stops fighting itself on small screens
   .ogv-workspace-shortcuts__head is a flex row with space-between, and its
   paragraph is max-width:330px with text-align:right. On a 390px phone that
   puts a right-aligned 330px block beside the heading. The existing mobile
   rule only changes align-items, so the squeeze survives.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ogv-workspace-shortcuts__head {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 8px;
  }

  .ogv-workspace-shortcuts__head p {
    max-width: none;
    text-align: left;
  }

  /* Same pattern is used by the order card header. */
  .ogv-order-card__header {
    align-items: flex-start;
    gap: 12px;
  }
}

/* --------------------------------------------------------------------------
   4. Horizontal pill rails get a scroll affordance
   .ogv-service-pills is overflow-x:auto with the scrollbar hidden, so on a
   phone the last pill is simply clipped with nothing to suggest it moves.
   A right-edge fade signals there is more, without changing the interaction.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ogv-service-pills {
    position: relative;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    /* Fade only the right edge, and only while there is overflow to scroll to. */
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent 100%);
  }

  .ogv-service-pills button {
    scroll-snap-align: start;
  }
}

/* --------------------------------------------------------------------------
   5. Touch target sizing
   iOS zooms the page when a focused input is under 16px. Several controls sit
   at 11–13px, which makes the order form jump on focus.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ogv-app-body .ogv-app-content input.form-control,
  .ogv-app-body .ogv-app-content select.form-control,
  .ogv-app-body .ogv-app-content textarea.form-control {
    font-size: 16px;
  }

  .ogv-app-body .ogv-app-content .btn,
  .ogv-app-body .ogv-app-content .btn-primary {
    min-height: 48px;
  }

  /* A form's primary action should be a full-width target on a phone. */
  .ogv-order-form button[type="submit"],
  .ogv-order-form .btn-primary {
    width: 100%;
    justify-content: center;
  }
}


/* ============================================================
   OGV APPENDED: mobile-tables.css
   Source of truth is CSS/mobile-tables.css in the theme repo.
   ============================================================ */
/* ==========================================================================
   OgaViral — mobile behaviour for every data table in the app
   --------------------------------------------------------------------------
   The theme currently forces a 650px min-width on tables inside a horizontal
   scroller, in three places:

     style.css   .ogv-app-body .ogv-app-content .table{min-width:650px}
     script.js   @media(max-width:600px){….ogv-table-scroll>.table{min-width:650px}}
     script.js   .ogv-app-body .ogv-app-content .table{min-width:650px}

   On a 390px phone that means the columns people actually care about — price,
   status, the action button — sit off-screen behind a sideways swipe. This
   file removes that and reflows instead.

   !important is required: script.js injects its rules as a <style> element at
   runtime, which lands after this file in the cascade and would otherwise win.

   PerfectPanel ships two different kinds of table, and they want opposite
   treatment, so nothing here is applied blindly:

     1. Data grids  (services, orders, notifications) — many columns, and every
        cell carries data-label. These reflow to a label / value stack.
     2. Key-value docs (the API page: "HTTP Method | POST") — two columns, no
        data-label. These already fit a phone; reflowing them would turn a
        readable pair into a stuttering mess, so they are left alone and simply
        allowed to wrap.

   The services page is excluded (body:not(.ogv-page-services)). It has its own
   purpose-built phone layout in services-table.css — ID and price on one line,
   the service name under them, limits and Buy on a third — which is a third of
   the height of the generic stack. Without the exclusion the two collide at
   identical specificity and the winner comes down to file order.
   ========================================================================== */

@media (max-width: 767px) {

  /* ---- 1. Undo the forced width, everywhere ---------------------------- */
  .ogv-app-body .ogv-app-content .table,
  .ogv-app-content .ogv-table-scroll > .table,
  .ogv-app-content .table-responsive > .table {
    min-width: 0 !important;
    width: 100% !important;
  }

  /* The wrapper keeps overflow-x:auto as a safety net, but with the min-width
     gone it only scrolls when a table genuinely cannot fit, instead of always. */
  .ogv-app-content .ogv-table-scroll,
  .ogv-app-content .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* ---- 2. Data grids: reflow to a label / value stack ------------------ */
  /* Scoped to tables whose cells carry data-label, so key-value doc tables
     are untouched. */
  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) {
    border-collapse: collapse;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) thead {
    display: none;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody {
    display: block;
    width: 100%;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody tr {
    display: block;
    width: 100%;
    margin: 0 0 14px;
    padding: 14px 16px;
    border: 1px solid #ebe4ef;
    border-radius: 14px;
    background: #fff;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody tr:last-child {
    margin-bottom: 0;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody td {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    width: auto !important;
    padding: 7px 0;
    border: none;
    border-bottom: 1px solid #f4f0f6;
    text-align: right;
    white-space: normal;
    word-break: break-word;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody td:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody td:first-child {
    padding-top: 0;
  }

  /* The hidden column heading, restored per cell. */
  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    max-width: 45%;
    color: #7d7288;
    font-size: 12px;
    font-weight: 650;
    text-align: left;
    white-space: nowrap;
  }

  /* A cell with an empty data-label is the action column — give the control
     the full row rather than squeezing it against a blank label. */
  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody td[data-label=""] {
    justify-content: stretch;
    padding-top: 12px;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody td[data-label=""]::before {
    display: none;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody td[data-label=""] .btn,
  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody td[data-label=""] button,
  body:not(.ogv-page-services) .ogv-app-content table.table:has(td[data-label]) tbody td[data-label=""] a.btn {
    width: 100%;
    justify-content: center;
  }

  /* Category separator rows have no cells to label — keep them as headings. */
  .ogv-app-content table.table tr.services-list-category-title td {
    display: block;
    text-align: left;
  }

  .ogv-app-content table.table tr.services-list-category-title td::before {
    display: none;
  }

  /* ---- 3. Key-value doc tables: just let them breathe ------------------ */
  body:not(.ogv-page-services) .ogv-app-content table.table:not(:has(td[data-label])) {
    table-layout: fixed;
  }

  body:not(.ogv-page-services) .ogv-app-content table.table:not(:has(td[data-label])) td,
  body:not(.ogv-page-services) .ogv-app-content table.table:not(:has(td[data-label])) th {
    padding: 12px 10px;
    font-size: 13px;
    line-height: 20px;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* API docs put long URLs and JSON in these cells — let them wrap instead of
     stretching the table. */
  body:not(.ogv-page-services) .ogv-app-content table.table:not(:has(td[data-label])) td code,
  body:not(.ogv-page-services) .ogv-app-content table.table:not(:has(td[data-label])) td pre {
    white-space: pre-wrap;
    word-break: break-all;
  }
}

/* --------------------------------------------------------------------------
   Fallback for engines without :has() (older Samsung Internet, pre-2023 FF).
   Those keep the horizontal scroller, but at the table's natural width rather
   than a hard 650px, so a narrow table still fits.
   -------------------------------------------------------------------------- */
@supports not (selector(:has(td))) {
  @media (max-width: 767px) {
    .ogv-app-body .ogv-app-content .table,
    .ogv-app-content .ogv-table-scroll > .table {
      min-width: 0 !important;
      width: auto !important;
    }
  }
}


/* ============================================================
   OGV APPENDED: services-table.css
   Source of truth is CSS/services-table.css in the theme repo.
   ============================================================ */
/* ==========================================================================
   OgaViral — Services page
   --------------------------------------------------------------------------
   Values below are measured from famsup.com/services via getComputedStyle,
   not eyeballed. Their orange is swapped for OgaViral purple; everything else
   (type scale, spacing, radii, row heights) is 1:1.

     pill        14px/600, padding 10px 18px, radius 100px, gap 8px, h46
     search      padding 8px 8px 8px 52px, radius 12px, 16px text
     card        padding 32px, radius 24px, border #e4e7ec, margin-bottom 25px
     title       24px/700, margin-bottom 32px
     th          12px/600 #475467 on #fafafa, padding 16px 24px, radius 12px ends
     td          14px/700 #1a1a1a, padding 24px, row height 88px
     buy         14px/600, padding 8px 16px, radius 100px

   One card per service category — NOT one flat table, and NOT cards per row.
   On mobile the header row is hidden and each <tr> reflows to a 3-col grid,
   which is what famsup does (same 59 tables / 1542 cells on both breakpoints).
   ========================================================================== */

.ogv-page-services {
  --svc-line: #e4e7ec;
  --svc-line-soft: #eaecf0;
  --svc-head-bg: #fafafa;
  --svc-head-ink: #475467;
  --svc-ink: #1a1a1a;
  --svc-accent: var(--ogv-primary, #943af8);
  --svc-accent-soft: #f3e7ff;
}

/* ------------------------------- Filter pills --------------------------- */

.ogv-page-services .ogv-service-pills,
.ogv-page-services .services-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 32px;
  overflow: visible;
}

.ogv-page-services .ogv-service-pills button,
.ogv-page-services .service-tab {
  display: inline-flex !important;
  width: auto !important;
  height: 46px !important;
  min-height: 46px !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 !important;
  padding: 10px 18px !important;
  border: 1px solid var(--svc-line) !important;
  border-radius: 100px !important;
  background: #fff !important;
  color: #344054 !important;
  font-family: inherit;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 14px !important;
  white-space: nowrap;
  box-shadow: none !important;
  cursor: pointer;
}

.ogv-page-services .ogv-service-pills button.is-active,
.ogv-page-services .service-tab.active {
  border-color: var(--svc-accent-soft) !important;
  background: var(--svc-accent-soft) !important;
  color: var(--svc-accent) !important;
}

/* Brand icons sit at 24x24 inside the pill, like famsup. */
.ogv-page-services .ogv-service-pills button > img,
.ogv-page-services .ogv-service-pills button > re-icon,
.ogv-page-services .service-tab .icon {
  display: flex !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  object-fit: contain;
}

.ogv-page-services .service-tab .icon svg {
  width: 20px;
  height: 20px;
}

/* --------------------------------- Search ------------------------------- */

.ogv-page-services .ogv-search-wrap {
  position: relative;
  width: 100%;
  margin: 0 0 32px;
}

.ogv-page-services .ogv-search-wrap > svg,
.ogv-page-services .ogv-search-wrap > re-icon {
  position: absolute;
  top: 50%;
  left: 20px;
  color: var(--svc-head-ink);
  transform: translateY(-50%);
  pointer-events: none;
}

.ogv-page-services .ogv-search-wrap input,
.ogv-page-services input.search-input {
  width: 100%;
  height: 52px;
  padding: 8px 16px 8px 52px;
  border: 1px solid var(--svc-line-soft);
  border-radius: 12px;
  background: #fff;
  color: var(--svc-ink);
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.ogv-page-services .ogv-search-wrap input:focus,
.ogv-page-services input.search-input:focus {
  outline: 0;
  border-color: var(--svc-accent);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(148, 58, 248, 0.12);
}

/* ---------------------------- Category card ----------------------------- */

.ogv-page-services .ogv-svc-card,
.ogv-page-services .well.well-float {
  margin: 0 0 25px;
  padding: 32px;
  border: 1px solid var(--svc-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(10, 13, 18, 0.06);
}

/* Block, not flex: a long category name has to wrap as normal text so the
   trailing region tag follows the last word instead of being stranded. */
.ogv-page-services .ogv-svc-card__title {
  display: block;
  margin: 0 0 32px;
  color: var(--svc-ink);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.ogv-page-services .ogv-svc-card__title img,
.ogv-page-services .ogv-svc-card__title re-icon,
.ogv-page-services .ogv-svc-card__title svg {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  object-fit: contain;
  vertical-align: -5px;
}

/* Small trailing region tag, e.g. the NG after the category name. */
.ogv-page-services .ogv-svc-card__title small {
  margin-left: 6px;
  color: var(--svc-head-ink);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

/* -------------------------------- Table --------------------------------- */

.ogv-page-services table.table,
.ogv-page-services #service-table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}

.ogv-page-services table.table thead th,
.ogv-page-services #service-table thead th {
  padding: 16px 24px;
  border: none;
  background: var(--svc-head-bg);
  color: var(--svc-head-ink);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
}

.ogv-page-services table.table thead th:first-child,
.ogv-page-services #service-table thead th:first-child {
  border-radius: 12px 0 0 12px;
}

.ogv-page-services table.table thead th:last-child,
.ogv-page-services #service-table thead th:last-child {
  border-radius: 0 12px 12px 0;
}

.ogv-page-services table.table tbody td,
.ogv-page-services #service-table tbody td {
  height: 88px;
  padding: 24px;
  border: none;
  border-bottom: 1px solid var(--svc-line-soft);
  background: #fff;
  color: var(--svc-ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  vertical-align: middle;
}

.ogv-page-services table.table tbody tr:last-child td,
.ogv-page-services #service-table tbody tr:last-child td {
  border-bottom: none;
}

/* ID and the order limits are secondary information. */
.ogv-page-services #service-table tbody td:nth-child(1),
.ogv-page-services #service-table tbody td:nth-child(4),
.ogv-page-services #service-table tbody td:nth-child(5) {
  font-weight: 500;
  white-space: nowrap;
}

.ogv-page-services #service-table tbody td:nth-child(3) {
  white-space: nowrap;
}

.ogv-page-services #service-table tbody td:last-child {
  text-align: right;
  white-space: nowrap;
}

/* ------------------------------ Buy button ------------------------------ */

/* PerfectPanel labels this button differently across builds (.btn-buy-service,
   a plain .btn, or a bare <button> inside the last cell) — cover all of them. */
.ogv-page-services .btn-buy-service,
.ogv-page-services table.table td:last-child .btn,
.ogv-page-services table.table td:last-child button,
.ogv-page-services table.table td:last-child a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 39px;
  padding: 8px 16px;
  border: 1px solid var(--svc-line-soft);
  border-radius: 100px;
  background: #fff;
  color: var(--svc-ink);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  white-space: nowrap;
  cursor: pointer;
  transition: 0.2s;
}

.ogv-page-services .btn-buy-service:hover,
.ogv-page-services table.table td:last-child .btn:hover,
.ogv-page-services table.table td:last-child button:hover,
.ogv-page-services table.table td:last-child a.btn:hover {
  border-color: var(--svc-accent);
  background: #faf7ff;
  color: var(--svc-accent);
}

/* ================================ Mobile ================================= */
@media (max-width: 767px) {
  /* Kill the horizontal scroller — rows reflow instead of being swiped.
     Selector is written long-hand because style.css draws this box with
     .ogv-app-body .ogv-app-content .ogv-table-scroll{border:…!important}: two
     !important declarations, so the more specific one wins, not the later one.
     A border here would box each table inside the card that already frames it. */
  body.ogv-page-services .ogv-app-content .ogv-table-scroll,
  body.ogv-page-services .ogv-app-content .table-responsive {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* display:block, not table: a table box cannot render narrower than the
     min-content of its rows, and the nowrap ID / Min / Max cells below push
     that past the card, so width:100% is quietly ignored and the rows spill
     out over the card's right padding. As a block it simply takes the width
     it is given, and the grid inside each row does the fitting. */
  .ogv-page-services .ogv-table-scroll > .table,
  .ogv-page-services #service-table,
  .ogv-page-services table.table {
    display: block;
    min-width: 0 !important;
    width: 100% !important;
    border-collapse: collapse;
  }

  .ogv-page-services .ogv-service-pills,
  .ogv-page-services .services-tabs {
    gap: 8px;
    margin-bottom: 24px;
  }

  .ogv-page-services .ogv-svc-card,
  .ogv-page-services .well.well-float {
    margin-bottom: 18px;
    padding: 24px 20px;
    border-radius: 20px;
  }

  .ogv-page-services .ogv-svc-card__title {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .ogv-page-services table.table thead,
  .ogv-page-services #service-table thead {
    display: none;
  }

  .ogv-page-services #service-table tbody,
  .ogv-page-services table.table tbody {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  /* col1 = ID / Min, col2 = Max, col3 = Rate / Buy */
  .ogv-page-services #service-table tbody tr,
  .ogv-page-services table.table tbody tr {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 2px 12px;
    padding: 14px 0;
    border: none;
    border-bottom: 1px solid var(--svc-line-soft);
    background: transparent;
  }

  .ogv-page-services #service-table tbody tr:last-child,
  .ogv-page-services table.table tbody tr:last-child {
    border-bottom: none;
  }

  .ogv-page-services #service-table tbody td,
  .ogv-page-services table.table tbody td {
    height: auto;
    padding: 0;
    border: none;
    background: transparent;
    display: block;
  }

  .ogv-page-services #service-table tbody td:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 6px;
    color: var(--svc-head-ink);
    font-size: 12px;
    font-weight: 600;
  }

  .ogv-page-services #service-table tbody td:nth-child(1)::before {
    content: "ID - ";
  }

  .ogv-page-services #service-table tbody td:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
  }

  .ogv-page-services #service-table tbody td:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
  }

  .ogv-page-services #service-table tbody td:nth-child(4),
  .ogv-page-services #service-table tbody td:nth-child(5) {
    grid-row: 3;
    color: var(--svc-head-ink);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
  }

  .ogv-page-services #service-table tbody td:nth-child(4) {
    grid-column: 1;
    justify-self: start;
  }

  .ogv-page-services #service-table tbody td:nth-child(4)::before {
    content: "Min ";
  }

  .ogv-page-services #service-table tbody td:nth-child(5) {
    grid-column: 2;
    justify-self: start;
  }

  .ogv-page-services #service-table tbody td:nth-child(5)::before {
    content: "Max ";
  }

  .ogv-page-services #service-table tbody td:last-child {
    grid-column: 3;
    grid-row: 3;
    display: flex;
    justify-content: flex-end;
  }

  .ogv-page-services .btn-buy-service,
  .ogv-page-services #service-table td:last-child .btn {
    height: 36px;
    padding: 8px 16px;
    font-size: 13px;
  }

  /* ---------------------------------------------------------------------
     Preferred placement, by PerfectPanel's own data-label attributes.
     These also cover the per-category tables built by services-group.js,
     which carry .ogv-svc-table rather than #service-table. Declared after
     the nth-child rules so they win wherever the attributes are present.
     --------------------------------------------------------------------- */
  .ogv-page-services table.table tbody td[data-label="ID"] {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 6px;
    color: var(--svc-head-ink);
    font-size: 12px;
    font-weight: 600;
    /* Column 1 is sized to its content, so without this "ID - 10238" breaks
       after the dash and the row grows a line taller than the rest. */
    white-space: nowrap;
  }

  .ogv-page-services table.table tbody td[data-label="ID"]::before {
    content: "ID - ";
  }

  .ogv-page-services table.table tbody td[data-label="Rate per 1000"] {
    grid-column: 3;
    grid-row: 1;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
  }

  .ogv-page-services table.table tbody td[data-label="Service"] {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
  }

  .ogv-page-services table.table tbody td[data-label="Min order"],
  .ogv-page-services table.table tbody td[data-label="Max order"] {
    grid-row: 3;
    color: var(--svc-head-ink);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
  }

  .ogv-page-services table.table tbody td[data-label="Min order"] {
    grid-column: 1;
    justify-self: start;
  }

  .ogv-page-services table.table tbody td[data-label="Min order"]::before {
    content: "Min ";
  }

  .ogv-page-services table.table tbody td[data-label="Max order"] {
    grid-column: 2;
    justify-self: start;
  }

  .ogv-page-services table.table tbody td[data-label="Max order"]::before {
    content: "Max ";
  }

  /* The action cell PerfectPanel labels as the description column. */
  .ogv-page-services table.table tbody td.services-list__description,
  .ogv-page-services table.table tbody td:last-child {
    grid-column: 3;
    grid-row: 3;
    display: flex;
    justify-content: flex-end;
  }

  /* Panels with a favourites column give it a blank header, so it inherits a
     blank label and has no placement of its own. Sit it beside the ID on the
     top line — it belongs with the row's identity, and leaving it unplaced
     lets it auto-flow into whichever cell happens to be free. */
  .ogv-page-services table.table tbody td:has([data-favorite-service-id]) {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    margin-bottom: 6px;
    line-height: 1;
  }

  .ogv-page-services table.table tbody td:has([data-favorite-service-id]) [role="button"] {
    display: inline-flex;
    padding: 2px;
    color: var(--svc-head-ink);
  }

  /* Category separator rows are replaced by real card headings. */
  .ogv-page-services tr.services-list-category-title {
    display: none !important;
  }
}

/* The inline category separator rows become card headings on desktop too. */
.ogv-page-services tr.services-list-category-title {
  display: none;
}




/* ============================================================
   OGV APPENDED: child-panel.css
   Source of truth is CSS/child-panel.css in the theme repo.
   ============================================================ */
/* ==========================================================================
   OgaViral — child / reseller panel page
   --------------------------------------------------------------------------
   Layout, spacing and type scale are the measured morethanpanel.com/child-panel
   values (reference-screenshots/morethanpanel-child-panel.spec.md); their green
   is swapped for OgaViral purple and their flat greys for this theme's tokens:

     feature card   padding 15px 25px, radius 10px, 1px accent-tint border, centred
     field          h45, padding 10px 18px, radius 10px, filled, borderless
     submit         h44, padding 10px 35px, radius 10px, gradient, 16px white
     section title  28px/500        card title  20px/600 with a 4px accent bar

   The sections are injected by JS/child-panel.js. PerfectPanel's own form keeps
   its markup — it is only given .ogv-cp-formcard to hang styling on — so the
   field names and the server-issued _csrf are never touched.
   ========================================================================== */

.ogv-page-child-panel {
  --cp-accent: var(--ogv-primary, #943af8);
  --cp-accent-deep: #3b0078;
  --cp-accent-soft: #f3e7ff;
  --cp-ink: #281f2e;
  --cp-muted: #887b8f;
  --cp-line: #e9e2ed;
  --cp-fill: #faf7fc;
  --cp-radius: 10px;
}

/* ---------------------------------- Hero -------------------------------- */

.ogv-page-child-panel .ogv-cp-hero-row {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  gap: 16px;
  margin-bottom: 16px;
}

.ogv-page-child-panel .ogv-cp-hero {
  display: flex;
  align-items: center;
  min-height: 276px;
  margin: 0;
  padding: 28px 26px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--cp-accent-deep), var(--cp-accent));
  color: #fff;
}

.ogv-page-child-panel .ogv-cp-eyebrow {
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.ogv-page-child-panel .ogv-cp-hero__copy h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

.ogv-page-child-panel .ogv-cp-hero__copy p {
  max-width: 60ch;
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  line-height: 1.6;
}

.ogv-page-child-panel .ogv-cp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.ogv-page-child-panel .ogv-cp-btn {
  display: inline-flex;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 26px;
  border-radius: var(--cp-radius);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: 0.18s ease;
}

.ogv-page-child-panel .ogv-cp-btn--primary {
  background: #fff;
  color: var(--cp-accent-deep) !important;
}

.ogv-page-child-panel .ogv-cp-btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(12, 0, 26, 0.22);
}

.ogv-page-child-panel .ogv-cp-btn--ghost {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.12);
  color: #fff !important;
}

.ogv-page-child-panel .ogv-cp-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.2);
}

.ogv-page-child-panel .ogv-cp-hero__price {
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
}

/* Sits on the translucent card, so it needs the white-card ground the artwork
   was drawn against. */
.ogv-page-child-panel .ogv-cp-hero__art {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  margin: -14px auto 4px;
}

.ogv-page-child-panel .ogv-cp-hero__price > span {
  color: rgba(255, 255, 255, 0.75);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ogv-page-child-panel .ogv-cp-hero__price strong {
  display: block;
  margin: 6px 0 8px;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.ogv-page-child-panel .ogv-cp-hero__price p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  line-height: 1.5;
}

.ogv-page-child-panel .ogv-cp-earners { display:grid;grid-template-columns:1.25fr repeat(3,.52fr);align-items:end;gap:12px;min-height:276px;padding:22px 20px;border:1px solid var(--cp-line);border-radius:10px;background:#fff;overflow:hidden }
.ogv-page-child-panel .ogv-cp-earners__intro{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}.ogv-page-child-panel .ogv-cp-earners__rocket{width:105px;height:105px;object-fit:contain;margin:-18px auto -3px}.ogv-page-child-panel .ogv-cp-earners__intro>span{color:var(--cp-muted);font-size:11px}.ogv-page-child-panel .ogv-cp-earners__intro h3{margin:2px 0 12px;color:var(--cp-ink);font-size:20px;line-height:1.15}.ogv-page-child-panel .ogv-cp-earners__intro a{display:inline-flex;width:max-content;padding:7px 16px;border-radius:5px;background:linear-gradient(90deg,var(--cp-accent),var(--cp-accent-deep));color:#fff!important;font-weight:700;text-decoration:none}.ogv-page-child-panel .ogv-cp-earners__bar{position:relative;display:flex;justify-content:center;border-radius:999px 999px 12px 12px;background:linear-gradient(var(--cp-accent),var(--cp-accent-deep));color:#fff}.ogv-page-child-panel .ogv-cp-earners__bar--1{height:72px}.ogv-page-child-panel .ogv-cp-earners__bar--2{height:112px}.ogv-page-child-panel .ogv-cp-earners__bar--3{height:152px}.ogv-page-child-panel .ogv-cp-earners__bar>b{align-self:flex-end;padding-bottom:10px}.ogv-page-child-panel .ogv-cp-earners__pill{position:absolute;left:50%;bottom:calc(100% + 7px);min-width:78px;padding:8px 10px;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(52,18,72,.1);text-align:center;transform:translateX(-50%)}.ogv-page-child-panel .ogv-cp-earners__pill span,.ogv-page-child-panel .ogv-cp-earners__pill strong{display:block;white-space:nowrap}.ogv-page-child-panel .ogv-cp-earners__pill span{color:var(--cp-muted);font-size:10px}.ogv-page-child-panel .ogv-cp-earners__pill strong{color:var(--cp-accent);font-size:12px}

/* ------------------------------ Included band --------------------------- */

.ogv-page-child-panel .ogv-cp-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 28px;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(110deg, var(--cp-accent), var(--cp-accent-deep));
  overflow: hidden;
}

.ogv-page-child-panel .ogv-cp-band__item {
  padding: 30px 24px;
  background: transparent;
  text-align: center;
}

.ogv-page-child-panel .ogv-cp-band__item strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.ogv-page-child-panel .ogv-cp-band__item p {
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  line-height: 1.55;
}

/* ------------------------------ Feature grid ---------------------------- */

.ogv-page-child-panel .ogv-cp-section {
  margin: 0 0 28px;
}

.ogv-page-child-panel .ogv-cp-section__title {
  margin: 0 0 6px;
  color: var(--cp-ink);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-align: center;
}

.ogv-page-child-panel .ogv-cp-section__lede {
  margin: 0 0 22px;
  color: var(--cp-muted);
  font-size: 13px;
  text-align: center;
}

.ogv-page-child-panel .ogv-cp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ogv-page-child-panel .ogv-cp-feature {
  padding: 15px 25px 25px;
  border: 1px solid rgba(148, 58, 248, 0.15);
  border-radius: var(--cp-radius);
  background: #fff;
  text-align: center;
}

/* The tilted tile, the offset tile behind it and the upright glyph are all
   baked into the artwork, so this only has to size and centre it. Rendered
   above the 105px of the reference because the PNGs carry roughly a third of
   their canvas as transparent margin — at 105 the tile itself lands well under
   the reference's, and the cards look empty. */
.ogv-page-child-panel .ogv-cp-feature__icon {
  display: block;
  width: 140px;
  height: 140px;
  margin: -6px auto 2px;
}

.ogv-page-child-panel .ogv-cp-feature h4 {
  margin: 0 0 8px;
  color: var(--cp-ink);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
}

.ogv-page-child-panel .ogv-cp-feature p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 13px;
  line-height: 1.55;
}

/* -------------------------------- Steps band ---------------------------- */

.ogv-page-child-panel .ogv-cp-steps {
  margin: 0 0 28px;
  padding: 32px 30px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--cp-accent-deep), var(--cp-accent));
  color: #fff;
}

.ogv-page-child-panel .ogv-cp-steps > h3 {
  margin: 0 0 24px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-align: center;
}

.ogv-page-child-panel .ogv-cp-steps__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.ogv-page-child-panel .ogv-cp-step {
  position: relative;
  padding: 22px 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  text-align: center;
}

.ogv-page-child-panel .ogv-cp-step__icon {
  display: block;
  width: 132px;
  height: 132px;
  margin: -14px auto -4px;
}

.ogv-page-child-panel .ogv-cp-step__n {
  position: absolute;
  top: 12px;
  right: 14px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 13px;
  font-weight: 800;
}

.ogv-page-child-panel .ogv-cp-step h4 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.ogv-page-child-panel .ogv-cp-step p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  line-height: 1.5;
}

/* -------------------------- The panel's own form ------------------------ */

/* A 4px accent bar to the left of the title, as in the reference. */
.ogv-page-child-panel .ogv-cp-card__title {
  position: relative;
  margin: 0 0 22px;
  padding-left: 14px;
  color: var(--cp-ink);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.ogv-page-child-panel .ogv-cp-card__title::before {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 4px;
  border-radius: 4px;
  background: var(--cp-accent);
  content: "";
}

.ogv-page-child-panel .ogv-cp-formcard {
  padding: 28px;
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius);
  background: #fff;
}

.ogv-page-child-panel .ogv-cp-formcard .form-group,
.ogv-page-child-panel .ogv-cp-formcard .first {
  margin-bottom: 18px;
}

.ogv-page-child-panel .ogv-cp-formcard .control-label,
.ogv-page-child-panel .ogv-cp-formcard label {
  display: block;
  margin-bottom: 12px;
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 600;
}

.ogv-page-child-panel .ogv-cp-formcard .form-control,
.ogv-page-child-panel .ogv-cp-formcard input,
.ogv-page-child-panel .ogv-cp-formcard select {
  width: 100%;
  height: 45px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: var(--cp-radius);
  background: var(--cp-fill);
  color: var(--cp-ink);
  font-family: inherit;
  font-size: 14px;
  box-shadow: none;
  transition: border-color 0.18s, box-shadow 0.18s;
}

.ogv-page-child-panel .ogv-cp-formcard .form-control:focus,
.ogv-page-child-panel .ogv-cp-formcard input:focus,
.ogv-page-child-panel .ogv-cp-formcard select:focus {
  outline: 0;
  border-color: var(--cp-accent);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(148, 58, 248, 0.12);
}

.ogv-page-child-panel .ogv-cp-formcard input[readonly],
.ogv-page-child-panel .ogv-cp-formcard input[disabled] {
  color: var(--cp-muted);
  cursor: default;
}

.ogv-page-child-panel .ogv-cp-formcard button[type="submit"],
.ogv-page-child-panel .ogv-cp-formcard .btn-primary {
  display: block;
  width: 100%;
  height: 44px;
  padding: 10px 35px;
  border: 0;
  border-radius: var(--cp-radius);
  background: linear-gradient(135deg, var(--cp-accent-deep), var(--cp-accent));
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.18s ease;
}

.ogv-page-child-panel .ogv-cp-formcard button[type="submit"]:hover,
.ogv-page-child-panel .ogv-cp-formcard .btn-primary:hover {
  box-shadow: 0 12px 26px rgba(76, 12, 130, 0.24);
  transform: translateY(-1px);
}

/* The nameserver / advantages aside PerfectPanel ships beside the form. */
.ogv-page-child-panel .ogv-app-content .col-lg-5 .well,
.ogv-page-child-panel .ogv-app-content .col-lg-5 .panel,
.ogv-page-child-panel .ogv-app-content .col-lg-5 > div {
  border-radius: 15px;
  background: var(--cp-fill);
}

.ogv-page-child-panel .ogv-cp-advantages{margin-top:16px;padding:24px;border:1px solid var(--cp-line);border-radius:10px;background:#fff}.ogv-page-child-panel .ogv-cp-advantages ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}.ogv-page-child-panel .ogv-cp-advantages li{position:relative;padding-left:24px;color:var(--cp-muted);font-size:14px}.ogv-page-child-panel .ogv-cp-advantages li::before{position:absolute;left:0;color:var(--cp-accent);font-weight:900;content:'✓'}

/* ---------------------------------- FAQ --------------------------------- */

.ogv-page-child-panel .ogv-cp-faq {
  margin: 28px 0 0;
  padding: 28px;
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius);
  background: #fff;
}

.ogv-page-child-panel .ogv-cp-faq__item {
  border-bottom: 1px solid var(--cp-line);
}

.ogv-page-child-panel .ogv-cp-faq__item:last-child {
  border-bottom: 0;
}

.ogv-page-child-panel .ogv-cp-faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 4px;
  color: var(--cp-ink);
  font-size: 14px;
  font-weight: 600;
  list-style: none;
  cursor: pointer;
}

.ogv-page-child-panel .ogv-cp-faq__item summary::-webkit-details-marker {
  display: none;
}

.ogv-page-child-panel .ogv-cp-faq__item summary re-icon {
  flex: 0 0 auto;
  color: var(--cp-muted);
  transition: transform 0.18s ease;
}

.ogv-page-child-panel .ogv-cp-faq__item[open] summary {
  color: var(--cp-accent-deep);
}

.ogv-page-child-panel .ogv-cp-faq__item[open] summary re-icon {
  transform: rotate(180deg);
}

.ogv-page-child-panel .ogv-cp-faq__item > p {
  margin: 0;
  padding: 0 4px 18px;
  color: var(--cp-muted);
  font-size: 13px;
  line-height: 1.65;
}

/* ================================= Tablet ================================ */
@media (max-width: 991px) {
  .ogv-page-child-panel .ogv-cp-hero-row { grid-template-columns: minmax(0, 1fr); }
  .ogv-page-child-panel .ogv-cp-hero {
    grid-template-columns: minmax(0, 1fr);
    padding: 30px 26px;
  }

  .ogv-page-child-panel .ogv-cp-grid,
  .ogv-page-child-panel .ogv-cp-steps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ================================= Mobile ================================ */
@media (max-width: 767px) {
  .ogv-page-child-panel .ogv-cp-earners { grid-template-columns:1.35fr repeat(3,.55fr);padding:18px 12px; }
  .ogv-page-child-panel .ogv-cp-hero {
    gap: 22px;
    padding: 26px 20px;
    border-radius: 18px;
  }

  .ogv-page-child-panel .ogv-cp-hero__copy h2 {
    font-size: 25px;
  }

  .ogv-page-child-panel .ogv-cp-btn {
    flex: 1 1 100%;
  }

  .ogv-page-child-panel .ogv-cp-band,
  .ogv-page-child-panel .ogv-cp-grid,
  .ogv-page-child-panel .ogv-cp-steps__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ogv-page-child-panel .ogv-cp-section__title {
    font-size: 22px;
  }

  .ogv-page-child-panel .ogv-cp-steps,
  .ogv-page-child-panel .ogv-cp-faq,
  .ogv-page-child-panel .ogv-cp-formcard {
    padding: 22px 18px;
  }

  .ogv-page-child-panel .ogv-cp-feature {
    padding: 15px 20px 22px;
  }
}

/* OGV NEW ORDER CONTROL FIX V1 */
/* New Order control polish: deterministic search icon geometry and a fully
   themed Select2 surface instead of the browser/default dropdown treatment. */
.ogv-order-search .input-wrapper{display:block!important}
.ogv-order-search .input-wrapper__prepend{position:absolute!important;inset:0 auto 0 0!important;z-index:3!important;display:grid!important;width:52px!important;height:53px!important;place-items:center!important;padding:0!important;border:0!important;background:transparent!important;color:#7c6f82!important;transform:none!important;pointer-events:none!important}
.ogv-order-search .input-wrapper__prepend .fas{display:block!important;width:16px!important;height:16px!important;font-size:15px!important;line-height:16px!important;text-align:center!important}
.ogv-order-search .input-wrapper>.form-control{padding:0 16px 0 52px!important;text-indent:0!important}
.ogv-order-form .select2-container{position:relative!important;z-index:auto}
.ogv-order-form .select2-container--open{z-index:1200!important}
.ogv-order-form .select2-selection.select2-selection--single{position:relative!important;display:flex!important;height:53px!important;min-height:53px!important;align-items:center!important;padding:0!important;cursor:pointer!important}
.ogv-order-form .select2-selection__rendered{display:flex!important;height:100%!important;min-width:0!important;align-items:center!important;padding:0 54px 0 16px!important;line-height:1.35!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.ogv-order-form .select2-selection__arrow{position:absolute!important;top:50%!important;right:16px!important;display:grid!important;width:20px!important;height:20px!important;place-items:center!important;margin:0!important;transform:translateY(-50%)!important;pointer-events:none!important}
.ogv-order-form .select2-selection__arrow b{display:block!important;width:8px!important;height:8px!important;margin:-4px 0 0!important;border:0!important;border-right:2px solid #85798b!important;border-bottom:2px solid #85798b!important;transform:rotate(45deg)!important;transition:transform .18s ease!important}
.ogv-order-form .select2-container--open .select2-selection__arrow b{margin:4px 0 0!important;transform:rotate(225deg)!important}
.ogv-order-form .select2-dropdown{z-index:1300!important;margin-top:8px!important;padding:8px!important;border:1px solid #e5dbea!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 45px rgba(45,20,61,.16)!important;overflow:hidden!important}
.ogv-order-form .select2-search--dropdown{display:block!important;padding:4px 4px 9px!important}
.ogv-order-form .select2-search__field-wrapper{position:relative!important}
.ogv-order-form .select2-search__field-icon{position:absolute!important;top:50%!important;left:13px!important;z-index:2!important;margin:0!important;color:#8c7e92!important;transform:translateY(-50%)!important;pointer-events:none!important}
.ogv-order-form .select2-search__field{display:block!important;width:100%!important;height:42px!important;padding:0 13px 0 38px!important;border:1px solid #e7dfea!important;border-radius:10px!important;background:#faf7fc!important;color:#302735!important;outline:0!important}
.ogv-order-form .select2-results__options{max-height:260px!important;padding:2px!important;border:0!important;background:#fff!important;overflow-y:auto!important}
.ogv-order-form .select2-results__option{margin:2px 0!important;padding:0!important;border-radius:9px!important;background:#fff!important;color:#54495a!important}
.ogv-order-form .select2-results__option>a{display:block!important;padding:10px 12px!important;border-radius:9px!important;color:inherit!important;text-decoration:none!important}
.ogv-order-form .select2-results__option--highlighted,.ogv-order-form .select2-results__option.active{background:#f1e3fc!important;color:#6d12ba!important}
.ogv-order-form,.ogv-order-card,.ogv-order-card__main{overflow:visible!important}
body .ogv-order-form .select2-container--open{z-index:2147482999!important}
body .ogv-order-form .select2-container--open .select2-dropdown{z-index:2147483000!important;display:block!important;visibility:visible!important;opacity:1!important}
body .ogv-order-form .select2-container--open .select2-search--dropdown.select2-search--hide{display:block!important;height:auto!important;visibility:visible!important}
body .ogv-order-form .select2-container--open .select2-search__field{display:block!important;width:100%!important;height:42px!important;visibility:visible!important}
body>.select2-container--open{z-index:2147482999!important}
body>.select2-container--open .select2-dropdown{z-index:2147483000!important;padding:8px!important;border:1px solid #e5dbea!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 45px rgba(45,20,61,.16)!important;overflow:hidden!important}
body>.select2-container--open .select2-search--dropdown{display:block!important;height:auto!important;padding:4px 4px 9px!important}
body>.select2-container--open .select2-search__field-wrapper{position:relative!important}
body>.select2-container--open .select2-search__field-icon{position:absolute!important;top:50%!important;left:13px!important;z-index:2!important;margin:0!important;color:#8c7e92!important;transform:translateY(-50%)!important}
body>.select2-container--open .select2-search__field{display:block!important;width:100%!important;height:42px!important;padding:0 13px 0 38px!important;border:1px solid #e7dfea!important;border-radius:10px!important;background:#faf7fc!important;visibility:visible!important}
body>.select2-container--open .select2-results__options{max-height:260px!important;padding:2px!important;border:0!important;background:#fff!important}
body>.select2-container--open .select2-results__option{margin:2px 0!important;padding:0!important;border-radius:9px!important;background:#fff!important;color:#54495a!important}
body>.select2-container--open .select2-results__option>a{display:block!important;padding:10px 12px!important;border-radius:9px!important;color:inherit!important;text-decoration:none!important}
body>.select2-container--open .select2-results__option--highlighted,body>.select2-container--open .select2-results__option.active{background:#f1e3fc!important;color:#6d12ba!important}
body .ogv-order-form .ogv-order-search .input-wrapper>input.select2-selection.form-control{padding:0 16px 0 52px!important;text-indent:0!important}
body .ogv-order-form .ogv-order-search .input-wrapper>input.select2-selection.form-control::placeholder{color:#978b9c!important;opacity:1!important}
body>.select2-container--open .select2-results__option[aria-selected="true"],body>.select2-container--open .select2-results__option--highlighted,body>.select2-container--open .select2-results__option.active{background:linear-gradient(135deg,#3b0078,#943af8)!important;color:#fff!important}
body>.select2-container--open .select2-results__option[aria-selected="true"]>a,body>.select2-container--open .select2-results__option--highlighted>a,body>.select2-container--open .select2-results__option.active>a{background:transparent!important;color:#fff!important}
body .ogv-order-form #select2-orderform-service-container{width:calc(100% - 52px)!important;max-width:calc(100% - 52px)!important;padding-right:0!important;overflow:hidden!important}
body .ogv-order-form #select2-orderform-service-container>span{display:flex!important;min-width:0!important;max-width:100%!important;align-items:center!important;overflow:hidden!important;white-space:nowrap!important}
body .ogv-order-form #select2-orderform-service-container .select2-selection__id{flex:0 0 auto!important}
body .ogv-order-form #select2-orderform-service-container .select2-selection__text{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body .ogv-order-form .ogv-order-terms{margin:22px 0 4px!important}
body .ogv-order-form .ogv-order-terms .terms{display:flex!important;align-items:flex-start!important;gap:11px!important;margin:0!important;color:#625768!important;font-size:12px!important;font-weight:650!important;line-height:20px!important;cursor:pointer!important}
body .ogv-order-form .ogv-order-terms .terms-accept-checkbox{position:relative!important;display:grid!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;place-content:center!important;border:1.5px solid #d7cbe0!important;border-radius:6px!important;background:#fff!important;box-shadow:0 2px 6px rgba(50,21,68,.05)!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;transition:.18s ease!important}
body .ogv-order-form .ogv-order-terms .terms-accept-checkbox::before{width:9px!important;height:5px!important;border-bottom:2px solid #fff!important;border-left:2px solid #fff!important;content:""!important;transform:rotate(-45deg) scale(0)!important;transition:transform .14s ease!important}
body .ogv-order-form .ogv-order-terms .terms-accept-checkbox:checked{border-color:#7a19cb!important;background:linear-gradient(135deg,#3b0078,#943af8)!important;box-shadow:0 5px 12px rgba(112,19,188,.22)!important}
body .ogv-order-form .ogv-order-terms .terms-accept-checkbox:checked::before{transform:rotate(-45deg) scale(1)!important}
body .ogv-order-form .ogv-order-terms .terms-accept-checkbox:focus-visible{outline:0!important;box-shadow:0 0 0 4px rgba(148,58,248,.14)!important}
body .ogv-order-form .ogv-order-terms .terms>span{display:block!important;padding:0!important}
body .ogv-order-form .ogv-order-terms .terms a{color:#7416c3!important;font-weight:800!important;text-decoration:none!important}
/* /OGV NEW ORDER CONTROL FIX V1 */

/* SERVICES MOBILE OVERFLOW GUARD */
@media(max-width:767px){.ogv-page-services .ogv-svc-card table tbody tr{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(72px,auto)!important}.ogv-page-services .ogv-svc-card table tbody td{min-width:0}.ogv-page-services .ogv-svc-card table tbody td[data-label="Service"]{min-width:0;overflow-wrap:anywhere}.ogv-page-services .ogv-svc-card table tbody td[data-label="Rate per 1000"]{max-width:110px;overflow-wrap:anywhere;white-space:normal!important}}

/* OGV SERVICES FAMSUP UI */
/* Famsup-aligned Services controls and mobile catalogue. */
.ogv-page-services .ogv-services-tabs-v2{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 32px;padding:0;overflow:visible}
.ogv-page-services .ogv-services-tab{display:inline-flex;min-height:46px;align-items:center;gap:8px;padding:10px 18px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#344054;font-size:14px;font-weight:600;line-height:1;outline:0;box-shadow:none;white-space:nowrap}
.ogv-page-services .ogv-services-tab:focus,.ogv-page-services .ogv-services-tab:active{outline:0!important;box-shadow:none!important}
.ogv-page-services .ogv-services-tab.is-active{border-color:#ead8ff;background:#f3e7ff;color:#7211c8}
.ogv-page-services .ogv-platform-icon{display:inline-flex;width:24px;height:24px;flex:0 0 24px;align-items:center;justify-content:center;border-radius:50%;font-size:14px}
.ogv-page-services .ogv-platform-icon img{display:block;width:24px;height:24px;object-fit:contain}.ogv-page-services .ogv-platform-icon--grid{border-radius:0;color:#943af8}.ogv-page-services .ogv-platform-icon--flag{background:linear-gradient(90deg,#169b62 0 33%,#fff 33% 67%,#169b62 67%);box-shadow:inset 0 0 0 1px rgba(16,24,40,.06)}.ogv-page-services .ogv-platform-icon--tiktok,.ogv-page-services .ogv-platform-icon--x,.ogv-page-services .ogv-platform-icon--music{background:#101828;color:#fff}.ogv-page-services .ogv-platform-icon--telegram{background:#2aabee;color:#fff;font-size:13px}.ogv-page-services .ogv-platform-icon--facebook{background:#3982e4;color:#fff;font-family:Arial;font-size:17px;font-weight:700}
.ogv-page-services .ogv-services-search-v2>li:not(.search){display:none!important}
.ogv-page-services .ogv-services-search-v2{display:block!important;margin:0 0 32px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.ogv-page-services .ogv-services-search-v2>li.search{display:block!important;width:100%!important;height:auto!important;float:none!important;margin:0!important}
.ogv-page-services .ogv-search-wrap-v2{position:relative;display:block;width:100%;height:46px}
.ogv-page-services .ogv-search-wrap-v2 .ogv-search-icon-v2{position:absolute;top:50%;left:20px;z-index:3;display:block;width:20px;height:20px;transform:translateY(-50%);pointer-events:none}.ogv-page-services .ogv-search-wrap-v2 .ogv-search-icon-v2 svg{display:block;width:20px;height:20px;fill:none;stroke:#344054;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ogv-page-services .ogv-search-wrap-v2 .form-control{width:100%!important;height:44px!important;padding:8px 16px 8px 52px!important;border:1px solid #eaecf0!important;border-radius:12px!important;background:#fff!important;font-size:16px!important;outline:0!important;box-shadow:none!important}
.ogv-page-services .ogv-search-wrap-v2 .form-control:focus{border-color:#943af8!important;outline:0!important;box-shadow:none!important}
.ogv-page-services .ogv-search-wrap-v2 .input-group-btn{display:none!important}
@media(max-width:767px){
 .ogv-page-services .ogv-app-content>.container>.row>.col-lg-12{padding:14px!important;border:0;background:transparent;box-shadow:none}
 .ogv-page-services .ogv-services-tabs-v2{gap:12px;margin-bottom:32px}
 .ogv-page-services .ogv-services-tab{min-height:46px;padding:10px 18px;font-size:14px}
 .ogv-page-services .ogv-services-search-v2{margin-bottom:24px!important}
 .ogv-page-services .ogv-svc-card{padding:20px;border-radius:24px}
 .ogv-page-services .ogv-svc-card__title{margin-bottom:20px;font-size:20px}
 .ogv-page-services .ogv-svc-card table tbody{gap:0!important}
 .ogv-page-services .ogv-svc-card table tbody tr{grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px!important;min-height:136px;padding:12px 0!important}
 .ogv-app-body.ogv-page-services .ogv-app-content .ogv-svc-card table tbody td{height:auto!important;padding:0!important}
 .ogv-page-services .ogv-svc-card table tbody td:has([data-favorite-service-id]){grid-column:1!important;grid-row:1!important;margin:0!important}
 .ogv-page-services .ogv-svc-card table tbody td:has([data-favorite-service-id]):before{content:"ID - "!important;color:#1a1a1a;font-size:12px;font-weight:500}
 .ogv-page-services .ogv-svc-card table tbody td[data-label="Rate per 1000"]{grid-column:2!important;grid-row:1!important;align-self:center;max-width:132px;margin:0!important;color:#1a1a1a;font-size:14px!important;font-weight:700!important;line-height:21px!important}
 .ogv-page-services .ogv-svc-card table tbody td[data-label="Rate per 1000"]:before{content:"NGN "!important}
 .ogv-page-services .ogv-svc-card table tbody td[data-label="Service"]{grid-column:1/-1!important;grid-row:2!important;margin:0!important;font-size:15px!important}
 .ogv-page-services .ogv-svc-card table tbody td[data-label="Min order"]{grid-column:1!important;grid-row:3!important;margin:0!important;font-size:0!important}
 .ogv-page-services .ogv-svc-card table tbody td[data-label="Min order"]:before{content:attr(data-mobile-range)!important;font-size:12px!important}
 .ogv-page-services .ogv-svc-card table tbody td[data-label="Max order"]{display:none!important}
 .ogv-page-services .ogv-svc-card table tbody td[data-label="ID"]{grid-column:1!important;grid-row:4!important;margin:0!important}
 .ogv-page-services .ogv-svc-card table tbody td[data-label="ID"]:before{content:none!important}
 .ogv-page-services .ogv-svc-card table tbody td:last-child{grid-column:2!important;grid-row:3!important;align-self:center}
 .ogv-page-services .ogv-svc-card .ogv-buy-service-v2{display:inline-flex!important;height:38px!important;min-height:38px!important;align-items:center;justify-content:center;padding:8px 16px!important;border:1px solid #eaecf0!important;border-radius:999px!important;background:#fff!important;color:#1a1a1a!important;font-size:13px!important;font-weight:600!important;line-height:19px!important;text-decoration:none!important;outline:0!important;box-shadow:none!important;white-space:nowrap}
 .ogv-page-services .ogv-svc-card .ogv-buy-service-v2:focus,.ogv-page-services .ogv-svc-card .ogv-buy-service-v2:active{outline:0!important;box-shadow:none!important}
}




/* OGV permanent Famsup-style mobile drawer */
@media (max-width: 991px) {
  html body.ogv-app-body.ogv-app-nav-open .ogv-app-shell .ogv-app-sidebar { transform: translateX(0) !important; translate: 0 !important; }
  html body.ogv-app-body:not(.ogv-app-nav-open) .ogv-app-shell .ogv-app-sidebar { transform: translateX(-290px) !important; translate: 0 !important; }
  html body.ogv-app-body.ogv-app-nav-open .ogv-app-overlay { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
  html body.ogv-app-body:not(.ogv-app-nav-open) .ogv-app-overlay { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
}


/* ============================================================
   OGV SIDEBAR v2 — appended override.
   The panel copy of style.css still contains the older Reicon
   sidebar layers; these rules are appended last so they win the
   cascade without deleting anything above.
   ============================================================ */
/* Retire the legacy Reicon chrome. */
.ogv-app-nav__reicon{display:none!important}
.ogv-app-nav__link>b{display:none!important}
.ogv-app-sidebar__support{display:none!important}
/* Undo the legacy geometry the old layers force at <=991px. */
@media(max-width:991px){
 .ogv-app-nav{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0 16px 8px!important}
 .ogv-app-nav__link{display:flex!important;min-height:52px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:12px 16px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}
 .ogv-app-nav__link.is-active{background:#f3e9fe!important}
 .ogv-app-nav__link>span{font-size:16px!important;font-weight:700!important;white-space:nowrap!important}
 .ogv-app-sidebar{width:min(86vw,300px)!important;padding:0!important}
 .ogv-app-sidebar__account{display:flex!important;grid-template-columns:none!important;margin:0!important}
 .ogv-app-sidebar__account a{justify-content:flex-start!important;border:0!important;border-radius:10px!important;padding:8px 12px!important}
}
/* --- Sidebar rail ------------------------------------------------------- */
.ogv-app-body .ogv-app-sidebar{position:fixed;inset:0 auto 0 0;z-index:1040;display:flex;width:290px;min-height:100vh;flex-direction:column;padding:0;border-right:1px solid var(--ogv-line);background:#fff}
.ogv-app-body .ogv-app-sidebar__head{display:flex;flex:0 0 auto;height:86px;align-items:center;justify-content:space-between;padding:24px 20px 24px 24px;border-bottom:1px solid transparent;background:#fff}
.ogv-app-logo{display:inline-flex;min-width:0;align-items:center;text-decoration:none!important}
.ogv-app-logo img{display:block;max-width:150px;max-height:38px;object-fit:contain}
.ogv-app-logo span{background:linear-gradient(110deg,var(--ogv-deep) 8%,var(--ogv-primary) 64%,#b25cff);background-clip:text;color:transparent;font-size:26px;font-weight:850;letter-spacing:-1.3px;-webkit-background-clip:text}
.ogv-app-sidebar__head-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}
.ogv-app-theme{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;padding:0;border:1px solid var(--ogv-line);border-radius:50%;background:#fff;color:var(--ogv-primary);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
.ogv-app-theme:hover{border-color:var(--ogv-soft);background:#faf6ff}
.ogv-app-sidebar__close,.ogv-app-menu{display:none;border:0;background:transparent;color:#241a2b}

.ogv-app-sidebar__scroll{display:flex;min-height:0;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto}
.ogv-app-body .ogv-app-nav{display:flex;flex:0 0 auto;flex-direction:column;gap:4px;padding:0 16px 8px}
.ogv-app-nav__label{padding:16px 16px 8px;color:#a59baa;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.ogv-app-body .ogv-app-nav__link{position:relative;display:flex;min-height:48px;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--ogv-ink)!important;font-size:16px;font-weight:700;line-height:24px;text-decoration:none!important;transition:background .18s ease,color .18s ease}
.ogv-app-nav__link>span{min-width:0}
.ogv-app-nav__icon{display:block!important;width:22px!important;height:22px!important;flex:0 0 22px;color:#635a6d;font-size:22px;transition:color .18s ease}
.ogv-app-nav__link:hover{background:#faf6ff;color:var(--ogv-deep)!important}
.ogv-app-nav__link:hover .ogv-app-nav__icon{color:var(--ogv-deep)}
.ogv-app-nav__link.is-active{background:#f3e9fe!important;color:#6810b3!important}
.ogv-app-nav__link.is-active .ogv-app-nav__icon{color:#6810b3}
.ogv-app-nav__link.is-active:before{position:absolute;top:50%;left:0;width:4px;height:20px;border-radius:0 4px 4px 0;background:var(--ogv-primary);content:"";transform:translateY(-50%)}

.ogv-app-sidebar__footer{display:flex;margin-top:auto;flex-direction:column;gap:20px;padding:24px 20px}
.ogv-app-support{padding:20px;border:1px solid #eadcf7;border-radius:20px;background:linear-gradient(160deg,#fbf7ff,#f3e8ff);color:#5a386c;text-align:left}
.ogv-app-support__badge{display:grid;width:48px;height:48px;place-items:center;margin-bottom:14px;border-radius:16px;background:#fff;color:var(--ogv-primary);box-shadow:0 6px 16px rgba(107,31,170,.1)}
.ogv-app-support b{display:block;margin-bottom:6px;color:#2c1539;font-size:15px;font-weight:800;line-height:1.3}
.ogv-app-support p{margin:0;font-size:13px;line-height:1.5}
.ogv-app-support__cta{display:flex;height:42px;align-items:center;justify-content:center;margin-top:16px;border-radius:100px;background:linear-gradient(135deg,var(--ogv-deep),var(--ogv-bright));color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;box-shadow:0 8px 20px rgba(59,0,120,.18)}
.ogv-app-support__cta:hover{filter:brightness(1.07)}
.ogv-app-body .ogv-app-sidebar__account{display:flex;flex-direction:column;gap:2px;padding-top:18px;border-top:1px solid var(--ogv-line)}
.ogv-app-sidebar__account a{display:flex;min-height:40px;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;color:#776d7b!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:background .18s ease,color .18s ease}
.ogv-app-sidebar__account a:hover{background:#faf6ff;color:var(--ogv-deep)!important}
.ogv-app-sidebar__account iconify-icon{flex:0 0 20px;color:#8e8496}

.ogv-app-sidebar__scroll{scrollbar-width:thin;scrollbar-color:#d4c8dc transparent}
.ogv-app-sidebar__scroll::-webkit-scrollbar{width:4px}
.ogv-app-sidebar__scroll::-webkit-scrollbar-track{margin:10px 0;background:transparent}
.ogv-app-sidebar__scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#d4c8dc}
.ogv-app-sidebar__scroll::-webkit-scrollbar-thumb:hover{background:#bdaecb}

.ogv-app-body .ogv-app-main{margin-left:290px}
@media(max-width:991px){.ogv-app-body .ogv-app-main{margin-left:0}}
/* --- Dark theme (toggled by the sidebar sun/moon button) ----------------- */
html.ogv-dark{color-scheme:dark}
html.ogv-dark body.ogv-app-body{background:#14101a;color:#e9e3f0}
html.ogv-dark .ogv-app-sidebar{border-right-color:#2a2233;background:#1b1523}
html.ogv-dark .ogv-app-sidebar__head{background:#1b1523}
html.ogv-dark .ogv-app-theme{border-color:#2f2639;background:#221a2c;color:#c99bff}
html.ogv-dark .ogv-app-theme:hover{border-color:#3d3049;background:#291f35}
html.ogv-dark .ogv-app-logo span{background:linear-gradient(110deg,#a86bff 8%,#c99bff 64%,#e2c7ff);background-clip:text;-webkit-background-clip:text}
html.ogv-dark .ogv-app-nav__link{color:#ddd4e8!important}
html.ogv-dark .ogv-app-nav__icon{color:#9a8fa8}
html.ogv-dark .ogv-app-nav__link:hover{background:#241c2f;color:#e9dcff!important}
html.ogv-dark .ogv-app-nav__link:hover .ogv-app-nav__icon{color:#e9dcff}
html.ogv-dark .ogv-app-nav__link.is-active{background:rgba(148,58,248,.16);color:#cfa4ff!important}
html.ogv-dark .ogv-app-nav__link.is-active .ogv-app-nav__icon{color:#cfa4ff}
html.ogv-dark .ogv-app-support{border-color:#392b47;background:linear-gradient(160deg,#241b2f,#2c2039);color:#c8bad4}
html.ogv-dark .ogv-app-support__badge{background:#1b1523;color:#c99bff;box-shadow:none}
html.ogv-dark .ogv-app-support b{color:#f2ecf7}
html.ogv-dark .ogv-app-sidebar__account{border-top-color:#2a2233}
html.ogv-dark .ogv-app-sidebar__account a{color:#a89bb4!important}
html.ogv-dark .ogv-app-sidebar__account a:hover{background:#241c2f;color:#e9dcff!important}
html.ogv-dark .ogv-app-sidebar__scroll{scrollbar-color:#3d3049 transparent}
html.ogv-dark .ogv-app-sidebar__scroll::-webkit-scrollbar-thumb{background:#3d3049}
html.ogv-dark .ogv-app-topbar{border-bottom-color:#2a2233;background:rgba(27,21,35,.92)}
html.ogv-dark .ogv-app-icon-button,html.ogv-dark .ogv-app-balance,html.ogv-dark .ogv-app-currency>a{border-color:#2f2639;background:#221a2c;color:#ddd4e8!important;box-shadow:none}
html.ogv-dark .ogv-app-user{color:#ece5f2!important}
html.ogv-dark .ogv-app-user__meta strong{color:#f2ecf7}
html.ogv-dark .ogv-app-footer{color:#8a7f95}
html.ogv-dark .ogv-app-sidebar__close{background:#241c2f;color:#cfa4ff}

/* Dark theme — content surfaces. Keeps cards, tables and form controls legible
   when the sidebar toggle is switched on. */
html.ogv-dark .ogv-app-content,html.ogv-dark .ogv-app-greeting h1{color:#e9e3f0}
html.ogv-dark .ogv-app-greeting span,html.ogv-dark .ogv-app-topbar__title span{color:#a396af}
html.ogv-dark .ogv-app-body .ogv-app-content .well,
html.ogv-dark .ogv-app-body .ogv-app-content .panel,
html.ogv-dark .ogv-app-section-head,
html.ogv-dark .ogv-order-card,html.ogv-dark .ogv-order-guide,html.ogv-dark .ogv-order-help,
html.ogv-dark .ogv-workspace-shortcuts,html.ogv-dark .ogv-workspace-shortcut,
html.ogv-dark .ogv-dashboard-stat,html.ogv-dark .ogv-empty-state{border-color:#2f2639!important;background:#1e1727!important;color:#e3dbec!important;box-shadow:none!important}
html.ogv-dark .ogv-workspace-shortcut.is-primary,html.ogv-dark .ogv-dashboard-stat--balance{background:linear-gradient(145deg,#3b0078,#7d2ad6)!important;color:#fff!important}
html.ogv-dark .ogv-app-section-head h2,html.ogv-dark .ogv-workspace-shortcuts__head h3,
html.ogv-dark .ogv-app-content h1,html.ogv-dark .ogv-app-content h2,html.ogv-dark .ogv-app-content h3,
html.ogv-dark .ogv-app-content h4,html.ogv-dark .ogv-app-content label,html.ogv-dark .ogv-dashboard-stat strong{color:#f1ebf7}
html.ogv-dark .ogv-app-content p,html.ogv-dark .ogv-app-section-head p,html.ogv-dark .ogv-dashboard-stat>span{color:#a396af}
html.ogv-dark .ogv-app-body .ogv-app-content .form-control,
html.ogv-dark .ogv-app-body .ogv-app-content input:not([type=checkbox]):not([type=radio]),
html.ogv-dark .ogv-app-body .ogv-app-content select,
html.ogv-dark .ogv-app-body .ogv-app-content textarea{border-color:#352b41!important;background:#171120!important;color:#e9e3f0!important;box-shadow:none!important}
html.ogv-dark .ogv-app-body .ogv-app-content ::placeholder{color:#7a7086}
html.ogv-dark .ogv-app-body .ogv-app-content .table>thead>tr>th{border-bottom-color:#2f2639!important;background:#241c2f!important;color:#a396af!important}
html.ogv-dark .ogv-app-body .ogv-app-content .table>tbody>tr>td{border-top-color:#2a2233!important;color:#ddd4e8}
html.ogv-dark .ogv-app-body .ogv-app-content .table>tbody>tr:hover>td{background:#241c2f!important}
html.ogv-dark .ogv-app-body .ogv-app-content .ogv-table-scroll,
html.ogv-dark .ogv-app-body .ogv-app-content .table-responsive,
html.ogv-dark .ogv-app-body .ogv-app-content .nav-pills,
html.ogv-dark .ogv-app-body .ogv-app-content .nav-tabs{border-color:#2f2639!important;background:#1e1727!important;box-shadow:none!important}
html.ogv-dark .ogv-app-body .ogv-app-content .nav-pills>li>a,
html.ogv-dark .ogv-app-body .ogv-app-content .nav-tabs>li>a{color:#a396af}
html.ogv-dark .ogv-app-body .ogv-app-content .nav-pills>li.active>a,
html.ogv-dark .ogv-app-body .ogv-app-content .nav-tabs>li.active>a{background:rgba(148,58,248,.2)!important;color:#cfa4ff!important}
html.ogv-dark .ogv-app-currency .dropdown-menu{border-color:#2f2639;background:#221a2c}
html.ogv-dark .ogv-app-currency .dropdown-menu>li>a{color:#ddd4e8}
html.ogv-dark .ogv-app-currency .dropdown-menu>li>a:hover{background:#2c2237}

.ogv-app-body .ogv-app-nav__link{gap:12px!important}
.ogv-app-body .ogv-app-nav__link.is-active:before{top:50%!important;bottom:auto!important;width:4px!important;height:20px!important;border-radius:0 4px 4px 0!important;background:#943af8!important;transform:translateY(-50%)!important}

/* ============================================================
   OGV SIDEBAR v2.1 — rail scrolling + compact help card.
   - The rail is now a single scroll region: the head is pinned,
     everything below it scrolls. No legacy layer can flip it.
   - The footer no longer uses margin-top:auto, which was pushing
     the help card away from the last nav item on short menus.
   ============================================================ */
.ogv-app-body .ogv-app-sidebar{overflow:hidden!important}
.ogv-app-body .ogv-app-sidebar__head{flex:0 0 auto!important}
.ogv-app-body .ogv-app-sidebar__scroll{flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
.ogv-app-body .ogv-app-nav{flex:0 0 auto!important;overflow:visible!important}

/* Help card sits directly under the menu. */
.ogv-app-body .ogv-app-sidebar__footer{margin-top:0!important;gap:14px;padding:8px 20px 24px}
.ogv-app-support{padding:16px}
.ogv-app-support__badge{width:40px;height:40px;margin-bottom:10px;border-radius:13px}
.ogv-app-support__badge iconify-icon{width:22px;height:22px}
.ogv-app-support b{margin-bottom:4px;font-size:14px}
.ogv-app-support p{font-size:12px;line-height:1.45}
.ogv-app-support__cta{height:40px;margin-top:13px;font-size:13px}
.ogv-app-sidebar__account{padding-top:14px}

@media(max-width:991px){
 .ogv-app-body .ogv-app-sidebar__footer{padding:6px 16px 20px!important;gap:12px!important}
 .ogv-app-support{padding:15px!important}
 .ogv-app-support__badge{width:38px!important;height:38px!important;margin-bottom:9px!important}
 .ogv-app-support b{font-size:13.5px!important}
 .ogv-app-support p{font-size:12px!important}
 .ogv-app-support__cta{height:38px!important;margin-top:12px!important}
}

/* ============================================================
   OGV SIDEBAR v2.3 — a closed drawer is never on screen.
   The panel pins the closed rail with an inline !important
   transform of translateX(-290px) while the rail is up to 300px
   wide, leaving a ~10px strip. Inline !important cannot be beaten
   by any stylesheet, and the JS that sets it runs after first
   paint, so the strip also flashes during load.
   Visibility is a different property, so it IS reachable: a closed
   drawer is hidden outright, no matter where the transform puts
   it. Delaying visibility by the slide duration keeps the
   close animation intact.
   ============================================================ */
@media(max-width:991px){
 .ogv-app-body .ogv-app-sidebar{
   visibility:hidden!important;
   transition:transform .25s ease,visibility 0s linear .25s!important;
 }
 .ogv-app-body.ogv-app-nav-open .ogv-app-sidebar{
   visibility:visible!important;
   transition:transform .25s ease,visibility 0s linear 0s!important;
 }
 /* Nothing in a closed drawer should be focusable or hit-testable. */
 .ogv-app-body:not(.ogv-app-nav-open) .ogv-app-sidebar{pointer-events:none!important}
 .ogv-app-body.ogv-app-nav-open .ogv-app-sidebar{pointer-events:auto!important}
}