/* VIBERJAYA Agent-first homepage */ .vj-agent-home{padding:128px 0 18px} .vj-agent-home-head{text-align:center;max-width:760px;margin:0 auto 24px} .vj-agent-home-head small{display:block;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#087dff;margin-bottom:8px} .vj-agent-home-head h1{margin:0;color:#17384d;font-size:clamp(30px,6vw,48px);line-height:1.05;letter-spacing:-1.6px} .vj-agent-home-head p{margin:10px auto 0;max-width:610px;color:#6d8493;font-size:13px;line-height:1.55} .vj-agent-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:860px;margin:0 auto} .vj-agent-home-card{display:grid;grid-template-columns:46px minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:108px;padding:17px 18px;border:1px solid #dce8ef;border-radius:18px;background:rgba(255,255,255,.92);text-decoration:none;box-shadow:0 10px 32px rgba(32,73,99,.07)} .vj-agent-home-card:hover,.vj-agent-home-card:focus-visible{border-color:#afcddd;box-shadow:0 14px 34px rgba(32,73,99,.11)} .vj-agent-home-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:#eef7fc} .vj-agent-home-card[data-agent="organic"] .vj-agent-home-icon{background:#eaf9f1} .vj-agent-home-card[data-agent="ads"] .vj-agent-home-icon{background:#fff0f3} .vj-agent-home-card[data-agent="sales"] .vj-agent-home-icon{background:#eaf7ff} .vj-agent-home-card[data-agent="business"] .vj-agent-home-icon{background:#fff3dc} .vj-agent-home-copy strong{display:block;color:#19394d;font-size:15px;margin-bottom:4px} .vj-agent-home-copy span{display:block;color:#738895;font-size:11px;line-height:1.45} .vj-agent-home-arrow{color:#8aa5b6;font-size:20px} body:not(.v35-tool-mode):not(.v35-embed) #servicesMenu, body:not(.v35-tool-mode):not(.v35-embed) > .shell > .app, body:not(.v35-tool-mode):not(.v35-embed) > .shell > .suite{display:none!important} body.v35-tool-mode .vj-agent-home,body.v35-embed .vj-agent-home{display:none!important} body:not(.v35-tool-mode):not(.v35-embed) .hero.vj-chat-home{display:block!important;flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:12px 0 32px!important;max-width:860px;margin:0 auto} body:not(.v35-tool-mode):not(.v35-embed) .vj-chat-shell{display:flex!important;height:auto!important;max-height:none!important;min-height:132px!important;overflow:visible!important} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-welcome{position:static!important;left:auto!important;top:auto!important;width:100%!important;max-width:720px!important;margin:0 auto 8px!important;padding:0!important;transform:none!important} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-composer-wrap{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(860px,calc(100vw - 24px))!important;max-width:860px!important;margin:0 auto!important;padding:0!important} body:not(.v35-tool-mode):not(.v35-embed) .vj-chat-wordmark-only{display:none!important} body:not(.v35-tool-mode):not(.v35-embed) .vj-chat-welcome{padding-top:0!important} body:not(.v35-tool-mode):not(.v35-embed) .vj-chat-question{font-size:12px!important;font-weight:800!important;color:#526f82!important;margin:0 0 9px!important} body:not(.v35-tool-mode):not(.v35-embed) .vj-ask-quick{display:none!important} /* Ask-open quick prompts: fix the old homepage-only hide rule without altering Agent chips. */ body.vj-ask-open:not(.v35-tool-mode):not(.v35-embed) .vj-chat-composer-wrap > #askViberjayaQuick{ display:flex!important; visibility:visible!important;opacity:1!important; width:100%!important;min-height:32px!important; align-items:center!important;justify-content:flex-start!important; flex-wrap:nowrap!important;gap:7px!important; overflow-x:auto!important;overflow-y:visible!important; padding:5px 2px 9px!important;margin:0 0 7px!important; scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important; } body.vj-ask-open:not(.v35-tool-mode):not(.v35-embed) #askViberjayaQuick::-webkit-scrollbar{display:none!important} body.vj-ask-open:not(.v35-tool-mode):not(.v35-embed) #askViberjayaQuick > button{ flex:0 0 auto!important;display:inline-flex!important;align-items:center!important; visibility:visible!important;opacity:1!important; min-height:32px!important;max-width:none!important;white-space:nowrap!important; } @media(max-width:650px){ body.vj-ask-open:not(.v35-tool-mode):not(.v35-embed) .vj-chat-composer-wrap > #askViberjayaQuick{ gap:6px!important;padding-bottom:10px!important; } } body:not(.v35-tool-mode):not(.v35-embed) .vj-profile-reminder{display:none!important} body:not(.v35-tool-mode):not(.v35-embed) .vj-chat-composer-wrap{width:min(860px,calc(100vw - 24px))!important;max-width:860px!important;margin:0 auto!important} .nav-actions>.token-badge+.header-login{margin-left:42px!important} .nav-actions>.menu-toggle{order:2} .nav-actions>.token-badge{order:1} .nav-actions>.header-login{order:3} @media(max-width:700px){ .vj-agent-home{padding:108px 0 10px} .vj-agent-home-head{padding:0 8px;margin-bottom:16px} .vj-agent-home-head h1{font-size:31px} .vj-agent-home-grid{grid-template-columns:1fr;gap:9px} .vj-agent-home-card{min-height:88px;padding:13px 14px} .vj-agent-home-icon{width:42px;height:42px} .nav-actions>.token-badge+.header-login{margin-left:36px!important} } /* v4: subtle motion for Agent card icons */ .vj-agent-home-icon{will-change:transform;animation:vjAgentIconFloat 4.8s ease-in-out infinite} .vj-agent-home-card[data-agent="organic"] .vj-agent-home-icon{animation-delay:-.4s} .vj-agent-home-card[data-agent="ads"] .vj-agent-home-icon{animation-name:vjAgentIconFloat,vjAgentIconTilt;animation-duration:4.8s,6.2s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-delay:-.4s,-1.2s} .vj-agent-home-card[data-agent="sales"] .vj-agent-home-icon{animation-delay:-1.5s} .vj-agent-home-card[data-agent="business"] .vj-agent-home-icon{animation-delay:-2.4s} @keyframes vjAgentIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} @keyframes vjAgentIconTilt{0%,100%{rotate:0deg}50%{rotate:-3deg}} @media(prefers-reduced-motion:reduce){.vj-agent-home-icon{animation:none!important}} /* v8: first-paint-stable compact homepage router */ .vj-agent-home{padding-top:112px} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{ display:block!important;flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important; padding:2px 0 18px!important;max-width:860px!important;margin:0 auto!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-shell{ display:flex!important;flex-direction:column!important;gap:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-welcome{ display:block!important;position:static!important;inset:auto!important;order:1!important; width:min(860px,calc(100vw - 24px))!important;max-width:860px!important; margin:0 auto 2px!important;padding:0!important;transform:none!important;translate:none!important;overflow:visible!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-question{ display:block!important;position:static!important;visibility:visible!important;opacity:1!important; width:100%!important;max-width:none!important;margin:0 0 3px!important;padding:0!important;transform:none!important;translate:none!important;line-height:1.25!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-composer-wrap{ position:static!important;inset:auto!important;order:2!important;width:min(860px,calc(100vw - 24px))!important;max-width:860px!important; margin:0 auto!important;padding:0!important;transform:none!important;translate:none!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row{ min-height:0!important;padding:4px!important;gap:5px!important;border-radius:15px!important;align-items:center!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row textarea{ min-height:40px!important;margin:0!important;padding:6px 8px!important;line-height:28px!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-attach, body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-mic, body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-submit{ flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important;border-radius:11px!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-note{margin-top:3px!important} @media(max-width:700px){ .vj-agent-home{padding-top:64px;padding-bottom:0} .vj-agent-home-head{margin-bottom:8px} .vj-agent-home-grid{gap:7px} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:0!important} } /* v9: separate the business router from Agent cards without hiding it on mobile */ body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:30px!important} @media(max-width:700px){ body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:12px!important} } @media(max-width:700px) and (max-height:700px){ .vj-agent-home{padding-top:52px!important} .vj-agent-home-head{margin-bottom:6px!important} .vj-agent-home-grid{gap:6px!important} .vj-agent-home-card{min-height:82px!important;padding:11px 13px!important} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:10px!important} } /* v10: lower homepage business router + fully separated trash/token/header actions */ body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:30px!important} .nav-actions{ gap:7px!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;overflow:visible!important } .nav-actions>#homeChatClear,.nav-actions>#tokenBadge,.nav-actions>#menuToggle{ height:42px!important;min-height:42px!important;border:1px solid var(--line)!important;border-radius:11px!important; background:#fff!important;box-shadow:0 5px 14px rgba(37,93,130,.07)!important;color:#31526a!important } .nav-actions>#homeChatClear{ order:1!important;width:42px!important;min-width:42px!important;padding:0!important;margin-right:0!important; display:grid!important;place-items:center!important;position:relative!important } .nav-actions>#homeChatClear svg{width:18px!important;height:18px!important} .nav-actions>#homeChatClear:after{ content:""!important;position:absolute!important;right:-7px!important;top:8px!important;width:1px!important;height:24px!important; background:rgba(39,105,151,.24)!important;pointer-events:none!important } .nav-actions>#tokenBadge{order:2!important;padding:0 10px!important;margin-left:10px!important;border-right:1px solid var(--line)!important} .nav-actions>#menuToggle{order:3!important;min-width:42px!important;padding:0 9px!important} .nav-actions>#headerLogin{order:4!important} @media(max-width:700px){ body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:24px!important} .nav-actions{gap:5px!important} .nav-actions>#homeChatClear{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin-right:0!important} .nav-actions>#homeChatClear:after{right:-8px!important;top:8px!important;height:22px!important} .nav-actions>#tokenBadge{margin-left:10px!important} .nav-actions>#tokenBadge,.nav-actions>#menuToggle{height:40px!important;min-height:40px!important} } @media(max-width:700px) and (max-height:700px){ body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:30px!important} } /* v11: homepage header matches separated Agent controls exactly */ .nav-actions, html.v24-light .nav-actions{ gap:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;overflow:visible!important;padding:0!important } .nav-actions>#homeChatClear, .nav-actions>#tokenBadge, .nav-actions>#menuToggle{ height:40px!important;min-height:40px!important;margin:0!important; border:1px solid #dfe7ed!important;border-radius:11px!important; background:#fff!important;color:#29485e!important; box-shadow:0 2px 8px rgba(39,73,97,.04)!important } .nav-actions>#homeChatClear{ order:1!important;width:40px!important;min-width:40px!important;padding:0!important;margin-right:8px!important; display:grid!important;place-items:center!important } .nav-actions>#homeChatClear:after{content:none!important;display:none!important} .nav-actions>#tokenBadge{ order:2!important;min-width:70px!important;padding:0 11px!important;margin-right:8px!important; border-right:1px solid #dfe7ed!important } .nav-actions>#menuToggle{ order:3!important;width:43px!important;min-width:43px!important;padding:0!important; font-size:20px!important;line-height:1!important } .nav-actions>#headerLogin{order:4!important;margin:0!important} @media(max-width:650px){ .nav-actions{gap:0!important} .nav-actions>#homeChatClear{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important} .nav-actions>#tokenBadge{min-width:64px!important;height:38px!important;min-height:38px!important;padding:0 8px!important;font-size:9px!important} .nav-actions>#menuToggle{width:40px!important;min-width:40px!important;height:38px!important;min-height:38px!important} } /* v13: subtle Affiliate Program interlude */ .vj-affiliate-home-card{ display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:9px;align-items:center; width:min(520px,100%);max-width:520px;min-height:52px;margin:10px auto 0;padding:8px 14px; border:1px solid #dce8ef;border-radius:15px; background:#fff; box-shadow:0 8px 24px rgba(32,73,99,.055) } .vj-affiliate-home-card:hover,.vj-affiliate-home-card:focus-visible{ border-color:#afcddd;box-shadow:0 11px 28px rgba(32,73,99,.085) } .vj-affiliate-home-card .vj-agent-home-icon{ width:34px;height:34px;border-radius:10px;background:#fff5c8;color:#9a7b10; font-size:18px;font-weight:900;line-height:1; animation:none!important;transform:none!important } .vj-affiliate-home-card .vj-agent-home-copy{text-align:center} .vj-affiliate-home-card .vj-agent-home-copy strong{ display:block;margin:0;color:#35566f;font-size:12px;line-height:1.35;font-weight:500;letter-spacing:0;text-align:center } .vj-affiliate-home-card .vj-affiliate-home-income{ display:block;margin:2px 0 0;color:#35566f;font-size:12px;line-height:1.35;font-weight:500;letter-spacing:0;text-align:center } .vj-affiliate-home-card .vj-affiliate-home-income[hidden]{display:none!important} .vj-affiliate-home-card .vj-agent-home-arrow{display:block!important;color:#8aa5b6;font-size:20px;font-weight:400;line-height:1;text-align:right} @media(max-width:700px){ .vj-agent-home{padding-top:80px!important} .vj-agent-home-head{margin-bottom:6px!important;padding:0 7px!important} .vj-agent-home-head h1{font-size:28px!important;line-height:1.04!important} .vj-agent-home-head p{margin-top:7px!important;font-size:11.5px!important;line-height:1.4!important} .vj-agent-home-grid{gap:6px!important} .vj-agent-home-card{ min-height:72px!important;padding:9px 12px!important; grid-template-columns:38px minmax(0,1fr) 16px!important;gap:10px!important } .vj-agent-home-icon{width:38px!important;height:38px!important;font-size:19px!important;border-radius:12px!important} .vj-agent-home-copy strong{font-size:13px!important;margin-bottom:2px!important} .vj-agent-home-copy span{font-size:9.6px!important;line-height:1.3!important} .vj-affiliate-home-card{ width:min(330px,calc(100% - 32px))!important;max-width:330px!important;min-height:46px!important;margin-top:6px!important;padding:6px 10px!important; grid-template-columns:30px minmax(0,1fr) 30px!important;gap:8px!important } .vj-affiliate-home-card .vj-agent-home-icon{width:30px!important;height:30px!important;font-size:16px!important;border-radius:9px!important} .vj-affiliate-home-card .vj-agent-home-copy strong{font-size:10.8px!important;line-height:1.3!important;font-weight:500!important;color:#35566f!important;margin:0!important;text-align:center!important} .vj-affiliate-home-card .vj-affiliate-home-income{font-size:10.8px!important;line-height:1.3!important;font-weight:500!important;color:#35566f!important;margin-top:2px!important;text-align:center!important} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:18px!important} } @media(max-width:700px) and (max-height:700px){ .vj-agent-home{padding-top:74px!important} .vj-agent-home-head{margin-bottom:5px!important} .vj-agent-home-head h1{font-size:26px!important} .vj-agent-home-card{min-height:68px!important;padding-top:8px!important;padding-bottom:8px!important} .vj-affiliate-home-card{width:min(314px,calc(100% - 32px))!important;min-height:44px!important;margin-top:5px!important;padding-top:5px!important;padding-bottom:5px!important} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:24px!important} } /* v17: final mobile first-fold clearance */ @media(max-width:700px){ .vj-agent-home{padding-top:80px!important} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:28px!important} } @media(max-width:700px) and (max-height:700px){ .vj-agent-home{padding-top:74px!important} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .hero.vj-chat-home{padding-top:22px!important} } /* v21: Affiliate card parity + tighter homepage hierarchy */ .vj-agent-home{padding-top:80px;padding-bottom:10px} .vj-agent-home-head [data-agent-home-eyebrow]{display:none!important} .vj-affiliate-home-card{ grid-column:1/-1!important;justify-self:center!important; width:calc((100% - 12px)/2)!important;max-width:none!important; min-height:108px!important;margin:0!important;padding:17px 18px!important; grid-template-columns:46px minmax(0,1fr) 18px!important;gap:12px!important; border-radius:18px!important;box-shadow:0 10px 32px rgba(32,73,99,.07)!important } .vj-affiliate-home-card:hover,.vj-affiliate-home-card:focus-visible{box-shadow:0 14px 34px rgba(32,73,99,.11)!important} .vj-affiliate-home-card .vj-agent-home-icon{ width:46px!important;height:46px!important;border-radius:14px!important; background:#fff5c8!important;color:#9a7b10!important;font-size:22px!important;font-weight:900!important; animation:vjAgentIconFloat 4.8s ease-in-out infinite!important;animation-delay:-3.2s!important;transform:none } .vj-affiliate-home-card .vj-agent-home-copy{text-align:left!important} .vj-affiliate-home-card .vj-agent-home-copy strong{ display:block!important;margin:0 0 4px!important;color:#19394d!important; font-family:var(--vj-font-display,"Manrope",sans-serif)!important;font-size:15px!important; font-weight:600!important;line-height:1.25!important;letter-spacing:-.012em!important;text-align:left!important } .vj-affiliate-home-card .vj-agent-home-copy>span{ display:block!important;color:#738895!important;font-family:var(--vj-font-body,"Inter",sans-serif)!important; font-size:11px!important;font-weight:400!important;line-height:1.45!important;text-align:left!important } .vj-affiliate-home-card .vj-affiliate-home-income{ display:block!important;margin:4px 0 0!important;color:#19394d!important; font-family:var(--vj-font-display,"Manrope",sans-serif)!important;font-size:15px!important; font-weight:600!important;line-height:1.25!important;letter-spacing:-.012em!important;text-align:left!important } .vj-affiliate-home-card .vj-affiliate-home-income[hidden]{display:none!important} .vj-affiliate-home-card .vj-agent-home-arrow{ display:block!important;color:#8aa5b6!important;font-size:20px!important;font-weight:400!important;line-height:1!important;text-align:right!important } @media(max-width:700px){ .vj-agent-home{padding-top:72px!important;padding-bottom:0!important} .vj-affiliate-home-card{ grid-column:auto!important;justify-self:stretch!important;width:100%!important;max-width:none!important; min-height:72px!important;margin:0!important;padding:9px 12px!important; grid-template-columns:38px minmax(0,1fr) 16px!important;gap:10px!important } .vj-affiliate-home-card .vj-agent-home-icon{width:38px!important;height:38px!important;font-size:19px!important;border-radius:12px!important} .vj-affiliate-home-card .vj-agent-home-copy strong{font-size:13px!important;line-height:1.25!important;margin-bottom:2px!important} .vj-affiliate-home-card .vj-agent-home-copy>span{font-size:9.6px!important;line-height:1.3!important} .vj-affiliate-home-card .vj-affiliate-home-income{font-size:13px!important;line-height:1.25!important;margin-top:2px!important} } @media(max-width:700px) and (max-height:700px){ .vj-agent-home{padding-top:66px!important} .vj-affiliate-home-card{min-height:68px!important;padding-top:8px!important;padding-bottom:8px!important} } /* v22: approved futuristic homepage polish — Ask command bar, Agent cards, typography, load motion, custom SVG identity */ .vj-agent-home-head h1{ font-family:var(--vj-font-display,"Manrope",sans-serif)!important; font-size:clamp(32px,5vw,50px)!important;font-weight:600!important;line-height:1.03!important; letter-spacing:-1.9px!important;text-wrap:balance } .vj-agent-home-head p{ font-family:var(--vj-font-body,"Inter",sans-serif)!important; font-size:13.5px!important;font-weight:400!important;letter-spacing:-.01em!important } .vj-agent-home-copy strong{ font-family:var(--vj-font-display,"Manrope",sans-serif)!important; font-size:15.5px!important;font-weight:600!important;letter-spacing:-.018em!important } .vj-agent-home-copy span{ font-family:var(--vj-font-body,"Inter",sans-serif)!important; font-size:11.3px!important;letter-spacing:-.006em!important } .vj-agent-home-card:not(.vj-affiliate-home-card){ position:relative!important;overflow:hidden!important; transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease!important } .vj-agent-home-card:not(.vj-affiliate-home-card)::before{ content:"";position:absolute;inset:0;pointer-events:none;opacity:0; background:radial-gradient(circle at 18% 20%,var(--vj-agent-glow,rgba(8,125,255,.08)),transparent 52%); transition:opacity .28s ease } .vj-agent-home-card[data-agent="organic"]{--vj-agent-accent:#159b64;--vj-agent-glow:rgba(21,155,100,.105)} .vj-agent-home-card[data-agent="ads"]{--vj-agent-accent:#dc2626;--vj-agent-glow:rgba(220,38,38,.09)} .vj-agent-home-card[data-agent="sales"]{--vj-agent-accent:#b48809;--vj-agent-glow:rgba(180,136,9,.10)} .vj-agent-home-card[data-agent="business"]{--vj-agent-accent:#8051b9;--vj-agent-glow:rgba(128,81,185,.105)} .vj-agent-home-card:not(.vj-affiliate-home-card):hover, .vj-agent-home-card:not(.vj-affiliate-home-card):focus-visible{ transform:translateY(-3px)!important; border-color:color-mix(in srgb,var(--vj-agent-accent) 36%,#dce8ef)!important; box-shadow:0 16px 38px var(--vj-agent-glow),0 7px 20px rgba(32,73,99,.07)!important } .vj-agent-home-card:not(.vj-affiliate-home-card):hover::before, .vj-agent-home-card:not(.vj-affiliate-home-card):focus-visible::before{opacity:1} .vj-agent-home-icon:not(.vj-affiliate-home-card .vj-agent-home-icon){ color:var(--vj-agent-accent,#087dff)!important; border:1px solid color-mix(in srgb,var(--vj-agent-accent,#087dff) 17%,transparent)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 8px 20px var(--vj-agent-glow,rgba(8,125,255,.08))!important } .vj-agent-home-glyph{ width:24px;height:24px;display:block;stroke:currentColor;stroke-width:1.7; stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke } .vj-agent-home-icon--organic{background:linear-gradient(145deg,#f5fffa,#e7f8ef)!important} .vj-agent-home-icon--ads{background:linear-gradient(145deg,#fff8fa,#ffecef)!important} .vj-agent-home-icon--sales{background:linear-gradient(145deg,#f6fbff,#e7f5ff)!important} .vj-agent-home-icon--business{background:linear-gradient(145deg,#fffaf0,#fff0d3)!important} /* Ask Our AI as a quiet floating command bar. */ body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-question{ font-family:var(--vj-font-display,"Manrope",sans-serif)!important; font-size:12.5px!important;font-weight:600!important;letter-spacing:-.012em!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row{ position:relative!important;isolation:isolate!important;overflow:hidden!important; border:1px solid rgba(40,110,153,.16)!important; background:rgba(255,255,255,.95)!important; box-shadow:0 13px 34px rgba(33,83,116,.09),0 2px 8px rgba(33,83,116,.045)!important; transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row::before{ content:"";position:absolute;inset:-1px;z-index:3;pointer-events:none;border-radius:inherit;padding:1.2px; background:linear-gradient(105deg,transparent 0%,transparent 31%,rgba(8,125,255,.12) 40%,rgba(0,200,255,.62) 49%,rgba(8,125,255,.24) 56%,transparent 66%,transparent 100%); background-size:260% 100%; -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor;mask-composite:exclude; animation:vjAskBorderTravel 5.2s linear infinite!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row:focus-within{ border-color:rgba(8,125,255,.30)!important; box-shadow:0 16px 38px rgba(8,125,255,.12),0 0 0 3px rgba(8,125,255,.045)!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row textarea{ font-family:var(--vj-font-body,"Inter",sans-serif)!important; font-weight:400!important;letter-spacing:-.008em!important } @keyframes vjAskBorderTravel{ from{background-position:165% 0} to{background-position:-165% 0} } /* v23: make the approved Ask Our AI command bar visibly focal without changing layout */ body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-composer-wrap{ position:relative!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-composer-wrap::before{ content:"";position:absolute;left:5%;right:5%;top:8px;height:48px;pointer-events:none;z-index:-1; border-radius:22px;background:rgba(8,125,255,.10);filter:blur(26px);opacity:.78 } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row{ border:1px solid rgba(8,125,255,.28)!important; background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,252,255,.97))!important; box-shadow: 0 0 0 1px rgba(255,255,255,.92) inset, 0 14px 34px rgba(28,78,113,.13), 0 3px 10px rgba(8,125,255,.07)!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row::before{ inset:-2px;padding:2px; background:linear-gradient(105deg, transparent 0%,transparent 27%, rgba(8,125,255,.14) 36%, rgba(0,200,255,.96) 48%, rgba(8,125,255,.46) 57%, transparent 69%,transparent 100%); background-size:235% 100%; filter:drop-shadow(0 0 5px rgba(0,200,255,.34)); animation-duration:4.2s!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row:focus-within{ border-color:rgba(8,125,255,.58)!important; box-shadow: 0 0 0 1px rgba(255,255,255,.96) inset, 0 0 0 3px rgba(8,125,255,.08), 0 17px 42px rgba(8,125,255,.17), 0 0 24px rgba(0,200,255,.11)!important } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row textarea::placeholder{ color:#708a9a!important;opacity:1 } @media(max-width:700px){ body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-composer-wrap::before{ left:7%;right:7%;top:7px;height:44px;filter:blur(22px);opacity:.66 } body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row{ border-color:rgba(8,125,255,.25)!important; box-shadow: 0 0 0 1px rgba(255,255,255,.92) inset, 0 11px 27px rgba(28,78,113,.12), 0 2px 8px rgba(8,125,255,.065)!important } } /* v24: visible post-splash micro-motion, geometry-stable and tour-safe */ body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-head h1{ animation:vjHomeSoftReveal .54s cubic-bezier(.2,.75,.25,1) 2.72s both!important } body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-head p{ animation:vjHomeSoftReveal .48s ease 2.82s both!important } /* v28: reveal each complete card after the existing splash fades. Independent translate/scale preserve the existing hover transform and layout. */ body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-card{ animation:vjHomeCardEnter .46s cubic-bezier(.16,1,.3,1) both!important; animation-delay:2.65s!important; } body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-card:nth-child(2){animation-delay:2.71s!important} body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-card:nth-child(3){animation-delay:2.77s!important} body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-card:nth-child(4){animation-delay:2.83s!important} body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-card:nth-child(5){animation-delay:2.89s!important} @keyframes vjHomeCardEnter{ from{opacity:0;translate:0 14px;scale:.975} to{opacity:1;translate:0 0;scale:1} } /* Only Ask direct children: instant and crisp on homepage open and close. Card contents now enter together with their parent card. */ body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-welcome > *, body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-composer-wrap > *{ animation:none!important; opacity:1!important; filter:none!important; transition:none!important; } @keyframes vjHomeSoftReveal{ 0%{opacity:0;filter:blur(7px)} 55%{opacity:.82;filter:blur(1.8px)} 100%{opacity:1;filter:blur(0)} } @media(max-width:700px){ .vj-agent-home-head h1{font-size:28px!important;letter-spacing:-1.25px!important} .vj-agent-home-head p{font-size:11.5px!important} .vj-agent-home-copy strong{font-size:13px!important} .vj-agent-home-copy span{font-size:9.6px!important} .vj-agent-home-glyph{width:21px;height:21px} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-question{font-size:11.8px!important} body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row{ box-shadow:0 10px 27px rgba(33,83,116,.085),0 2px 7px rgba(33,83,116,.04)!important } } @media(prefers-reduced-motion:reduce){ body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-head h1, body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-head p, body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-card, body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-card > .vj-agent-home-copy, body:not(.v35-tool-mode):not(.v35-embed) .vj-agent-home-card > .vj-agent-home-arrow, body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-welcome > *, body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-chat-composer-wrap > *, body:not(.v35-tool-mode):not(.v35-embed):not(.vj-chat-active) .vj-ask-input-row::before{ animation:none!important } .vj-agent-home-card:not(.vj-affiliate-home-card){transition:none!important} } /* v26: Instant Ask reveal and return. Only Ask direct children bypass the legacy 3.38s vjHomeSoftReveal animation. Agent cards retain their effects. */ html body:not(.v35-tool-mode):not(.v35-embed) .vj-chat-welcome > *, html body:not(.v35-tool-mode):not(.v35-embed) .vj-chat-composer-wrap > *{ animation:none!important; transition:none!important; opacity:1!important; filter:none!important; } html body.vj-ask-open:not(.v35-tool-mode):not(.v35-embed) .vj-chat-composer-wrap > #askViberjayaQuick{ display:grid!important; grid-template-columns:repeat(3,minmax(212px,1fr))!important; grid-template-rows:repeat(2,minmax(43px,auto))!important; grid-auto-flow:column!important; grid-auto-columns:auto!important; gap:7px!important; align-items:stretch!important; justify-items:stretch!important; min-height:93px!important; overflow-x:auto!important; overflow-y:hidden!important; overscroll-behavior-x:contain!important; padding:5px 2px 7px!important; margin:0 0 5px!important; scroll-snap-type:x proximity!important; } html body.vj-ask-open:not(.v35-tool-mode):not(.v35-embed) .vj-chat-composer-wrap > #askViberjayaQuick > button{ display:flex!important; flex:initial!important; align-items:center!important; justify-content:flex-start!important; text-align:left!important; width:100%!important; max-width:none!important; min-height:43px!important; height:100%!important; padding:8px 12px!important; white-space:normal!important; line-height:1.25!important; filter:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; opacity:1!important; visibility:visible!important; transition:none!important; scroll-snap-align:start!important; } @media(max-width:700px){ html body.vj-ask-open:not(.v35-tool-mode):not(.v35-embed) .vj-chat-composer-wrap > #askViberjayaQuick{ grid-template-columns:repeat(3,190px)!important; grid-template-rows:repeat(2,minmax(44px,auto))!important; gap:6px!important; padding:5px 1px 8px!important; } html body.vj-ask-open:not(.v35-tool-mode):not(.v35-embed) .vj-chat-composer-wrap > #askViberjayaQuick > button{ min-height:44px!important; padding:8px 10px!important; } } /* v14: homepage uses the exact universal hamburger component used by Agents/pages */ .nav-actions>#vjUniversalNavMount.vj-home-universal-menu-mount{ order:3!important;display:flex!important;align-items:center!important;justify-content:center!important; width:43px!important;min-width:43px!important;height:40px!important;margin:0!important;padding:0!important; flex:0 0 43px!important;position:relative!important;overflow:visible!important } .nav-actions>#vjUniversalNavMount #vjUniversalNav.home-menu-only{ position:static!important;inset:auto!important;display:flex!important;width:43px!important;height:40px!important; margin:0!important;padding:0!important;gap:0!important } .nav-actions>#vjUniversalNavMount #vjUniversalMenu{ width:43px!important;min-width:43px!important;height:40px!important;min-height:40px!important; margin:0!important;padding:0!important } @media(max-width:650px){ .nav-actions>#vjUniversalNavMount.vj-home-universal-menu-mount{ width:40px!important;min-width:40px!important;height:38px!important;flex-basis:40px!important } .nav-actions>#vjUniversalNavMount #vjUniversalNav.home-menu-only, .nav-actions>#vjUniversalNavMount #vjUniversalMenu{ width:40px!important;min-width:40px!important;height:38px!important;min-height:38px!important } } /* Team-first homepage while old four specialists stay available via the hamburger menu */ #vjAgentHome .vj-agent-home-card[data-agent-card="organic"],#vjAgentHome .vj-agent-home-card[data-agent-card="ads"],#vjAgentHome .vj-agent-home-card[data-agent-card="sales"],#vjAgentHome .vj-agent-home-card[data-agent-card="business"]{display:grid!important} #vjAgentHome .vj-agent-team-card{grid-column:1/-1;border:1px solid #d9c9f7;background:linear-gradient(120deg,#ffffff 15%,#f4efff 100%)} #vjAgentHome .vj-agent-home-icon--team{background:linear-gradient(135deg,#7650b4,#a17de0)!important;color:white!important;font-size:29px;font-weight:800} /* VIGENTIC AI identity — composed four-specialist mark, no old purple card */ #vjAgentHome .vj-agent-team-card{border:1px solid #d8d8d8!important;background:linear-gradient(130deg,#171717 0%,#333 100%)!important;color:#fff!important;box-shadow:0 12px 30px #00000020} #vjAgentHome .vj-agent-team-card .vj-agent-home-copy strong{color:#fff!important;letter-spacing:.05em} #vjAgentHome .vj-agent-team-card .vj-agent-home-copy>span{color:#d3d3d3!important} #vjAgentHome .vj-agent-team-card .vj-agent-home-arrow{color:#fff!important} #vjAgentHome .vj-agent-home-icon--team{background:transparent!important;font-size:0!important;display:grid!important;grid-template-columns:repeat(2,16px);gap:5px;width:64px;height:64px;align-content:center;justify-content:center;border:1px solid #555;border-radius:17px} #vjAgentHome .vj-agent-home-icon--team:before,#vjAgentHome .vj-agent-home-icon--team:after{content:'';width:37px;height:16px;grid-column:1/-1;display:block;background:linear-gradient(90deg,#1ca96b 0 44%,transparent 44% 56%,#2574dd 56%);border-radius:5px} #vjAgentHome .vj-agent-home-icon--team:after{background:linear-gradient(90deg,#dcaa22 0 44%,transparent 44% 56%,#9154d8 56%)} /* Owner-approved 23 October homepage VIGENTIC card: bright, larger, informative. */ #vjAgentHome .vj-agent-team-card{grid-column:1/-1!important;min-height:166px!important;padding:22px 24px!important;grid-template-columns:78px minmax(0,1fr) 20px!important;align-items:center!important;gap:17px!important;background:#fff!important;color:#171717!important;border:1px solid #dedede!important;box-shadow:0 12px 30px #0000000c!important} #vjAgentHome .vj-agent-team-card .vj-agent-home-copy strong{color:#171717!important;letter-spacing:0!important;font-size:19px!important} #vjAgentHome .vj-agent-team-card .vj-agent-home-copy>span{color:#565656!important} #vjAgentHome .vj-agent-team-card .vj-agent-home-arrow{color:#171717!important} #vjAgentHome .vj-agent-team-card .vj-agent-home-icon--team{width:72px!important;height:72px!important;position:relative!important;display:grid!important;place-items:center!important;grid-template-columns:1fr!important;background:#fafafa!important;border:1px solid #e5e5e5!important;border-radius:19px!important;animation:none!important;transform:none!important;overflow:hidden!important} #vjAgentHome .vj-agent-home-icon--team:before,#vjAgentHome .vj-agent-home-icon--team:after{display:none!important;content:none!important} #vjAgentHome .vj-agent-home-icon--team .vj-vigentic-rotate{position:absolute;inset:0;display:grid;place-items:center;opacity:0;color:#171717;animation:vj-vigentic-logo-cycle 8s linear infinite;animation-delay:calc(var(--vigentic-index)*2s);transform:scale(.87)} #vjAgentHome .vj-vigentic-rotate svg{width:40px;height:40px;stroke:currentColor;fill:none} #vjAgentHome .vj-vigentic-rotate--organic{color:#16a34a!important} #vjAgentHome .vj-vigentic-rotate--ads{color:#dc2626!important} #vjAgentHome .vj-vigentic-rotate--sales{color:#b48809!important} #vjAgentHome .vj-vigentic-rotate--business{color:#8051b9!important} @keyframes vj-vigentic-logo-cycle{0%,20%{opacity:1;transform:scale(1)}23%,99.9%{opacity:0;transform:scale(.9)}100%{opacity:0}} #vjAgentHome .vj-vigentic-home-subtitle{display:block!important;color:#545454!important;font-size:12px!important;margin-bottom:12px!important} #vjAgentHome .vj-vigentic-home-roles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 14px!important} #vjAgentHome .vj-vigentic-home-role{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:0!important} #vjAgentHome .vj-vigentic-role-logo{display:grid!important;place-items:center!important;flex:0 0 26px!important;width:26px!important;height:26px!important;border-radius:8px!important;background:#f5f5f5!important} #vjAgentHome .vj-vigentic-role-logo svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor} #vjAgentHome .vj-vigentic-home-role--organic .vj-vigentic-role-logo{color:#16a34a!important} #vjAgentHome .vj-vigentic-home-role--ads .vj-vigentic-role-logo{color:#dc2626!important} #vjAgentHome .vj-vigentic-home-role--sales .vj-vigentic-role-logo{color:#b48809!important} #vjAgentHome .vj-vigentic-home-role--business .vj-vigentic-role-logo{color:#8051b9!important} #vjAgentHome .vj-vigentic-role-copy{min-width:0;display:block!important} #vjAgentHome .vj-vigentic-role-copy b{display:block;color:#232323;font-size:11px;line-height:1.25} #vjAgentHome .vj-vigentic-role-copy small{display:block;color:#777;font-size:10px;line-height:1.35} @media(prefers-reduced-motion:reduce){#vjAgentHome .vj-vigentic-rotate{animation:none!important}#vjAgentHome .vj-vigentic-rotate:first-child{opacity:1!important}} @media(max-width:650px){#vjAgentHome .vj-agent-team-card{min-height:180px!important;padding:17px 13px!important;grid-template-columns:57px minmax(0,1fr) 12px!important;gap:8px!important}#vjAgentHome .vj-agent-home-icon--team{width:53px!important;height:53px!important;border-radius:13px!important}#vjAgentHome .vj-vigentic-rotate svg{width:30px;height:30px}#vjAgentHome .vj-agent-team-card .vj-agent-home-copy strong{font-size:17px!important}#vjAgentHome .vj-vigentic-home-roles{gap:9px 4px!important}#vjAgentHome .vj-vigentic-role-logo{flex-basis:22px!important;width:22px!important;height:22px!important}#vjAgentHome .vj-vigentic-role-copy b{font-size:10px}#vjAgentHome .vj-vigentic-role-copy small{font-size:9px}} /* On small screens the larger four-role VIGENTIC card must not crowd Ask or Affiliate. */ @media(max-width:700px){ #vjAgentHome .vj-agent-team-card{min-height:166px!important} #vjAgentHome .vj-agent-home-grid{margin-bottom:10px!important} } /* App tour targets must remain geometrically stable throughout each step. */ body.vj-tour-open #vjAgentHome .vj-agent-team-card{animation:none!important;translate:none!important;scale:1!important;opacity:1!important;filter:none!important} /* 23 Oct owner correction: ONLY the rotating main VIGENTIC logo was too big, leave the four original Agent/tool logos at their existing size. */ #vjAgentHome .vj-agent-team-card{grid-template-columns:48px minmax(0,1fr) 18px!important;gap:12px!important;min-height:0!important;box-sizing:border-box!important} #vjAgentHome .vj-agent-team-card .vj-agent-home-icon--team{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:11px!important;overflow:hidden!important;align-self:center!important} #vjAgentHome .vj-agent-team-card .vj-vigentic-rotate,#vjAgentHome .vj-agent-team-card .vj-vigentic-rotate svg{max-width:100%!important;max-height:100%!important} #vjAgentHome .vj-agent-team-card .vj-vigentic-rotate svg{width:27px!important;height:27px!important} #vjAgentHome .vj-agent-team-card .vj-agent-home-copy{min-width:0!important;overflow-wrap:anywhere!important} @media(max-width:650px){ #vjAgentHome .vj-agent-team-card{grid-template-columns:42px minmax(0,1fr) 12px!important;gap:8px!important;padding:15px 12px!important;min-height:0!important} #vjAgentHome .vj-agent-team-card .vj-agent-home-icon--team{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important} #vjAgentHome .vj-agent-team-card .vj-vigentic-rotate svg{width:24px!important;height:24px!important} } @media(max-width:390px){#vjAgentHome .vj-agent-team-card .vj-vigentic-home-roles{grid-template-columns:minmax(0,1fr)!important}} /* Homepage-only rendering budget while the shared drawer follows a finger. Keep the approved entrance/repeating effects intact outside interactions. Pausing animations avoids fighting the moving menu on mobile. */ body.vj-home-drawer-swipe-active #vjAgentHome .vj-agent-home-icon, body.vj-u-open #vjAgentHome .vj-agent-home-icon, body.vj-home-drawer-swipe-active #vjAgentHome .vj-agent-home-card, body.vj-u-open #vjAgentHome .vj-agent-home-card, body.vj-home-drawer-swipe-active #vjAgentHome .vj-agent-home-head h1, body.vj-u-open #vjAgentHome .vj-agent-home-head h1, body.vj-home-drawer-swipe-active #vjAgentHome .vj-agent-home-head p, body.vj-u-open #vjAgentHome .vj-agent-home-head p, body.vj-home-drawer-swipe-active .vj-chat-home .vj-ask-input-row::before, body.vj-u-open .vj-chat-home .vj-ask-input-row::before{ animation-play-state:paused!important; } /* The moving panel does not need expensive translucent blurs behind it. */ body.vj-home-drawer-swipe-active .vj-chat-home .vj-ask-input-row, body.vj-u-open .vj-chat-home .vj-ask-input-row, body.vj-home-drawer-swipe-active .vj-chat-home .vj-ask-quick button, body.vj-u-open .vj-chat-home .vj-ask-quick button{ backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } body.vj-home-drawer-swipe-active .vj-chat-home .vj-ask-input-row::before, body.vj-u-open .vj-chat-home .vj-ask-input-row::before{ filter:none!important; } body.vj-home-drawer-swipe-active .vj-chat-home .vj-chat-composer-wrap::before, body.vj-u-open .vj-chat-home .vj-chat-composer-wrap::before{ filter:none!important; opacity:.35!important; } /* v34 / 25 Oct: mobile homepage drawer compositing budget. Home has large, translucent imagery + perpetual chips/card animations. The universal full-screen 8px backdrop blur previously forced an expensive repaint on each finger movement, unlike lightweight Agent pages. Swap only that overlay to an equivalent flat tint while it moves; the VIBERJAYA homepage visual identity/entrance animation remains unchanged. */ body.vj-home-unified-menu #vjUniversalBackdrop{ backdrop-filter:none!important;-webkit-backdrop-filter:none!important; background:rgba(30,55,73,.22)!important; will-change:opacity; } body.vj-home-unified-menu #vjUniversalDrawer{ box-shadow:-10px 0 26px rgba(29,56,77,.16)!important; will-change:transform,opacity; } /* Decorative glows can idle during a drawer interaction; interactive controls keep working and their original motion resumes once the drawer is closed. */ body.vj-home-drawer-swipe-active .vj-ask-quick button, body.vj-u-open.vj-home-unified-menu .vj-ask-quick button, body.vj-home-drawer-swipe-active .vj-chat-composer-wrap .vj-ask-quick button, html body.vj-u-open.vj-home-unified-menu .vj-chat-composer-wrap .vj-ask-quick button, body.vj-home-drawer-swipe-active #vjUniversalDrawer .vj-u-row[data-u-key="team"]>span:last-child, body.vj-u-open.vj-home-unified-menu #vjUniversalDrawer .vj-u-row[data-u-key="team"]>span:last-child{ animation-play-state:paused!important; } body.vj-home-drawer-swipe-active .hero-kicker.brand-wordmark, body.vj-u-open.vj-home-unified-menu .hero-kicker.brand-wordmark, body.vj-home-drawer-swipe-active .vj-ask-business, body.vj-u-open.vj-home-unified-menu .vj-ask-business, body.vj-home-drawer-swipe-active .current-plan-badge, body.vj-u-open.vj-home-unified-menu .current-plan-badge{ backdrop-filter:none!important;-webkit-backdrop-filter:none!important; } @media(max-width:650px) and (pointer:coarse){ /* Six separate GPU layers for slowly floating suggestion chips are more expensive than one smooth touch-responsive menu on modest Android phones. Preserve chip colors, layout and interactions but drop ONLY decorative float motion on the mobile homepage (Agent pages are not affected). */ body.vj-home-unified-menu .vj-chat-home .vj-ask-quick button, html body.vj-ask-open.vj-home-unified-menu .vj-chat-composer-wrap .vj-ask-quick button{ animation:none!important;will-change:auto!important;translate:none!important; } } /* 29 Oct chat-first header: New Chat lives beside the hamburger, not outside the fixed 43px legacy mount. Keep both inside the viewport. */ .nav-actions>#vjUniversalNavMount.vj-home-universal-menu-mount{ width:auto!important;min-width:0!important;flex:0 0 auto!important; justify-content:flex-end!important; } .nav-actions>#vjUniversalNavMount #vjUniversalNav.home-menu-only{ width:max-content!important;min-width:0!important;max-width:100%!important; gap:6px!important; } @media(max-width:650px){ .nav-actions>#vjUniversalNavMount.vj-home-universal-menu-mount{ width:auto!important;min-width:0!important;flex-basis:auto!important; } .nav-actions>#vjUniversalNavMount #vjUniversalNav.home-menu-only{ width:max-content!important;min-width:0!important;max-width:100%!important; } }