/* V43: Original source order; about.html page styles. */
/* =====================================================================
SWARAJALGO V8 — DENSE PREMIUM FRONTEND
Visual-only layer. Existing content, prices, links, forms and business
logic remain intact. Decorative sequence numbers are kept in data attrs
by theme-v8.js but are not shown to visitors.
===================================================================== */
:root{
--sa8-bg:#07090d;
--sa8-bg2:#0d1119;
--sa8-panel:#11151e;
--sa8-panel2:#0d1118;
--sa8-line:rgba(231,193,72,.28);
--sa8-line-soft:rgba(148,163,184,.14);
--sa8-gold:#f1d467;
--sa8-gold2:#d7ad36;
--sa8-violet:#8061ff;
--sa8-violet2:#a28cff;
--sa8-text:#f7f7f5;
--sa8-muted:#a6adba;
--sa8-max:1480px;
--sa8-network:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='520' viewBox='0 0 900 520'%3E%3Cg fill='none' stroke='%23caa83d' stroke-opacity='.11' stroke-width='1'%3E%3Cpath d='M20 115L95 60l75 58 96-31 74 70 91-53 105 75 92-42 87 60 148-46'/%3E%3Cpath d='M45 390l108-74 92 41 96-90 82 58 106-43 102 68 112-76 126 49'/%3E%3Cpath d='M170 118l-17 198M340 157l1 110M536 179l-7 103M715 197l28 77'/%3E%3C/g%3E%3Cg fill='%23e2bd44' fill-opacity='.45'%3E%3Ccircle cx='20' cy='115' r='2'/%3E%3Ccircle cx='95' cy='60' r='2'/%3E%3Ccircle cx='170' cy='118' r='2'/%3E%3Ccircle cx='266' cy='87' r='2'/%3E%3Ccircle cx='340' cy='157' r='2'/%3E%3Ccircle cx='431' cy='104' r='2'/%3E%3Ccircle cx='536' cy='179' r='2'/%3E%3Ccircle cx='628' cy='137' r='2'/%3E%3Ccircle cx='715' cy='197' r='2'/%3E%3Ccircle cx='863' cy='151' r='2'/%3E%3Ccircle cx='45' cy='390' r='2'/%3E%3Ccircle cx='153' cy='316' r='2'/%3E%3Ccircle cx='245' cy='357' r='2'/%3E%3Ccircle cx='341' cy='267' r='2'/%3E%3Ccircle cx='423' cy='325' r='2'/%3E%3Ccircle cx='529' cy='282' r='2'/%3E%3Ccircle cx='631' cy='350' r='2'/%3E%3Ccircle cx='743' cy='274' r='2'/%3E%3Ccircle cx='869' cy='323' r='2'/%3E%3C/g%3E%3C/svg%3E");
}
html{scroll-behavior:smooth}
body:not(.account-page){
background:var(--sa8-bg)!important;
color:var(--sa8-text)!important;
overflow-x:hidden!important;
}
body:not(.account-page) main{overflow:hidden!important}
/* ---------- premium header ---------- */
body:not(.account-page) .site-header{
width:min(var(--sa8-max),calc(100% - 40px))!important;
min-height:72px!important;
margin:14px auto 0!important;
padding:9px 12px 9px 14px!important;
display:grid!important;
grid-template-columns:auto 1fr auto!important;
align-items:center!important;
gap:18px!important;
position:sticky!important;
top:10px!important;
z-index:1000!important;
border:1px solid rgba(231,193,72,.17)!important;
border-radius:22px!important;
background:rgba(7,9,13,.88)!important;
backdrop-filter:blur(18px)!important;
box-shadow:0 16px 50px rgba(0,0,0,.26)!important;
}
body:not(.account-page) .site-header .brand{display:flex!important;align-items:center!important;min-width:118px!important}
body:not(.account-page) .site-header .brand img{width:116px!important;height:46px!important;object-fit:contain!important;filter:drop-shadow(0 5px 18px rgba(239,208,109,.08))!important}
body:not(.account-page) .sa-primary-nav{
justify-self:center!important;
display:flex!important;
align-items:center!important;
gap:3px!important;
padding:5px!important;
border:1px solid rgba(231,193,72,.22)!important;
border-radius:999px!important;
background:#0d1118!important;
white-space:nowrap!important;
}
body:not(.account-page) .sa-primary-nav a{
padding:8px 10px!important;
border-radius:999px!important;
color:#9ea6b4!important;
font-size:10px!important;
font-weight:700!important;
text-decoration:none!important;
transition:.2s ease!important;
}
body:not(.account-page) .sa-primary-nav a:hover,
body:not(.account-page) .sa-primary-nav a.active{
color:#fff!important;
background:rgba(239,208,109,.09)!important;
}
body:not(.account-page) .header-cta{
min-width:92px!important;
border:0!important;
border-radius:999px!important;
background:linear-gradient(100deg,#f3d966,#e3b943)!important;
color:#101217!important;
box-shadow:0 8px 28px rgba(231,193,72,.18)!important;
}
/* ---------- global compact section rhythm ---------- */
body:not(.account-page) .section,
body:not(.account-page) .split-section,
body:not(.account-page) .sa-products-premium,
body:not(.account-page) .sa-connect-section{
position:relative!important;
width:100%!important;
margin:0!important;
padding-top:clamp(62px,5vw,86px)!important;
padding-bottom:clamp(62px,5vw,86px)!important;
border-bottom:1px solid rgba(255,255,255,.055)!important;
}
body:not(.account-page) .section:before,
body:not(.account-page) .split-section:before,
body:not(.account-page) .sa-connect-section:after,
body:not(.account-page) .sa-footer-pro:after{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
pointer-events:none!important;
opacity:.75!important;
background-image:var(--sa8-network)!important;
background-size:900px 520px!important;
background-position:center!important;
mask-image:linear-gradient(90deg,rgba(0,0,0,.55),#000 20%,#000 80%,rgba(0,0,0,.55))!important;
}
body:not(.account-page) .section>* ,
body:not(.account-page) .split-section>* ,
body:not(.account-page) .sa-connect-section>*{position:relative!important;z-index:2!important}
/* ---------- homepage: first screen is priority ---------- */
body:not(.account-page) .sa-home-v7{
width:min(var(--sa8-max),calc(100% - 44px))!important;
min-height:auto!important;
margin:0 auto!important;
padding:clamp(62px,5.4vw,86px) 0 clamp(64px,5.4vw,90px)!important;
grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;
gap:clamp(38px,5vw,76px)!important;
align-items:center!important;
}
body:not(.account-page) .sa-home-v7:before{
width:100vw!important;
background:
radial-gradient(780px 500px at 69% 43%,rgba(102,86,255,.16),transparent 68%),
radial-gradient(620px 420px at 20% 48%,rgba(239,208,109,.08),transparent 72%),
var(--sa8-network),
linear-gradient(135deg,#080a0f 0%,#080b11 52%,#111620 100%)!important;
background-size:auto,auto,900px 520px,auto!important;
}
body:not(.account-page) .sa-home-v7:after{opacity:.08!important;background-size:82px 82px!important}
body:not(.account-page) .sa-home-v7 h1{
font-size:clamp(54px,4.4vw,76px)!important;
max-width:700px!important;
margin:16px 0 18px!important;
}
body:not(.account-page) .sa-home-v7 .hero-copy{max-width:610px!important}
body:not(.account-page) .sa-home-v7 .hero-actions{margin:26px 0 20px!important}
body:not(.account-page) .sa-home-v7-visual{
border-color:rgba(124,144,212,.26)!important;
border-radius:28px!important;
background:linear-gradient(155deg,#111722,#080b11)!important;
box-shadow:0 35px 90px rgba(0,0,0,.44),0 0 80px rgba(98,75,255,.08)!important;
}
body:not(.account-page) .sa-v7-chartframe{aspect-ratio:16/9.2!important}
body:not(.account-page) .sa-v7-visual-footer{min-height:42px!important}
/* Feature showcase – dense, useful, no giant empty canvas */
body:not(.account-page) .sa-home-v7-features{
padding:clamp(64px,5vw,82px) max(22px,calc((100vw - var(--sa8-max))/2))!important;
gap:clamp(34px,5vw,70px)!important;
background:linear-gradient(180deg,#0c1017,#090c12)!important;
}
body:not(.account-page) .sa-v7-feature-card{min-height:190px!important;padding:23px!important}
body:not(.account-page) .sa-v7-feature-icon{margin-bottom:18px!important}
/* ---------- products ---------- */
body:not(.account-page) .sa-products-premium{
width:min(var(--sa8-max),calc(100% - 44px))!important;
padding:70px 0 80px!important;
}
body:not(.account-page) .sa-product-card{margin:18px 0!important;padding:28px!important;gap:30px!important;border-radius:22px!important}
body:not(.account-page) .sa-product-no{font-size:0!important}
body:not(.account-page) .sa-product-no:after{content:"PRODUCT"!important;font-size:10px!important}
/* ---------- strategy lab ---------- */
body:not(.account-page) #strategies.split-section{
width:100%!important;
max-width:none!important;
padding-left:max(24px,calc((100vw - var(--sa8-max))/2))!important;
padding-right:max(24px,calc((100vw - var(--sa8-max))/2))!important;
display:grid!important;
grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr)!important;
gap:clamp(48px,7vw,110px)!important;
align-items:center!important;
background:linear-gradient(135deg,#080b10,#0c1017)!important;
}
body:not(.account-page) #strategies .split-copy{max-width:650px!important}
body:not(.account-page) #strategies .split-copy h2{font-size:clamp(50px,4vw,68px)!important;line-height:1!important}
body:not(.account-page) #strategies .split-copy p{max-width:620px!important;font-size:14px!important;line-height:1.75!important}
body:not(.account-page) #strategies .strategy-panel{width:100%!important;max-width:720px!important;justify-self:end!important;border-radius:22px!important;background:rgba(14,18,26,.9)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
body:not(.account-page) #strategies .strategy-row{min-height:76px!important;padding:0 25px!important}
/* ---------- about ---------- */
body:not(.account-page) .sa-about-preview{
padding-left:max(24px,calc((100vw - var(--sa8-max))/2))!important;
padding-right:max(24px,calc((100vw - var(--sa8-max))/2))!important;
background:linear-gradient(180deg,#0b0e14,#090c12)!important;
}
body:not(.account-page) .sa-about-preview-grid{width:100%!important;grid-template-columns:1.08fr .92fr!important;gap:22px!important}
body:not(.account-page) .sa-about-preview-copy,
body:not(.account-page) .sa-about-preview-panel{min-width:0!important;min-height:0!important;padding:34px!important;border-radius:22px!important}
body:not(.account-page) .sa-about-preview-copy h2{font-size:clamp(43px,3.6vw,62px)!important;line-height:1.02!important}
body:not(.account-page) .sa-about-mini-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
body:not(.account-page) .sa-about-mini-grid>div{min-height:72px!important;padding:15px!important}
/* ---------- quick workflow and detailed how-it-works ---------- */
body:not(.account-page) .sa-quick-workflow{
padding-left:max(24px,calc((100vw - var(--sa8-max))/2))!important;
padding-right:max(24px,calc((100vw - var(--sa8-max))/2))!important;
background:#080b10!important;
}
body:not(.account-page) .sa-quick-workflow .section-head{display:grid!important;grid-template-columns:.55fr 1.45fr!important;gap:42px!important;align-items:end!important;margin-bottom:34px!important}
body:not(.account-page) .sa-quick-workflow .section-head>span{font-size:0!important}
body:not(.account-page) .sa-quick-workflow .section-head>span:after{content:"HOW IT WORKS"!important;font-size:11px!important;letter-spacing:.16em!important;font-weight:900!important;color:var(--sa8-gold)!important}
body:not(.account-page) .sa-quick-workflow .section-head h2{font-size:clamp(42px,3.6vw,60px)!important;line-height:1.04!important}
body:not(.account-page) .sa-quick-workflow .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body:not(.account-page) .sa-quick-workflow .steps-grid article{min-height:200px!important;padding:28px!important;border-radius:18px!important;background:linear-gradient(145deg,#10151e,#0b0f16)!important}
body:not(.account-page) .sa-step-mark{display:block!important;width:34px!important;height:5px!important;margin-bottom:30px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--sa8-violet),var(--sa8-gold))!important}
body:not(.account-page) .how-it-works-premium{
padding-left:max(24px,calc((100vw - var(--sa8-max))/2))!important;
padding-right:max(24px,calc((100vw - var(--sa8-max))/2))!important;
}
/* ---------- pricing: free trial banner + 4 strong paid cards ---------- */
body:not(.account-page) .pricing-premium{
padding-left:max(24px,calc((100vw - var(--sa8-max))/2))!important;
padding-right:max(24px,calc((100vw - var(--sa8-max))/2))!important;
background:
radial-gradient(650px 360px at 22% 46%,rgba(118,86,255,.08),transparent 72%),
var(--sa8-network),
linear-gradient(180deg,#0c1018,#090c12)!important;
background-size:auto,900px 520px,auto!important;
}
body:not(.account-page) .pricing-premium .pricing-grid.premium-grid{
width:100%!important;
max-width:var(--sa8-max)!important;
margin:34px auto 0!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
align-items:stretch!important;
}
body:not(.account-page) .pricing-premium .trial-price-card{
grid-column:1/-1!important;
min-height:0!important;
display:grid!important;
grid-template-columns:1fr auto auto!important;
grid-template-areas:"top price cta" "title price cta" "copy price cta" "features price cta"!important;
align-items:center!important;
column-gap:24px!important;
padding:22px 26px!important;
border-color:rgba(239,208,109,.32)!important;
background:linear-gradient(100deg,rgba(239,208,109,.09),rgba(15,18,26,.96) 38%,rgba(15,18,26,.96))!important;
}
body:not(.account-page) .trial-price-card .price-topline{grid-area:top!important}
body:not(.account-page) .trial-price-card h3{grid-area:title!important;margin:6px 0 0!important}
body:not(.account-page) .trial-price-card .plan-copy{grid-area:copy!important;margin:4px 0!important}
body:not(.account-page) .trial-price-card .plan-features{grid-area:features!important;display:flex!important;gap:18px!important;flex-wrap:wrap!important;margin:8px 0 0!important}
body:not(.account-page) .trial-price-card .plan-features li{margin:0!important}
body:not(.account-page) .trial-price-card .price{grid-area:price!important;white-space:nowrap!important;margin:0!important}
body:not(.account-page) .trial-price-card .plan-cta{grid-area:cta!important;width:auto!important;min-width:180px!important}
body:not(.account-page) .pricing-premium .price-card:not(.trial-price-card){
min-width:0!important;
min-height:440px!important;
padding:26px 22px 22px!important;
border:1px solid rgba(239,208,109,.38)!important;
border-radius:19px!important;
background:linear-gradient(150deg,#11151d,#0c1017)!important;
box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
cursor:pointer!important;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
body:not(.account-page) .pricing-premium .price-card:not(.trial-price-card):hover{transform:translateY(-6px)!important;border-color:rgba(239,208,109,.75)!important;box-shadow:0 26px 65px rgba(0,0,0,.34),0 0 24px rgba(239,208,109,.06)!important}
body:not(.account-page) .pricing-premium .price-card.is-selected{
border-color:#8d6cff!important;
background:radial-gradient(circle at 50% 0%,rgba(119,81,255,.20),transparent 38%),linear-gradient(150deg,#15132a,#0c1017)!important;
box-shadow:0 28px 75px rgba(0,0,0,.38),0 0 0 1px rgba(141,108,255,.25),0 0 38px rgba(113,73,255,.16)!important;
transform:translateY(-7px)!important;
}
body:not(.account-page) .pricing-premium .price-card.is-selected .plan-cta{
border-color:#8d6cff!important;
background:linear-gradient(100deg,#643bff,#9b72ff)!important;
color:#fff!important;
box-shadow:0 10px 30px rgba(111,68,255,.28)!important;
}
body:not(.account-page) .pricing-premium .price-card:not(.is-selected) .plan-cta{
background:linear-gradient(100deg,#f2d65f,#e2b842)!important;color:#111318!important;
}
body:not(.account-page) .pricing-premium .best-value-ribbon{background:linear-gradient(90deg,#6238ee,#9a78ff)!important;color:#fff!important}
/* ---------- testimonials / FAQ ---------- */
body:not(.account-page) .testimonials-section,
body:not(.account-page) #faq{
padding-left:max(24px,calc((100vw - var(--sa8-max))/2))!important;
padding-right:max(24px,calc((100vw - var(--sa8-max))/2))!important;
}
body:not(.account-page) .testimonials-section .section-head{margin-bottom:30px!important}
body:not(.account-page) .testimonial-grid{gap:14px!important}
body:not(.account-page) .testimonial-card{min-height:255px!important;padding:26px!important;border-radius:18px!important}
body:not(.account-page) .faq-wrap{max-width:1050px!important;margin:30px auto 0!important}
/* ---------- Connect/Social style ---------- */
body:not(.account-page) .sa-connect-section{
padding:68px max(24px,calc((100vw - var(--sa8-max))/2))!important;
background:linear-gradient(180deg,#1c222d,#181d27)!important;
}
body:not(.account-page) .sa-connect-inner{max-width:var(--sa8-max)!important;margin:0 auto!important}
body:not(.account-page) .sa-connect-head{text-align:center!important;max-width:760px!important;margin:0 auto 30px!important}
body:not(.account-page) .sa-connect-head h2{font-size:clamp(34px,3vw,48px)!important;margin:8px 0 8px!important;color:#f2d268!important}
body:not(.account-page) .sa-connect-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body:not(.account-page) .sa-connect-card{min-height:250px!important;padding:22px!important;border:1px solid rgba(231,193,72,.34)!important;border-radius:16px!important;background:#11151c!important;display:flex!important;flex-direction:column!important}
body:not(.account-page) .sa-connect-card p{flex:1!important}
body:not(.account-page) .sa-connect-card a{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;border:1px solid rgba(231,193,72,.34)!important;background:rgba(231,193,72,.08)!important;color:#f2f3f6!important;text-decoration:none!important}
/* ---------- Contact: dense two-column ---------- */
body:not(.account-page) .contact-section{
padding-left:max(24px,calc((100vw - var(--sa8-max))/2))!important;
padding-right:max(24px,calc((100vw - var(--sa8-max))/2))!important;
display:grid!important;
grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)!important;
gap:20px!important;
align-items:start!important;
background:linear-gradient(180deg,#0d121a,#0b0f16)!important;
}
body:not(.account-page) .contact-section>.enquiry-success{grid-column:1/-1!important}
body:not(.account-page) .contact-section .enquiry-card{grid-column:1!important;grid-row:2!important;margin:0!important;max-width:none!important;min-height:100%!important;padding:30px!important;border-radius:20px!important}
body:not(.account-page) .contact-section .contact-shell{grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:0!important;max-width:none!important}
body:not(.account-page) .contact-section .contact-copy,
body:not(.account-page) .contact-section .contact-card{padding:27px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:20px!important;background:linear-gradient(145deg,#141922,#0e1219)!important}
body:not(.account-page) .contact-section .contact-copy h2{font-size:clamp(35px,3vw,48px)!important}
body:not(.account-page) .enquiry-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px!important}
body:not(.account-page) .enquiry-form label:nth-of-type(4),
body:not(.account-page) .enquiry-form .consent-row,
body:not(.account-page) .enquiry-form button,
body:not(.account-page) .enquiry-form .privacy-note{grid-column:1/-1!important}
/* ---------- CTA compact ---------- */
body:not(.account-page) .cta{padding:56px 20px!important;min-height:0!important;background:linear-gradient(180deg,#0b0d12,#090b0f)!important}
body:not(.account-page) .cta-logo{max-width:138px!important}
/* ---------- Footer: professional + compact ---------- */
.sa-footer-pro{
position:relative!important;
padding:54px max(24px,calc((100vw - var(--sa8-max))/2)) 22px!important;
background:linear-gradient(180deg,#1c222d,#181e28)!important;
overflow:hidden!important;
}
.sa-footer-inner{max-width:var(--sa8-max)!important;margin:0 auto!important;grid-template-columns:1.3fr .7fr 1fr!important;gap:50px!important}
.sa-footer-brand p{max-width:720px!important}
.sa-footer-bottom,.sa-footer-risk{max-width:var(--sa8-max)!important;margin-left:auto!important;margin-right:auto!important}
/* ---------- decorative number handling ---------- */
.sa-seq-hidden{display:none!important}
/* ---------- Responsive ---------- */
@media(max-width:1240px){
body:not(.account-page) .sa-primary-nav a{padding:8px 7px!important;font-size:9px!important}
body:not(.account-page) .sa-home-v7{grid-template-columns:1fr!important}
body:not(.account-page) .sa-home-v7-visual{max-width:960px!important;margin:auto!important}
body:not(.account-page) #strategies.split-section{grid-template-columns:1fr!important}
body:not(.account-page) #strategies .strategy-panel{max-width:none!important;justify-self:stretch!important}
body:not(.account-page) .pricing-premium .pricing-grid.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body:not(.account-page) .pricing-premium .trial-price-card{grid-column:1/-1!important}
body:not(.account-page) .sa-connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
body:not(.account-page) .site-header{grid-template-columns:auto auto auto!important}
body:not(.account-page) .menu-toggle{display:flex!important;justify-self:center!important}
body:not(.account-page) .sa-primary-nav{display:none!important;position:absolute!important;top:76px!important;left:0!important;right:0!important;margin:auto!important;width:min(520px,calc(100% - 20px))!important;padding:10px!important;border-radius:18px!important;flex-wrap:wrap!important;justify-content:center!important}
body:not(.account-page) .sa-primary-nav.open{display:flex!important}
body:not(.account-page) .sa-about-preview-grid{grid-template-columns:1fr!important}
body:not(.account-page) .contact-section{grid-template-columns:1fr!important}
body:not(.account-page) .contact-section .enquiry-card,body:not(.account-page) .contact-section .contact-shell{grid-column:1!important;grid-row:auto!important}
body:not(.account-page) .sa-quick-workflow .section-head{grid-template-columns:1fr!important;gap:14px!important}
}
@media(max-width:720px){
body:not(.account-page) .site-header{width:calc(100% - 20px)!important;margin-top:8px!important;top:6px!important;min-height:64px!important}
body:not(.account-page) .site-header .brand img{width:96px!important;height:40px!important}
body:not(.account-page) .header-cta{min-width:72px!important;font-size:10px!important}
body:not(.account-page) .sa-home-v7{width:calc(100% - 24px)!important;padding:46px 0 56px!important}
body:not(.account-page) .sa-home-v7 h1{font-size:clamp(42px,12vw,58px)!important}
body:not(.account-page) .sa-products-premium{width:calc(100% - 24px)!important;padding:56px 0 64px!important}
body:not(.account-page) #strategies.split-section,
body:not(.account-page) .sa-about-preview,
body:not(.account-page) .sa-quick-workflow,
body:not(.account-page) .how-it-works-premium,
body:not(.account-page) .pricing-premium,
body:not(.account-page) .testimonials-section,
body:not(.account-page) #faq,
body:not(.account-page) .contact-section{padding-left:12px!important;padding-right:12px!important}
body:not(.account-page) .sa-quick-workflow .steps-grid{grid-template-columns:1fr!important}
body:not(.account-page) .pricing-premium .pricing-grid.premium-grid{grid-template-columns:1fr!important}
body:not(.account-page) .pricing-premium .trial-price-card{display:block!important;padding:22px!important}
body:not(.account-page) .trial-price-card .plan-features{display:block!important}
body:not(.account-page) .trial-price-card .price{margin:18px 0!important}
body:not(.account-page) .trial-price-card .plan-cta{width:100%!important}
body:not(.account-page) .pricing-premium .price-card:not(.trial-price-card){min-height:0!important}
body:not(.account-page) .sa-connect-grid{grid-template-columns:1fr!important}
body:not(.account-page) .enquiry-form{grid-template-columns:1fr!important}
body:not(.account-page) .enquiry-form>*{grid-column:1!important}
.sa-footer-inner{grid-template-columns:1fr!important;gap:28px!important}
}
/* ================= V10 refinement: compact full-fit trial + stronger workflow ================= */
body:not(.account-page) .trial-premium-grid{align-items:start!important}
body:not(.account-page) .trial-card-premium{height:auto!important;min-height:0!important}
body:not(.account-page) .trial-includes-card{height:auto!important}
body:not(.account-page) .trial-card-premium,.trial-includes-card{overflow:hidden!important}
body:not(.account-page) .sa-quick-workflow .steps-grid article{
position:relative!important;min-height:220px!important;padding:30px!important;
border:1px solid rgba(240,207,99,.22)!important;
background:radial-gradient(circle at 100% 0%,rgba(240,207,99,.06),transparent 42%),linear-gradient(145deg,#111620,#0b0f16)!important;
box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
}
body:not(.account-page) .sa-quick-workflow .steps-grid article:hover{transform:translateY(-4px)!important;border-color:rgba(240,207,99,.48)!important}
body:not(.account-page) .sa-quick-workflow .steps-grid h3{font-size:22px!important;font-weight:850!important;letter-spacing:-.02em!important}
body:not(.account-page) .sa-quick-workflow .steps-grid p{font-size:13.5px!important;line-height:1.7!important;color:#aab1bd!important}
body:not(.account-page) #strategies .strategy-row span{font-size:14px!important;font-weight:850!important;color:#d9dce5!important}
body:not(.account-page) #strategies .strategy-row{transition:background .2s ease,padding .2s ease!important}
body:not(.account-page) #strategies .strategy-row:hover{background:rgba(240,207,99,.045)!important;padding-left:30px!important}
.trial-process-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:18px;padding:14px;border:1px solid #202c42;border-radius:13px;background:#080e17}
.trial-process-strip span{text-align:center}.trial-process-strip b{display:block;color:#e9edf8;font-size:10px}.trial-process-strip small{display:block;margin-top:3px;color:#718096;font-size:8px}.trial-process-strip i{color:#d6b95e;font-style:normal;font-size:10px}
@media(max-width:620px){.trial-process-strip{grid-template-columns:1fr}.trial-process-strip i{display:none}}
/* Source: swaraj-premium-look.css */
/* SwarajAlgo Premium Navy/Gold — VISUAL ONLY, no chart/auth/business logic modified.
Reference: visual direction (not copied assets) from Yashdhan website. */
:root { --sa-premium-navy:#101c30; --sa-premium-gold:#d7b65a; --sa-premium-ivory:#f8f7f2; --sa-premium-ink:#18263a; }
body.sa-premium-public:not(.account-page) {
--sa8-bg:#f8f7f2; --sa8-bg2:#f8f7f2; --sa8-panel:#fff; --sa8-panel2:#f5f3ed;
--sa8-gold:#d7b65a; --sa8-gold2:#be963b; --sa8-text:#172439; --sa8-muted:#59657a;
background:#f8f7f2!important;color:#172439!important;
}
body.sa-premium-public:not(.account-page) > main{background:linear-gradient(180deg,#fdfcf8,#f8f7f2 42%,#fff 100%)!important;}
body.sa-premium-public:not(.account-page) .site-header{
background:linear-gradient(110deg,#0c1525,#14233a)!important;
border:1px solid rgba(215,182,90,.43)!important;
box-shadow:0 15px 38px rgba(16,28,48,.19)!important;
border-radius:16px!important;
grid-template-columns:auto minmax(0,1fr) auto auto!important;
}
body.sa-premium-public:not(.account-page) .site-header .main-nav a{
color:#e4e8ef!important;font-size:12px!important;font-weight:650!important;
}
body.sa-premium-public:not(.account-page) .site-header .main-nav a:hover,
body.sa-premium-public:not(.account-page) .site-header .main-nav a:focus-visible{color:#f4d880!important;}
body.sa-premium-public:not(.account-page) .site-header .header-cta{background:linear-gradient(125deg,#f5da82,#d4af50)!important;color:#132037!important;border-color:transparent!important;}
body.sa-premium-public:not(.account-page) .hero.sa-home-v7{background:transparent!important;}
body.sa-premium-public:not(.account-page) .sa-home-v7:before{background:
radial-gradient(650px 410px at 82% 28%,rgba(215,182,90,.13),transparent 73%),
radial-gradient(540px 400px at 8% 62%,rgba(33,63,102,.07),transparent 72%)!important;}
body.sa-premium-public:not(.account-page) .sa-home-v7 h1,
body.sa-premium-public:not(.account-page) .sa-home-v7 .hero-copy,
body.sa-premium-public:not(.account-page) .sa-home-v7 p{color:#172439!important;}
body.sa-premium-public:not(.account-page) .sa-home-v7 h1 span{color:#b48c31!important;}
body.sa-premium-public:not(.account-page) .eyebrow,
body.sa-premium-public:not(.account-page) .section-label,
body.sa-premium-public:not(.account-page) .section-head>span{color:#a07d31!important;}
body.sa-premium-public:not(.account-page) a.btn:not(.btn-ghost),
body.sa-premium-public:not(.account-page) button.btn:not(.btn-ghost){
background:linear-gradient(135deg,#f5df94,#d1aa43)!important;
color:#102039!important;border-color:rgba(171,134,40,.32)!important;
box-shadow:0 9px 28px rgba(139,100,28,.17)!important;
}
body.sa-premium-public:not(.account-page) .sa-home-v7-visual{
background:linear-gradient(145deg,#17243a,#0b1323)!important;
border:1px solid rgba(201,165,74,.5)!important;
box-shadow:0 24px 52px rgba(19,37,62,.19)!important;
}
body.sa-premium-public:not(.account-page) .sa-home-v7-features,
body.sa-premium-public:not(.account-page) .sa-about-preview,
body.sa-premium-public:not(.account-page) .split-section{
background:linear-gradient(145deg,#101c2d,#14253d)!important;
color:#eef1f6!important;
}
body.sa-premium-public:not(.account-page) .sa-home-v7-features h2,
body.sa-premium-public:not(.account-page) .sa-about-preview h2,
body.sa-premium-public:not(.account-page) .split-section h2{color:#f7f6f1!important;}
body.sa-premium-public:not(.account-page) .sa-products-premium,
body.sa-premium-public:not(.account-page) .access-hero,
body.sa-premium-public:not(.account-page) .about-premium-hero{background:transparent!important;}
body.sa-premium-public:not(.account-page) .sa-products-premium>h2,
body.sa-premium-public:not(.account-page) .access-hero h1,
body.sa-premium-public:not(.account-page) .about-premium-hero h1{color:#16233a!important;}
body.sa-premium-public:not(.account-page) .sa-product-card,
body.sa-premium-public:not(.account-page) .pricing-card,
body.sa-premium-public:not(.account-page) .access-card{
border-color:rgba(195,155,65,.38)!important;
box-shadow:0 17px 48px rgba(16,28,48,.1)!important;
border-radius:20px!important;
}
body.sa-premium-public:not(.account-page) .site-header img{filter:drop-shadow(0 0 8px rgba(229,184,82,.16))!important;}
body.sa-premium-public:not(.account-page) a:focus-visible,
body.sa-premium-public:not(.account-page) button:focus-visible,
.sa-language-select:focus-visible{outline:3px solid #e8c96b!important;outline-offset:3px!important;}
/* Login: keep a dark, high-contrast security-focused appearance. */
body.sa-premium-auth{background:radial-gradient(circle at 16% 12%,#233d60 0%,transparent 33%),#0b1525!important;}
body.sa-premium-auth .auth-panel{border-color:rgba(215,182,90,.32)!important;box-shadow:0 32px 90px rgba(0,0,0,.35)!important;}
body.sa-premium-auth .auth-email-btn{background:linear-gradient(125deg,#f4df96,#d1ad4a)!important;color:#132139!important;}
/* Account: header only. Never restyle canvas/trading workspace or indicators. */
body.sa-premium-dashboard .dashboard-header{
background:linear-gradient(100deg,#101c30,#1b2d47)!important;
border-bottom:1px solid rgba(215,182,90,.44)!important;
}
body.sa-premium-dashboard .dashboard-header .dashboard-nav a{color:#e7eaf0!important;}
/* Language control is added without changing existing forms or links. */
.sa-language-picker{display:inline-flex;align-items:center;gap:6px;min-width:0;z-index:11;font-family:Inter,system-ui,sans-serif;}
.sa-language-picker .sa-language-globe{font-size:14px;line-height:1;opacity:.95;}
.sa-language-select{background:#17283e!important;border:1px solid rgba(215,182,90,.66)!important;color:#f4e6b7!important;
border-radius:9px!important;padding:8px 9px!important;font:700 12px/1.4 Inter,system-ui,sans-serif!important;
max-width:118px;cursor:pointer;min-height:36px;}
.sa-language-select option{background:#142238;color:#f8f7f2;}
body.sa-premium-auth .sa-language-picker{position:fixed;right:22px;top:18px;z-index:100;}
body.sa-premium-dashboard .sa-language-picker{margin:0 10px 0 3px;flex:none;}
@media(max-width:1200px){
body.sa-premium-public:not(.account-page) .site-header{grid-template-columns:auto minmax(0,1fr) auto auto!important;}
body.sa-premium-public:not(.account-page) .site-header .main-nav a{font-size:11px!important;}
body.sa-premium-public:not(.account-page) .site-header .main-nav{gap:8px!important;}
}
@media(max-width:800px){
body.sa-premium-public:not(.account-page) .site-header{grid-template-columns:auto 1fr auto auto!important;gap:8px!important;width:calc(100% - 16px)!important;}
body.sa-premium-public:not(.account-page) .site-header .menu-toggle{color:#f4df96!important;}
body.sa-premium-public:not(.account-page) .site-header .main-nav{background:#101c30!important;}
body.sa-premium-public:not(.account-page) .sa-home-v7{grid-template-columns:1fr!important;}
body.sa-premium-public:not(.account-page) .sa-home-v7 h1{font-size:clamp(35px,8vw,64px)!important;}
.sa-language-select{max-width:91px;padding:7px 5px!important;}
.sa-language-picker .sa-language-globe{display:none;}
body.sa-premium-dashboard .sa-language-picker{position:fixed;right:70px;bottom:12px;top:auto;background:#101c30;padding:4px;border-radius:12px;}
}
@media(prefers-reduced-motion:reduce){body.sa-premium-public *{scroll-behavior:auto!important;}}
/* Source: swaraj-premium-v2.css */
/* SwarajAlgo V18.62 Premium UI 2 — DESIGN ONLY
Visual inspiration: premium navy/gold consistency, ORIGINAL SwarajAlgo branding.
No market chart, auth calls, payment prices, Supabase client, or trading calculation altered. */
:root{--sa-p2-navy:#0c1525;--sa-p2-deep:#08101d;--sa-p2-mid:#15263e;--sa-p2-panel:#111f32;--sa-p2-panel2:#16273d;--sa-p2-gold:#efcf73;--sa-p2-gold2:#d2a847;--sa-p2-line:rgba(217,183,99,.30);--sa-p2-text:#f1f5fb;--sa-p2-muted:#b9c6d8;--sa-p2-width:1440px;--sa-p2-radius:18px}
html{scroll-padding-top:110px}
body.sa-premium-public:not(.account-page){--sa8-bg:var(--sa-p2-deep)!important;--sa8-bg2:var(--sa-p2-navy)!important;--sa8-panel:var(--sa-p2-panel)!important;--sa8-panel2:var(--sa-p2-panel2)!important;--sa8-text:var(--sa-p2-text)!important;--sa8-muted:var(--sa-p2-muted)!important;--sa8-gold:var(--sa-p2-gold)!important;background:var(--sa-p2-deep)!important;color:var(--sa-p2-text)!important}
body.sa-premium-public:not(.account-page) > main{background:var(--sa-p2-deep)!important;color:var(--sa-p2-text)!important;overflow:hidden}
body.sa-premium-public:not(.account-page) main>section{background:linear-gradient(180deg,#0e1929,#0b1422)!important;color:var(--sa-p2-text)!important}
body.sa-premium-public:not(.account-page) main>section:nth-child(even){background:linear-gradient(180deg,#101e32,#0c1727)!important}
body.sa-premium-public:not(.account-page) h1,body.sa-premium-public:not(.account-page) h2,body.sa-premium-public:not(.account-page) h3,body.sa-premium-public:not(.account-page) h4{color:var(--sa-p2-text)!important;text-wrap:balance}
body.sa-premium-public:not(.account-page) p,body.sa-premium-public:not(.account-page) li,body.sa-premium-public:not(.account-page) small,body.sa-premium-public:not(.account-page) .hero-copy{color:var(--sa-p2-muted)!important}
body.sa-premium-public:not(.account-page) p strong,body.sa-premium-public:not(.account-page) li strong{color:#f5f7fc!important}
body.sa-premium-public:not(.account-page) .eyebrow,body.sa-premium-public:not(.account-page) .section-label,body.sa-premium-public:not(.account-page) .section-head>span,body.sa-premium-public:not(.account-page) .sa-product-no{color:var(--sa-p2-gold)!important}
body.sa-premium-public:not(.account-page) h1 span,body.sa-premium-public:not(.account-page) h2 span{color:var(--sa-p2-gold)!important}
/* First-screen full-width offer. This is the project's EXISTING 7-day free trial, not another firm's paid product. */
.sa-premium-offer{box-sizing:border-box;width:min(var(--sa-p2-width),calc(100% - 36px));margin:13px auto 0;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(250,218,143,.45);border-radius:14px;background:linear-gradient(105deg,#f5dd94 0%,#d3ac4f 100%);color:#192338;box-shadow:0 9px 32px rgba(5,10,18,.20);font:600 13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}
.sa-premium-offer .sa-offer-copy{display:flex;align-items:center;min-width:0;gap:10px;flex-wrap:wrap}
.sa-premium-offer .sa-offer-icon{display:inline-flex;align-items:center;justify-content:center;background:#13223b;color:#fbe6a4;border-radius:8px;width:30px;height:30px;flex:none;font-size:16px}
.sa-premium-offer .sa-offer-title{font-weight:850;color:#17243c;font-size:13px}
.sa-premium-offer .sa-offer-sub{font-weight:550;color:#39465c;font-size:12px}
.sa-premium-offer .sa-offer-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:none;background:#142139;border:1px solid #15253f;border-radius:9px;color:#fff8e6;text-decoration:none;padding:9px 15px;min-height:36px;font-size:12px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}
.sa-premium-offer .sa-offer-link:hover{color:#fff;background:#233957;transform:translateY(-1px);box-shadow:0 5px 15px rgba(5,12,25,.16)}
.sa-premium-offer .sa-offer-link:focus-visible{outline:3px solid #283951;outline-offset:2px}
/* Balanced header: no illegibly squashed links or sideways overflow on 27-inch screens */
body.sa-premium-public:not(.account-page) .site-header{width:min(var(--sa-p2-width),calc(100% - 36px))!important;min-height:70px!important;max-width:var(--sa-p2-width)!important;display:grid!important;grid-template-columns:minmax(122px,132px) minmax(0,1fr) auto auto!important;gap:12px!important;padding:10px 17px!important;background:linear-gradient(110deg,#0d192b,#162841)!important;border:1px solid var(--sa-p2-line)!important;border-radius:15px!important;box-shadow:0 12px 35px rgba(0,0,0,.2)!important;margin:11px auto 0!important}
body.sa-premium-public:not(.account-page) .site-header .brand{min-width:0!important;overflow:visible!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:4px 8px!important;background:#ffffff!important;border:1px solid rgba(218,182,91,.55)!important;border-radius:11px!important;box-shadow:0 8px 20px rgba(4,10,18,.16)!important}
body.sa-premium-public:not(.account-page) .site-header .brand img{display:block!important;width:min(132px,100%)!important;height:auto!important;max-height:48px!important;object-fit:contain!important;transform:scale(1.08)!important;transform-origin:center center!important}
body.sa-premium-public:not(.account-page) .site-header .main-nav{justify-self:stretch!important;justify-content:flex-start!important;max-width:100%!important;width:auto!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;min-width:0!important;background:rgba(3,10,20,.45)!important;border:1px solid rgba(218,182,91,.26)!important;white-space:nowrap!important;gap:3px!important;flex-wrap:nowrap!important;border-radius:11px!important;padding:5px 6px!important}
body.sa-premium-public:not(.account-page) .site-header .main-nav::-webkit-scrollbar{display:none}
body.sa-premium-public:not(.account-page) .site-header .main-nav a{flex:none!important;font-size:11.5px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:0!important;padding:8px 9px!important;color:#e4ecf8!important;border-radius:8px!important}
body.sa-premium-public:not(.account-page) .site-header .main-nav a:hover,body.sa-premium-public:not(.account-page) .site-header .main-nav a.active{background:#283955!important;color:#fff5d3!important}
body.sa-premium-public:not(.account-page) .site-header .header-cta{white-space:nowrap!important;min-width:88px!important;min-height:39px!important;padding:10px 14px!important;border-radius:10px!important;color:#162439!important;background:linear-gradient(120deg,#fae7a0,#dcb653)!important;box-shadow:none!important;font-size:12px!important}
body.sa-premium-public:not(.account-page) .site-header .sa-language-picker{justify-self:end;flex:none;position:static!important;padding:0!important;background:transparent!important;z-index:10!important}
.sa-language-picker{display:inline-flex;align-items:center;gap:7px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.sa-language-select{border-radius:10px!important;border:1px solid rgba(239,207,115,.6)!important;background:#172b47!important;color:#fff3d0!important;max-width:135px!important;min-height:39px!important;font-weight:750!important;font-size:12px!important;padding:8px 11px!important}
.sa-language-select option{background:#11233c;color:#fff}
/* Home hero / no giant empty columns */
body.sa-premium-public:not(.account-page) .sa-home-v7{width:min(var(--sa-p2-width),calc(100% - 44px))!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)!important;gap:clamp(25px,3.8vw,56px)!important;align-items:center!important;min-height:0!important;padding:clamp(62px,6vw,93px) 0 clamp(60px,5vw,82px)!important;background:transparent!important}
body.sa-premium-public:not(.account-page) .sa-home-v7:before{background:radial-gradient(650px 400px at 72% 40%,rgba(215,181,80,.11),transparent 74%),linear-gradient(100deg,#0a1423,#152640)!important;opacity:1!important}
body.sa-premium-public:not(.account-page) .sa-home-v7 h1{font-size:clamp(41px,4.5vw,69px)!important;line-height:1.05!important;letter-spacing:-.045em!important;max-width:780px!important;margin:17px 0 20px!important;color:#f7f9ff!important}
body.sa-premium-public:not(.account-page) .sa-home-v7 h1 span{color:#f0cb67!important}
body.sa-premium-public:not(.account-page) .sa-home-v7 .hero-copy{color:#c7d3e5!important;font-size:clamp(14px,1.15vw,16px)!important;line-height:1.75!important;max-width:650px!important}
body.sa-premium-public:not(.account-page) .sa-home-v7-visual{width:100%!important;max-width:none!important;border:1px solid var(--sa-p2-line)!important;border-radius:18px!important;box-shadow:0 28px 50px rgba(3,7,13,.37)!important}
body.sa-premium-public:not(.account-page) .sa-home-v7-visual *{max-width:100%}
/* Consistent cards, edge borders, buttons and readable labels across public pages */
body.sa-premium-public:not(.account-page) .sa-product-card,body.sa-premium-public:not(.account-page) .sa-v7-feature-card,body.sa-premium-public:not(.account-page) .sa-quick-workflow .steps-grid article,body.sa-premium-public:not(.account-page) .pricing-card,body.sa-premium-public:not(.account-page) .access-card,body.sa-premium-public:not(.account-page) .sa-about-preview-copy,body.sa-premium-public:not(.account-page) .sa-about-preview-panel,body.sa-premium-public:not(.account-page) .strategy-panel,body.sa-premium-public:not(.account-page) .sa-product-image,body.sa-premium-public:not(.account-page) .sa-product-image-real{border:1px solid var(--sa-p2-line)!important;border-radius:var(--sa-p2-radius)!important;box-shadow:0 16px 38px rgba(1,5,13,.19)!important}
body.sa-premium-public:not(.account-page) .sa-product-card{background:linear-gradient(145deg,#112136,#0b1728)!important;max-width:100%!important;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr)!important;gap:32px!important;align-items:center!important}
body.sa-premium-public:not(.account-page) .sa-product-content h3,body.sa-premium-public:not(.account-page) .sa-products-title h2{color:#f4f7fd!important}
body.sa-premium-public:not(.account-page) .sa-product-content h4{color:#edd083!important}
body.sa-premium-public:not(.account-page) .sa-product-content p,body.sa-premium-public:not(.account-page) .sa-products-title p{color:#c0cde0!important}
body.sa-premium-public:not(.account-page) .sa-feature-chips b,body.sa-premium-public:not(.account-page) .sa-product-facts div{background:#0b192b!important;color:#e4ebf6!important;border-color:#2c425e!important;border-radius:10px!important}
body.sa-premium-public:not(.account-page) .sa-feature-chips b,body.sa-premium-public:not(.account-page) .sa-product-facts strong{color:#e9eef7!important}
body.sa-premium-public:not(.account-page) .sa-product-facts span{color:#b9c5d7!important}
body.sa-premium-public:not(.account-page) a.btn:not(.btn-ghost),body.sa-premium-public:not(.account-page) button.btn:not(.btn-ghost){background:linear-gradient(120deg,#f9e69c,#dcb550)!important;color:#112036!important;border:1px solid rgba(255,235,157,.45)!important;border-radius:11px!important;box-shadow:0 9px 20px rgba(4,6,10,.12)!important}
body.sa-premium-public:not(.account-page) a.btn.btn-ghost,body.sa-premium-public:not(.account-page) button.btn.btn-ghost{border-radius:11px!important;color:#ffe7a4!important;border:1px solid rgba(239,207,115,.45)!important;background:#142943!important}
body.sa-premium-public:not(.account-page) .section-head p,body.sa-premium-public:not(.account-page) .section-intro,body.sa-premium-public:not(.account-page) .split-copy p{color:#c0cde0!important}
body.sa-premium-public:not(.account-page) .sa-home-v7-features,body.sa-premium-public:not(.account-page) .sa-about-preview,body.sa-premium-public:not(.account-page) .split-section,body.sa-premium-public:not(.account-page) .pricing-premium,body.sa-premium-public:not(.account-page) .sa-quick-workflow{color:#f3f5fc!important;background:linear-gradient(130deg,#0c1728,#13243b)!important}
body.sa-premium-public:not(.account-page) .sa-home-v7-features h2,body.sa-premium-public:not(.account-page) .sa-about-preview h2,body.sa-premium-public:not(.account-page) .split-section h2{color:#fff6da!important}
/* Standardized sizing for cards on larger monitors */
body.sa-premium-public:not(.account-page) .sa-products-premium{width:min(var(--sa-p2-width),calc(100% - 44px))!important;margin-inline:auto!important}
body.sa-premium-public:not(.account-page) .pricing-premium .pricing-grid,body.sa-premium-public:not(.account-page) .sa-quick-workflow .steps-grid{gap:16px!important}
body.sa-premium-public:not(.account-page) .sa-quick-workflow .steps-grid article{min-height:195px!important}
body.sa-premium-public:not(.account-page) .sa-about-mini-grid>div,body.sa-premium-public:not(.account-page) .sa-v7-feature-card{border-color:var(--sa-p2-line)!important;border-radius:15px!important}
body.sa-premium-public:not(.account-page) .site-footer{background:#080f1a!important;border-top:1px solid var(--sa-p2-line)!important;color:#b9c8db!important}
body.sa-premium-public:not(.account-page) .site-footer p{color:#b9c8db!important}
body.sa-premium-public:not(.account-page) :is(button,a,input,select,textarea):focus-visible{outline:3px solid #f4da8f!important;outline-offset:3px!important}
/* Remove white canvas holes inherited from previous 'cream' patch */
body.sa-premium-public:not(.account-page) .about-premium-hero,body.sa-premium-public:not(.account-page) .access-hero,body.sa-premium-public:not(.account-page) .sa-products-premium,body.sa-premium-public:not(.account-page) .sa-quick-workflow,body.sa-premium-public:not(.account-page) .sa-connect-section{background:transparent!important}
body.sa-premium-public:not(.account-page) .sa-about-preview .sa-about-preview-copy,body.sa-premium-public:not(.account-page) .sa-about-preview .sa-about-preview-panel{background:linear-gradient(130deg,#112137,#17283e)!important}
/* Authentication page: contrast, floating language control and premium form */
body.sa-premium-auth{background:radial-gradient(circle at 10% 4%,#233e64 0,transparent 33%),#08111e!important;color:#f4f7fd!important}
body.sa-premium-auth .auth-panel{border:1px solid var(--sa-p2-line)!important;border-radius:20px!important;box-shadow:0 28px 65px rgba(0,0,0,.37)!important}
body.sa-premium-auth .auth-email-btn{background:linear-gradient(110deg,#fae69b,#dcba61)!important;color:#13243a!important;border-radius:12px!important}
body.sa-premium-auth .sa-language-picker{top:16px!important;right:16px!important;background:rgba(11,21,36,.92)!important;padding:5px!important;border:1px solid var(--sa-p2-line)!important;border-radius:12px!important}
/* Signed-in account menu: popup remains fixed and scrollable; no auth logic changed */
body.sa-premium-dashboard .dashboard-header{background:linear-gradient(115deg,#0b182b,#172c47)!important;border:1px solid var(--sa-p2-line)!important;border-radius:13px!important;box-shadow:0 9px 26px rgba(0,0,0,.18)!important;max-width:min(1900px,calc(100% - 24px))!important}
body.sa-premium-dashboard .dashboard-header .dashboard-nav{min-width:0!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
body.sa-premium-dashboard .dashboard-header .dashboard-nav::-webkit-scrollbar{display:none}
body.sa-premium-dashboard .dashboard-header .dashboard-nav a{color:#e9eff9!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
body.sa-premium-dashboard .dashboard-header .dashboard-nav a[href="/login"]{display:none!important}
body.sa-premium-dashboard .dashboard-header #saProfileBtn{border:1px solid rgba(237,207,125,.78)!important;background:#1d304b!important;color:#ffedc5!important}
body.sa-premium-dashboard #saProfileDropdown,body.sa-premium-dashboard.trading-light-theme #saProfileDropdown,body.sa-premium-dashboard:not(.trading-dark-theme) #saProfileDropdown{background:linear-gradient(145deg,#142239,#0c192b)!important;color:#eff5fc!important;border:1px solid rgba(231,198,107,.47)!important;border-radius:16px!important;max-height:calc(100dvh - 94px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:0 25px 70px rgba(1,6,16,.43)!important}
body.sa-premium-dashboard #saProfileDropdown .sa-profile-summary{padding-top:26px!important;border-bottom-color:rgba(230,196,107,.27)!important}
body.sa-premium-dashboard #saProfileDropdown #accountEmail{color:#f3f7ff!important;overflow-wrap:anywhere!important;white-space:normal!important;text-overflow:clip!important;max-width:100%!important}
body.sa-premium-dashboard #saProfileDropdown .sa-signed-badge{color:#88e5b4!important}
body.sa-premium-dashboard #saProfileDropdown .sa-market-row{color:#a5d6b4!important;border-bottom-color:rgba(218,190,112,.24)!important}
body.sa-premium-dashboard #saProfileDropdown .sa-dual-auth-button{box-sizing:border-box!important;width:100%!important;min-height:43px!important;border-radius:10px!important;border:1px solid rgba(237,207,125,.5)!important;background:#243952!important;color:#ffe7a2!important;font:700 12px/1.4 system-ui,sans-serif!important;white-space:normal!important;cursor:pointer!important;margin:11px 0 0!important;padding:10px 13px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
body.sa-premium-dashboard #saProfileDropdown .sa-dual-auth-button:hover{background:#314b6b!important}
body.sa-premium-dashboard #saProfileDropdown .sa-profile-signout{background:rgba(239,89,91,.13)!important;color:#ffb3b6!important;border-color:rgba(239,89,91,.42)!important}
body.sa-premium-dashboard #saProfileDropdown .sa-profile-close{position:absolute;right:10px;top:10px;width:30px;height:30px;padding:0;border-radius:8px;background:#23364f;border:1px solid rgba(238,208,119,.36);color:#fae6ae;font:800 20px/1 system-ui;cursor:pointer;z-index:3}
body.sa-premium-dashboard .sa-password-panel{width:min(450px,100%)!important;padding:24px!important;background:linear-gradient(150deg,#132139,#0d182b)!important;border:1px solid var(--sa-p2-line)!important;border-radius:18px!important;box-shadow:0 22px 70px rgba(2,8,19,.4)!important}
body.sa-premium-dashboard .sa-password-panel p{color:#c6d2e0!important}
body.sa-premium-dashboard .sa-password-panel input{border-radius:11px!important;border:1px solid #64758d!important;color:#fff!important;background:#111b2b!important}
body.sa-premium-dashboard .sa-language-select{max-width:111px!important;font-size:11px!important}
/* Phone/tablet */
@media(max-width:1220px){body.sa-premium-public:not(.account-page) .site-header{grid-template-columns:115px minmax(0,1fr) auto auto!important;gap:8px!important;padding:8px 10px!important}body.sa-premium-public:not(.account-page) .site-header .main-nav a{font-size:11px!important;padding:8px 7px!important}.sa-language-select{max-width:110px!important}body.sa-premium-public:not(.account-page) .sa-home-v7{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}
@media(max-width:880px){body.sa-premium-public:not(.account-page) .site-header{grid-template-columns:auto 1fr auto auto!important;gap:8px!important}body.sa-premium-public:not(.account-page) .site-header .menu-toggle{grid-column:2!important;justify-self:end!important;color:#ffedbb!important}body.sa-premium-public:not(.account-page) .site-header .main-nav{position:absolute!important;top:calc(100% + 8px)!important;left:5px!important;right:5px!important;display:none!important;max-height:65vh!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;align-items:stretch!important;background:#102039!important;border-radius:15px!important;padding:12px!important;white-space:normal!important;z-index:100!important}body.sa-premium-public:not(.account-page) .site-header .main-nav.open,body.sa-premium-public:not(.account-page) .site-header .main-nav.show,body.sa-premium-public:not(.account-page) .site-header .main-nav.active{display:flex!important}body.sa-premium-public:not(.account-page) .site-header .main-nav a{font-size:14px!important;padding:12px!important}body.sa-premium-public:not(.account-page) .sa-home-v7{grid-template-columns:minmax(0,1fr)!important;gap:30px!important;padding:47px 0 56px!important}body.sa-premium-public:not(.account-page) .sa-home-v7-visual{width:min(720px,100%)!important;margin:auto!important}body.sa-premium-public:not(.account-page) .sa-product-card{grid-template-columns:minmax(0,1fr)!important}body.sa-premium-public:not(.account-page) #strategies.split-section{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:560px){.sa-premium-offer{width:calc(100% - 20px);margin-top:8px;padding:10px 11px;gap:9px;align-items:flex-start}.sa-premium-offer .sa-offer-copy{gap:6px}.sa-premium-offer .sa-offer-title{font-size:11.5px}.sa-premium-offer .sa-offer-sub{font-size:10.5px}.sa-premium-offer .sa-offer-link{padding:7px 9px;min-height:31px;font-size:10px}body.sa-premium-public:not(.account-page) .site-header{width:calc(100% - 20px)!important;padding:8px!important;border-radius:12px!important}body.sa-premium-public:not(.account-page) .site-header .brand{padding:3px 6px!important;border-radius:10px!important}body.sa-premium-public:not(.account-page) .site-header .brand img{max-width:80px!important;max-height:36px!important;transform:scale(1.06)!important}body.sa-premium-public:not(.account-page) .site-header .header-cta{min-width:0!important;font-size:11px!important;padding:9px!important}body.sa-premium-public:not(.account-page) .sa-home-v7{width:calc(100% - 24px)!important}body.sa-premium-public:not(.account-page) .sa-home-v7 h1{font-size:clamp(33px,8vw,49px)!important}body.sa-premium-dashboard .sa-language-picker{position:fixed!important;top:auto!important;right:13px!important;bottom:13px!important;background:#152640!important;border:1px solid var(--sa-p2-line)!important;border-radius:10px!important;padding:5px!important}}
@media(prefers-reduced-motion:reduce){.sa-premium-offer .sa-offer-link{transition:none}}
/* Source: swaraj-premium-v3.css */
/* SwarajAlgo Premium UI V3 — login-after/dashboard layout correction.
PRESENTATION ONLY. No changes to charts, Supabase, pricing, or payment logic. */
:root {--sa-v3-navy:#0c192c;--sa-v3-panel:#14243b;--sa-v3-gold:#e9c96d;--sa-v3-border:rgba(229,195,104,.46);--sa-v3-radius:14px}
/* The language picker is inserted as a FOURTH child into the dashboard header.
Previous 3-column grid wrapped the avatar into an extra row (observed in video). */
body.account-page.sa-premium-dashboard header.dashboard-header,
body.account-page.sa-premium-dashboard.trading-light-theme header.dashboard-header,
body.account-page.sa-premium-dashboard.trading-dark-theme header.dashboard-header{
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:max-content minmax(0,1fr) max-content max-content!important;
grid-template-rows:minmax(0,auto)!important;
align-items:center!important;
align-content:center!important;
gap:clamp(8px,1vw,17px)!important;
width:calc(100% - 24px)!important;
max-width:none!important;
min-height:64px!important;
height:auto!important;
padding:9px clamp(12px,1.6vw,26px)!important;
margin:8px auto!important;
border:1px solid var(--sa-v3-border)!important;
border-radius:var(--sa-v3-radius)!important;
background:linear-gradient(105deg,#0a1424 2%,#152b46 55%,#0b1a2e 100%)!important;
color:#f7f8fc!important;
box-shadow:0 7px 24px rgba(16,33,54,.22)!important;
backdrop-filter:none!important;
overflow:visible!important;
position:sticky!important;
top:6px!important;
}
body.account-page.sa-premium-dashboard .dashboard-header::before{background:linear-gradient(90deg,transparent,#e9cb72,transparent)!important;opacity:.67!important}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand{grid-column:1!important;grid-row:1!important;min-width:0!important;max-width:160px!important;justify-self:start!important;align-self:center!important}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand-logo,
body.account-page.sa-premium-dashboard.trading-light-theme .dashboard-header .dashboard-brand-logo{
padding:4px 7px!important;background:#f9f6eb!important;border:1px solid rgba(240,214,151,.74)!important;
border-radius:10px!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important
}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand img{height:34px!important;max-width:130px!important;object-fit:contain!important}
body.account-page.sa-premium-dashboard .dashboard-header nav.dashboard-nav,
body.account-page.sa-premium-dashboard.trading-light-theme .dashboard-header nav.dashboard-nav,
body.account-page.sa-premium-dashboard.trading-dark-theme .dashboard-header nav.dashboard-nav{
grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:100%!important;
display:flex!important;justify-content:flex-start!important;align-items:center!important;
flex-wrap:nowrap!important;gap:3px!important;padding:5px!important;margin:0!important;
background:rgba(4,13,25,.40)!important;border:1px solid rgba(221,189,111,.28)!important;
border-radius:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
}
body.account-page.sa-premium-dashboard .dashboard-header nav.dashboard-nav a,
body.account-page.sa-premium-dashboard.trading-light-theme .dashboard-header nav.dashboard-nav a,
body.account-page.sa-premium-dashboard.trading-dark-theme .dashboard-header nav.dashboard-nav a{
padding:8px 10px!important;font:700 12px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif!important;
color:#e6edf8!important;letter-spacing:0!important;white-space:nowrap!important;border-radius:7px!important;
}
body.account-page.sa-premium-dashboard .dashboard-header nav.dashboard-nav a:hover,
body.account-page.sa-premium-dashboard .dashboard-header nav.dashboard-nav a:focus-visible{background:#253f60!important;color:#ffedb5!important}
body.account-page.sa-premium-dashboard .dashboard-header .sa-language-picker{
grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;
position:static!important;margin:0!important;padding:0!important;flex:none!important;background:transparent!important;
}
body.account-page.sa-premium-dashboard .dashboard-header .sa-language-select{height:39px!important;min-height:39px!important;max-width:110px!important;
padding:8px 10px!important;background:#172d4b!important;color:#fff0bd!important;border:1px solid var(--sa-v3-border)!important;border-radius:10px!important;font-size:12px!important}
body.account-page.sa-premium-dashboard .dashboard-header #saProfileMenu{grid-column:4!important;grid-row:1!important;min-width:40px!important;
margin:0!important;height:40px!important;align-self:center!important;justify-self:end!important;z-index:2147482000!important}
body.account-page.sa-premium-dashboard .dashboard-header #saProfileBtn,
body.account-page.sa-premium-dashboard.trading-light-theme .dashboard-header #saProfileBtn{
width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
background:#f4dd9a!important;color:#102139!important;border:2px solid #f9e8b4!important;
box-shadow:0 3px 12px rgba(0,0,0,.21)!important;font:850 12px/1 system-ui!important;
}
/* Readable popup, even while charts use Light theme. */
body.account-page.sa-premium-dashboard #saProfileDropdown,
body.account-page.sa-premium-dashboard.trading-light-theme #saProfileDropdown{
width:min(326px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
background:linear-gradient(145deg,#14243c,#0b1829)!important;color:#f2f5fb!important;
border:1px solid var(--sa-v3-border)!important;border-radius:16px!important;padding:12px!important;
box-shadow:0 22px 60px rgba(5,12,23,.40)!important;max-height:calc(100dvh - 90px)!important;
overflow-y:auto!important;overflow-x:hidden!important;
}
body.account-page.sa-premium-dashboard #saProfileDropdown .sa-profile-summary{padding:28px 11px 15px!important;gap:9px!important;border-bottom:1px solid var(--sa-v3-border)!important}
body.account-page.sa-premium-dashboard #saProfileDropdown #accountEmail,
body.account-page.sa-premium-dashboard.trading-light-theme #saProfileDropdown #accountEmail{
display:block!important;visibility:visible!important;opacity:1!important;min-height:17px!important;
width:100%!important;max-width:100%!important;font:700 13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif!important;
white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;
text-align:center!important;color:#fff3d1!important;-webkit-text-fill-color:#fff3d1!important
}
body.account-page.sa-premium-dashboard #saProfileDropdown .sa-account-label{display:block;color:#a9bed8!important;font:800 10px/1.1 system-ui,sans-serif!important;letter-spacing:.11em;text-transform:uppercase}
body.account-page.sa-premium-dashboard #saProfileDropdown .sa-profile-close{top:9px!important;right:9px!important;display:flex!important;justify-content:center!important;align-items:center!important;
border:1px solid var(--sa-v3-border)!important;background:#253c58!important;color:#fff2c6!important}
body.account-page.sa-premium-dashboard #saProfileDropdown .sa-dual-auth-button{font-size:12px!important;min-height:45px!important;
border:1px solid rgba(236,202,112,.6)!important;background:#253d5b!important;color:#ffe7a1!important;border-radius:10px!important}
body.account-page.sa-premium-dashboard #saProfileDropdown .sa-profile-signout{min-height:42px!important;background:#fff3f1!important;color:#a42828!important;
border:1px solid #efc6c3!important;border-radius:10px!important}
body.account-page.sa-premium-dashboard #saProfileDropdown .sa-profile-market-state{color:#22304b!important;background:#f0d784!important;border-radius:8px!important}
/* Mobile: do not overlay chart controls or push profile onto second row. */
@media(max-width:1050px){
body.account-page.sa-premium-dashboard header.dashboard-header{grid-template-columns:max-content minmax(0,1fr) max-content max-content!important;gap:8px!important;padding:8px 11px!important}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand img{height:30px!important;max-width:94px!important}
body.account-page.sa-premium-dashboard .dashboard-header .sa-language-select{max-width:91px!important;padding:6px 7px!important;font-size:11px!important}
body.account-page.sa-premium-dashboard .dashboard-header nav.dashboard-nav a{padding:8px 7px!important;font-size:11px!important}
}
@media(max-width:630px){
body.account-page.sa-premium-dashboard header.dashboard-header{width:calc(100% - 12px)!important;min-height:56px!important;
grid-template-columns:max-content minmax(0,1fr) max-content max-content!important;padding:7px 8px!important;gap:6px!important;top:2px!important}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand{grid-column:1!important}
body.account-page.sa-premium-dashboard .dashboard-header nav.dashboard-nav{grid-column:2!important;max-width:100%!important}
body.account-page.sa-premium-dashboard .dashboard-header .sa-language-picker{grid-column:3!important;grid-row:1!important;position:static!important;justify-self:end!important;}
body.account-page.sa-premium-dashboard .dashboard-header .sa-language-picker .sa-language-globe{display:none!important}
body.account-page.sa-premium-dashboard .dashboard-header #saProfileMenu{grid-column:4!important;grid-row:1!important;justify-self:end!important;margin-right:0!important}
body.account-page.sa-premium-dashboard .dashboard-header nav.dashboard-nav{max-width:100%!important}
body.account-page.sa-premium-dashboard .dashboard-header .sa-language-select{min-width:69px!important;max-width:73px!important;font-size:10px!important;padding:6px 4px!important}
body.account-page.sa-premium-dashboard #saProfileDropdown{right:9px!important;top:62px!important}
}
/* Public pages: consistent buttons/cards/typography, maintaining existing original branding. */
body.sa-premium-public:not(.account-page) .site-header,
body.sa-premium-public:not(.account-page) .sa-premium-offer{box-sizing:border-box!important}
body.sa-premium-public:not(.account-page) .sa-product-card,
body.sa-premium-public:not(.account-page) .pricing-card,
body.sa-premium-public:not(.account-page) .access-card,
body.sa-premium-public:not(.account-page) .sa-v7-feature-card{border-radius:16px!important;border:1px solid rgba(226,194,108,.37)!important}
body.sa-premium-public:not(.account-page) main p,body.sa-premium-public:not(.account-page) main li{line-height:1.65!important}
body.sa-premium-public:not(.account-page) main :is(a,button):focus-visible,
body.account-page.sa-premium-dashboard :is(button,a,select):focus-visible{outline:3px solid #e6c96d!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){body.sa-premium-public *{transition:none!important}}
/* SwarajAlgo V18.62 V4 — Return to chart without signing out.
Navigation and profile styles only. Trading/chart code is unchanged. */
body.sa-premium-public .sa-primary-nav a.sa-chart-return-link,
body.sa-premium-public .main-nav a.sa-chart-return-link,
body.sa-premium-public .pp-nav a.sa-chart-return-link{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
flex:0 0 auto!important;white-space:nowrap!important;
background:linear-gradient(110deg,#f5d976,#d5a94a)!important;
border:1px solid #f9e5a9!important;color:#14243b!important;
font-weight:850!important;letter-spacing:.01em!important;
border-radius:9px!important;padding:8px 12px!important;
box-shadow:0 2px 9px rgba(213,169,74,.20)!important;
}
body.sa-premium-public .sa-primary-nav a.sa-chart-return-link:hover,
body.sa-premium-public .pp-nav a.sa-chart-return-link:hover,
body.sa-premium-public .sa-primary-nav a.sa-chart-return-link:focus-visible{
background:#fff0b9!important;color:#0b1729!important;
outline:2px solid #f9df8e!important;outline-offset:2px!important;
}
/* Keep signed-out pages free of the chart shortcut. */
a.sa-chart-return-link[hidden]{display:none!important}
body.account-page .dashboard-header a.sa-dashboard-chart-nav{
background:rgba(233,201,109,.18)!important;border:1px solid rgba(233,201,109,.58)!important;
color:#ffdf85!important;font-weight:850!important;
}
body.account-page #saProfileDropdown .sa-profile-actions{
width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:8px!important;align-items:stretch!important;margin-top:10px!important;
}
body.account-page #saProfileDropdown .sa-profile-actions .sa-profile-chart{
min-width:0!important;min-height:44px!important;display:flex!important;align-items:center!important;
justify-content:center!important;gap:5px!important;box-sizing:border-box!important;padding:9px 8px!important;
background:linear-gradient(110deg,#f5dd8f,#d8b355)!important;color:#14243b!important;
text-decoration:none!important;border:1px solid #ffe7a4!important;border-radius:10px!important;
font:850 12px/1.15 system-ui,-apple-system,Segoe UI,sans-serif!important;
white-space:nowrap!important;box-shadow:0 3px 9px rgba(0,0,0,.12)!important;
}
body.account-page #saProfileDropdown .sa-profile-actions .sa-profile-chart:hover,
body.account-page #saProfileDropdown .sa-profile-actions .sa-profile-chart:focus-visible{
background:#fff0b9!important;outline:2px solid #f2d980!important;outline-offset:1px!important;
}
body.account-page #saProfileDropdown .sa-profile-actions #logoutBtn{
width:100%!important;min-width:0!important;min-height:44px!important;
margin:0!important;padding:9px 8px!important;line-height:1.15!important;font-size:12px!important;
}
@media(max-width:880px){body.sa-premium-public .sa-primary-nav a.sa-chart-return-link{width:100%!important;box-sizing:border-box!important;min-height:42px!important}}
@media(max-width:400px){body.account-page #saProfileDropdown .sa-profile-actions{gap:6px!important}}
/* SwarajAlgo V18.62 Premium V5 — prominent brand on pure white tile.
UI presentation only: login state, account actions and trading scripts unchanged. */
:root { --sa-v5-white:#ffffff; --sa-v5-border:#e3c76c; }
body.sa-premium-public:not(.account-page) .site-header{
grid-template-columns:minmax(174px,188px) minmax(0,1fr) auto auto!important;
gap:clamp(9px,1vw,17px)!important;
min-height:84px!important;
padding:10px 16px!important;
align-items:center!important;
}
body.sa-premium-public:not(.account-page) .site-header .brand {
box-sizing:border-box!important;
background:var(--sa-v5-white)!important;
border:1.5px solid var(--sa-v5-border)!important;
border-radius:13px!important;
padding:9px 11px!important;
width:178px!important;
min-height:64px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 5px 18px rgba(0,0,0,.20),inset 0 0 0 1px rgba(255,255,255,.8)!important;
text-decoration:none!important;
transition:transform .17s ease,box-shadow .17s ease!important;
}
body.sa-premium-public:not(.account-page) .site-header .brand:hover {
transform:translateY(-1px);
box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
}
body.sa-premium-public:not(.account-page) .site-header .brand img {
display:block!important;
width:160px!important;
max-width:100%!important;
max-height:59px!important;
height:auto!important;
object-fit:contain!important;
}
/* Matching branding on the signed-in chart dashboard; no menu/session changes. */
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand{
max-width:188px!important;
}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand-logo,
body.account-page.sa-premium-dashboard.trading-light-theme .dashboard-header .dashboard-brand-logo{
box-sizing:border-box!important;
background:var(--sa-v5-white)!important;
border:1.5px solid var(--sa-v5-border)!important;
border-radius:12px!important;
padding:7px 10px!important;
min-height:54px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 4px 14px rgba(3,10,23,.18)!important;
}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand img{
height:auto!important;
width:155px!important;
max-width:100%!important;
max-height:55px!important;
object-fit:contain!important;
}
@media(max-width:1220px){
body.sa-premium-public:not(.account-page) .site-header{
grid-template-columns:minmax(146px,157px) minmax(0,1fr) auto auto!important;
padding:9px 11px!important;
}
body.sa-premium-public:not(.account-page) .site-header .brand{
width:150px!important;min-height:59px!important;padding:7px 9px!important;
}
body.sa-premium-public:not(.account-page) .site-header .brand img{width:136px!important;max-width:100%!important}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand img{width:117px!important}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand-logo{padding:5px 7px!important;min-height:44px!important}
}
@media(max-width:880px){
body.sa-premium-public:not(.account-page) .site-header{
grid-template-columns:auto minmax(0,1fr) auto auto!important;
min-height:68px!important;
}
}
@media(max-width:560px){
body.sa-premium-public:not(.account-page) .site-header .brand{
width:112px!important;min-height:47px!important;padding:5px 6px!important;border-radius:10px!important;
}
body.sa-premium-public:not(.account-page) .site-header .brand img{
width:100px!important;max-width:100%!important;max-height:43px!important;
}
body.sa-premium-public:not(.account-page) .site-header{
padding:7px 8px!important;gap:6px!important;min-height:62px!important;
}
}
@media(max-width:630px){
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand-logo{
min-height:37px!important;padding:3px 5px!important;border-radius:8px!important;
}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand img{
width:77px!important;max-height:37px!important;
}
}
@media(prefers-reduced-motion:reduce){
body.sa-premium-public:not(.account-page) .site-header .brand{transition:none!important}
}
/* SwarajAlgo V9 — logo treatment and partner language selector.
White logo badge size kept from V7, content fills badge with smaller internal image whitespace.
Signed-in logo stays deliberately compact (V8 size preserved). */
body.sa-premium-public:not(.account-page) .site-header .brand {
width:178px!important;min-height:64px!important;box-sizing:border-box!important;
padding:3px 5px!important;background:#fff!important;border:1.5px solid #e3c76c!important;
border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
body.sa-premium-public:not(.account-page) .site-header .brand img {
display:block!important;width:164px!important;max-width:100%!important;
height:auto!important;max-height:59px!important;object-fit:contain!important;transform:none!important;
}
/* Login page: white badge around tight logo, existing position unchanged. */
body.sa-premium-auth .auth-brand {width:178px!important;min-height:64px!important;box-sizing:border-box!important;padding:3px 5px!important;background:#fff!important;border:1.5px solid #e3c76c!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 20px rgba(4,10,18,.14)!important}
body.sa-premium-auth .auth-brand img {width:164px!important;max-height:59px!important;height:auto!important;object-fit:contain!important;}
/* Dashboard stays SMALL: no changes to the white box or the chart header itself. */
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand img {
width:105px!important;max-width:105px!important;height:auto!important;max-height:36px!important;transform:none!important;
}
/* Partner logo has the same tight-fitting white badge treatment. */
body.sa-premium-public .pp-nav .sa-partner-brand-logo{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:none!important;width:152px!important;min-height:55px!important;padding:3px 5px!important;background:#fff!important;border:1.5px solid #e3c76c!important;border-radius:11px!important;box-shadow:0 6px 18px rgba(4,10,18,.18)!important}
body.sa-premium-public .pp-nav .sa-partner-brand-logo img{display:block!important;width:140px!important;max-height:50px!important;height:auto!important;object-fit:contain!important}
/* Partner Program had no working language picker before V9. */
body.sa-premium-public .pp-nav{flex-wrap:wrap!important;gap:6px!important}
body.sa-premium-public .pp-nav .sa-partner-picker {
display:inline-flex!important;flex:none!important;margin-left:auto!important;padding:3px 4px!important;
align-items:center!important;position:static!important;background:#0f2037!important;
border:1px solid rgba(239,207,115,.45)!important;border-radius:10px!important;
}
body.sa-premium-public .pp-nav .sa-partner-picker .sa-language-select {
display:block!important;min-width:100px!important;min-height:36px!important;
}
@media(max-width:1220px){body.sa-premium-public:not(.account-page) .site-header .brand {width:150px!important;min-height:59px!important;padding:3px 5px!important}
body.sa-premium-public:not(.account-page) .site-header .brand img{width:140px!important;max-height:53px!important}}
@media(max-width:630px){body.sa-premium-public:not(.account-page) .site-header .brand {width:112px!important;min-height:47px!important;padding:2px 4px!important}
body.sa-premium-public:not(.account-page) .site-header .brand img{width:104px!important;max-height:42px!important}
body.account-page.sa-premium-dashboard .dashboard-header .dashboard-brand img {width:68px!important;max-width:68px!important;max-height:27px!important;transform:none!important}
body.sa-premium-public .pp-nav .sa-partner-picker{margin-left:0!important}
body.sa-premium-public .pp-nav .sa-partner-brand-logo{width:112px!important;min-height:45px!important;padding:2px 4px!important}
body.sa-premium-public .pp-nav .sa-partner-brand-logo img{width:104px!important;max-height:41px!important}
body.sa-premium-auth .auth-brand{width:144px!important;min-height:53px!important;padding:3px 5px!important}
body.sa-premium-auth .auth-brand img{width:134px!important;max-height:47px!important}
}
/* SwarajAlgo V18.62 — Scroll behavior only.
* Keep the original gold trial offer and navy navigation visuals unchanged.
* Trial bar scrolls out naturally; primary navigation stays within viewport.
* No auth, trading, charts, payment or language JS changes.
*/
body.sa-premium-public:not(.account-page) > .sa-premium-offer {
position: static !important;
/* Keep existing colors, geometry, margin and typography untouched. */
}
body.sa-premium-public:not(.account-page) > .site-header {
position: sticky !important;
top: 8px !important;
z-index: 1000 !important;
}
/* Partners navigation lives inside main. Overflow hidden on main can
* prevent a sticky descendant from tracking the page scroll. */
body.sa-premium-public:not(.account-page) main.pp {
overflow: clip !important;
}
body.sa-premium-public:not(.account-page) main.pp > .pp-nav {
position: sticky !important;
top: 8px !important;
z-index: 1000 !important;
}
html { scroll-padding-top: 108px; }
body.sa-premium-public:not(.account-page) :is(main section[id], main article[id], main div[id]) {
scroll-margin-top: 108px;
}
@media (max-width: 630px) {
body.sa-premium-public:not(.account-page) > .site-header,
body.sa-premium-public:not(.account-page) main.pp > .pp-nav { top: 4px !important; }
html { scroll-padding-top: 90px; }
body.sa-premium-public:not(.account-page) :is(main section[id], main article[id], main div[id]) {scroll-margin-top: 90px;}
}
/* V11: Same home/partner public header, consistent sticky scroll.
Keep offer, logo, controls and trading/auth logic unchanged. */
body.sa-premium-public:not(.account-page) {
overflow-x: clip !important; /* unlike hidden, clip does not create a sticky-breaking scroll container */
}
body.sa-premium-public:not(.account-page) > .sa-premium-offer {
position: relative !important;
inset: auto !important;
z-index: 1 !important;
}
body.sa-premium-public:not(.account-page) > header.site-header {
position: sticky !important;
top: 8px !important;
z-index: 2000 !important;
isolation: isolate !important;
margin-top: 11px !important;
}
/* Only Partners' active link is highlighted; shared header geometry is unchanged. */
body.sa-premium-public:not(.account-page) .site-header .main-nav a[aria-current="page"] {
background: linear-gradient(120deg,#f4de95,#d5b65d) !important;
color: #14213a !important;
}
/* Header is a sibling BEFORE the partner main, not nested in its clipped scrolling area. */
body.sa-premium-public:not(.account-page) > main.pp {
position: relative !important;
z-index: 0 !important;
}
html { scroll-padding-top: 110px; }
@media (max-width: 880px) {
body.sa-premium-public:not(.account-page) > header.site-header {top: 5px !important;}
body.sa-premium-public:not(.account-page) > header.site-header .main-nav.open {z-index: 2001 !important;}
}
@media (max-width: 630px) {
html {scroll-padding-top: 86px;}
body.sa-premium-public:not(.account-page) > header.site-header {top: 4px !important;}
}
/* SwarajAlgo Corporate V19 — scoped presentation system.
App IDs, financial data colours, auth and chart behaviour are preserved.
!important is confined to integration with the legacy theme cascade. */
:root{--corp-navy:#0d1d33;--corp-ink:#172b44;--corp-muted:#5d6c7e;--corp-gold:#c2a15d;--corp-line:#dfe5ec;--corp-paper:#f5f7fa;--corp-radius:16px;--corp-shadow:0 12px 36px rgba(21,40,66,.065)}
html{scroll-padding-top:110px}
html body.sa-corporate.sa-corporate{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
html body.sa-corporate.sa-corporate :focus-visible{outline:3px solid #698cc5!important;outline-offset:4px!important}
html body.sa-corporate.sa-corporate.sa-premium-public{background:var(--corp-paper)!important;color:var(--corp-ink)!important}
html body.sa-corporate.sa-corporate.sa-premium-public>main{background:var(--corp-paper)!important}
.sa-skip-link{position:fixed;top:-80px;left:20px;z-index:2147483647;background:#fff;color:#172b44;padding:14px 20px;border-radius:8px}
.sa-skip-link:focus{top:12px}
/* A calm, compact masthead. */
html body.sa-corporate.sa-corporate.sa-premium-public .site-header{width:calc(100% - 64px)!important;max-width:1360px!important;margin:16px auto!important;padding:12px 20px!important;min-height:78px!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:20px!important;background:var(--corp-navy)!important;border:1px solid #263950!important;border-radius:14px!important;box-shadow:0 8px 24px #10203812!important;top:12px!important}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header::before,html body.sa-corporate.sa-corporate.sa-premium-public .site-header::after{display:none!important}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header .brand{width:144px!important;min-height:48px!important;padding:3px 8px!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header .brand img{width:128px!important;max-height:44px!important}
html body.sa-corporate.sa-corporate .site-header .main-nav{justify-content:center!important;gap:22px!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
html body.sa-corporate.sa-corporate .site-header .main-nav a{font-size:13px!important;font-weight:500!important;color:#dce4ef!important;padding:10px 0!important}
html body.sa-corporate.sa-corporate .site-header .main-nav a:hover{color:#e9cc91!important}
html body.sa-corporate.sa-corporate .site-header .header-cta{background:#e4c88e!important;color:#16263b!important;border:0!important;border-radius:8px!important;padding:12px 16px!important;font-size:12px!important;white-space:nowrap}
html body.sa-corporate.sa-corporate .site-header .sa-language-select{background:#192d46!important;border-color:#35455b!important;color:#e8edf4!important;border-radius:8px!important;font-size:12px!important;max-width:96px!important}
/* Homepage composition and typography. */
html body.sa-corporate.sa-corporate .hero.sa-home-v7{max-width:1280px!important;width:calc(100% - 96px)!important;margin:0 auto!important;padding:76px 0 60px!important;display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:60px!important;align-items:center!important;background:transparent!important;min-height:610px!important}
html body.sa-corporate.sa-corporate .sa-home-v7-copy{max-width:590px!important}
html body.sa-corporate.sa-corporate .hero.sa-home-v7 h1{font-size:clamp(40px,4.4vw,66px)!important;line-height:1.06!important;letter-spacing:-.055em!important;font-weight:650!important;color:var(--corp-navy)!important;margin:22px 0!important}
html body.sa-corporate.sa-corporate .hero.sa-home-v7 h1 span{color:#8c6a30!important;background:none!important;-webkit-text-fill-color:#8c6a30!important}
html body.sa-corporate.sa-corporate .hero .hero-copy{font-size:16px!important;line-height:1.85!important;color:var(--corp-muted)!important;max-width:470px!important}
html body.sa-corporate.sa-corporate .hero .eyebrow{font-size:10px!important;letter-spacing:.19em!important;color:#6a7789!important;margin-top:24px!important}
html body.sa-corporate.sa-corporate .trial-hero-badge{background:#eaeff5!important;border:1px solid #dbe3ed!important;color:#42566e!important;border-radius:6px!important;padding:8px 11px!important;font-size:10px!important;letter-spacing:.09em!important;box-shadow:none!important}
html body.sa-corporate.sa-corporate .trial-hero-badge i{background:#b28b46!important;box-shadow:none!important;animation:none!important}
html body.sa-corporate.sa-corporate.sa-premium-public .btn{border-radius:9px!important;min-height:44px!important;padding:13px 20px!important;font-size:13px!important;font-weight:650!important;letter-spacing:0!important;box-shadow:none!important;transition:background .18s,transform .18s!important}
html body.sa-corporate.sa-corporate.sa-premium-public .btn:hover{transform:translateY(-2px)}
html body.sa-corporate.sa-corporate .hero-actions{gap:12px!important;margin-top:28px!important}
html body.sa-corporate.sa-corporate .hero-actions .trial-primary{background:var(--corp-navy)!important;border:1px solid var(--corp-navy)!important;color:#fff!important}
html body.sa-corporate.sa-corporate .hero-actions .btn-ghost{background:#fff!important;border:1px solid #ced7e3!important;color:var(--corp-ink)!important}
html body.sa-corporate.sa-corporate .trial-hero-meta{margin-top:20px!important;color:#65758b!important;gap:14px!important;font-size:11px!important}
html body.sa-corporate.sa-corporate .sa-home-v7-visual{border:1px solid #2b3c53!important;border-radius:18px!important;background:var(--corp-navy)!important;box-shadow:0 28px 65px #172b4426!important;transform:none!important;overflow:hidden!important}
html body.sa-corporate.sa-corporate .sa-v7-browserbar{background:var(--corp-navy)!important;border-color:#2b3c53!important;padding:16px!important;color:#bdcbdd!important;font-size:9px!important;letter-spacing:.07em!important}
html body.sa-corporate.sa-corporate .sa-v7-browserbar b{color:#d5b679!important;font-size:8px!important}
html body.sa-corporate.sa-corporate .sa-v7-chartframe{height:380px!important;min-height:0!important}
html body.sa-corporate.sa-corporate .sa-v7-chartframe>img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:.8!important}
html body.sa-corporate.sa-corporate .sa-v7-chartshade{background:linear-gradient(0deg,#0d1d33 0%,#0d1d3366 48%,transparent)!important}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy{left:28px!important;bottom:32px!important}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy strong{color:#fff!important;font-size:34px!important;font-weight:550!important;letter-spacing:-.03em!important}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy small{color:#dcc38d!important;font-size:9px!important;letter-spacing:.16em!important}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy>span{color:#bac8da!important;font-size:11px!important}
html body.sa-corporate.sa-corporate .sa-v7-floatcard{display:none!important}
html body.sa-corporate.sa-corporate .sa-v7-visual-footer{background:var(--corp-navy)!important;border-top:1px solid #2b3c53!important;color:#bdcbdd!important;padding:16px!important;gap:16px!important;font-size:10px!important}
/* Shared content rhythm. */
html body.sa-corporate.sa-corporate.sa-premium-public .section{max-width:1280px!important;padding:72px 32px!important;margin-left:auto!important;margin-right:auto!important}
html body.sa-corporate.sa-corporate.sa-premium-public .section h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:650!important}
html body.sa-corporate.sa-corporate.sa-premium-public .section-label{color:#856931!important;font-size:10px!important;letter-spacing:.18em!important;font-weight:750!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.sa-v7-feature-card,.sa-product-card,.how-step-card,.testimonial-card,.trial-includes-card,.contact-card,.enquiry-card){border:1px solid var(--corp-line)!important;border-radius:var(--corp-radius)!important;box-shadow:var(--corp-shadow)!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.sa-v7-feature-card,.how-step-card,.testimonial-card){background:#fff!important;padding:28px!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.sa-v7-feature-card,.how-step-card,.testimonial-card) h3{color:var(--corp-navy)!important;font-size:18px!important;letter-spacing:-.02em!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.sa-v7-feature-card,.how-step-card,.testimonial-card) p{color:var(--corp-muted)!important;line-height:1.75!important;font-size:14px!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(input,textarea,select){border-radius:8px;accent-color:#a28143}
/* Comparable pricing, with a single highlighted plan. */
html body.sa-corporate.sa-corporate #pricing .pricing-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;margin-top:38px!important}
html body.sa-corporate.sa-corporate #pricing .price-card{background:#fff!important;color:var(--corp-ink)!important;border:1px solid var(--corp-line)!important;border-radius:16px!important;box-shadow:var(--corp-shadow)!important;padding:28px!important;display:flex!important;flex-direction:column!important;transform:none!important;min-width:0!important}
html body.sa-corporate.sa-corporate #pricing .price-card::before,html body.sa-corporate.sa-corporate #pricing .price-card::after{display:none!important}
html body.sa-corporate.sa-corporate #pricing .price-card h3{color:var(--corp-ink)!important;font-size:21px!important;margin-top:24px!important}
html body.sa-corporate.sa-corporate #pricing .price-card .plan-copy{font-size:13px!important;line-height:1.65!important;color:var(--corp-muted)!important;min-height:44px!important}
html body.sa-corporate.sa-corporate #pricing .price-card .price strong{color:var(--corp-navy)!important;font-size:38px!important;letter-spacing:-.04em!important}
html body.sa-corporate.sa-corporate #pricing .plan-features{color:var(--corp-muted)!important;line-height:1.85!important;font-size:13px!important;flex:1!important}
html body.sa-corporate.sa-corporate #pricing .plan-cta{background:var(--corp-navy)!important;color:#fff!important;border:1px solid var(--corp-navy)!important;margin-top:20px!important}
html body.sa-corporate.sa-corporate #pricing .price-card.elite-card{border-color:#b59658!important;background:#fcfaf5!important}
html body.sa-corporate.sa-corporate #pricing .best-value-ribbon{background:#dfc58d!important;color:#223147!important;box-shadow:none!important}
html body.sa-corporate.sa-corporate #pricing :is(.pill,.save-badge){background:#eef2f6!important;border:0!important;color:#52647a!important;font-size:9px!important;border-radius:4px!important;padding:5px 8px!important}
html body.sa-corporate.sa-corporate .sa-footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:20px 0}
html body.sa-corporate.sa-corporate .sa-footer-links a{font-size:13px;color:inherit}
/* Account entry: quiet white form beside branded navy information. */
html body.sa-corporate.sa-corporate.sa-premium-auth{background:#edf1f6!important;color:var(--corp-ink)!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-shell{width:calc(100% - 80px)!important;max-width:1120px!important;min-height:690px!important;margin:64px auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;border:1px solid #d9e1eb!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 30px 80px #192b4312!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-visual{background:var(--corp-navy)!important;padding:48px!important;border:0!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-visual::before,html body.sa-corporate.sa-corporate.sa-premium-auth .auth-visual::after{display:none!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-brand{width:145px!important;min-height:51px!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-brand img{width:130px!important;max-height:45px!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-card{background:transparent!important;border:0!important;padding:48px 0 0!important;box-shadow:none!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-card h2{font-size:43px!important;line-height:1.16!important;letter-spacing:-.045em!important;color:#fff!important;font-weight:550!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-card h2 span{color:#d8bd85!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-card p{color:#b7c6d9!important;font-size:14px!important;line-height:1.8!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-kicker{color:#d8bd85!important;font-size:10px!important;letter-spacing:.15em!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-mini-panel{background:#142940!important;border:1px solid #2a3c55!important;border-radius:12px!important;box-shadow:none!important;margin-top:32px!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-mini-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-mini-stats strong{font-size:12px!important;color:#e2e9f3!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-mini-stats small{color:#9eafc6!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-trial-pill{background:transparent!important;border:0!important;color:#c8b17e!important;font-size:11px!important;padding-left:0!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-panel{background:#fff!important;padding:40px 48px!important;color:var(--corp-ink)!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-form-wrap{width:100%!important;max-width:390px!important;margin:40px auto 0!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-form-wrap h1{color:var(--corp-navy)!important;font-size:30px!important;letter-spacing:-.035em!important}
html body.sa-corporate.sa-corporate.sa-premium-auth :is(.auth-sub,.auth-back,.auth-login-note,.auth-actions-secondary a){color:var(--corp-muted)!important;font-size:13px!important}
html body.sa-corporate.sa-corporate.sa-premium-auth :is(.auth-kicker,.auth-field>span){color:#4e6178!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-field input{height:48px!important;border:1px solid #ced8e4!important;border-radius:8px!important;background:#fcfdff!important;color:var(--corp-ink)!important;font-size:14px!important;box-shadow:none!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-field input::placeholder{color:#7b899a!important}
html body.sa-corporate.sa-corporate.sa-premium-auth :is(.auth-google,.auth-email-btn){height:48px!important;border-radius:8px!important;font-size:13px!important;box-shadow:none!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-google{background:#fff!important;border:1px solid #ced8e4!important;color:var(--corp-ink)!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-email-btn{background:var(--corp-navy)!important;color:#fff!important;border:1px solid var(--corp-navy)!important}
html body.sa-corporate.sa-corporate.sa-premium-auth #toggleAuthMode{color:#80602d!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-divider{color:#8390a0!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-divider::before,html body.sa-corporate.sa-corporate.sa-premium-auth .auth-divider::after{background:#e1e7ef!important}
/* Dashboard chrome only: do not target canvases, plotted data or buy/sell colours. */
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header{background:var(--corp-navy)!important;border:1px solid #293d57!important;border-radius:10px!important;box-shadow:0 3px 14px #10203812!important;min-height:60px!important;padding:7px 14px!important;gap:12px!important}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header::before{display:none!important}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header nav.dashboard-nav{background:transparent!important;border:0!important;gap:6px!important;scrollbar-width:thin!important;scrollbar-color:#52647a transparent!important}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header nav.dashboard-nav a{font-size:12px!important;font-weight:550!important;padding:9px 12px!important;border-radius:7px!important}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard .dashboard-header .sa-dashboard-chart-nav{background:#dcc18a!important;color:#172b44!important;border:0!important;box-shadow:none!important}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard.trading-light-theme header.dashboard-header{background:#fff!important;border-color:var(--corp-line)!important}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard.trading-light-theme header.dashboard-header nav.dashboard-nav a{color:var(--corp-ink)!important}
html body.sa-corporate.sa-corporate.account-page .sa-side-row{font-variant-numeric:tabular-nums;border-radius:6px!important}
html body.sa-corporate.sa-corporate.account-page .sa-side-symbol strong{font-size:12px!important;line-height:1.5!important}
html body.sa-corporate.sa-corporate.account-page .sa-side-symbol small{font-size:10px!important;line-height:1.5!important}
html body.sa-corporate.sa-corporate.account-page .sa-side-empty{padding:24px 16px!important;font-size:12px!important;line-height:1.8!important}
html body.sa-corporate.sa-corporate.account-page :is(.sa-indian-chart-toolbar,.sa-multi-pane-head) button{border-radius:6px!important}
@media(max-width:1150px){
html body.sa-corporate.sa-corporate.sa-premium-public .site-header{width:calc(100% - 32px)!important;gap:12px!important;padding:10px 14px!important}
html body.sa-corporate.sa-corporate .site-header .main-nav{gap:14px!important}
html body.sa-corporate.sa-corporate .hero.sa-home-v7{width:calc(100% - 64px)!important;gap:30px!important;padding-top:48px!important}
html body.sa-corporate.sa-corporate .sa-v7-browserbar b{display:none!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-panel,html body.sa-corporate.sa-corporate.sa-premium-auth .auth-visual{padding:32px!important}
}
@media(max-width:950px){
html body.sa-corporate.sa-corporate.sa-premium-public .site-header{grid-template-columns:auto 1fr auto auto!important;position:sticky!important;top:8px!important}
html body.sa-corporate.sa-corporate .site-header .menu-toggle{display:flex!important;grid-column:4!important;grid-row:1!important;align-items:center;justify-content:center;width:42px!important;height:42px!important;color:#fff!important;background:#1c314b!important;border:1px solid #354961!important;border-radius:8px!important}
html body.sa-corporate.sa-corporate .site-header .header-cta{grid-column:2!important;grid-row:1!important;justify-self:end!important}
html body.sa-corporate.sa-corporate .site-header .sa-language-picker{grid-column:3!important;grid-row:1!important}
html body.sa-corporate.sa-corporate .site-header .main-nav{display:none!important;grid-column:1/-1!important;width:100%!important;position:static!important;background:#142840!important;border:1px solid #2a405b!important;border-radius:10px!important;padding:12px!important}
html body.sa-corporate.sa-corporate .site-header .main-nav.open{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
html body.sa-corporate.sa-corporate .site-header .main-nav a{padding:12px!important;min-height:44px!important}
html body.sa-corporate.sa-corporate .hero.sa-home-v7{grid-template-columns:1fr!important;max-width:680px!important;min-height:0!important;padding-top:42px!important;gap:40px!important}
html body.sa-corporate.sa-corporate .hero.sa-home-v7 h1{font-size:56px!important}
html body.sa-corporate.sa-corporate .sa-home-v7-copy{max-width:none!important}
html body.sa-corporate.sa-corporate .hero .hero-copy{max-width:560px!important}
html body.sa-corporate.sa-corporate #pricing .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-shell{width:calc(100% - 40px)!important;margin:70px auto 28px!important;grid-template-columns:.9fr 1.1fr!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-card h2{font-size:34px!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-mini-stats{grid-template-columns:1fr!important}
}
@media(max-width:600px){
html{scroll-padding-top:95px}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header{width:calc(100% - 20px)!important;gap:8px!important;padding:9px!important;margin:10px auto!important;min-height:64px!important;grid-template-columns:auto 1fr auto!important}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header .brand{width:106px!important;min-height:40px!important;padding:2px 5px!important}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header .brand img{width:96px!important;max-height:36px!important}
html body.sa-corporate.sa-corporate .site-header .header-cta{display:none!important}
html body.sa-corporate.sa-corporate .site-header .sa-language-picker{grid-column:2!important;justify-self:end!important}
html body.sa-corporate.sa-corporate .site-header .menu-toggle{grid-column:3!important}
html body.sa-corporate.sa-corporate .site-header .main-nav.open{grid-template-columns:1fr 1fr!important}
html body.sa-corporate.sa-corporate .hero.sa-home-v7{width:calc(100% - 40px)!important;padding:36px 0 42px!important;gap:32px!important}
html body.sa-corporate.sa-corporate .hero.sa-home-v7 h1{font-size:43px!important;letter-spacing:-.05em!important}
html body.sa-corporate.sa-corporate .hero .hero-copy{font-size:15px!important;line-height:1.75!important}
html body.sa-corporate.sa-corporate .hero-actions{display:flex!important;flex-wrap:wrap!important}
html body.sa-corporate.sa-corporate .hero-actions .btn{flex:1 1 150px!important;text-align:center!important;justify-content:center!important;padding:13px 12px!important;font-size:12px!important}
html body.sa-corporate.sa-corporate .trial-hero-meta{flex-wrap:wrap!important;gap:8px 12px!important;font-size:10px!important}
html body.sa-corporate.sa-corporate .sa-v7-chartframe{height:280px!important}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy{left:20px!important;bottom:24px!important}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy strong{font-size:29px!important}
html body.sa-corporate.sa-corporate .sa-v7-visual-footer{gap:10px!important;padding:12px!important;flex-wrap:wrap!important;font-size:9px!important}
html body.sa-corporate.sa-corporate.sa-premium-public .section{padding:46px 20px!important;width:100%!important}
html body.sa-corporate.sa-corporate #pricing .pricing-grid{grid-template-columns:1fr!important;gap:16px!important}
html body.sa-corporate.sa-corporate #pricing .price-card{padding:24px!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-shell{display:flex!important;flex-direction:column!important;width:calc(100% - 24px)!important;margin:65px auto 20px!important;border-radius:16px!important;min-height:0!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-visual{padding:26px!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-card{padding-top:24px!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-card h2{font-size:32px!important;margin:12px 0!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-mini-panel,html body.sa-corporate.sa-corporate.sa-premium-auth .auth-trial-pill{display:none!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-panel{padding:28px 24px!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-form-wrap{margin-top:24px!important}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header{gap:6px!important;padding:6px 8px!important}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header nav.dashboard-nav a{padding:10px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}html body.sa-corporate.sa-corporate *,html body.sa-corporate.sa-corporate *::before,html body.sa-corporate.sa-corporate *::after{animation:none!important;transition:none!important}}
/* Explicit desktop state avoids the older theme's 1100px menu breakpoint. */
@media(min-width:951px){
html body.sa-corporate.sa-corporate.sa-premium-public .site-header .menu-toggle{display:none!important}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header .main-nav{display:flex!important;position:static!important;width:auto!important;flex-wrap:nowrap!important}
}
html body.sa-corporate.sa-corporate #pricing .price-card.is-selected{border-color:#a88643!important;box-shadow:0 0 0 2px #c2a15d33!important}
/* Reset legacy card fills inside the new split account layout. */
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-shell{padding:0!important;gap:0!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-form-wrap{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7::before,
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7::after{display:none!important}
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7 .hero-copy{color:var(--corp-muted)!important}
/* SwarajAlgo V21 — Sapphire + Copper Visual Identity
Visual layer only. The original chart / OHLC / P&L semantics, auth,
payments, formulas, IDs and business scripts are intentionally untouched.
Derived from V20 with a distinct visual identity. Does not reuse Yashdhan gold UI. */
:root{
--sf-night:#101B30;
--sf-navy:#172740;
--sf-navy-2:#1D3657;
--sf-blue:#2563D9;
--sf-blue-hover:#174EBD;
--sf-blue-soft:#EDF3FF;
--sf-gold:#DC784A;
--sf-gold-light:#FFE3D5;
--sf-ink:#182840;
--sf-muted:#53647B;
--sf-surface:#F6F8FC;
--sf-border:#DFE6F0;
--sf-white:#fff;
--sf-dark-line:#36475F;
--sf-shadow:0 15px 42px rgba(15,40,78,.08);
--sf-copper:#DC784A;
--sf-copper-ink:#A94F29;
--sf-copper-soft:#FFF0E8;
--sf-sapphire:#2563D9;
--corp-navy:var(--sf-night);
--corp-ink:var(--sf-ink);
--corp-muted:var(--sf-muted);
--corp-gold:var(--sf-gold);
--corp-paper:var(--sf-surface);
--corp-line:var(--sf-border);
--corp-shadow:var(--sf-shadow);
--sa-p2-gold:var(--sf-gold);
--sa-p2-gold2:#A94F29;
--sa-premium-gold:var(--sf-gold);
--sa-premium-navy:var(--sf-night);
--pp-bg:var(--sf-night);
--pp-card:var(--sf-navy);
--pp-line:var(--sf-dark-line);
--pp-blue:#ACC7FF;
--pp-gold:var(--sf-gold);
--pp-muted:#BFCDE1;
}
html body.sa-corporate.sa-corporate{accent-color:var(--sf-blue);font-feature-settings:"kern"}
html body.sa-corporate.sa-corporate :focus-visible{outline:3px solid #89ADFB!important;outline-offset:3px!important}
html body.sa-corporate.sa-corporate.sa-premium-public{
background:var(--sf-surface)!important;color:var(--sf-ink)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public>main{background:var(--sf-surface)!important}
/* Navigation: deep ink with sapphire signature CTA. */
html body.sa-corporate.sa-corporate.sa-premium-public .site-header{
background:linear-gradient(110deg,#101B30 0%,#203859 100%)!important;
border-color:rgba(197,165,109,.27)!important;
box-shadow:0 14px 40px rgba(10,22,48,.17)!important;
}
html body.sa-corporate.sa-corporate .site-header .main-nav a{color:#e5ecf6!important}
html body.sa-corporate.sa-corporate .site-header .main-nav a:hover,
html body.sa-corporate.sa-corporate .site-header .main-nav a:focus-visible{color:#FFD6C0!important}
html body.sa-corporate.sa-corporate .site-header .header-cta{
background:var(--sf-gold-light)!important;color:var(--sf-night)!important;
border:1px solid #F1A980!important;box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
font-weight:750!important;
}
html body.sa-corporate.sa-corporate .site-header .header-cta:hover{
background:#FFF0E8!important;transform:translateY(-1px)!important;
}
html body.sa-corporate.sa-corporate .site-header .sa-language-select{
background:#172d4d!important;border:1px solid #3d5778!important;color:#f1f5fc!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-premium-offer{
background:#eaf1fc!important;border:1px solid #d9e4f5!important;
box-shadow:none!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-offer-icon{
color:#FFC9AC!important;background:var(--sf-night)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-offer-title{color:var(--sf-ink)!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-offer-sub{color:#516580!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-offer-link{
background:var(--sf-blue)!important;color:#fff!important;border:1px solid var(--sf-blue)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-offer-link:hover{background:var(--sf-blue-hover)!important}
/* Main action colour is sapphire blue; market signal colours untouched. */
html body.sa-corporate.sa-corporate.sa-premium-public :is(a.btn,button.btn):not(.btn-ghost),
html body.sa-corporate.sa-corporate.sa-premium-public :is(a.plan-cta,button.trial-submit),
html body.sa-corporate.sa-corporate.sa-premium-public .hero-actions .trial-primary{
background:linear-gradient(115deg,#2D6FEB,#2059C5)!important;
color:#fff!important;border:1px solid #245DCE!important;
box-shadow:0 7px 19px rgba(34,84,179,.17)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public :is(a.btn,button.btn):not(.btn-ghost):hover,
html body.sa-corporate.sa-corporate.sa-premium-public :is(a.plan-cta,button.trial-submit):hover{
background:linear-gradient(115deg,#225DCF,#164AAB)!important;
box-shadow:0 10px 25px rgba(31,75,162,.23)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .btn-ghost{
background:transparent!important;color:#dce9fb!important;border:1px solid #4d6382!important;box-shadow:none!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .hero-actions .btn-ghost{
background:#fff!important;border:1px solid #cdd9e9!important;color:var(--sf-navy)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .btn-ghost:hover{
background:#EDF3FF!important;color:var(--sf-blue-hover)!important;border-color:#adc3e9!important;
}
/* Homepage: clean light reading canvas with jewel-tone product preview. */
html body.sa-corporate.sa-corporate .hero.sa-home-v7 h1{color:var(--sf-night)!important}
html body.sa-corporate.sa-corporate .hero.sa-home-v7 h1 span{
color:#2563D9!important;-webkit-text-fill-color:#2563D9!important;background:none!important;
}
html body.sa-corporate.sa-corporate .hero .eyebrow{
color:#A94F29!important;letter-spacing:.17em!important;
}
html body.sa-corporate.sa-corporate .hero .hero-copy{color:var(--sf-muted)!important}
html body.sa-corporate.sa-corporate .trial-hero-badge{
background:#EDF3FF!important;border:1px solid #d6e3fb!important;color:#2b5596!important;
}
html body.sa-corporate.sa-corporate .trial-hero-badge i{background:var(--sf-gold)!important}
html body.sa-corporate.sa-corporate .sa-home-v7-visual{
background:var(--sf-night)!important;border:1px solid #35516E!important;
box-shadow:0 28px 70px rgba(14,38,82,.19)!important;
}
html body.sa-corporate.sa-corporate .sa-v7-browserbar,
html body.sa-corporate.sa-corporate .sa-v7-visual-footer{background:#14253D!important;border-color:#34506C!important}
html body.sa-corporate.sa-corporate .sa-v7-browserbar b,
html body.sa-corporate.sa-corporate .sa-v7-chartcopy small{color:#FFCAAE!important}
html body.sa-corporate.sa-corporate .sa-v7-chartshade{
background:linear-gradient(0deg,#101B30 0%,rgba(9,24,50,.66) 46%,transparent 100%)!important;
}
html body.sa-corporate.sa-corporate .sa-v7-visual-footer span{color:#c7d5e9!important}
/* Dark sections: highlight copper only where required. */
html body.sa-corporate.sa-corporate.sa-premium-public main>section:is(.sa-home-v7-features,.split-section,.sa-about-preview,.pricing-premium,.how-it-works-premium,.cta){
background:radial-gradient(ellipse at 90% 0%,rgba(57,99,180,.13),transparent 48%),linear-gradient(138deg,#0E192B,#1E3755)!important;
color:#edf3fb!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public main>section:is(.sa-products-premium,.trial-section,.contact-section,.testimonials-section){
background:var(--sf-surface)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-home-v7-features h2,
html body.sa-corporate.sa-corporate.sa-premium-public .split-section h2,
html body.sa-corporate.sa-corporate.sa-premium-public .sa-about-preview h2,
html body.sa-corporate.sa-corporate.sa-premium-public .pricing-premium h2{color:#f6f9ff!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.sa-v7-feature-intro,.split-copy,.sa-about-preview-copy) h2 span{
color:#FFC2A2!important;-webkit-text-fill-color:#FFC2A2!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.section-label,.sa-product-kicker){color:#AD512C!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-card .sa-feature-title{color:#FFC9AC!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-feature-card{
background:#fff!important;border:1px solid #e0e8f1!important;box-shadow:0 15px 33px rgba(4,15,36,.12)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-feature-card h3{color:var(--sf-night)!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-feature-card p{color:var(--sf-muted)!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-feature-icon{
background:#edf3ff!important;border:1px solid #d7e4fa!important;color:var(--sf-blue)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-text-link{color:#a4c5ff!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.how-copy a,.trial-view-plans){color:#245abd!important}
/* Product gallery: midnight surfaces, sapphire features and restrained copper labels. */
html body.sa-corporate.sa-corporate.sa-premium-public .sa-products-premium{color:var(--sf-ink)!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-products-title h2{color:var(--sf-ink)!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-card{
background:linear-gradient(140deg,#1B3252,#101D35 75%)!important;
border:1px solid #335372!important;box-shadow:0 23px 56px rgba(9,33,73,.16)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-content h3{color:#f6f9ff!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-content h4{color:#FFCAA9!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-content p,
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-content li{color:#c1d0e4!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-content :is(.sa-feature-chips span,.sa-feature-chips div){
background:rgba(44,95,175,.17)!important;color:#dce9fd!important;border-color:#354e76!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-facts div{
background:#0d203b!important;border-color:#334966!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-facts span{color:#9bb0cc!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-facts strong{color:#eef4fe!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-image-real{
background:#07172d!important;border-color:#3c5274!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-image-top span{color:#a9c3f5!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-image-top b{color:#FFC2A1!important}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-image-bottom{color:#aebfd7!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.strategy-panel,.sa-about-preview-panel){
background:#112644!important;border-color:#344b6a!important;
}
/* Forms and pricing: legible blues and one featured sapphire line. */
html body.sa-corporate.sa-corporate.sa-premium-public :is(input,textarea,select):not([type=range]):not([type=checkbox]):not([type=radio]){
accent-color:var(--sf-blue);
}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.trial-card-premium,.trial-includes-card,.contact-card,.enquiry-card){
border:1px solid var(--sf-border)!important;box-shadow:var(--sf-shadow)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .trial-zero-badge{
background:#e8f0ff!important;border:1px solid #cfddf6!important;color:var(--sf-navy)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .trial-zero-badge strong{color:var(--sf-blue)!important}
html body.sa-corporate.sa-corporate.sa-premium-public .trial-feature-icon{
color:#2259c2!important;border-color:#d5e3f8!important;background:#eef4ff!important;
}
html body.sa-corporate.sa-corporate #pricing .price-card{
border:1px solid #dde6f2!important;background:#fff!important;
box-shadow:0 16px 37px rgba(8,34,77,.095)!important;
}
html body.sa-corporate.sa-corporate #pricing .price-card.elite-card{
background:linear-gradient(170deg,#FFFFFF,#F6F9FE)!important;border:1px solid #DC784A!important;
box-shadow:0 20px 46px rgba(91,68,31,.10)!important;
}
html body.sa-corporate.sa-corporate #pricing .price-card.is-selected{
border-color:#3a6dd0!important;box-shadow:0 0 0 2px rgba(39,93,202,.16)!important;
}
html body.sa-corporate.sa-corporate #pricing .price-card .price strong{color:var(--sf-night)!important}
html body.sa-corporate.sa-corporate #pricing .price-card :is(.pill,.save-badge){
background:#edf3fb!important;color:#405b80!important;border:1px solid #d9e6f5!important;
}
html body.sa-corporate.sa-corporate #pricing .price-card.elite-card .pill{
background:#FFF0E8!important;color:#95502E!important;border-color:#F6BC9E!important;
}
html body.sa-corporate.sa-corporate #pricing .best-value-ribbon{
background:#FFD3B8!important;color:#182846!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.how-step-card,.testimonial-card){
background:#fff!important;border-color:#dae4f0!important;
}
/* About/access: clear sapphire hierarchy. */
html body.sa-corporate.sa-corporate.sa-about-page :is(.about-premium-hero,.about-premium-cta){
background:linear-gradient(135deg,#101F36,#1E3A60)!important;
}
html body.sa-corporate.sa-corporate.sa-about-page .about-premium-hero h1{color:#f8faff!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.access-card,.pricing-card){border-color:var(--sf-border)!important}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.access-hero,.access-confidence,.trial-conversion-strip){
border-color:#d9e4f1!important;
}
/* Partner programme is deliberately dark, matching the wider brand. */
html body.sa-corporate.sa-corporate.sa-partners-page{
--pp-bg:#0E192B;--pp-card:#102341;--pp-line:#2b4465;
--pp-text:#f5f8ff;--pp-muted:#afc0d8;--pp-blue:#8db4fa;
--pp-gold:#FFC5A6;background:#0E192B!important;
}
html body.sa-corporate.sa-corporate .pp h1 span{color:#a8c4fa!important}
html body.sa-corporate.sa-corporate .pp .eyebrow{color:#bdcffa!important}
html body.sa-corporate.sa-corporate .pp .pp-btn.gold{
background:linear-gradient(115deg,#316cda,#2051b2)!important;color:#fff!important;
border:1px solid #4077d8!important;box-shadow:0 9px 22px rgba(16,52,118,.24)!important;
}
html body.sa-corporate.sa-corporate .pp .pp-btn.gold:hover{background:#174ca9!important}
html body.sa-corporate.sa-corporate .pp .pp-btn:not(.gold){
background:#183255!important;border-color:#436187!important;color:#e8f0fe!important;
}
html body.sa-corporate.sa-corporate .pp :is(.dash,.card,.calcbox,.form){
border-color:#304a6c!important;background:linear-gradient(142deg,#142a49,#0b1c35)!important;
}
html body.sa-corporate.sa-corporate .pp .metric{background:#0c1d37!important;border-color:#2d4360!important}
html body.sa-corporate.sa-corporate .pp .bars i{
background:linear-gradient(#83b0fa,#2563D9)!important;
}
html body.sa-corporate.sa-corporate .pp :is(.step-num,.level-rate){color:#FFC9AB!important}
html body.sa-corporate.sa-corporate .pp .actual-plan.active{
border-color:#8cafea!important;box-shadow:0 0 0 1px rgba(93,139,221,.30)!important;
}
html body.sa-corporate.sa-corporate .pp :is(input[type=range],input[type=checkbox]){accent-color:var(--sf-blue)}
html body.sa-corporate.sa-corporate .pp .total-commission-box{
border-color:#3e638f!important;background:linear-gradient(125deg,#132c51,#0c1c35)!important;
}
html body.sa-corporate.sa-corporate .pp .total-commission-box b{color:#FFC9AD!important}
/* Login: secure, spacious white form / midnight-brand panel. */
html body.sa-corporate.sa-corporate.sa-premium-auth{
background:radial-gradient(ellipse at 8% 10%,#dfeafb 0%,transparent 35%),#f3f6fb!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-shell{
border-color:#d6e1ef!important;box-shadow:0 30px 75px rgba(10,32,66,.12)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-visual{
background:radial-gradient(ellipse at 0% 100%,rgba(50,95,172,.26),transparent 65%),linear-gradient(145deg,#0a1730,#152f53)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-card h2 span{color:#FFD1B8!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-kicker{color:#FFD1B8!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-mini-panel{
background:#102648!important;border-color:#385374!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-panel{background:#fff!important}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-field input{
background:#f9fbfe!important;border-color:#cddaea!important;color:var(--sf-ink)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-field input:focus{
border-color:#3975d2!important;box-shadow:0 0 0 3px rgba(39,93,202,.11)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-email-btn{
background:linear-gradient(115deg,#2d69d6,#2052b6)!important;color:#fff!important;
border:1px solid #2563D9!important;box-shadow:0 7px 18px rgba(31,80,167,.16)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-email-btn:hover{background:#16459e!important}
html body.sa-corporate.sa-corporate.sa-premium-auth #toggleAuthMode{color:#245bbf!important}
/* Trading workspace: header/nav only. Never recolour candle plots or trading signals. */
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header{
background:linear-gradient(95deg,#0a1730,#1D3657)!important;
border-color:#304b6d!important;box-shadow:0 7px 21px rgba(12,35,77,.10)!important;
}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header nav.dashboard-nav a{
color:#e4edf9!important;
}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header nav.dashboard-nav a:hover{
color:#fff!important;background:#264873!important;
}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard .dashboard-header .sa-dashboard-chart-nav{
background:#DBE9FF!important;color:#102240!important;border:1px solid #BAD2FF!important;
}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard.trading-light-theme header.dashboard-header{
background:#fff!important;border-color:#dde7f2!important;
}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard.trading-light-theme header.dashboard-header nav.dashboard-nav a{
color:#26405e!important;
}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard.trading-light-theme header.dashboard-header nav.dashboard-nav a:hover{
background:#EDF3FF!important;color:#2458bd!important;
}
/* Small viewport fixes - keep the V19 mobile layout and action visibility. */
@media(max-width:950px){
html body.sa-corporate.sa-corporate.sa-premium-public .site-header .main-nav{
background:#102746!important;border-color:#355171!important;
}
html body.sa-corporate.sa-corporate .site-header .menu-toggle{
background:#1b3456!important;border-color:#3b5578!important;color:#fff!important;
}
}
@media(max-width:600px){
html body.sa-corporate.sa-corporate .sa-home-v7-visual{box-shadow:0 18px 42px rgba(10,28,62,.18)!important}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header{border-radius:12px!important}
}
@media(prefers-reduced-motion:reduce){
html body.sa-corporate.sa-corporate *,html body.sa-corporate.sa-corporate *::before,
html body.sa-corporate.sa-corporate *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
/* Final cascade guard: featured header CTA becomes sapphire, not gold. */
html body.sa-corporate.sa-corporate.sa-premium-public .site-header a.header-cta.btn:not(.btn-ghost){
background:#FFE3D5!important;color:#101B30!important;border-color:#F1A980!important;
box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header a.header-cta.btn:not(.btn-ghost):hover{
background:#FFF0E8!important;color:#101B30!important;
}
html body.sa-corporate.sa-corporate.sa-partners-page>main.pp{
background:radial-gradient(ellipse at 85% 6%,rgba(43,89,161,.12),transparent 40%),#0E192B!important;
}
/* === V21 optical finishing pass / public pages === */
:root{color-scheme:light;}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header{
background:linear-gradient(112deg,#101B30 0%,#162946 64%,#1D3657 100%)!important;
border-bottom:1px solid rgba(171,200,238,.18)!important;
box-shadow:0 13px 32px rgba(7,24,52,.15)!important;
}
html body.sa-corporate.sa-corporate .site-header .main-nav a{
color:#D8E4F4!important;font-weight:600!important;transition:color .18s ease!important;
}
html body.sa-corporate.sa-corporate .site-header .main-nav a:hover,
html body.sa-corporate.sa-corporate .site-header .main-nav a:focus-visible{color:#FFFFFF!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header a.header-cta.btn:not(.btn-ghost),
html body.sa-corporate.sa-corporate .site-header .header-cta{
background:linear-gradient(125deg,#3476F1,#215BCA)!important;
border:1px solid #4C88F4!important;color:#FFFFFF!important;
border-radius:10px!important;box-shadow:0 7px 18px rgba(5,27,70,.18)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header a.header-cta.btn:not(.btn-ghost):hover,
html body.sa-corporate.sa-corporate .site-header .header-cta:hover{
background:linear-gradient(115deg,#2D6DE2,#164AAE)!important;color:#FFFFFF!important;
transform:translateY(-1px)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-premium-offer{
background:#ECF3FE!important;border-color:#D6E4FA!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-offer-icon{
background:#203A60!important;color:#FFD3B8!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7{
background:radial-gradient(circle at 88% 9%,rgba(37,99,217,.09),transparent 39%),
radial-gradient(circle at 7% 88%,rgba(220,120,74,.045),transparent 34%),
#F6F8FC!important;
}
html body.sa-corporate.sa-corporate .hero.sa-home-v7 h1{
color:#101B30!important;font-weight:850!important;letter-spacing:-.055em!important;
}
html body.sa-corporate.sa-corporate .hero.sa-home-v7 h1 span{
color:#245FD1!important;-webkit-text-fill-color:#245FD1!important;
}
html body.sa-corporate.sa-corporate .hero .eyebrow{color:#A84C28!important;}
html body.sa-corporate.sa-corporate .hero .hero-copy{
color:#4D6079!important;line-height:1.7!important;
}
html body.sa-corporate.sa-corporate .trial-hero-badge{
background:#E9F1FE!important;color:#2254A3!important;border-color:#D1E1FA!important;
}
html body.sa-corporate.sa-corporate .trial-hero-badge i{
background:#DC784A!important;box-shadow:0 0 0 3px rgba(220,120,74,.11)!important;
}
html body.sa-corporate.sa-corporate .sa-home-v7-visual{
border:1px solid #466382!important;border-radius:21px!important;
background:#101D32!important;
box-shadow:0 30px 62px rgba(12,37,80,.19)!important;
}
html body.sa-corporate.sa-corporate .sa-v7-browserbar b,
html body.sa-corporate.sa-corporate .sa-v7-chartcopy small{color:#FFD3B8!important;}
html body.sa-corporate.sa-corporate .sa-v7-visual-footer{background:#152742!important;}
html body.sa-corporate.sa-corporate.sa-premium-public :is(a.btn,button.btn):not(.btn-ghost),
html body.sa-corporate.sa-corporate.sa-premium-public :is(a.plan-cta,button.trial-submit),
html body.sa-corporate.sa-corporate.sa-premium-public .hero-actions .trial-primary{
background:linear-gradient(115deg,#3174F0,#235CCB)!important;border:1px solid #215BCC!important;
color:#FFFFFF!important;border-radius:11px!important;
box-shadow:0 10px 22px rgba(37,99,217,.18)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public :is(a.btn,button.btn):not(.btn-ghost):hover,
html body.sa-corporate.sa-corporate.sa-premium-public :is(a.plan-cta,button.trial-submit):hover{
background:linear-gradient(115deg,#2567DD,#194FB4)!important;
box-shadow:0 12px 26px rgba(37,99,217,.23)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.sa-v7-feature-card,.how-step-card,.testimonial-card){
border-radius:18px!important;border:1px solid #E0E8F2!important;
box-shadow:0 13px 30px rgba(9,29,62,.095)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-feature-card:hover{
border-color:#BAD0F4!important;box-shadow:0 20px 42px rgba(9,29,62,.13)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-feature-icon{
background:#E8F1FF!important;border-color:#D4E2F7!important;color:#245FCF!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.sa-v7-feature-intro,.split-copy,.sa-about-preview-copy) h2 span{
color:#FFC7A9!important;-webkit-text-fill-color:#FFC7A9!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public :is(.section-label,.sa-product-kicker){
color:#A94F29!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-products-premium .sa-products-title :is(span,.section-label){
color:#A94F29!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-card{
border-radius:23px!important;border:1px solid #334B6A!important;
background:radial-gradient(circle at 100% 0%,rgba(52,118,241,.09),transparent 39%),
linear-gradient(135deg,#1A3151,#101C32 82%)!important;
box-shadow:0 22px 48px rgba(8,27,61,.14)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-content :is(h4,.sa-feature-title){
color:#FFC9AE!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-product-image-real{
background:#0D182A!important;border-color:#395777!important;
}
html body.sa-corporate.sa-corporate #pricing .price-card.elite-card{
background:linear-gradient(165deg,#FFFFFF,#F0F6FF)!important;
border:2px solid #3A74E0!important;
box-shadow:0 19px 44px rgba(22,82,187,.12)!important;
}
html body.sa-corporate.sa-corporate #pricing .price-card.elite-card .pill{
background:#EAF1FF!important;color:#1E4FAD!important;border-color:#C5D8FA!important;
}
html body.sa-corporate.sa-corporate #pricing .best-value-ribbon{
background:#2563D9!important;color:#FFFFFF!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public :is(input,select,textarea):not([type=range]):not([type=radio]):not([type=checkbox]):focus-visible{
outline:3px solid rgba(37,99,217,.30)!important;outline-offset:2px!important;
border-color:#2563D9!important;
}
/* About and access speak the same visual language; no Yashdhan gold strip. */
html body.sa-corporate.sa-corporate.sa-about-page :is(.about-premium-hero,.about-premium-cta){
background:radial-gradient(circle at 96% 5%,rgba(78,136,241,.17),transparent 44%),
linear-gradient(125deg,#101B30,#1A3556)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-visual{
background:radial-gradient(circle at 2% 100%,rgba(65,122,223,.21),transparent 60%),
linear-gradient(148deg,#101B30,#1D385A)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-card h2 span,
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-preview-kicker{color:#FFD0B4!important;}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-email-btn{
background:linear-gradient(115deg,#3174F0,#235CCB)!important;
color:#FFF!important;border-color:#2563D9!important;
}
html body.sa-corporate.sa-corporate.sa-partners-page>main.pp{
background:radial-gradient(ellipse at 85% 4%,rgba(62,118,213,.15),transparent 45%),#101B30!important;
}
html body.sa-corporate.sa-corporate .pp .pp-btn.gold{
background:linear-gradient(115deg,#3174F0,#235CCB)!important;color:white!important;border-color:#4B86ED!important;
}
html body.sa-corporate.sa-corporate .pp :is(.step-num,.level-rate){color:#FFCAA9!important;}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header{
background:linear-gradient(100deg,#111E33,#1B3555)!important;
border-color:#334C6B!important;
}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard .dashboard-header .sa-dashboard-chart-nav{
background:#D8E7FF!important;color:#1E4A93!important;border:1px solid #BBD4FF!important;
}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard.trading-light-theme header.dashboard-header{
background:#FFFFFF!important;border-color:#DFE6F0!important;
}
@media(max-width:950px){
html body.sa-corporate.sa-corporate.sa-premium-public .site-header .main-nav{
background:#142842!important;border-color:#355474!important;
}
}
@media(max-width:600px){
html body.sa-corporate.sa-corporate.sa-premium-public .site-header a.header-cta.btn:not(.btn-ghost){
border-radius:9px!important;
}
html body.sa-corporate.sa-corporate .hero.sa-home-v7 h1{letter-spacing:-.044em!important;}
}
/* V21 presentation QA: chart should actually be visible, even when framed as a product teaser. */
html body.sa-corporate.sa-corporate .sa-v7-chartframe>img{
opacity:1!important;filter:brightness(1.12) contrast(1.07) saturate(.99)!important;
}
html body.sa-corporate.sa-corporate .sa-v7-chartshade{
background:linear-gradient(0deg,rgba(10,20,39,.90) 0%,rgba(11,25,47,.47) 29%,rgba(10,23,42,.07) 62%,transparent 86%)!important;
}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy{
padding:12px 17px 11px 0!important;text-shadow:0 2px 9px rgba(0,0,0,.40)!important;
}
/* Chat is a brand action, not a market positive/negative signal or a gold badge. */
html body.sa-corporate.sa-corporate.sa-premium-public button.chat-launcher{
background:linear-gradient(140deg,#377BF1,#245CC7)!important;color:#FFFFFF!important;
border:1px solid #75A7FF!important;box-shadow:0 12px 28px rgba(23,73,154,.26)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public button.chat-launcher:hover{
background:linear-gradient(140deg,#2C6FE2,#1B4DAC)!important;
}
/* Mobile UX bug in V19/V20: flex-basis:150px unintentionally made each CTA 150px tall. */
@media(max-width:600px){
html body.sa-corporate.sa-corporate.sa-premium-public .sa-home-v7 .hero-actions{
display:flex!important;flex-direction:column!important;align-items:stretch!important;
gap:10px!important;width:100%!important;max-width:420px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-home-v7 .hero-actions .btn{
flex:0 0 auto!important;min-height:50px!important;height:auto!important;
width:100%!important;display:inline-flex!important;align-items:center!important;
justify-content:center!important;padding:13px 18px!important;
font-size:13px!important;line-height:1.35!important;
}
}
/* Contrast-safe floating glass caption on the genuine chart preview. */
html body.sa-corporate.sa-corporate .sa-v7-chartcopy{
left:22px!important;bottom:24px!important;max-width:min(53%,300px)!important;
padding:17px 18px!important;border-radius:14px!important;
background:rgba(10,23,43,.87)!important;border:1px solid rgba(170,198,237,.34)!important;
box-shadow:0 12px 30px rgba(4,17,35,.22)!important;
backdrop-filter:blur(6px)!important;
text-shadow:none!important;
}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy strong{
color:#FFFFFF!important;font-size:clamp(21px,2.1vw,29px)!important;line-height:1.11!important;
font-weight:680!important;
}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy>span{color:#D2DEF1!important;line-height:1.45!important;}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy small{color:#FFD3B8!important;line-height:1.5!important;}
@media(max-width:600px){
html body.sa-corporate.sa-corporate .sa-v7-chartcopy{
left:12px!important;bottom:12px!important;max-width:67%!important;padding:12px 13px!important;
}
html body.sa-corporate.sa-corporate .sa-v7-chartcopy strong{font-size:19px!important;}
}
/* Login micro-details keep the palette consistent rather than reverting to yellow. */
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-mini-top b{
color:#FFD0B4!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-trial-pill{
color:#FFD0B4!important;
}
/* Focus, contrast and motion safeguards; graphical appearance only. */
html body.sa-corporate.sa-corporate :focus-visible{
outline:3px solid #89ADFB!important;outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
html body.sa-corporate.sa-corporate *,
html body.sa-corporate.sa-corporate *::before,
html body.sa-corporate.sa-corporate *::after{
animation-duration:.01ms!important;transition-duration:.01ms!important;
}
}
/* SwarajAlgo V22 — distinct TradingView-inspired presentation, not a clone.
Scopes public surfaces and navigational chrome; do not recolour plotted chart data,
candles, buy/sell status, option calculations, authentication or payment logic. */
:root{
--v22-ink:#0d1729;
--v22-navy:#111f36;
--v22-blue:#2965df;
--v22-blue-dark:#164dbc;
--v22-subtle:#f7f9fd;
--v22-hairline:#dfe8f3;
--v22-muted:#52627a;
--v22-copper:#cb754f;
}
html body.sa-corporate.sa-corporate.sa-premium-public{
background:var(--v22-subtle)!important;
color:var(--v22-ink)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header{
background:#111e33!important;
border:1px solid #34455f!important;
box-shadow:0 13px 32px rgba(9,27,57,.12)!important;
border-radius:16px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header a.header-cta.btn:not(.btn-ghost){
background:#2d69e3!important;
color:#fff!important;
border:1px solid #4682f4!important;
box-shadow:0 9px 20px rgba(2,28,69,.16)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .site-header .main-nav a{
font-weight:600!important;
}
/* The portfolio chart itself becomes the hero, not an overlay of headline marketing text. */
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7{
max-width:1340px!important;
width:calc(100% - 80px)!important;
grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr)!important;
gap:42px!important;
min-height:640px!important;
padding:66px 0 44px!important;
background:radial-gradient(circle at 92% 12%,rgba(64,121,232,.09),transparent 40%),
radial-gradient(circle at 5% 95%,rgba(203,117,79,.04),transparent 37%),#f7f9fd!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-home-v7-copy{max-width:610px!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7 h1{
font-size:clamp(44px,4.7vw,70px)!important;
line-height:1.055!important;
letter-spacing:-.064em!important;
font-weight:800!important;
margin:20px 0 22px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7 h1 span{
color:var(--v22-blue)!important;-webkit-text-fill-color:var(--v22-blue)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .hero .eyebrow{
font-size:10px!important;
letter-spacing:.17em!important;
color:#9e5136!important;
margin-top:21px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .hero .hero-copy{
color:var(--v22-muted)!important;
max-width:505px!important;
font-size:16px!important;
line-height:1.78!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .trial-hero-badge{
border-radius:100px!important;
background:#eaf1ff!important;
border-color:#d3e0fa!important;
padding:9px 14px!important;
font-size:10px!important;
font-weight:700!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .hero-actions .trial-primary{
background:#2965df!important;
border:1px solid #245bd1!important;
box-shadow:0 9px 20px rgba(41,101,223,.16)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .hero-actions .btn-ghost{
border:1px solid #cbd9ea!important;
background:#fff!important;
color:#1b2b44!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .trial-hero-meta span{
font-size:11px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-home-v7-visual{
background:#14233b!important;
border:1px solid #344d70!important;
border-radius:20px!important;
box-shadow:0 34px 78px rgba(10,34,71,.17)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-browserbar{
min-height:44px!important;
background:#14233b!important;
color:#d9e6f6!important;
padding:14px 17px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-browserbar b{
color:#b5ccff!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartframe{
height:344px!important;
overflow:hidden!important;
background:#edf3fa!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartframe>img{
display:block!important;
height:100%!important;
width:100%!important;
object-fit:cover!important;
object-position:center center!important;
opacity:1!important;
filter:none!important;
transition:opacity .2s ease!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartshade{
display:none!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy{
position:absolute!important;
display:flex!important;
flex-direction:column!important;
width:calc(100% - 32px)!important;
max-width:none!important;
left:16px!important;
right:16px!important;
bottom:14px!important;
padding:12px 15px!important;
border-radius:11px!important;
background:rgba(13,27,48,.94)!important;
border:1px solid rgba(199,217,247,.15)!important;
box-shadow:0 12px 28px rgba(6,17,32,.19)!important;
backdrop-filter:blur(10px);
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy small{
color:#e8b39a!important;
font-size:9px!important;
letter-spacing:.12em!important;
margin-bottom:4px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy strong{
color:#fff!important;
font-size:21px!important;
line-height:1.25!important;
letter-spacing:-.03em!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy>span{
color:#c7d8ec!important;
font-size:11px!important;
line-height:1.5!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-preview-tabs{
display:flex!important;
gap:7px!important;
padding:11px 12px 4px!important;
background:#14233b!important;
border-top:1px solid #2c435f!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-tab{
appearance:none;
flex:1 1 0;
min-width:0;
min-height:40px;
padding:9px 7px;
border-radius:8px;
border:1px solid transparent;
background:transparent;
color:#b8c9df;
font:600 11px/1.35 Inter,Arial,sans-serif;
cursor:pointer;
transition:background .18s ease,border-color .18s ease;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-tab:hover,
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-tab:focus-visible{
background:#203a5f;
color:#fff;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-tab.is-active{
background:#2959ae;
border-color:#6489d5;
color:#fff;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-visual-footer{
gap:10px!important;
padding:10px 15px 14px!important;
background:#14233b!important;
border:0!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-visual-footer span{
color:#b4c7de!important;
font-size:10px!important;
}
/* Useful details without fabricated returns, users or market prices. */
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits{
width:100%;
background:#fff;
border-top:1px solid #e5edf7;
border-bottom:1px solid #e4ebf4;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner{
max-width:1320px;
margin:0 auto;
padding:22px 32px;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner>div{
display:flex;
gap:10px;
align-items:center;
padding:9px 14px;
border-right:1px solid #e1e8f3;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner>div:last-child{border-right:0;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner p{margin:0;display:flex;flex-direction:column;gap:4px;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefit-icon{
width:31px;height:31px;border-radius:9px;display:grid;place-items:center;
color:#275fcf;background:#eaf1fe;flex:none;font-size:15px;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner strong{
color:#182944;font-size:12px;line-height:1.2;font-weight:750;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner small{
color:#62728a;font-size:10px;line-height:1.45;
}
/* Shared page consistency: maintain existing feature names, prices and link behaviour. */
html body.sa-corporate.sa-corporate.sa-premium-public :is(.sa-v7-feature-card,.how-step-card,.testimonial-card,.price-card){
box-shadow:0 12px 32px rgba(14,37,77,.075)!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-products-premium .sa-product-card{
border-radius:20px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-auth .auth-email-btn{
background:#2965df!important;
border-color:#2559c3!important;
}
html body.sa-corporate.sa-corporate.sa-partners-page .pp .pp-btn.gold{
background:#2965df!important;
border-color:#3772e8!important;
}
html body.sa-corporate.sa-corporate.account-page.sa-premium-dashboard header.dashboard-header{
box-shadow:0 8px 24px rgba(9,23,51,.12)!important;
}
@media(max-width:1100px){
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7{width:calc(100% - 56px)!important;gap:30px!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner{grid-template-columns:repeat(2,minmax(0,1fr));}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner>div:nth-child(2){border-right:0;}
}
@media(max-width:950px){
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7{max-width:720px!important;grid-template-columns:1fr!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartframe{height:365px!important;}
}
@media(max-width:600px){
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7{
width:calc(100% - 32px)!important;
padding:34px 0 35px!important;
gap:30px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .hero.sa-home-v7 h1{
font-size:clamp(38px,11.1vw,50px)!important;
line-height:1.1!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .hero .eyebrow{font-size:9px!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .hero .hero-copy{font-size:14px!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartframe{height:242px!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy{
left:8px!important;right:8px!important;bottom:8px!important;
width:calc(100% - 16px)!important;
padding:8px 10px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy strong{font-size:15px!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy small{font-size:8px!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy>span{font-size:9px!important;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-tab{
font-size:9px;min-height:44px;padding:8px 4px;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner{padding:15px 14px;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner>div{
border-right:0;
padding:11px 5px;
gap:7px;
}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefit-icon{width:29px;height:29px;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner strong{font-size:10px;}
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-benefits-inner small{font-size:9px;}
}
@media(prefers-reduced-motion:reduce){
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v22-tab{transition:none!important;}
}
/* Final chart caption sizing: inherited V7 transform/top must not cover chart area. */
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy{
top:auto!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
transform:none!important;
inset-inline:auto 16px!important;
}
html body.sa-corporate.sa-corporate.sa-premium-public main .sa-v22-benefits{
background:#fff!important;
color:#14243c!important;
border-top:1px solid #e2eaf5!important;
border-bottom:1px solid #e2eaf5!important;
}
@media(max-width:600px){
html body.sa-corporate.sa-corporate.sa-premium-public .sa-v7-chartcopy{
inset-inline:auto 8px!important;
}
}
/* SwarajAlgo V23 — responsive screen-fit enhancement.
Presentation-only. Trading calculations, market signals, auth, payment and JS remain intact.
Natural reflow; no transform:scale or global zoom; horizontal tool scrollers only if necessary.
*/
html{min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html body.sa-corporate{min-width:0}
body.sa-premium-public img,body.sa-premium-auth img{max-width:100%;height:auto}
html body.sa-corporate.sa-premium-public :is(.site-header,main,section,article,.footer){min-width:0}
html body.sa-corporate.sa-premium-public :is(.sa-home-v7-copy,.sa-home-v7-visual,.sa-product-card,.sa-product-content,.price-card,.trial-card-premium){min-width:0}
html body.sa-corporate.sa-premium-public :is(.contact-section,.contact-shell,.contact-copy,.contact-card,.enquiry-card){min-width:0;max-width:100%;box-sizing:border-box}
html body.sa-corporate.sa-premium-public :is(.contact-card h3,.contact-card .support-email-chat,.contact-copy h2){overflow-wrap:anywhere}
html body.sa-corporate.sa-premium-public .contact-section :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
/* Screen-fit image previews: avoid extreme crop on ultrawide and mobile devices. */
html body.sa-corporate.sa-premium-public .sa-v7-chartframe>img{object-fit:contain!important;background:#ecf3fb!important}
html body.sa-corporate.sa-premium-public .sa-v22-preview-tabs{max-width:100%;min-width:0;box-sizing:border-box}
html body.sa-corporate.sa-premium-public .sa-v22-tab{overflow-wrap:anywhere}
/* Fluid containers stay comfortably readable on 27–34 inch displays. */
@media (min-width:1600px){
html body.sa-corporate.sa-premium-public .hero.sa-home-v7{width:min(1340px,calc(100% - 96px))!important}
html body.sa-corporate.sa-premium-public .sa-v22-benefits-inner{width:min(100% - 64px,1320px)}
}
@media (max-width:950px){
html body.sa-corporate.sa-premium-public .hero.sa-home-v7{min-height:0!important;max-width:720px!important}
html body.sa-corporate.sa-premium-public .hero.sa-home-v7 .sa-home-v7-visual{width:100%;min-width:0}
}
@media (max-width:640px){
html body.sa-corporate.sa-premium-public .contact-section{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;padding-inline:clamp(14px,5vw,24px)!important}
html body.sa-corporate.sa-premium-public .contact-shell{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:24px!important}
html body.sa-corporate.sa-premium-public .contact-card{padding:clamp(15px,5vw,24px)!important}
html body.sa-corporate.sa-premium-public .contact-copy h2{font-size:clamp(29px,9vw,44px)!important;letter-spacing:-.045em!important;line-height:1.12!important}
html body.sa-corporate.sa-premium-public .enquiry-card{width:100%!important;padding:clamp(14px,5vw,22px)!important}
html body.sa-corporate.sa-premium-public .enquiry-form{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
html body.sa-corporate.sa-premium-public .contact-card .support-email-chat{max-width:100%!important;white-space:normal!important;word-break:break-word!important;text-align:left!important}
html body.sa-corporate.sa-premium-public .sa-v22-benefits-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px clamp(10px,4vw,17px);gap:4px}
html body.sa-corporate.sa-premium-public .sa-v22-benefits-inner>div{min-width:0}
html body.sa-corporate.sa-premium-public .sa-v7-chartframe{height:clamp(200px,61vw,310px)!important}
html body.sa-corporate.sa-premium-public .sa-v7-chartcopy>span{overflow-wrap:anywhere}
}
@media (max-width:360px){
html body.sa-corporate.sa-premium-public .hero.sa-home-v7 h1{font-size:clamp(32px,10.3vw,38px)!important;letter-spacing:-.052em!important}
html body.sa-corporate.sa-premium-public .sa-v22-preview-tabs{gap:3px!important;padding:8px 5px 4px!important}
html body.sa-corporate.sa-premium-public .sa-v22-tab{font-size:9px!important;padding:7px 2px!important}
html body.sa-corporate.sa-premium-public .sa-v22-benefit-icon{width:26px;height:26px}
html body.sa-corporate.sa-premium-public .sa-v22-benefits-inner>div{padding:9px 3px}
}
/* Partners calculator: protect data entry and totals on 320px narrow phones.
No change to commission rates or calculator JavaScript. */
@media (max-width:640px){
html body.sa-corporate.sa-partners-page .pp{max-width:100%;min-width:0;box-sizing:border-box}
html body.sa-corporate.sa-partners-page .pp :is(.section,.calc,.smart-commission-calc,.calcbox,.smart-input-panel,.commission-result-premium,.selected-plan-summary,.total-commission-box){min-width:0;max-width:100%;box-sizing:border-box}
html body.sa-corporate.sa-partners-page .pp .smart-commission-calc{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
html body.sa-corporate.sa-partners-page .pp :is(.calcbox,.commission-result-premium){width:100%!important}
html body.sa-corporate.sa-partners-page .pp .calcbox{padding:clamp(12px,4.5vw,20px)!important}
html body.sa-corporate.sa-partners-page .pp .commission-result-premium{padding:clamp(12px,4vw,24px)!important}
html body.sa-corporate.sa-partners-page .pp .field input[type="range"]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0!important}
html body.sa-corporate.sa-partners-page .pp .selected-plan-summary{padding:clamp(10px,3.5vw,15px)!important}
html body.sa-corporate.sa-partners-page .pp .total-commission-box{padding:clamp(11px,3.8vw,18px)!important}
html body.sa-corporate.sa-partners-page .pp .total-commission-box b{font-size:clamp(23px,8vw,32px)!important;overflow-wrap:anywhere}
html body.sa-corporate.sa-partners-page .pp .commission-result-premium>strong{font-size:clamp(23px,8vw,34px)!important;overflow-wrap:anywhere}
html body.sa-corporate.sa-partners-page .pp .field label{gap:6px;min-width:0}
html body.sa-corporate.sa-partners-page .pp .commission-equation{gap:5px;font-size:11px}
}
/* Chart header tool controls were previously placed at left:440px even on
320–390px phones, clipping all controls. Reflow them into a second row.
Keep dropdown popovers possible (no overflow hidden on this toolbar). */
@media (max-width:1500px){
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame>.broker-watchlist-bar{
position:absolute!important;inset:38px 0 auto 0!important;
top:38px!important;right:0!important;bottom:auto!important;left:0!important;
width:100%!important;max-width:100%!important;min-width:0!important;
height:auto!important;min-height:44px!important;
display:flex!important;flex-flow:row wrap!important;
align-content:center!important;align-items:center!important;justify-content:flex-start!important;
gap:6px 9px!important;padding:7px 9px!important;margin:0!important;
box-sizing:border-box!important;transform:none!important;
overflow:visible!important;pointer-events:auto!important;
background:rgba(15,30,49,.96)!important;
border:0!important;border-bottom:1px solid #40516b!important;
box-shadow:0 7px 18px rgba(7,23,47,.12)!important;
white-space:normal!important;z-index:1100!important;
}
html body.sa-corporate.account-page.sa-premium-dashboard.trading-light-theme .premium-chart-frame>.broker-watchlist-bar{
background:rgba(244,247,252,.98)!important;border-bottom-color:#ccd8e7!important;
}
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame>.broker-watchlist-bar>*{flex-shrink:0!important;min-width:0!important}
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame>.broker-watchlist-bar .broker-watchlist-center{flex:0 0 auto!important}
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame>.broker-watchlist-bar .broker-select-shell{flex:0 0 112px!important;min-width:112px!important;width:112px!important;max-width:112px!important}
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame>.broker-watchlist-bar .trading-theme-control{margin:0!important;flex:0 0 auto!important;gap:5px!important}
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame>.broker-watchlist-bar .toolbar-action-btn{flex:0 0 30px!important;min-width:30px!important}
}
@media (max-width:520px){
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame>.broker-watchlist-bar{gap:6px!important;padding:7px 7px!important}
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame>.broker-watchlist-bar .broker-select-shell{flex-basis:101px!important;min-width:101px!important;width:101px!important;max-width:101px!important}
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame>.broker-watchlist-bar :is(.sa-forex-market-hours,.theme-choice-label){font-size:9px!important}
}
/* Stable presentation on phones with notches, landscape tablets and short windows. */
@media (max-width:780px){
html body.sa-corporate.account-page.sa-premium-dashboard .market-dashboard{min-width:0;width:100%}
html body.sa-corporate.account-page.sa-premium-dashboard #chart{width:100%!important;min-width:0!important}
html body.sa-corporate.account-page.sa-premium-dashboard .premium-chart-frame{max-width:100%;min-width:0;box-sizing:border-box}
}
@media (prefers-reduced-motion:reduce){
html body.sa-corporate.sa-premium-public .sa-v22-tab{transition:none!important}
}
/* SwarajAlgo About V28 — research-led corporate editorial experience.
Page-scoped styles only; no authentication or payment logic changes. */
:root{--sa28-ink:#132341;--sa28-sub:#506681;--sa28-blue:#416de6;--sa28-gold:#e5b773;--sa28-light:#f5f7fc}
html{scroll-padding-top:118px}
html body.sa-about-page.sa-premium-public.sa-corporate{background:linear-gradient(170deg,#f7f9ff 0%,#f2f6fb 52%,#f9fbff 100%)!important;color:var(--sa28-ink)!important}
html body.sa-about-page .about-premium-main.sa-about-v28{overflow:visible!important;color:var(--sa28-ink);padding:0 0 55px;font-family:inherit}
html body.sa-about-page .about-premium-main.sa-about-v28 *{box-sizing:border-box}
html body.sa-about-page .about-v28-hero{position:relative;isolation:isolate;max-width:1440px;width:calc(100% - 64px);margin:35px auto 0;padding:72px 64px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);align-items:center;gap:48px;border-radius:30px;background:linear-gradient(132deg,#14233c 0%,#13243f 43%,#0d172a 100%);border:1px solid #334565;box-shadow:0 32px 80px rgba(28,46,78,.17);overflow:hidden}
html body.sa-about-page .about-v28-hero::before{content:"";position:absolute;top:-300px;right:-240px;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(75,119,227,.22),transparent 68%);z-index:-1;pointer-events:none}
html body.sa-about-page .about-v28-hero::after{content:"";position:absolute;bottom:-240px;left:15%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(37,158,180,.10),transparent 66%);z-index:-1;pointer-events:none}
html body.sa-about-page .about-v28-hero-content{min-width:0;position:relative;z-index:1}
html body.sa-about-page .about-v28-eyebrow{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;background:#243454;border:1px solid #485b81;border-radius:100px;padding:10px 14px;color:#f5ce9a!important;font-size:10px;font-weight:900;letter-spacing:.16em;line-height:1.5}
html body.sa-about-page .about-v28-pulse{width:7px;height:7px;border-radius:100%;background:#79dec5;box-shadow:0 0 0 4px rgba(121,222,197,.13)}
html body.sa-about-page .about-v28-eyebrow-dot{color:#748bb7!important}
html body.sa-about-page .about-v28-hero h1{margin:25px 0 22px!important;max-width:830px;font-size:clamp(46px,4.5vw,74px)!important;line-height:1.07!important;letter-spacing:-.049em!important;font-weight:900!important;color:#fff!important}
html body.sa-about-page .about-v28-hero h1 span{color:#80b0ff!important;background:none!important;-webkit-text-fill-color:#80b0ff!important}
html body.sa-about-page .about-v28-lead{font-size:clamp(15px,1.2vw,17px)!important;line-height:1.83!important;color:#edf4ff!important;max-width:670px;margin:0 0 15px!important}
html body.sa-about-page .about-v28-promise{font-size:13px!important;line-height:1.75!important;color:#b4c4dd!important;max-width:640px;margin:0!important}
html body.sa-about-page .about-v28-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px}
html body.sa-about-page a.about-v28-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:47px;padding:12px 16px!important;border-radius:12px;text-decoration:none!important;font-size:12.5px!important;line-height:1.3!important;font-weight:850!important;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;outline-offset:4px}
html body.sa-about-page a.about-v28-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
html body.sa-about-page a.about-v28-btn:focus-visible{outline:3px solid #f7d18a!important}
html body.sa-about-page a.about-v28-btn-primary{background:linear-gradient(125deg,#5b88f3,#3863d9)!important;border:1px solid #6f9aff!important;color:#fff!important;box-shadow:0 10px 25px rgba(49,98,221,.25)}
html body.sa-about-page a.about-v28-btn-outline{background:rgba(255,255,255,.095)!important;border:1px solid #8190ae!important;color:#fff!important}
html body.sa-about-page a.about-v28-btn-quiet{background:transparent!important;border:1px solid #4b6287!important;color:#dcecff!important}
html body.sa-about-page .about-v28-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border-top:1px solid rgba(232,242,255,.19);padding-top:24px;margin-top:34px}
html body.sa-about-page .about-v28-hero-facts div{display:flex;flex-direction:column;gap:4px}
html body.sa-about-page .about-v28-hero-facts strong{color:#fff!important;font-size:15px;font-weight:850}
html body.sa-about-page .about-v28-hero-facts span{color:#b0c2db!important;font-size:10.5px;line-height:1.45}
html body.sa-about-page .about-v28-hero-panel{min-width:0;padding:22px;border-radius:23px;border:1px solid #4c6788;background:linear-gradient(160deg,#172a45,#101e32);box-shadow:0 20px 47px rgba(3,10,22,.28);color:#fff}
html body.sa-about-page .about-v28-panel-top{display:flex;align-items:center;gap:9px;color:#bdd1ea;font-size:10px;font-weight:850;letter-spacing:.11em}
html body.sa-about-page .about-v28-live-dot{width:9px;height:9px;background:#69dcc2;border-radius:50%}
html body.sa-about-page .about-v28-panel-icon{margin-left:auto;color:#f0c58e;font-size:18px}
html body.sa-about-page .about-v28-graphic{position:relative;height:220px;margin:18px 0 12px;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#1a344e,#102136);border:1px solid rgba(180,212,255,.18)}
html body.sa-about-page .about-v28-graphic-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(196,218,247,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(196,218,247,.09) 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 4)}
html body.sa-about-page .about-v28-graphic svg{position:absolute;inset:12px 10px 25px;width:calc(100% - 20px);height:calc(100% - 37px);overflow:visible}
html body.sa-about-page .about-v28-axis{position:absolute;bottom:9px;color:#9fb6d4!important;font-size:9px;letter-spacing:.13em;font-weight:800}
html body.sa-about-page .about-v28-axis.a{left:15px}.about-v28-axis.b{left:43%}.about-v28-axis.c{right:15px}
html body.sa-about-page .about-v28-panel-label{display:inline-block;margin:4px 0 9px;color:#e7be89!important;font-size:10px;font-weight:900;letter-spacing:.14em}
html body.sa-about-page .about-v28-panel-content h2{margin:0 0 11px!important;color:#fff!important;font-size:clamp(28px,2.5vw,38px)!important;line-height:1.17!important;letter-spacing:-.03em!important}
html body.sa-about-page .about-v28-panel-content p{margin:0!important;color:#bbcee3!important;font-size:12px!important;line-height:1.75!important}
html body.sa-about-page .about-v28-panel-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
html body.sa-about-page .about-v28-panel-tags span{padding:7px 9px;background:#233956;border:1px solid #3e597b;border-radius:100px;font-size:9px;color:#d1e3f7!important;font-weight:850;letter-spacing:.08em}
html body.sa-about-page .about-v28-quote{text-align:center;max-width:1090px;margin:0 auto;padding:81px 22px 77px}
html body.sa-about-page .about-v28-quote>span{display:block;font-weight:900;font-size:10px;letter-spacing:.2em;color:#3362ba!important}
html body.sa-about-page .about-v28-quote blockquote{padding:0;border:0;margin:18px auto!important;font-size:clamp(27px,3.6vw,46px)!important;line-height:1.28!important;letter-spacing:-.035em;font-weight:800;color:#142542!important}
html body.sa-about-page .about-v28-quote p{font-size:14px;color:#a16b43!important;font-weight:850}
html body.sa-about-page .about-v28-section{max-width:1420px;width:calc(100% - 64px);margin:0 auto;padding:66px 0}
html body.sa-about-page .about-v28-section-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:50px;align-items:end;margin-bottom:33px}
html body.sa-about-page .about-v28-section-kicker{display:block;color:#3367c4!important;font-size:11px;font-weight:900;letter-spacing:.18em;line-height:1.4}
html body.sa-about-page .about-v28-section h2,html body.sa-about-page .about-v28-principles h2,html body.sa-about-page .about-v28-markets h2,html body.sa-about-page .about-v28-next h2{font-size:clamp(31px,3.55vw,51px)!important;line-height:1.14!important;letter-spacing:-.037em!important;font-weight:880!important;color:#142542!important;margin:14px 0!important}
html body.sa-about-page .about-v28-section h2 em,html body.sa-about-page .about-v28-principles h2 em{color:#366bd7!important;font-style:normal}
html body.sa-about-page .about-v28-section-top>p{color:#576e8a!important;font-size:14px!important;line-height:1.85!important;margin:0 0 11px!important}
html body.sa-about-page .about-v28-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body.sa-about-page .about-v28-feature-grid article{position:relative;display:flex;flex-direction:column;min-height:285px;padding:26px 22px;border:1px solid #dae3f1;border-radius:19px;background:#fff;box-shadow:0 14px 32px rgba(30,60,100,.065);transition:transform .22s,box-shadow .22s}
html body.sa-about-page .about-v28-feature-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(30,60,100,.11)}
html body.sa-about-page .about-v28-feature-symbol{width:49px;height:49px;display:grid;place-items:center;background:#eaf0ff;border-radius:14px;color:#3867d3!important;font-size:27px;margin-bottom:24px}
html body.sa-about-page .about-v28-feature-grid article>span{color:#386bbd!important;font-size:9px;font-weight:900;letter-spacing:.14em}
html body.sa-about-page .about-v28-feature-grid h3{color:#1b3456!important;margin:10px 0 9px!important;font-size:19px!important;letter-spacing:-.025em;font-weight:850}
html body.sa-about-page .about-v28-feature-grid p{margin:0;color:#5c7089!important;line-height:1.75!important;font-size:12px!important}
html body.sa-about-page .about-v28-principles{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);gap:62px;align-items:center;width:calc(100% - 64px);max-width:1420px;margin:48px auto 65px;border:1px solid #d5dfef;border-radius:26px;padding:60px;background:linear-gradient(135deg,#ecf3ff 0%,#fff 84%)}
html body.sa-about-page .about-v28-principles-intro>p{color:#506981!important;line-height:1.84!important;font-size:14px!important;max-width:530px}
html body.sa-about-page .about-v28-rule{height:3px;width:58px;border-radius:2px;background:linear-gradient(90deg,#4378e8,#dfb37d);margin:24px 0}
html body.sa-about-page .about-v28-principles-intro>p.about-v28-principles-mantra{color:#a4703e!important;font-weight:850!important;font-size:15px!important}
html body.sa-about-page .about-v28-principle-list{display:grid;gap:10px}
html body.sa-about-page .about-v28-principle-list article{display:grid;grid-template-columns:50px minmax(0,1fr);gap:13px;align-items:start;background:#fff;border:1px solid #e0e8f3;border-radius:15px;padding:18px;box-shadow:0 5px 18px rgba(32,60,103,.04)}
html body.sa-about-page .about-v28-principle-list article>span{font-size:17px;font-weight:900;color:#4773dc!important}
html body.sa-about-page .about-v28-principle-list h3{font-size:16px!important;margin:0 0 5px!important;color:#1a355b!important}
html body.sa-about-page .about-v28-principle-list p{margin:0;font-size:11.8px!important;line-height:1.65!important;color:#526781!important}
html body.sa-about-page .about-v28-markets{max-width:1420px;width:calc(100% - 64px);margin:0 auto 95px;text-align:center;padding:58px 35px;border:1px solid #d9e5f6;border-radius:24px;background:#f9fbff}
html body.sa-about-page .about-v28-markets p{margin:10px auto 26px;color:#58708c!important;font-size:13.5px!important;line-height:1.8!important;max-width:650px}
html body.sa-about-page .about-v28-market-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
html body.sa-about-page .about-v28-market-chips span{padding:10px 18px;background:#eaf0ff;color:#2a527f!important;border:1px solid #c8d8ef;border-radius:100px;font-weight:800;font-size:12px}
html body.sa-about-page .about-v28-next{max-width:1420px;width:calc(100% - 64px);margin:0 auto 27px;display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:center;gap:35px;padding:59px 66px;border-radius:25px;background:linear-gradient(120deg,#152641,#101d33 92%);color:#fff;overflow:hidden;box-shadow:0 22px 52px rgba(19,39,78,.14)}
html body.sa-about-page .about-v28-next .about-v28-section-kicker{color:#f1c991!important}
html body.sa-about-page .about-v28-next h2{max-width:750px;color:#fff!important}
html body.sa-about-page .about-v28-next p{margin:0!important;color:#becde2!important;font-size:13px!important;line-height:1.8!important;max-width:690px}
html body.sa-about-page .about-v28-next .about-v28-next-note{margin-top:20px!important;font-size:10.5px!important;color:#a8bbd6!important}
html body.sa-about-page .about-v28-next-emblem{width:220px;height:220px;border:1px solid rgba(245,198,141,.45);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 18px rgba(246,208,157,.045),0 0 0 38px rgba(246,208,157,.024);justify-self:center;color:#f6d5a7}
html body.sa-about-page .about-v28-next-emblem span{font-size:80px;font-weight:900;line-height:1;letter-spacing:-.07em;color:#efd0a3!important}
html body.sa-about-page .about-v28-next-emblem small{letter-spacing:.26em;color:#ead5b5!important;font-size:11px;font-weight:900;margin-top:10px}
html body.sa-about-page .about-v28-disclosure{max-width:1420px;width:calc(100% - 64px);margin:0 auto 35px;padding:22px 24px;border:1px solid #dde7f4;border-radius:14px;background:#fff;display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start}
html body.sa-about-page .about-v28-disclosure>span{font-size:21px;color:#3969b2!important}
html body.sa-about-page .about-v28-disclosure h2{margin:0 0 5px!important;color:#294563!important;font-size:15px!important}
html body.sa-about-page .about-v28-disclosure p{margin:0;color:#526981!important;font-size:11.5px!important;line-height:1.7!important}
@media (max-width:1150px){
html body.sa-about-page .about-v28-hero{grid-template-columns:minmax(0,1fr);padding:60px 48px;gap:34px}
html body.sa-about-page .about-v28-hero-panel{width:min(100%,760px)}
html body.sa-about-page .about-v28-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html body.sa-about-page .about-v28-principles{gap:34px;padding:42px}
html body.sa-about-page .about-v28-next{grid-template-columns:minmax(0,1fr) 150px;padding:50px}
html body.sa-about-page .about-v28-next-emblem{width:145px;height:145px;box-shadow:none}
html body.sa-about-page .about-v28-next-emblem span{font-size:56px}
}
@media (max-width:750px){
html body.sa-about-page .about-v28-hero{width:calc(100% - 24px);margin-top:16px;padding:42px 23px;border-radius:20px}
html body.sa-about-page .about-v28-eyebrow{font-size:9px;letter-spacing:.09em}
html body.sa-about-page .about-v28-hero h1{font-size:clamp(38px,8.4vw,53px)!important}
html body.sa-about-page .about-v28-hero-facts{grid-template-columns:1fr 1fr;row-gap:18px}
html body.sa-about-page .about-v28-actions{gap:9px}
html body.sa-about-page a.about-v28-btn{white-space:normal;text-align:center}
html body.sa-about-page .about-v28-quote{padding:60px 22px}
html body.sa-about-page .about-v28-section{width:calc(100% - 28px);padding:35px 0}
html body.sa-about-page .about-v28-section-top{grid-template-columns:1fr;gap:15px}
html body.sa-about-page .about-v28-principles{width:calc(100% - 28px);grid-template-columns:1fr;padding:28px 23px;margin:32px auto 55px}
html body.sa-about-page .about-v28-markets{width:calc(100% - 28px);margin-bottom:55px;padding:39px 19px}
html body.sa-about-page .about-v28-next{width:calc(100% - 28px);grid-template-columns:1fr;padding:40px 23px}
html body.sa-about-page .about-v28-next-emblem{display:none}
html body.sa-about-page .about-v28-disclosure{width:calc(100% - 28px)}
}
@media (max-width:490px){
html body.sa-about-page .about-v28-hero h1{font-size:38px!important}
html body.sa-about-page .about-v28-actions{display:grid;grid-template-columns:1fr}
html body.sa-about-page a.about-v28-btn{width:100%}
html body.sa-about-page .about-v28-hero-facts{grid-template-columns:1fr 1fr}
html body.sa-about-page .about-v28-graphic{height:180px}
html body.sa-about-page .about-v28-feature-grid{grid-template-columns:1fr}
html body.sa-about-page .about-v28-feature-grid article{min-height:0}
html body.sa-about-page .about-v28-principle-list article{grid-template-columns:35px minmax(0,1fr);padding:15px}
}
@media(prefers-reduced-motion:reduce){html body.sa-about-page a.about-v28-btn,html body.sa-about-page .about-v28-feature-grid article{transition:none}}
/* V28 compatibility layer: V19/V21 legacy theme applies broad dark section backgrounds.
Override those rules intentionally for high-contrast About sections. */
html body.sa-corporate.sa-premium-public.sa-about-page .about-premium-main.sa-about-v28{background:transparent!important;color:#142542!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-hero-glow{position:absolute!important;inset:auto!important;width:0!important;height:0!important;pointer-events:none!important;display:none!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-hero{
background:linear-gradient(132deg,#14233c 0%,#13243f 43%,#0d172a 100%)!important;color:#fff!important
}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-hero-content{grid-column:1!important;grid-row:1!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-hero-panel{grid-column:2!important;grid-row:1!important;background:linear-gradient(160deg,#172a45,#101e32)!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-quote{background:transparent!important;color:#142542!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-technology{background:transparent!important;color:#142542!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-principles{background:linear-gradient(135deg,#ecf3ff 0%,#fff 84%)!important;color:#142542!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-markets{background:#f9fbff!important;color:#142542!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-next{background:linear-gradient(120deg,#152641,#101d33 92%)!important;color:#fff!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-disclosure{background:#fff!important;color:#142542!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-feature-grid article{background:#fff!important;color:#142542!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-principle-list article{background:#fff!important;color:#142542!important}
@media(max-width:1150px){
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-hero-content{grid-column:1!important;grid-row:1!important}
html body.sa-corporate.sa-premium-public.sa-about-page .about-v28-hero-panel{grid-column:1!important;grid-row:2!important}
}
/* V37 -- only the About page "Your next insight" banner; other sections untouched */
html body.sa-premium-public.sa-corporate.sa-about-page .about-v28-next.sa-v37-next {
width:calc(100% - 64px)!important;max-width:1420px!important;
margin:0 auto 27px!important;padding:0!important;min-height:498px;
display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;
align-items:stretch!important;gap:0!important;
position:relative;isolation:isolate;overflow:hidden;
border:1px solid #1b3d73!important;border-radius:26px!important;
background:linear-gradient(110deg,#07162e 0%,#061630 54%,#092348 100%)!important;
box-shadow:0 22px 55px rgba(12,40,88,.19)!important;
color:#f6f9ff!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-next-copy {
z-index:2;position:relative;padding:50px 5px 27px 55px;min-width:0;
}
html body.sa-about-page .sa-v37-next .sa-v37-kicker {
color:#f4cc79!important;display:inline-flex;align-items:center;
font-size:11px!important;font-weight:900!important;letter-spacing:.22em!important;
gap:15px;margin-bottom:14px;
}
html body.sa-about-page .sa-v37-next .sa-v37-kicker::after {
content:"";display:block;width:62px;height:1px;
background:linear-gradient(90deg,#e7bb6b,transparent);
}
html body.sa-about-page .sa-v37-next #about-v28-next-title {
color:#fff!important;font-size:clamp(33px,3.05vw,49px)!important;
line-height:1.10!important;letter-spacing:-.043em!important;
font-weight:900!important;margin:8px 0 18px!important;max-width:none!important;
}
html body.sa-about-page .sa-v37-next #about-v28-next-title em {
font-style:normal!important;color:#ffce76!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-next-copy > p:not(.about-v28-next-note) {
color:#d7e3f6!important;font-size:14px!important;line-height:1.7!important;
max-width:630px!important;margin:0 0 21px!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-cta{
display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
gap:8px!important;margin:21px 0 21px!important;align-items:stretch;
}
html body.sa-about-page .sa-v37-next .sa-v37-cta a.about-v28-btn {
display:inline-flex!important;align-items:center;justify-content:center;
gap:7px!important;min-height:46px!important;width:auto!important;
padding:12px 13px!important;border-radius:10px!important;
font-size:11.5px!important;font-weight:800!important;line-height:1.25!important;
white-space:nowrap!important;flex:0 0 auto;
text-decoration:none!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-btn-trial {
background:linear-gradient(135deg,#fff2b4,#e8aa3e)!important;
border:1px solid #f7da87!important;color:#09172e!important;
box-shadow:0 0 21px rgba(240,183,71,.28),0 10px 24px rgba(0,0,0,.15)!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-btn-support,
html body.sa-about-page .sa-v37-next .sa-v37-btn-plans {
background:#071831!important;border:1px solid #4f83d6!important;
color:#fff!important;box-shadow:0 6px 16px rgba(0,0,0,.17)!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-cta a:hover{
transform:translateY(-2px)!important;filter:brightness(1.08);
}
html body.sa-about-page .sa-v37-next .sa-v37-cta a:focus-visible{
outline:3px solid #ffe5a5!important;outline-offset:3px!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-benefits{
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;max-width:670px;margin:4px 0 13px;
}
html body.sa-about-page .sa-v37-next .sa-v37-benefits > div{
display:flex;align-items:center;gap:7px;padding:0 7px;
border-right:1px solid rgba(163,185,227,.25);min-width:0;
}
html body.sa-about-page .sa-v37-next .sa-v37-benefits > div:first-child{padding-left:0}
html body.sa-about-page .sa-v37-next .sa-v37-benefits > div:last-child{border-right:0}
html body.sa-about-page .sa-v37-next .sa-v37-benefits span{
width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;
border-radius:50%;font-size:18px;color:#ffcf68!important;
border:1px solid rgba(255,211,115,.65);
background:rgba(12,28,54,.72);
}
html body.sa-about-page .sa-v37-next .sa-v37-benefits strong{
font-size:10px!important;color:#e8f1ff!important;line-height:1.3!important;font-weight:650!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-next-copy > p.about-v28-next-note{
font-size:10px!important;line-height:1.5!important;
color:#acbedb!important;margin:14px 0 0!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-visual {
min-height:450px;position:relative;isolation:isolate;
background:radial-gradient(circle at 50% 54%,#133d78 0%,#04142d 78%);
overflow:hidden;
}
html body.sa-about-page .sa-v37-next .sa-v37-visual::before {
content:"";pointer-events:none;z-index:2;position:absolute;
inset:0 auto 0 0;width:27%;
background:linear-gradient(90deg,#061630,rgba(6,22,48,0));
}
html body.sa-about-page .sa-v37-next .sa-v37-art{
display:block;width:100%;height:100%;min-height:450px;
position:absolute;inset:0;object-fit:cover;object-position:78% center;
}
/* Actual official PNG logo, not the SA initials; placed over the reference illustration's center */
html body.sa-about-page .sa-v37-next .sa-v37-logo-disc{
position:absolute;z-index:3;left:39.4%;top:47.5%;transform:translate(-50%,-50%);
width:35%;aspect-ratio:1/1;display:grid;place-items:center;
border-radius:50%;background:radial-gradient(circle,#08152b 0%,#071630 65%,#07132b 100%);
box-shadow:inset 0 0 25px #102956,0 0 15px rgba(250,204,114,.25);
}
html body.sa-about-page .sa-v37-next .sa-v37-logo-disc img{
display:block;width:91%;height:auto;max-height:84%;object-fit:contain;filter:drop-shadow(0 2px 9px rgba(0,0,0,.42));
}
html body.sa-premium-public.sa-corporate.sa-about-page .about-v28-disclosure{
/* This is intentionally not modified by V37. */
}
@media(max-width:1240px){
html body.sa-about-page .sa-v37-next .sa-v37-next-copy{padding:42px 0 25px 38px}
html body.sa-about-page .sa-v37-next .sa-v37-benefits{grid-template-columns:1fr 1fr;row-gap:12px;max-width:390px}
html body.sa-about-page .sa-v37-next .sa-v37-benefits > div:nth-child(2){border-right:0}
html body.sa-about-page .sa-v37-next .sa-v37-benefits > div:nth-child(3){padding-left:0}
html body.sa-about-page .sa-v37-next .sa-v37-cta a.about-v28-btn{padding:11px 12px!important;font-size:11px!important}
}
@media(max-width:850px){
html body.sa-premium-public.sa-corporate.sa-about-page .about-v28-next.sa-v37-next{
grid-template-columns:1fr!important;width:calc(100% - 28px)!important;
min-height:0;border-radius:22px!important;
}
html body.sa-about-page .sa-v37-next .sa-v37-next-copy{padding:35px 25px 22px}
html body.sa-about-page .sa-v37-next .sa-v37-visual{height:340px;min-height:340px;}
html body.sa-about-page .sa-v37-next .sa-v37-art{min-height:340px;}
html body.sa-about-page .sa-v37-next .sa-v37-visual::before{inset:0 0 auto 0;width:100%;height:20%;background:linear-gradient(180deg,#061630,rgba(6,22,48,0))}
html body.sa-about-page .sa-v37-next .sa-v37-benefits{max-width:580px;grid-template-columns:repeat(4,minmax(0,1fr));}
html body.sa-about-page .sa-v37-next .sa-v37-benefits > div:nth-child(2){border-right:1px solid rgba(163,185,227,.25)}
html body.sa-about-page .sa-v37-next .sa-v37-benefits > div:nth-child(3){padding-left:7px}
html body.sa-about-page .sa-v37-next .sa-v37-visual .sa-v37-logo-disc{width:170px;left:53%}
}
@media(max-width:520px){
html body.sa-about-page .sa-v37-next .sa-v37-next-copy{padding:28px 19px 23px}
html body.sa-about-page .sa-v37-next #about-v28-next-title{font-size:35px!important;line-height:1.12!important}
html body.sa-about-page .sa-v37-next .sa-v37-next-copy>p:not(.about-v28-next-note){font-size:13px!important;}
html body.sa-about-page .sa-v37-next .sa-v37-cta{display:grid!important;grid-template-columns:1fr!important;}
html body.sa-about-page .sa-v37-next .sa-v37-cta a.about-v28-btn{min-height:45px!important;width:100%!important;}
html body.sa-about-page .sa-v37-next .sa-v37-benefits{grid-template-columns:1fr 1fr;row-gap:15px;margin-top:19px}
html body.sa-about-page .sa-v37-next .sa-v37-benefits>div:nth-child(2){border-right:0}
html body.sa-about-page .sa-v37-next .sa-v37-benefits>div:nth-child(3){padding-left:0}
html body.sa-about-page .sa-v37-next .sa-v37-visual{min-height:230px;height:230px}
html body.sa-about-page .sa-v37-next .sa-v37-art{min-height:230px}
html body.sa-about-page .sa-v37-next .sa-v37-logo-disc{width:145px!important;left:50%!important}
}
@media(prefers-reduced-motion:reduce){
html body.sa-about-page .sa-v37-next .sa-v37-cta a{transition:none!important}
}