/* V43: Original source order; partners.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 PARTNERS V31 — visual redesign ONLY.
Scoped to partners.html; no calculator / payment / auth logic changed. */
html{scroll-behavior:smooth}
body.sa-corporate.sa-partners-page{
background:#f5f7fc!important;color:#152944!important;
}
body.sa-partners-page .pp{
box-sizing:border-box!important;width:min(1380px,100%)!important;
max-width:1380px!important;margin:0 auto!important;padding:30px clamp(16px,4vw,55px) 82px!important;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
color:#1c2e48!important;
}
body.sa-partners-page .pp *,body.sa-partners-page .pp *::before,body.sa-partners-page .pp *::after{box-sizing:border-box}
body.sa-partners-page .pp a,body.sa-partners-page .pp button{touch-action:manipulation}
body.sa-partners-page .pp a:focus-visible,body.sa-partners-page .pp button:focus-visible,
body.sa-partners-page .pp summary:focus-visible,body.sa-partners-page .pp input:focus-visible,
body.sa-partners-page .pp select:focus-visible,body.sa-partners-page .pp textarea:focus-visible{
outline:3px solid #7aa4ff!important;outline-offset:3px!important;
}
body.sa-partners-page .pp .eyebrow{
display:inline-flex;align-items:center;gap:8px;letter-spacing:.16em!important;
color:#3564b9!important;font-weight:850!important;font-size:11px!important;
text-transform:uppercase!important;
}
body.sa-partners-page .pp h2{
font-weight:850!important;letter-spacing:-.041em!important;
line-height:1.13!important;color:#152b4c!important;
}
body.sa-partners-page .pp .section-title{
width:100%;max-width:780px!important; margin-bottom:24px!important;
}
body.sa-partners-page .pp .section-title h2{
margin:13px 0 14px!important;font-size:clamp(30px,3.3vw,47px)!important;
}
body.sa-partners-page .pp .section-title .muted,
body.sa-partners-page .pp > .section .muted{
color:#5a6c86!important;line-height:1.75!important;font-size:14px!important;
}
body.sa-partners-page .pp .section{
padding:66px 0!important; margin:0!important; background:transparent!important;
border:0!important;
}
/* Distinctive full-bleed-inside-container hero */
body.sa-partners-page .pp .pp-hero{
position:relative;isolation:isolate;display:grid!important;
grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
align-items:center;gap:clamp(25px,5vw,70px)!important;
padding:clamp(36px,5vw,78px)!important;
margin:25px 0 30px!important;border-radius:30px!important;
border:1px solid rgba(179,197,236,.32)!important;
background:radial-gradient(ellipse at 92% 8%,rgba(78,123,227,.34),transparent 42%),
radial-gradient(ellipse at 4% 100%,rgba(212,163,86,.14),transparent 38%),
linear-gradient(135deg,#0c1c34 3%,#162c50 55%,#0c1c32 100%)!important;
box-shadow:0 35px 80px rgba(23,52,97,.22)!important;overflow:hidden!important;
}
body.sa-partners-page .pp .pp-hero::before{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.34;
background-image:linear-gradient(rgba(159,185,230,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(159,185,230,.10) 1px,transparent 1px);
background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 80%);
}
body.sa-partners-page .pp .pp-hero>div{min-width:0;position:relative}
body.sa-partners-page .pp .pp-hero .eyebrow{
color:#f8d69a!important;background:rgba(242,201,136,.1)!important;
border:1px solid rgba(236,199,137,.34);padding:9px 12px;border-radius:100px;
}
body.sa-partners-page .pp .pp-hero h1{
color:#fff!important;font-size:clamp(41px,4.7vw,69px)!important;
font-weight:870!important;letter-spacing:-.062em!important;
line-height:1.055!important;margin:19px 0 21px!important;
}
body.sa-partners-page .pp .pp-hero h1 span{color:#93afff!important}
body.sa-partners-page .pp .pp-hero .hero-strong{
color:#eef4ff!important;font-size:clamp(17px,1.7vw,22px)!important;
line-height:1.52!important;font-weight:750!important;margin:0 0 15px!important;
}
body.sa-partners-page .pp .pp-hero .hero-strong em{color:#ffdc96!important;font-style:normal}
body.sa-partners-page .pp .pp-hero .lead{
color:#c6d3eb!important;font-size:14.5px!important;line-height:1.87!important;margin:0!important;
}
body.sa-partners-page .pp .actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin:25px 0 23px!important}
body.sa-partners-page .pp .pp-btn{
position:relative;min-height:49px;display:inline-flex;align-items:center;justify-content:center;
padding:13px 20px!important;border-radius:13px!important;
font-size:12px!important;line-height:1.4!important;font-weight:850!important;white-space:normal;
transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
background:#e9effc!important;color:#1b3b75!important;border:1px solid #cad9f3!important;
text-decoration:none!important;box-shadow:0 8px 22px rgba(25,52,99,.08)!important;
}
body.sa-partners-page .pp .pp-btn.gold{
color:#19243b!important;background:linear-gradient(135deg,#ffe0a0,#e9b86b)!important;
border:1px solid #f3c98d!important;box-shadow:0 9px 25px rgba(202,155,86,.25)!important;
}
body.sa-partners-page .pp .pp-btn:hover,body.sa-partners-page .pp .pp-btn:focus-visible{
transform:translateY(-3px)!important;box-shadow:0 14px 27px rgba(28,68,139,.18)!important;filter:brightness(1.03);
}
body.sa-partners-page .pp .chips{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
body.sa-partners-page .pp .chip{
border:1px solid rgba(187,207,247,.24)!important;background:rgba(255,255,255,.065)!important;
color:#dde6f6!important;border-radius:100px!important;font-weight:750!important;font-size:11px!important;
padding:8px 11px!important;
}
/* Hero dashboard: more realistic enterprise mockup; remains explicitly illustrative. */
body.sa-partners-page .pp .dash{
min-width:0!important;padding:21px!important;border-radius:22px!important;
background:linear-gradient(150deg,rgba(15,32,58,.98),rgba(9,19,37,.98))!important;
border:1px solid rgba(165,194,243,.28)!important;
box-shadow:0 25px 70px rgba(3,12,33,.38)!important;
}
body.sa-partners-page .pp .dash-head{
display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:space-between;
padding-bottom:16px;border-bottom:1px solid rgba(175,195,230,.15);
font-size:10px!important;line-height:1.6;color:#e2e9f5!important;letter-spacing:.095em;
}
body.sa-partners-page .pp .dash-head .preview{
font-size:9px!important;letter-spacing:.03em;color:#f3d5a0!important;
border-radius:100px;border:1px solid rgba(244,204,143,.25);background:rgba(241,187,100,.1);padding:6px 8px;
}
body.sa-partners-page .pp .dash .metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin:18px 0!important}
body.sa-partners-page .pp .dash .metric{
background:#142744!important;border:1px solid #314663!important;border-radius:15px!important;
padding:17px!important;min-width:0;
}
body.sa-partners-page .pp .dash .metric small{font-size:10px!important;color:#c4d2e6!important;letter-spacing:.06em}
body.sa-partners-page .pp .dash .metric b{
font-size:clamp(21px,2.3vw,31px)!important;font-weight:850;color:#fff!important;
white-space:normal;overflow-wrap:anywhere;
}
body.sa-partners-page .pp .dash .metric b.g{color:#90e4bc!important}
body.sa-partners-page .pp .dash .metric b.y{color:#f5d28f!important}
body.sa-partners-page .pp .dash>small{color:#abbfdb!important;font-size:10px!important;letter-spacing:.095em}
body.sa-partners-page .pp .dash .bars{height:110px;border-color:#344763!important;gap:10px}
body.sa-partners-page .pp .dash .bars i{border-radius:7px 7px 0 0!important;background:linear-gradient(180deg,#a3baff 0%,#486dce 100%)!important}
/* Benefit cards */
body.sa-partners-page .pp .grid3,
body.sa-partners-page .pp .steps,
body.sa-partners-page .pp .levels{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:19px!important}
body.sa-partners-page .pp .grid3 .card,body.sa-partners-page .pp .steps .card,
body.sa-partners-page .pp .levels .card{
min-width:0!important;min-height:218px!important;display:flex!important;flex-direction:column!important;
padding:28px!important;border-radius:20px!important;
border:1px solid #dce5f2!important;background:#fff!important;
box-shadow:0 16px 35px rgba(35,64,114,.055)!important;
transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.sa-partners-page .pp .grid3 .card:hover,body.sa-partners-page .pp .steps .card:hover,
body.sa-partners-page .pp .levels .card:hover{
transform:translateY(-5px)!important;border-color:#a6bee6!important;box-shadow:0 24px 52px rgba(35,64,114,.14)!important;
}
body.sa-partners-page .pp .card h3{color:#152c4a!important;font-size:18px!important;font-weight:850!important;line-height:1.35!important;margin:0 0 11px!important}
body.sa-partners-page .pp .card p{color:#596e86!important;font-size:13px!important;line-height:1.75!important;margin:0!important}
body.sa-partners-page .pp .card p strong{color:#273c5a!important}
body.sa-partners-page .pp .grid3 .card .icon{
display:grid!important;place-items:center!important;width:49px!important;height:49px!important;
background:#e9f1ff!important;color:#2959b9!important;border:1px solid #d2e1f9!important;
border-radius:15px!important;font-size:24px!important;margin:0 0 20px!important;
}
body.sa-partners-page .pp .grid3 .premium-benefit{
border-color:#f1d5a9!important;background:linear-gradient(155deg,#fffaf2,#fff 55%)!important;
}
body.sa-partners-page .pp .grid3 .premium-benefit .icon{background:#fff0d9!important;color:#90601f!important;border-color:#ecd5aa!important}
body.sa-partners-page .pp .benefit-tag{
align-self:flex-start;margin-top:auto!important;padding:9px 0 0!important;border:0!important;
border-radius:0;color:#486ea4!important;font-size:10px!important;font-weight:850!important;
letter-spacing:.08em!important;
}
/* Steps */
body.sa-partners-page .pp .steps .card{position:relative;padding-top:45px!important}
body.sa-partners-page .pp .steps .card::before{
content:"0" counter(pp-step);counter-increment:pp-step;position:absolute;top:15px;right:22px;
font-size:44px;line-height:1;font-weight:900;color:#edf3fb;letter-spacing:-.06em;
}
body.sa-partners-page .pp .steps{counter-reset:pp-step}
body.sa-partners-page .pp .steps .card .step-mark{background:#2863c3!important;border-color:#2863c3!important}
body.sa-partners-page .pp .yearly-example{
background:#f0f4fc;padding:19px!important;border:1px solid #dae4f5;border-radius:19px;
display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.2fr)!important;
gap:13px!important;align-items:center;
}
body.sa-partners-page .pp .yearly-example .card{
min-width:0!important;min-height:120px!important;border-radius:14px!important;
background:#fff!important;border:1px solid #dce5f2!important;
padding:18px!important;text-align:center;
}
body.sa-partners-page .pp .yearly-example .card small{color:#577298!important;font-size:10px!important;font-weight:750;letter-spacing:.06em}
body.sa-partners-page .pp .yearly-example .card strong{color:#173865!important;font-size:clamp(19px,2vw,27px)!important}
body.sa-partners-page .pp .yearly-example .card span{color:#5b708c!important;font-size:10px!important}
body.sa-partners-page .pp .yearly-example .arrow{color:#7f9cc9!important}
/* Calculator panel: premium dark section containing bright, high-contrast controls. */
body.sa-partners-page .pp #earnings.section{
padding:56px!important;margin:24px 0!important;position:relative;overflow:hidden;
background:radial-gradient(ellipse at 92% 0%,rgba(91,144,247,.22),transparent 38%),
linear-gradient(145deg,#0c203f,#0d1930)!important;border:1px solid #273f65!important;
border-radius:28px!important;box-shadow:0 21px 53px rgba(14,35,78,.13);
}
body.sa-partners-page .pp #earnings .section-title h2{color:#fff!important}
body.sa-partners-page .pp #earnings .eyebrow{color:#f3cf91!important}
body.sa-partners-page .pp #earnings .muted{color:#c7d5ec!important}
body.sa-partners-page .pp .actual-plan-picker{
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:27px 0 17px!important;
}
body.sa-partners-page .pp .actual-plan{
min-width:0!important;min-height:144px!important;display:flex!important;flex-direction:column!important;
border:1px solid #40557b!important;border-radius:16px!important;padding:17px!important;
color:#f1f5ff!important;background:#152b4a!important;text-align:left;
transition:transform .2s,background .2s,border-color .2s!important;
}
body.sa-partners-page .pp .actual-plan:hover,body.sa-partners-page .pp .actual-plan.active{
background:#263f65!important;border-color:#c8d9fc!important;
transform:translateY(-3px)!important;box-shadow:0 14px 29px rgba(0,0,0,.18)!important;
}
body.sa-partners-page .pp .actual-plan.active{outline:2px solid rgba(143,184,250,.45);outline-offset:1px}
body.sa-partners-page .pp .actual-plan span{color:#afd0ff!important;font-size:10px!important}
body.sa-partners-page .pp .actual-plan strong{color:#fff!important;font-size:14px!important;margin:10px 0 8px!important}
body.sa-partners-page .pp .actual-plan b{color:#fff!important;font-size:clamp(19px,2vw,26px)!important}
body.sa-partners-page .pp .actual-plan small{color:#c0cee2!important;font-size:10px!important;line-height:1.6!important}
body.sa-partners-page .pp .actual-plan i{top:-11px!important;right:10px!important;font-size:9px!important;background:#f8d79a!important;color:#14213a!important}
body.sa-partners-page .pp .smart-commission-calc{display:grid!important;grid-template-columns:.87fr 1.13fr!important;gap:17px!important}
body.sa-partners-page .pp .calcbox.smart-input-panel,body.sa-partners-page .pp .commission-result-premium{
border:1px solid #40577e!important;border-radius:20px!important;
background:#142946!important;padding:25px!important;min-width:0;
}
body.sa-partners-page .pp .field label{color:#e5edfa!important;font-size:13px!important;font-weight:750}
body.sa-partners-page .pp .field label b{color:#f3d499!important;font-size:18px!important}
body.sa-partners-page .pp input[type="range"]{accent-color:#e8b870!important}
body.sa-partners-page .pp .selected-plan-summary{
background:#1b3659!important;border-color:#3a567d!important;border-radius:16px!important;
}
body.sa-partners-page .pp .selected-plan-summary>small{color:#b9cae5!important;font-size:10px!important}
body.sa-partners-page .pp .selected-plan-summary>strong{color:#fff!important;font-size:18px!important}
body.sa-partners-page .pp .selected-plan-summary div{color:#b9cbe3!important;font-size:12px!important}
body.sa-partners-page .pp .selected-plan-summary div b{color:#fff!important}
body.sa-partners-page .pp .commission-result-premium{text-align:center}
body.sa-partners-page .pp .result-kicker,body.sa-partners-page .pp .commission-result-premium>small{
color:#bbd2f2!important;font-size:10px!important;font-weight:800;
}
body.sa-partners-page .pp .commission-equation{color:#d5e1f6!important;font-size:12px!important}
body.sa-partners-page .pp .commission-equation em{color:#f4d396!important}
body.sa-partners-page .pp .commission-result-premium>strong{color:#a1efc2!important;font-size:clamp(29px,3vw,44px)!important}
body.sa-partners-page .pp .total-commission-box{
background:linear-gradient(135deg,#203454,#182c49)!important;
border:1px solid #a18a65!important;border-radius:16px!important;
}
body.sa-partners-page .pp .total-commission-box small{color:#edcea0!important;font-size:10px!important}
body.sa-partners-page .pp .total-commission-box b{color:#f4cf88!important;font-size:clamp(29px,3.2vw,44px)!important;overflow-wrap:anywhere}
body.sa-partners-page .pp .total-commission-box span{color:#c1d0e4!important;font-size:11px!important}
body.sa-partners-page .pp .plan-commission-table{
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;
}
body.sa-partners-page .pp .plan-commission-table>div{
background:#132b4d!important;border:1px solid #355079!important;padding:19px!important;border-radius:13px!important;
min-width:0;
}
body.sa-partners-page .pp .plan-commission-table span{color:#bcd8ff!important;font-size:11px!important}
body.sa-partners-page .pp .plan-commission-table small{color:#c1cfdf!important;font-size:10px!important}
body.sa-partners-page .pp .plan-commission-table b{color:#fff!important;font-size:19px!important}
body.sa-partners-page .pp #earnings .legal{color:#b8c9df!important}
/* Partner levels */
body.sa-partners-page .pp .partner-level .level-kicker{color:#3469bd!important;font-size:11px!important}
body.sa-partners-page .pp .partner-level .level-rate{color:#245dad!important;font-size:20px!important;margin-top:auto!important;padding-top:20px}
body.sa-partners-page .pp .partner-level.elite-level{
border:1px solid #e5bd7b!important;background:linear-gradient(155deg,#fff6e9,#fff 64%)!important;
}
body.sa-partners-page .pp .partner-level.elite-level .level-rate{color:#9b641e!important}
body.sa-partners-page .pp .partner-level.growth-level{border-color:#bfd2f7!important}
body.sa-partners-page .pp .partner-level .elite-badge{
top:17px!important;right:17px!important;padding:7px 9px!important;
font-size:9px!important;border-radius:100px!important;color:#192a44!important;background:#e9c386!important;
}
/* Application: center content, easily readable input fields */
body.sa-partners-page .pp #apply.section{
display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
gap:38px!important;align-items:start!important;
border-radius:27px!important;padding:clamp(25px,5vw,57px)!important;
background:#eaf0fb!important;border:1px solid #d7e2f4!important;margin:18px 0 25px!important;
}
body.sa-partners-page .pp #apply .eyebrow{color:#2c60bc!important}
body.sa-partners-page .pp #apply h2{color:#172f51!important;font-size:clamp(30px,3.2vw,44px)!important}
body.sa-partners-page .pp #apply .muted{color:#4d6682!important;font-size:14px!important}
body.sa-partners-page .pp #apply .form{
background:#fff!important;border:1px solid #d6e1f1!important;border-radius:22px!important;
padding:30px!important;box-shadow:0 22px 42px rgba(30,60,111,.08)!important;
}
body.sa-partners-page .pp #apply .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important}
body.sa-partners-page .pp #apply .form label{font-weight:750!important;font-size:12px!important;color:#344b68!important;min-width:0}
body.sa-partners-page .pp #apply .form input:not([type="hidden"]),
body.sa-partners-page .pp #apply .form textarea,
body.sa-partners-page .pp #apply .form select{
width:100%!important;min-height:47px!important;border:1px solid #cbd7e9!important;
border-radius:11px!important;background:#f8faff!important;color:#1c314e!important;
padding:12px 13px!important;font-size:13px!important;box-shadow:none!important;
}
body.sa-partners-page .pp #apply .form textarea{min-height:105px!important;resize:vertical}
body.sa-partners-page .pp #apply .form select option{color:#1c314e!important;background:#fff!important}
body.sa-partners-page .pp #apply .form input::placeholder,
body.sa-partners-page .pp #apply .form textarea::placeholder{color:#8292a9!important}
body.sa-partners-page .pp #apply .form .full{grid-column:1/-1!important}
body.sa-partners-page .pp #apply .form button.pp-btn.gold{min-height:52px;font-size:14px!important}
body.sa-partners-page .pp #apply .form .legal{color:#60748d!important}
/* FAQ overrides preexisting !important V14 styles. Do not change FAQ content. */
body.sa-partners-page .pp #faq.partner-faq{padding:64px 0!important;margin:0!important}
body.sa-partners-page .pp #faq .partner-faq-title{max-width:900px!important;margin:0 auto 30px!important;text-align:center!important}
body.sa-partners-page .pp #faq .partner-faq-title .eyebrow{
color:#3564b9!important;text-align:center!important;justify-content:center!important;
}
body.sa-partners-page .pp #faq .partner-faq-title h2{color:#162e4e!important;font-size:clamp(33px,4vw,53px)!important}
body.sa-partners-page .pp #faq .partner-faq-list{max-width:900px!important;margin:22px auto 0!important}
body.sa-partners-page .pp #faq .partner-faq-list>details{
padding:19px 23px!important;margin-bottom:13px!important;
background:#fff!important;border:1px solid #dae4f2!important;border-radius:15px!important;
box-shadow:0 8px 20px rgba(29,58,108,.04)!important;
}
body.sa-partners-page .pp #faq .partner-faq-list>details[open]{border-color:#9eb9e8!important;box-shadow:0 13px 29px rgba(29,58,108,.11)!important}
body.sa-partners-page .pp #faq .partner-faq-list>details>summary{
color:#1a3252!important;font-weight:820!important;font-size:15px!important;line-height:1.45!important;
}
body.sa-partners-page .pp #faq .partner-faq-list>details>p{color:#526986!important;font-size:13px!important;line-height:1.75!important}
body.sa-partners-page .pp #faq .partner-faq-list>details a{color:#275db8!important}
body.sa-partners-page .pp .footer-cta{
padding:55px 28px!important;border-radius:27px!important;
background:radial-gradient(ellipse at 50% 0%,rgba(80,124,212,.3),transparent 60%),#0b203e!important;
border:1px solid #274779!important;
}
body.sa-partners-page .pp .footer-cta h2{color:#fff!important;font-size:clamp(30px,3.5vw,47px)!important}
body.sa-partners-page .pp .footer-cta .eyebrow{color:#f4d09b!important}
body.sa-partners-page .pp .footer-cta .pp-btn.gold{margin-top:15px!important}
body.sa-partners-page .pp .legal{font-size:11px!important;line-height:1.7!important;color:#657994!important}
body.sa-partners-page .pp .footer-cta .legal{color:#b5c7e1!important}
@media (max-width:1050px){
body.sa-partners-page .pp .pp-hero{gap:25px!important;padding:44px 35px!important}
body.sa-partners-page .pp .actual-plan-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.sa-partners-page .pp .grid3,body.sa-partners-page .pp .steps,body.sa-partners-page .pp .levels{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.sa-partners-page .pp #earnings.section{padding:40px!important}
}
@media (max-width:800px){
body.sa-partners-page .pp{padding:18px 18px 55px!important}
body.sa-partners-page .pp .pp-hero{grid-template-columns:1fr!important;padding:40px 30px!important;border-radius:24px!important}
body.sa-partners-page .pp .pp-hero h1{font-size:clamp(39px,6.5vw,57px)!important}
body.sa-partners-page .pp .smart-commission-calc{grid-template-columns:1fr!important}
body.sa-partners-page .pp #apply.section{grid-template-columns:1fr!important;gap:24px!important}
body.sa-partners-page .pp .yearly-example{grid-template-columns:1fr!important}
body.sa-partners-page .pp .yearly-example .arrow{display:none!important}
body.sa-partners-page .pp .plan-commission-table{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:570px){
body.sa-partners-page .pp{padding:12px 14px 50px!important}
body.sa-partners-page .pp .pp-hero{margin:18px 0!important;padding:29px 21px!important;border-radius:22px!important}
body.sa-partners-page .pp .pp-hero h1{font-size:clamp(36px,10vw,47px)!important}
body.sa-partners-page .pp .pp-hero .lead{font-size:13px!important}
body.sa-partners-page .pp .actions{display:grid!important;grid-template-columns:1fr!important}
body.sa-partners-page .pp .actions .pp-btn{width:100%}
body.sa-partners-page .pp .dash{padding:14px!important}
body.sa-partners-page .pp .dash .metric{padding:12px!important}
body.sa-partners-page .pp .dash .metric b{font-size:21px!important}
body.sa-partners-page .pp .grid3,body.sa-partners-page .pp .steps,body.sa-partners-page .pp .levels{grid-template-columns:1fr!important}
body.sa-partners-page .pp .grid3 .card,body.sa-partners-page .pp .steps .card,body.sa-partners-page .pp .levels .card{min-height:0!important;padding:22px!important}
body.sa-partners-page .pp .section{padding:44px 0!important}
body.sa-partners-page .pp #earnings.section{padding:27px 19px!important;border-radius:22px!important}
body.sa-partners-page .pp .actual-plan-picker{grid-template-columns:1fr 1fr!important;gap:9px!important}
body.sa-partners-page .pp .actual-plan{min-height:152px!important;padding:14px!important}
body.sa-partners-page .pp .actual-plan strong{font-size:12px!important}
body.sa-partners-page .pp .actual-plan b{font-size:18px!important}
body.sa-partners-page .pp .commission-equation{gap:5px!important;font-size:10px!important}
body.sa-partners-page .pp .calcbox.smart-input-panel,body.sa-partners-page .pp .commission-result-premium{padding:18px!important}
body.sa-partners-page .pp .plan-commission-table{grid-template-columns:1fr 1fr!important}
body.sa-partners-page .pp .plan-commission-table>div{padding:13px!important}
body.sa-partners-page .pp #apply.section{padding:24px 18px!important}
body.sa-partners-page .pp #apply .form{padding:22px 17px!important}
body.sa-partners-page .pp #apply .form-grid{grid-template-columns:1fr!important}
body.sa-partners-page .pp #apply .form .full{grid-column:1!important}
body.sa-partners-page .pp #faq.partner-faq{padding:45px 0!important}
body.sa-partners-page .pp #faq .partner-faq-title h2{font-size:37px!important}
body.sa-partners-page .pp .footer-cta{padding:40px 19px!important}
}
@media(prefers-reduced-motion:reduce){
body.sa-partners-page .pp *,body.sa-partners-page .pp *::before,body.sa-partners-page .pp *::after{transition:none!important;scroll-behavior:auto!important}
}
/* Final theme-compatibility fixes: existing corporate V19 CSS uses unusually
specific !important backgrounds on .section/.card and body-wide .chip. */
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply){
background:#f5f7fc!important;color:#152944!important;border:0!important;box-shadow:none!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .section-title h2,
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) > .section-title h2{
color:#173254!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .section-title p,
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .muted{
color:#506781!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .grid3 .card,
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .steps .card,
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .levels .card{
background:#fff!important;color:#173254!important;border-color:#dce5f2!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .grid3 .premium-benefit{
background:linear-gradient(155deg,#fff8ec,#fff 70%)!important;border-color:#ecd6b4!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .levels .elite-level{
background:linear-gradient(155deg,#fff7eb,#fff 70%)!important;border-color:#e5bd7b!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .card h3{
color:#173254!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .card p,
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .card p strong{
color:#536983!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp .pp-hero .chips .chip{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
position:static!important;inset:auto!important;top:auto!important;right:auto!important;
left:auto!important;bottom:auto!important;float:none!important;transform:none!important;
width:auto!important;height:auto!important;max-width:100%!important;
margin:0!important;z-index:auto!important;
border-radius:100px!important;background:rgba(255,255,255,.07)!important;
border:1px solid rgba(200,217,247,.32)!important;color:#f4f7fe!important;
font-size:11px!important;white-space:normal!important;line-height:1.5!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp .pp-hero .actions .pp-btn.gold,
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.footer-cta .pp-btn.gold{
background:linear-gradient(120deg,#ffdfa0,#e9b96e)!important;
border:1px solid #f3d2a0!important;color:#16243b!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp #apply.section form .pp-btn.gold{
background:linear-gradient(120deg,#306ce3,#235ac8)!important;border-color:#306ce3!important;color:#fff!important;
}
/* WCAG-friendly kicker contrast on pale benefit/level backgrounds */
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .eyebrow,
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp #faq.partner-faq .eyebrow{
color:#2b5caa!important;opacity:1!important;
}
html body.sa-corporate.sa-premium-public.sa-partners-page main.pp section.section:not(#earnings):not(#apply) .benefit-tag{
color:#385e96!important;opacity:1!important;
}
/* Anchored sections should not hide behind the sticky website navbar. */
body.sa-partners-page .pp section[id]{scroll-margin-top:115px!important}
/* SWARAJALGO V32: Partner example breakdown — targeted, no backend or commission logic changes. */
body.sa-partners-page .pp .sa-v32-example-heading {
display:flex!important; align-items:center; justify-content:space-between; flex-wrap:wrap;
gap:14px 24px; margin:30px 0 16px!important;
}
body.sa-partners-page .pp .sa-v32-overline {
display:block; color:#a96b1e!important; font-size:10px!important; font-weight:900;
letter-spacing:.13em; margin:0 0 9px;
}
body.sa-partners-page .pp .sa-v32-example-heading h3 {
margin:0!important; color:#102440!important; font-size:clamp(21px,2.2vw,29px)!important;
font-weight:850!important; line-height:1.2!important; letter-spacing:-.035em;
}
body.sa-partners-page .pp .sa-v32-example-badge {
display:inline-flex; align-items:center; justify-content:center; white-space:nowrap;
padding:9px 13px; background:#e9f1ff!important; color:#2355a4!important;
border:1px solid #cddcf2; border-radius:100px; font-weight:850; font-size:10px;letter-spacing:.06em;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey {
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important; padding:18px!important; margin:0!important;
background:linear-gradient(135deg,#eff5ff 0%,#f8faff 100%)!important;
border:1px solid #dce5f5!important;border-radius:22px!important;
box-shadow:0 12px 36px rgba(21,52,98,.055);align-items:stretch!important;
width:100%;max-width:none!important;box-sizing:border-box;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step {
min-width:0; box-sizing:border-box; position:relative; min-height:182px; overflow:hidden;
border:1px solid #dce5f3!important; border-radius:17px!important;
background:#fff!important;color:#132949!important;
padding:22px 16px 20px!important; text-align:left!important;
display:flex!important;flex-direction:column!important;align-items:flex-start!important;
justify-content:flex-start!important;
box-shadow:0 8px 25px rgba(19,54,104,.04);
}
body.sa-partners-page .pp .sa-v32-step::before {
content:"";position:absolute;top:0;left:0;width:100%;height:4px;
background:#6d9ae9;
}
body.sa-partners-page .pp .sa-v32-step-referrals::before {background:#35b5ae}
body.sa-partners-page .pp .sa-v32-step-rate::before {background:#8065d1}
body.sa-partners-page .pp .sa-v32-step .sa-v32-index {
display:inline-flex;align-items:center;justify-content:center; width:31px;height:31px;
color:#3363ad!important;background:#eaf2ff!important;border-radius:10px;
font-size:11px!important;letter-spacing:.03em!important;font-weight:900!important;
margin:0 0 18px!important;
}
body.sa-partners-page .pp .sa-v32-step-referrals .sa-v32-index {color:#087977!important;background:#e5f8f5!important}
body.sa-partners-page .pp .sa-v32-step-rate .sa-v32-index {color:#6641aa!important;background:#f0ecff!important}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step small {
color:#526985!important;font-size:10px!important;font-weight:850!important;
letter-spacing:.09em!important;line-height:1.4!important;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step strong {
color:#142e56!important; font-size:clamp(25px,2.65vw,37px)!important;
line-height:1.1!important; font-weight:900!important; letter-spacing:-.042em!important;
margin:12px 0 10px!important;overflow-wrap:anywhere;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step .sa-v32-step-note {
display:block!important;color:#596f8a!important;font-size:11px!important;
line-height:1.5!important;letter-spacing:0!important;margin-top:auto!important;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step-total {
background:linear-gradient(145deg,#163762 0%,#0d203d 100%)!important;
border:1px solid #365d90!important;box-shadow:0 14px 34px rgba(12,37,73,.22)!important;
}
body.sa-partners-page .pp .sa-v32-step-total::before {background:linear-gradient(90deg,#f6cc7e,#e5a854)}
body.sa-partners-page .pp .sa-v32-step-total .sa-v32-index {
color:#f6d29a!important;background:rgba(246,211,155,.12)!important;
border:1px solid rgba(248,217,164,.2)!important;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step-total small {
color:#d7e7ff!important;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step-total strong {
color:#ffdea3!important;font-size:clamp(23px,2.35vw,33px)!important;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step-total .sa-v32-step-note {
color:#cddbf0!important;
}
body.sa-partners-page .pp .sa-v32-example-footer {
display:flex;align-items:flex-start;gap:9px;
padding:12px 3px 0!important;
}
body.sa-partners-page .pp .sa-v32-example-footer>span {
color:#2d6bc8!important;font-size:16px;line-height:1.4;flex:0 0 auto;
}
body.sa-partners-page .pp .sa-v32-example-footer p {
margin:0!important; color:#516987!important;font-size:12px!important;
line-height:1.7!important;max-width:960px;
}
body.sa-partners-page .pp .sa-v32-example-footer + .legal {
color:#526682!important;font-size:11px!important;line-height:1.7!important;margin:9px 0 0!important;
}
@media(max-width:1100px){
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey {
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step {min-height:166px;}
}
@media(max-width:650px){
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey {
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;padding:10px!important;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step{
padding:17px 12px!important;min-height:158px;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step strong{
font-size:clamp(20px,6vw,27px)!important;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step-total strong {
font-size:clamp(19px,5.1vw,25px)!important;
}
body.sa-partners-page .pp .sa-v32-step .sa-v32-index {margin-bottom:11px!important;}
body.sa-partners-page .pp .sa-v32-example-heading {align-items:flex-start;}
body.sa-partners-page .pp .sa-v32-example-badge {font-size:9px;}
}
@media(max-width:650px){
body.sa-partners-page .pp .sa-v32-earnings-journey .sa-v32-step-plan,
body.sa-partners-page .pp .sa-v32-earnings-journey .sa-v32-step-total {
grid-column:1/-1!important;min-height:125px!important;
}
body.sa-partners-page .pp .sa-v32-earnings-journey .sa-v32-step-total {
min-height:135px!important;
}
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey .sa-v32-step-total strong {
font-size:clamp(26px,7.5vw,34px)!important;white-space:nowrap!important;overflow-wrap:normal!important;
}
}
@media(max-width:355px){
body.sa-partners-page .pp .yearly-example.sa-v32-earnings-journey{grid-template-columns:1fr!important;}
}
/* SwarajAlgo V36 — single Partner Program CTA redesign. Deliberately scoped to one banner. */
html body #sa-partner36-banner.sa-partner36-banner {
box-sizing:border-box!important;
isolation:isolate!important;
position:relative!important;
display:block!important;
clear:both!important;
width:100%!important;
max-width:100%!important;
margin:52px auto 12px!important;
padding:50px 26px 47px!important;
overflow:hidden!important;
text-align:center!important;
color:#fff!important;
border-radius:28px!important;
border:1px solid #3d88e7!important;
background:
radial-gradient(ellipse at 50% -48%,rgba(255,208,103,.22),transparent 52%),
radial-gradient(ellipse at 3% 106%,rgba(16,87,195,.45),transparent 48%),
radial-gradient(ellipse at 101% 108%,rgba(14,98,227,.35),transparent 47%),
linear-gradient(135deg,#071934 0%,#050f22 40%,#071b3c 100%)!important;
box-shadow:0 26px 75px rgba(2,13,34,.25),inset 0 0 0 1px rgba(255,214,125,.17)!important;
}
html body #sa-partner36-banner::before,html body #sa-partner36-banner::after{
content:""!important;position:absolute!important;pointer-events:none!important;display:block!important;z-index:-1!important;
}
html body #sa-partner36-banner::before{
inset:0!important;
border-radius:inherit!important;
background-image:radial-gradient(circle,rgba(120,173,255,.4) 1.1px,transparent 1.9px)!important;
background-size:19px 19px!important;
background-position:4px 3px!important;
opacity:.2!important;
-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 21%,transparent 78%,#000 100%)!important;
mask-image:linear-gradient(90deg,#000 0,transparent 21%,transparent 78%,#000 100%)!important;
}
html body #sa-partner36-banner::after{
inset:auto 10% -5px 10%!important;
height:3px!important;
border-radius:99px!important;
background:linear-gradient(90deg,transparent,#e6b05f 27%,#64a9ff 53%,#e9bb6b 77%,transparent)!important;
box-shadow:0 0 18px 2px rgba(109,166,255,.35)!important;
}
html body #sa-partner36-banner .sa-partner36-waves{
pointer-events:none;position:absolute;inset:0;width:100%;height:100%;opacity:.55;z-index:-1;
}
html body #sa-partner36-banner .sa-partner36-identity {
display:inline-flex!important;align-items:center!important;justify-content:center!important;
gap:12px!important;max-width:100%;padding:8px 20px!important;
border-radius:999px!important;border:1px solid rgba(236,191,111,.7)!important;
background:rgba(5,17,39,.65)!important;
color:#edf4ff!important;font-size:12px!important;line-height:1.3!important;font-weight:850!important;
letter-spacing:.14em!important;white-space:normal!important;
box-shadow:0 8px 23px rgba(1,7,24,.18)!important;
}
html body #sa-partner36-banner .sa-partner36-crown{display:grid;place-items:center;width:24px;height:24px;color:#f5cd80;}
html body #sa-partner36-banner .sa-partner36-crown svg{display:block;width:23px;height:23px;}
html body #sa-partner36-banner h2#sa-partner36-title{
display:block!important;max-width:1100px!important;
font-family:inherit!important;
color:#f7faff!important;
font-size:clamp(27px,4.05vw,56px)!important;
line-height:1.1!important;letter-spacing:-.052em!important;
font-weight:900!important;margin:25px auto 12px!important;
text-align:center!important;
text-wrap:balance!important;
background:none!important;-webkit-text-fill-color:initial!important;
}
html body #sa-partner36-banner h2#sa-partner36-title .sa-partner36-title-line{display:inline;white-space:normal;}
html body #sa-partner36-banner h2#sa-partner36-title em{
display:inline!important;font-style:normal!important;color:#f4ca7f!important;
background:linear-gradient(90deg,#ffebaa,#e9b45c)!important;
background-clip:text!important;-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
}
html body #sa-partner36-banner p.sa-partner36-subtitle{
color:#c9d6ea!important;font-size:clamp(14px,1.65vw,20px)!important;
line-height:1.55!important;margin:12px auto 29px!important;max-width:740px!important;
text-align:center!important;letter-spacing:.005em!important;
}
html body #sa-partner36-banner .sa-partner36-actions{
display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,.8fr) minmax(245px,1.9fr) minmax(0,.8fr) minmax(0,.78fr)!important;
align-items:center!important;gap:8px!important;
max-width:1160px!important;margin:0 auto!important;position:relative!important;
}
html body #sa-partner36-banner .sa-partner36-feature{
min-width:0;display:flex!important;flex-direction:column!important;align-items:center!important;
gap:10px!important;justify-content:center!important;padding:7px 0!important;
}
html body #sa-partner36-banner .sa-partner36-feature-icon{
display:grid!important;place-items:center!important;width:60px;height:60px;border-radius:50%!important;
color:#f5ce80!important;border:1px solid rgba(242,200,113,.77)!important;
background:radial-gradient(circle at 28% 21%,rgba(241,194,112,.22),rgba(6,19,43,.95) 65%)!important;
box-shadow:0 0 0 3px rgba(242,200,113,.06),0 13px 24px rgba(0,0,0,.19)!important;
}
html body #sa-partner36-banner .sa-partner36-feature:nth-of-type(2) .sa-partner36-feature-icon,
html body #sa-partner36-banner .sa-partner36-feature:nth-of-type(3) .sa-partner36-feature-icon{
color:#87cbff!important;border-color:#458fee!important;
background:radial-gradient(circle at 28% 20%,rgba(80,136,251,.32),rgba(6,19,43,.95) 65%)!important;
}
html body #sa-partner36-banner .sa-partner36-feature-icon svg{width:31px;height:31px;display:block;}
html body #sa-partner36-banner .sa-partner36-feature-text{
color:#e7efff!important;font-size:clamp(11px,1.18vw,15px)!important;
line-height:1.4!important;font-weight:720!important;text-align:center!important;
}
html body #sa-partner36-banner a.sa-partner36-join{
display:inline-flex!important;box-sizing:border-box!important;align-items:center!important;
justify-content:center!important;gap:12px!important;text-decoration:none!important;
font-family:inherit!important;font-size:clamp(12px,1.22vw,16px)!important;font-weight:900!important;
line-height:1.3!important;white-space:normal!important;text-align:center!important;
min-height:67px!important;min-width:0!important;width:100%!important;
padding:15px 18px!important;margin:0!important;
border-radius:17px!important;
border:1px solid rgba(255,242,178,.95)!important;
background:linear-gradient(165deg,#ffe8a0 0%,#f5cd75 48%,#db9e41 100%)!important;
color:#071c38!important;box-shadow:0 13px 28px rgba(181,123,36,.22),inset 0 1px rgba(255,255,255,.8)!important;
transition:transform .18s,filter .18s,box-shadow .18s!important;
}
html body #sa-partner36-banner a.sa-partner36-join:hover,
html body #sa-partner36-banner a.sa-partner36-join:focus-visible{
transform:translateY(-3px)!important;filter:brightness(1.065)!important;
box-shadow:0 20px 38px rgba(181,123,36,.34),0 0 0 4px rgba(255,216,134,.11)!important;
}
html body #sa-partner36-banner a.sa-partner36-join:focus-visible{
outline:3px solid #83c5ff!important;outline-offset:4px!important;
}
html body #sa-partner36-banner a.sa-partner36-join:active{transform:translateY(0)!important;}
html body #sa-partner36-banner .sa-partner36-btn-icon,
html body #sa-partner36-banner .sa-partner36-btn-arrow{flex:0 0 auto;display:grid;place-items:center;}
html body #sa-partner36-banner .sa-partner36-btn-icon svg{display:block;width:24px;height:24px;}
html body #sa-partner36-banner .sa-partner36-btn-arrow svg{display:block;width:20px;height:20px;}
@media(max-width:1000px){
html body #sa-partner36-banner .sa-partner36-actions{
grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;
}
html body #sa-partner36-banner .sa-partner36-join{grid-column:1/-1!important;grid-row:1!important;max-width:420px!important;justify-self:center!important;}
html body #sa-partner36-banner .sa-partner36-feature{grid-row:2!important;}
}
@media(max-width:650px){
html body #sa-partner36-banner.sa-partner36-banner{
width:100%!important;padding:35px 18px 30px!important;margin:36px auto 15px!important;border-radius:22px!important;
}
html body #sa-partner36-banner .sa-partner36-identity{padding:9px 11px!important;gap:7px!important;font-size:9px!important;letter-spacing:.075em!important;}
html body #sa-partner36-banner .sa-partner36-crown,.sa-partner36-crown svg{width:19px;height:19px;}
html body #sa-partner36-banner h2#sa-partner36-title{font-size:clamp(27px,7.2vw,38px)!important;line-height:1.15!important;margin:20px auto 9px!important;}
html body #sa-partner36-banner h2#sa-partner36-title br{display:none!important;}
html body #sa-partner36-banner p.sa-partner36-subtitle{margin:12px 0 24px!important;font-size:14px!important;}
html body #sa-partner36-banner .sa-partner36-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;}
html body #sa-partner36-banner .sa-partner36-join{grid-column:1/-1!important;grid-row:1!important;min-height:60px!important;padding:12px 10px!important;}
html body #sa-partner36-banner .sa-partner36-feature{grid-row:auto!important;min-height:107px;gap:9px!important;}
html body #sa-partner36-banner .sa-partner36-feature-text{font-size:12px!important;}
html body #sa-partner36-banner .sa-partner36-feature-icon{width:52px;height:52px;}
html body #sa-partner36-banner .sa-partner36-feature-icon svg{width:26px;height:26px;}
}
@media(prefers-reduced-motion:reduce){html body #sa-partner36-banner a.sa-partner36-join{transition:none!important;}}
/* Guard against legacy global heading span colours. */
html body #sa-partner36-banner h2#sa-partner36-title span.sa-partner36-title-line{color:#f7faff!important;-webkit-text-fill-color:#f7faff!important;}
html body #sa-partner36-banner h2#sa-partner36-title span.sa-partner36-title-line em{background:linear-gradient(90deg,#ffebaa,#e9b45c)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}