﻿/* PISI UI optimization layer - blue AI finance theme */
:root{
  --pisi-navy:#041326;
  --pisi-navy-2:#071d3a;
  --pisi-blue:#0b63ce;
  --pisi-cyan:#24c8ff;
  --pisi-silver:#d8ecff;
  --pisi-orange:#ff8a1c;
  --pisi-text:#eef7ff;
  --pisi-muted:#b6cce6;
}
html{scroll-behavior:smooth;}
body{
  background: radial-gradient(circle at 20% 0%, rgba(26,136,255,.28), transparent 34%), linear-gradient(180deg,var(--pisi-navy),#020913 68%,#050b16) !important;
  color:var(--pisi-text) !important;
  overflow-x:hidden;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:linear-gradient(rgba(36,200,255,.045) 1px, transparent 1px),linear-gradient(90deg,rgba(36,200,255,.045) 1px, transparent 1px);
  background-size:46px 46px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,.1));
}
/* Header */
.site-header,.ast-primary-header-bar,.main-header-bar,.site-primary-header-wrap{
  background:rgba(4,19,38,.82) !important;
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(36,200,255,.18) !important;
  box-shadow:0 12px 40px rgba(0,20,60,.22);
}
.ast-container,.site-primary-header-wrap.ast-container{max-width:1460px !important;}
.ast-builder-grid-row{display:flex !important; align-items:center !important; justify-content:space-between !important; gap:24px !important; grid-template-columns:none !important;}
.site-header-primary-section-left{flex:0 0 260px !important; min-width:220px !important;}
.site-header-primary-section-right{flex:1 1 auto !important; min-width:0 !important; justify-content:flex-end !important;}
.site-logo-img img.custom-logo,.custom-logo-link img,.site-header img.custom-logo{
  width:220px !important; max-width:220px !important; height:auto !important; object-fit:contain !important; filter:drop-shadow(0 0 12px rgba(44,176,255,.55));
}
.main-header-menu,.ast-builder-menu-1 .main-header-menu{
  display:flex !important; align-items:center !important; justify-content:flex-end !important; flex-wrap:nowrap !important; gap:4px !important; width:auto !important;
}
.main-header-menu>.menu-item{flex:0 0 auto !important; white-space:nowrap !important; margin:0 !important;}
.ast-builder-menu-1 .menu-item>.menu-link,.main-header-menu>.menu-item>.menu-link{
  width:auto !important; display:flex !important; align-items:center !important; gap:6px !important;
  padding:0 10px !important; border:0 !important; color:#dcefff !important; font-size:15px !important; line-height:74px !important; letter-spacing:.01em;
}
.ast-builder-menu-1 .menu-item:hover>.menu-link,.ast-builder-menu-1 .current-menu-item>.menu-link{color:var(--pisi-cyan) !important; background:transparent !important;}
.ast-header-navigation-arrow{display:inline-flex !important; opacity:.85; transform:scale(.72);}
.ast-builder-menu-1 .sub-menu,.main-header-menu .sub-menu{
  background:rgba(4,19,38,.96) !important; border:1px solid rgba(36,200,255,.2) !important; border-radius:14px !important; padding:10px !important; box-shadow:0 20px 60px rgba(0,0,0,.42) !important; min-width:230px !important;
}
.ast-builder-menu-1 .sub-menu .menu-link{line-height:1.35 !important; padding:11px 14px !important; color:#dcefff !important; border-radius:10px !important; font-size:14px !important; white-space:normal !important;}
.ast-builder-menu-1 .sub-menu .menu-link:hover{background:rgba(36,200,255,.12) !important; color:white !important;}
.ast-custom-button,.ast-custom-button-link{display:none !important;}
/* Hero */
.elementor-element-420fa8b{
  min-height:100vh !important; margin-top:0 !important; padding:150px 20px 90px !important; position:relative !important; overflow:hidden !important;
  background-image:linear-gradient(180deg,rgba(2,8,18,.42),rgba(2,8,18,.85)),url('/static/picture/pisi-ai-blue-hero-bg.png') !important;
  background-size:cover !important; background-position:center !important;
}
.elementor-element-420fa8b .elementor-background-video-container{display:none !important;}
.elementor-element-420fa8b>.e-con-inner{
  min-height:calc(100vh - 240px) !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; gap:28px !important;
}
.elementor-element-e91f4ce{width:100% !important; margin:0 !important;}
.elementor-element-e91f4ce .elementor-heading-title{
  max-width:1120px; margin:0 auto !important; color:#fff !important; font-size:clamp(42px,6vw,92px) !important; line-height:1.05 !important; letter-spacing:-.04em !important; text-shadow:0 12px 42px rgba(0,0,0,.55),0 0 28px rgba(36,200,255,.38);
}
.elementor-element-1097a2e{margin:0 !important; text-align:center !important; width:auto !important;}
.elementor-button,.elementor-button-link,.wp-block-button__link{
  background:linear-gradient(135deg,#0b73ff,#1fd3ff) !important; color:#fff !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:999px !important; padding:15px 34px !important; font-weight:700 !important; box-shadow:0 16px 42px rgba(16,126,255,.35) !important; transition:.25s ease !important;
}
.elementor-button:hover{transform:translateY(-2px); box-shadow:0 20px 52px rgba(31,211,255,.45) !important;}
/* Sections */
.site-content,.ast-container,#content{background:transparent !important;}
.elementor-section,.e-con,.elementor-element.e-con,.entry-content section{
  color:var(--pisi-text);
}
.elementor-element:not(.elementor-element-420fa8b) .e-con-inner,
.elementor-section:not(.elementor-element-420fa8b){
  position:relative;
}
.elementor-widget-heading .elementor-heading-title,h1,h2,h3,h4{
  color:#f4fbff !important;
}
.elementor-widget-text-editor,p,li{color:var(--pisi-muted) !important;}
.elementor-element-b1f2836,.elementor-element-7c99507,.elementor-element-12c5ef0,.elementor-element-62e00ab,
.page_box:not(.page_01){
  background:linear-gradient(180deg,rgba(6,30,62,.86),rgba(3,13,28,.92)) !important;
}
.elementor-widget-container img,.wp-image-4736,.elementor img{
  border-radius:18px;
}
/* Cards and content blocks */
.elementor-widget-wrap,.elementor-column,.elementor-element .elementor-widget-container{
  box-sizing:border-box;
}
.elementor-element .elementor-widget-container:has(p){
  line-height:1.75;
}
/* Footer */
.site-footer,.site-primary-footer-wrap,.site-below-footer-wrap{
  background:#020b18 !important; color:#cfe8ff !important; border-top:1px solid rgba(36,200,255,.14) !important;
}
.site-footer a{color:#62d8ff !important;}
/* Mobile */
@media (max-width:1200px){
  .site-header-primary-section-left{flex-basis:220px !important; min-width:190px !important;}
  .site-logo-img img.custom-logo,.custom-logo-link img{width:190px !important; max-width:190px !important;}
  .ast-builder-menu-1 .menu-item>.menu-link,.main-header-menu>.menu-item>.menu-link{font-size:13px !important; padding:0 7px !important;}
}
@media (max-width:921px){
  .ast-builder-grid-row{display:grid !important; grid-template-columns:1fr auto !important;}
  .site-logo-img img.custom-logo,.custom-logo-link img{width:170px !important; max-width:170px !important;}
  .elementor-element-420fa8b{padding-top:110px !important; min-height:88vh !important;}
  .elementor-element-420fa8b>.e-con-inner{min-height:calc(88vh - 170px) !important;}
  .ast-mobile-header-content{background:#06172d !important;}
  #ast-hf-mobile-menu .menu-link{color:#eaf7ff !important; border-bottom:1px solid rgba(36,200,255,.12) !important;}
  #ast-hf-mobile-menu .sub-menu{background:rgba(36,200,255,.06) !important;}
}
@media (max-width:544px){
  .elementor-element-e91f4ce .elementor-heading-title{font-size:40px !important;}
}

/* PISI extended page polish - generated AI finance backgrounds and cleaner layouts */
body.page-template, body.elementor-page, body.wp-singular{
  background:
    radial-gradient(circle at 80% 10%, rgba(31,211,255,.18), transparent 30%),
    radial-gradient(circle at 15% 25%, rgba(11,99,206,.22), transparent 34%),
    linear-gradient(180deg,#031022 0%,#061a35 42%,#020711 100%) !important;
}
/* WordPress/Elementor inner pages */
.elementor-location-header + #content,
.site-content{
  background:transparent !important;
}
.elementor-element-12c5ef0,
.elementor-element-b1f2836,
.elementor-element-7c99507,
.elementor-element-62e00ab,
.entry-content > .elementor,
#primary .entry-content{
  background-color:transparent !important;
}
/* Hero/breadcrumb-like top areas on inner pages */
body:not(.home) .entry-content > .elementor > .elementor-element:first-child,
body:not(.home) .elementor-section-wrap > .elementor-element:first-child,
body:not(.home) .elementor > .elementor-element:first-child{
  background-image:
    linear-gradient(180deg,rgba(2,8,18,.34),rgba(2,8,18,.9)),
    url('/static/picture/pisi-ai-finance-banner-bg.png') !important;
  background-size:cover !important;
  background-position:center !important;
  border-bottom:1px solid rgba(36,200,255,.16) !important;
}
/* About/service/spirit content cards */
.entry-content .elementor-widget-text-editor,
.entry-content .elementor-widget-container:has(> p),
.elementor-widget-wrap:has(.elementor-widget-text-editor){
  border-radius:22px;
}
.entry-content .elementor-widget-text-editor .elementor-widget-container{
  background:rgba(5,22,45,.58) !important;
  border:1px solid rgba(36,200,255,.14) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.22) !important;
  padding:clamp(18px,2.4vw,34px) !important;
  backdrop-filter:blur(12px);
}
.entry-content .elementor-heading-title{
  text-shadow:0 10px 32px rgba(0,0,0,.35);
}
.elementor img{
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
/* Product pages without Astra header */
body:has(.page_box), body:has(.hero-section){
  background:
    radial-gradient(circle at 50% 0%, rgba(36,200,255,.16), transparent 28%),
    linear-gradient(180deg,#020914 0%,#061a35 48%,#020711 100%) !important;
}
.page_box{
  background:
    linear-gradient(180deg,rgba(3,12,28,.68),rgba(3,12,28,.92)),
    url('/static/picture/pisi-ai-quant-product-bg.png') center/cover fixed !important;
}
.page_box:nth-of-type(2n){
  background:
    linear-gradient(180deg,rgba(3,12,28,.78),rgba(3,12,28,.94)),
    url('/static/picture/pisi-ai-data-center-bg.png') center/cover fixed !important;
}
.page_box .row,
.page_box .page_content,
.page_06 .layer_content,
.tab_menu li,
.page_3_ul_item,
.page_4_ul_item{
  border-radius:22px;
}
.page_box .page_title,
.page_box .font-1,
.page_box .font-2,
.page_box p,
.page_box li{
  text-shadow:0 6px 24px rgba(0,0,0,.35);
}
.page_box .top_logo img{max-width:220px !important; height:auto !important; filter:drop-shadow(0 0 18px rgba(36,200,255,.5));}
.tab_menu li,
.page_3_ul_item,
.page_4_ul_item,
.layer_content,
.page_06 .layer_content{
  background:rgba(5,22,45,.72) !important;
  border:1px solid rgba(36,200,255,.18) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(12px);
}
.tab_menu li.active,
.tab_menu li:hover{
  border-color:rgba(31,211,255,.55) !important;
  box-shadow:0 18px 60px rgba(31,211,255,.18) !important;
}
/* PISI Alpha Personal page */
.container:has(.hero-section){
  width:100% !important; max-width:none !important; padding:0 !important;
  background:linear-gradient(180deg,#020914,#061b38 45%,#020914) !important;
}
.hero-section{
  min-height:92vh !important;
  padding:120px clamp(22px,6vw,88px) 80px !important;
  display:flex !important; align-items:center !important; gap:clamp(28px,5vw,80px) !important;
  background:
    linear-gradient(90deg,rgba(2,8,18,.68),rgba(2,8,18,.34)),
    url('/static/picture/pisi-ai-quant-product-bg.png') center/cover !important;
  border-bottom:1px solid rgba(36,200,255,.16);
}
.hero-section .text-content{max-width:720px !important;}
.hero-section .main-title{font-size:clamp(44px,6vw,92px) !important; line-height:1.02 !important; color:#fff !important; letter-spacing:-.04em !important;}
.hero-section .subtitle{font-size:clamp(18px,2vw,26px) !important; color:#ccecff !important; line-height:1.5 !important;}
.features-section,.ai-trading-section,.strategy-section,.iteration-section,.download-section{
  padding:clamp(72px,8vw,120px) clamp(18px,5vw,80px) !important;
  background:transparent !important;
}
.features-header,.ai-section-header,.strategy-container,.iteration-container,.download-container{
  max-width:1320px !important; margin:0 auto !important;
}
.feature-card,.ai-card,.strategy-card,.iteration-card,.features-header,.ai-body-container,.strategy-container,.iteration-content,.download-container{
  background:rgba(5,22,45,.66) !important;
  border:1px solid rgba(36,200,255,.16) !important;
  border-radius:24px !important;
  box-shadow:0 20px 58px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(12px);
}
.feature-card:hover,.strategy-card:hover,.ai-card:hover{transform:translateY(-4px); border-color:rgba(31,211,255,.45) !important;}
.card-title,.section-title,.ai-title,.strategy-title,.iteration-title,.download-title{color:#fff !important;}
.card-desc,.section-desc,.ai-desc,.strategy-desc{color:#bcd8f4 !important; line-height:1.72 !important;}
.footer{background:#020b18 !important; border-top:1px solid rgba(36,200,255,.16) !important; color:#cfe8ff !important; padding:34px 20px !important;}
@media (max-width:980px){
  .hero-section{flex-direction:column !important; text-align:center !important; padding-top:90px !important;}
  .features-header,.ai-body-container,.strategy-container,.download-container{grid-template-columns:1fr !important; flex-direction:column !important;}
}

/* PISI readability + mobile menu + bright AI background fix */
:root{
  --pisi-readable-text:#ffffff;
  --pisi-readable-muted:#d9efff;
  --pisi-readable-soft:#bfe3ff;
}
/* Brighter AI backgrounds: less black overlay and v2 imagery */
.elementor-element-420fa8b{
  background-image:linear-gradient(180deg,rgba(1,8,22,.18),rgba(1,8,22,.46)),url('/static/picture/pisi-ai-quant-product-bg-v2.png') !important;
}
body:not(.home) .entry-content > .elementor > .elementor-element:first-child,
body:not(.home) .elementor-section-wrap > .elementor-element:first-child,
body:not(.home) .elementor > .elementor-element:first-child{
  background-image:linear-gradient(180deg,rgba(1,8,22,.10),rgba(1,8,22,.38)),url('/static/picture/pisi-ai-finance-banner-bg-v2.png') !important;
  background-size:cover !important;
  background-position:center !important;
}
.page_box,
body .page_box,
html body .page_box,
html body div.page_box,
html body .page_box.aos-init{
  background:linear-gradient(180deg,rgba(2,12,30,.18),rgba(2,12,30,.52)),url('/static/picture/pisi-ai-quant-product-bg-v2.png') center/cover fixed !important;
}
.page_box:nth-of-type(even),
html body .page_box:nth-of-type(even),
html body div.page_box:nth-of-type(even){
  background:linear-gradient(180deg,rgba(2,12,30,.18),rgba(2,12,30,.50)),url('/static/picture/pisi-ai-data-center-bg-v2.png') center/cover fixed !important;
}
.hero-section,
html body .hero-section{
  background:linear-gradient(90deg,rgba(2,8,18,.24),rgba(2,8,18,.16)),url('/static/picture/pisi-ai-quant-product-bg-v2.png') center/cover !important;
}
/* Deep readable cards instead of light cards with pale text */
.entry-content .elementor-widget-text-editor .elementor-widget-container,
.entry-content .elementor-widget-container:has(> p),
.elementor-widget-container:has(article),
.elementor-post,
.ast-article-single,
.ast-article-post,
.site-main article,
.type-post,
.type-page .entry-content > .elementor,
.uael-post-wrapper,
.uael-post__bg-wrap,
.wpr-grid-item,
.wpr-post-grid-item{
  background:rgba(3,17,38,.82) !important;
  color:var(--pisi-readable-text) !important;
  border:1px solid rgba(70,190,255,.22) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.30) !important;
  backdrop-filter:blur(10px);
}
/* Force readable text on blue/dark backgrounds */
body,
.site-content,
.entry-content,
.entry-content *,
.elementor,
.elementor *,
.page_box,
.page_box *,
.container,
.container *,
.site-footer,
.site-footer *{
  color:var(--pisi-readable-text) !important;
}
p,li,span,div,small,
.elementor-widget-text-editor,
.elementor-widget-text-editor *,
.card-desc,.section-desc,.ai-desc,.strategy-desc,
.entry-content p,.entry-content li,.entry-content span{
  color:var(--pisi-readable-muted) !important;
}
h1,h2,h3,h4,h5,h6,
.entry-title,.page-title,.elementor-heading-title,
.uael-post__title,.uael-post__title a,
.wpr-grid-item-title,.wpr-grid-item-title a,
a h1,a h2,a h3,a h4,
.elementor a,
.entry-content a{
  color:#ffffff !important;
  text-shadow:0 3px 16px rgba(0,0,0,.55) !important;
}
/* News/list pages: black links become white and readable */
.site-main article a,
.entry-content article a,
.uael-post-wrapper a,
.wpr-grid-item a,
.elementor-post a,
.elementor-post__title a,
.wp-block-post-title a{
  color:#ffffff !important;
  text-decoration-color:rgba(100,210,255,.7) !important;
}
.site-main article p,
.uael-post__excerpt,
.elementor-post__excerpt,
.wpr-grid-excerpt,
.entry-summary{
  color:#d9efff !important;
}
/* Light Elementor boxes/cards from old design get dark glass background */
.elementor-widget-container[style*="background"],
.elementor-column-wrap,
.elementor-widget-wrap,
.wp-block-group,
.wp-block-columns,
.wp-block-media-text,
.entry-content .elementor-section:not(.elementor-element-420fa8b){
  color:#ffffff !important;
}
/* If old pages have white panels, make them dark blue so white text is visible */
.elementor-element[style*="background-color: #fff"],
.elementor-element[style*="background-color:#fff"],
.elementor-element[style*="background:#fff"],
.elementor-widget-container[style*="background-color: #fff"],
.elementor-widget-container[style*="background-color:#fff"],
.elementor-widget-container[style*="background:#fff"]{
  background:rgba(3,17,38,.84) !important;
}
/* Header/nav readability */
.main-header-menu>.menu-item>.menu-link,
.ast-builder-menu-1 .menu-item>.menu-link,
.ast-header-navigation-arrow,
.site-header a,
.ast-mobile-header-content a,
#ast-hf-mobile-menu a{
  color:#f4fbff !important;
}
.main-header-menu>.menu-item>.menu-link:hover,
.ast-builder-menu-1 .menu-item:hover>.menu-link,
.current-menu-item>.menu-link{color:#62d8ff !important;}
/* Mobile menu: show full tab menu, not just one item */
@media (max-width:921px){
  .ast-builder-grid-row{display:grid !important;grid-template-columns:1fr auto !important;align-items:center !important;}
  .main-header-menu,.ast-builder-menu-1 .main-header-menu{display:block !important;width:100% !important;}
  .main-header-menu>.menu-item,.ast-builder-menu-1 .main-header-menu>.menu-item{display:block !important;width:100% !important;height:auto !important;opacity:1 !important;visibility:visible !important;}
  .ast-mobile-header-content,
  .ast-mobile-popup-content,
  .ast-mobile-header-wrap .ast-mobile-header-content,
  #ast-mobile-header .ast-mobile-header-content{
    position:absolute !important;top:100% !important;left:0 !important;right:0 !important;width:100% !important;
    max-height:calc(100vh - 76px) !important;overflow:auto !important;
    background:rgba(3,14,31,.98) !important;border-top:1px solid rgba(70,190,255,.25) !important;
    box-shadow:0 24px 60px rgba(0,0,0,.5) !important;z-index:99999 !important;
  }
  .ast-mobile-header-content .main-header-menu,
  #ast-hf-mobile-menu,
  .ast-mobile-popup-content .main-header-menu{
    display:block !important;padding:10px 16px 18px !important;background:transparent !important;
  }
  #ast-hf-mobile-menu .menu-item,
  .ast-mobile-header-content .menu-item,
  .ast-mobile-popup-content .menu-item{
    display:block !important;width:100% !important;height:auto !important;min-height:0 !important;overflow:visible !important;
    border-bottom:1px solid rgba(70,190,255,.14) !important;
  }
  #ast-hf-mobile-menu .menu-link,
  .ast-mobile-header-content .menu-link,
  .ast-mobile-popup-content .menu-link{
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    width:100% !important;height:auto !important;line-height:1.35 !important;padding:14px 4px !important;
    white-space:normal !important;color:#ffffff !important;font-size:16px !important;
  }
  #ast-hf-mobile-menu .sub-menu,
  .ast-mobile-header-content .sub-menu,
  .ast-mobile-popup-content .sub-menu{
    display:block !important;position:static !important;visibility:visible !important;opacity:1 !important;
    width:100% !important;min-width:0 !important;margin:0 !important;padding:0 0 8px 14px !important;
    background:rgba(60,180,255,.08) !important;border:0 !important;box-shadow:none !important;border-radius:10px !important;
  }
  #ast-hf-mobile-menu .sub-menu .menu-link,
  .ast-mobile-header-content .sub-menu .menu-link{font-size:14px !important;padding:10px 8px !important;color:#d9efff !important;}
}
/* Keep important button labels readable */
button,.button,.elementor-button,.wp-block-button__link,.ast-custom-button{color:#ffffff !important;}

/* PISI legacy panel readability fix */
.who-we-are-container,
.content-wrapper,
.chart-section,
.text-paragraph,
.chart-text,
.container-box,
.content-box,
.page-content,
.elementor-element .who-we-are-container,
.entry-content .who-we-are-container{
  background:rgba(3,17,38,.88) !important;
  color:#ffffff !important;
  border-color:rgba(84,202,255,.28) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.36) !important;
}
.who-we-are-container *,.content-wrapper *,.text-paragraph *,.chart-text *,.chart-section *{
  color:#ffffff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.45) !important;
}
.who-we-are-container p,.text-paragraph p,.chart-side-text{color:#e6f6ff !important;}
.decor-line-top,.decor-line-bottom{background:rgba(100,210,255,.45) !important;border-color:rgba(100,210,255,.45) !important;}
