/* Approved vivid public design. Only public pricing and real sign-in pages are scoped here. */
body.vivid-public{--ink:#14234b;--text:#14234b;--muted:#53617c;--accent:#1859ef;--line:#d3deed;background:#fff!important;color:#14234b;font-family:Arial,sans-serif}body.vivid-public :is(h1,h2,h3){color:#14234b;letter-spacing:-1px}body.vivid-public .header{background:#fff;border-bottom:1px solid #d3deed;box-shadow:none;backdrop-filter:none;min-height:82px;position:sticky;top:0;z-index:20}body.vivid-public .header .site-logo{width:125px}body.vivid-public :is(.primary,.small-cta){background:#1859ef!important;color:white!important;border:1px solid #1859ef;border-radius:4px!important;box-shadow:none!important;min-height:42px;padding:12px 20px;font-size:14px;font-weight:700}body.vivid-public :is(a,button,input,select):focus-visible{outline:3px solid #d67b00;outline-offset:3px}body.vivid-public .marketing-footer{background:#fff;border-top:1px solid #d3deed}body.vivid-public .marketing-footer .site-logo{width:110px}body.vivid-public :is(.public-plan,.marketing-form,.public-faq details){box-shadow:none!important;border-radius:4px!important}body.vivid-public .icon{display:none}body.vivid-public[data-page=signin] .page-main{max-width:1250px;padding:45px 5%;margin:0 auto}body.vivid-public .sign-in-layout.signin-cloud{background:white;padding:0;border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:540px;border:1px solid #d3deed}body.vivid-public .signin-cloud .signin-cloud-hello{border-radius:0;box-shadow:none;background:#14234b;color:white;padding:55px 35px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}body.vivid-public .signin-cloud-hello :is(h1,.page-lead,.signin-mode-note){color:white}body.vivid-public .signin-cloud-hello h1{font-size:42px;line-height:1.13;margin:0 0 22px;font-weight:800}body.vivid-public .signin-cloud-hello .page-lead{font-size:17px;line-height:1.6;color:#d6e1f7;margin:0 0 25px}body.vivid-public .signin-cloud .signin-speech{background:#ffc43a;color:#14234b;border-radius:4px;padding:10px 15px;font-size:14px;margin:0 0 25px;order:3}body.vivid-public .signin-cloud .signin-cloud-hello>img{width:135px;height:140px;object-fit:contain;order:2}body.vivid-public .signin-mode-note{font-size:12px;order:4}body.vivid-public .signin-cloud>div:last-child{padding:45px 35px;align-self:center;min-width:0}body.vivid-public .signin-cloud .marketing-form{background:white;box-shadow:none;padding:0;border:0;margin:0;max-width:none}body.vivid-public .marketing-form :is(input,select){background:white;color:#14234b;border:1px solid #b6c4d9;border-radius:3px;box-shadow:none;min-height:44px;font-size:15px;padding:11px 12px}body.vivid-public .marketing-form label{font-size:13px;line-height:1.5;font-weight:600;color:#14234b;gap:7px}body.vivid-public .signin-buttons .primary{width:100%;margin-top:10px}body.vivid-public .signin-footer{font-size:13px;margin-top:24px}body.vivid-public .signin-footer a{color:#1859ef}body.vivid-public .form-feedback{font-size:13px;line-height:1.6}body.vivid-public[data-page=pricing] .page-main{max-width:1250px;padding:40px 5% 65px;margin:auto}body.vivid-public .public-hero.pricing-hero{background:#14234b;border-radius:0;padding:45px;display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:center}body.vivid-public .pricing-hero :is(h1,p){color:white}body.vivid-public .pricing-hero h1{font-size:48px;line-height:1.1}body.vivid-public .pricing-hero p{font-size:16px;line-height:1.65;color:#d7e2f8}body.vivid-public .pricing-hero-note{background:transparent;box-shadow:none;max-width:280px;margin:auto;color:white}body.vivid-public .pricing-hero-note .mascot-speech{background:#ffc43a;color:#14234b;border-radius:4px}body.vivid-public .pricing-cycle-row{margin:35px 0 25px;gap:20px}body.vivid-public .public-price-cycle{background:#e8effb;border-radius:4px;padding:4px}body.vivid-public .public-price-cycle button{border-radius:3px;font-size:14px;padding:10px 20px}body.vivid-public .public-price-cycle button.selected{background:#1859ef;color:white;box-shadow:none}body.vivid-public .public-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}body.vivid-public .public-plan{border:1px solid #c2d1e7;border-top:5px solid #1859ef;background:white;padding:25px 22px;display:flex;flex-direction:column}body.vivid-public .public-plan:nth-child(2){background:#f0f5ff}body.vivid-public .public-plan h2{font-size:24px;margin:0 0 18px}body.vivid-public .plan-kind{display:none}body.vivid-public .public-plan-price{font-size:32px;line-height:1.2;font-weight:800;color:#14234b;letter-spacing:-1px}body.vivid-public .plan-period{font-size:12px;color:#52617b}body.vivid-public .plan-description{font-size:14px;line-height:1.6}body.vivid-public .public-plan ul{padding:10px 0 20px;list-style:none}body.vivid-public .public-plan li{font-size:13px;line-height:1.5;padding:7px 0;border-bottom:1px solid #e0e7f2}body.vivid-public .public-plan .primary{margin-top:auto;text-align:center}body.vivid-public .separate-trial{background:#ffc43a;color:#14234b;border:0;border-radius:0;padding:32px;margin:35px 0}body.vivid-public .separate-trial :is(h2,p){color:#14234b}body.vivid-public .separate-trial h2{font-size:28px}body.vivid-public .separate-trial p{font-size:16px}body.vivid-public .separate-trial .primary{background:#14234b!important;border-color:#14234b}body.vivid-public .tender-pricing{background:#e0f3ee;border-radius:0;padding:35px;box-shadow:none}body.vivid-public .tender-pricing h2{font-size:32px}body.vivid-public .tender-pricing p{font-size:15px;line-height:1.65}body.vivid-public .tender-paper{background:white;transform:none;box-shadow:none;border:1px solid #9ac6ba;border-radius:3px}body.vivid-public .public-faq{margin-top:50px}body.vivid-public .public-faq h2{font-size:30px}body.vivid-public .public-faq details{border:0;border-bottom:1px solid #c2d1e7;background:white;padding:20px 0}body.vivid-public .public-faq summary{font-size:15px;color:#14234b}body.vivid-public .public-faq p{font-size:14px;color:#53617c;line-height:1.7}@media(max-width:720px){body.vivid-public .sign-in-layout.signin-cloud{grid-template-columns:1fr}body.vivid-public .signin-cloud .signin-cloud-hello{padding:28px}body.vivid-public .signin-cloud-hello h1{font-size:32px}body.vivid-public .signin-cloud .signin-cloud-hello>img{width:90px;height:90px}body.vivid-public .signin-cloud .signin-speech{display:none}body.vivid-public .signin-cloud>div:last-child{padding:30px 25px}body.vivid-public .public-hero.pricing-hero{grid-template-columns:1fr;padding:30px;gap:15px}body.vivid-public .pricing-hero h1{font-size:36px}body.vivid-public .pricing-hero-note{margin:0;max-width:230px}body.vivid-public .pricing-hero-note img{max-height:95px}body.vivid-public .public-pricing-grid{grid-template-columns:1fr}body.vivid-public .tender-pricing{padding:25px}body.vivid-public .header .site-logo{width:105px}body.vivid-public .header-actions{gap:10px}}
